.clearall {
    clear: both !important;
}
.botdistance10 {
    margin-bottom: 100px !important;
}
/*--------Select a Product-------*/
.modal-dialog {
    width: 85%;}
.modal-body{
	padding: 0px 20px 20px 20px;
	margin-top: 15px;}/*20190221 add*/
.modal-body .selectContent h5 {
    border-left: 2px solid #D0E3F0;
    background: #F0F7FD;
    margin: 0px;
    display: block;
    width: 100%;
    padding: 5px 10px;}
.modal-body .selectContent h6 {
    margin-bottom: 5px;
    padding: 10px 0px 10px 0px;
    color: #da790e;
    font-size: 13px;}
.modal-body .selectContent dl {
    padding-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-left: 10px;}
.modal-body .selectContent dt {
    font-weight: normal;
    margin-bottom: 5px;}
/*.modal-body .selectContent dd {
    background: url(../img/icons/icon_arrow_dot_black.png) no-repeat 0px 9px;
    padding-left: 8px;}----201903���ëݧR*/
/*----------home-spotlight(success story block) 201801 new--------*/
.highlightgroup {
    margin-top: 20px;
    display: block;}
.highlightitle, .highlightext {
    font-size: 16px;}
.highlightitle {
    color: #008ae6;
    margin: 0px 5px -22px 0px!important;}
.highlightext, .highlightext a {
    color: #666666;}
.highlightext a:hover {
    color: #666666;
    text-decoration: underline;}
.homemidbg {
    background-attachment: fixed!important;
    background: url(/Public/img/botbanner/techbgpic2.jpg) #17132e center top no-repeat;
    background-size: cover;
    padding-bottom: 10px;
    box-sizing: border-box;}
.spotboxblock {
    padding: 30px 0px 50px 0px;}
.spotlighth3, .storyspoth3 {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;}
.spotlighth3 {
    margin: 30px 0px 10px 0px;
    color: #808080!important;}
.storyspoth3 {
    margin: 30px 0px 0px 0px;
    color: #FFFFFF!important;}
.spotthumb, .istorythumb {
    align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between/*�����*/;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    -ms-flex-wrap: wrap;}
.spotthumb {
    margin: 10px 0px!important;}
.childbox1, .childbox2, .istorybox1, .istorybox_empty {
    width: 32%;
    margin: 20px 0px;}
.childbox1 {
    background: #f2f2f2;}
.childbox2, .istorybox1 {
    background: #FFFFFF;}
.istorybox1 {
    cursor: pointer;
    border: 1px solid #bfbfbf;}
.istorybox1:hover {
    border: 1px solid #999999;
    box-shadow: 1px 0px 10px 2px #d9d9d9;}
.childbox1 img, .childbox2 img, .istorybox1 img {
    width: 100%;}
.innertext, .istorybox_text {
    padding: 20px;
    box-sizing: border-box;}
.innertext h4 {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
    margin: 0px 0px 10px 0px;}
.innertext p {
    font-size: 18px;
    color: #666666;
    line-height: 28px;
    margin: 0px;}
.innertext p a {
    color: #808080;
    text-decoration: none;}
.innertext p a:hover {
    color: #4d4d4d;
    text-decoration: underline;}
.morelink1 {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 500;
    vertical-align: bottom;
    margin: 15px 0px 0px 0px;
    text-decoration: none;}
.morelink1 a {
    color: #008ae6;
    text-decoration: none;}
.morelink1 a:hover {
    color: #0059b3;
    text-decoration: none;}
.arrowpic {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url(/Public/img/icons/blue_arrow1.png) no-repeat bottom left;
    background-size: cover;
    margin: 0px 0px -2px 7px;}

/*--------product series 20172 use began--------*/
.notice_text {
    color: #f75e70;
    font-size: 12px;
    font-weight: normal;
}
.explain_text1:after {
    content: "*";
    color: #66cc66;
    font-weight: 800;
    padding-left: 4px;
}/*for green text-after*/
.explain_text2:before {
    content: "*";
    color: #66cc66;
    font-weight: 800;
    padding-right: 4px;
}/*for green text-before*/
.explain_text3 {
    font-size: 20px;
    color: #999999;
    line-height: 28px;
    margin-bottom: 50px;
}
/*----------product overview page use----------*/
.graytablelist {
    width: 100%;
    font-size: 16px;
    border: 1px solid #cccccc;
    border-collapse: collapse;
}
.graytablelist th {
    color: #003d66;
    font-weight: bold;
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: top;
    padding: 15px 5px;
    line-height: 22px;
    border-right: 1px solid #cccccc;
}
.graytablelist th img {
    width: 100%;
    max-width: 100%!important;
}
.graytablelist th a, .graytablelist td a {
    color: #008ae6;
    text-decoration: underline;
}
.graytablelist th a:hover, .graytablelist td a:hover {
    color: #1aa3ff;
    text-decoration: none;
}
.graytablelist .row9 {
    width: 9%;
}
.graytablelist .row8 {
    width: 11%;
}
.graytablelist .row7 {
    width: 13.2%;
}
.graytablelist .row6 {
    width: 15.5%;
}
.graytablelist .row5 {
    width: 17.5%;
}
.graytablelist .row4 {
    width: 21%;
}
.graytablelist .row3 {
    width: 27%;
}
.graytablelist .row2 {
    width: 36%;
}
.graytablelist .row1 {
    width: 75%;
}
.graytablelist td .bkhead {
    color: #737373!important;
}
.graytablelist td {
    line-height: 24px;
    vertical-align: middle;
    color: #333333;
    padding: 7px;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    text-align: center;
}
.graytablelist .vmiddle {
    vertical-align: middle!important;
}
.graytablelist .vtop {
    vertical-align: top!important;
}
.graytablelist .vbot {
    vertical-align: bottom!important;
}
.graytablelist .left {
    text-align: left!important;
}
.graytablelist .bold {
    font-weight: bold!important;
}
.graytablelist .bkhead {
    color: #0d0d0d;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.graytablelist img {
    max-width: 100%!important;
    margin: 5px 0px;
}
.yesicon {
    width: 24px;
    height: 24px;
    background: url(/Public/img/icons/grayok.png) center center no-repeat;
}
.graytablelist .prodpic {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0px 0px 10px 0px;
}
.graytablelist .prodpic img {
    width: 115px;
    max-width: 80%!important;
}
.tooltip {
    font-weight: normal!important;
}
.tooltip-inner {
    max-width: 250px!important;
    background-color: #003d66!important;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #003d66!important;
}
/*--------prod_style20172 undefine end--------*/
/*-------Quick Product Selection-201712 no use began-----*/
ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}
.resp-tabs-list li {
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}
.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}
.resp-tab-active {
    border: 1px solid #d9d9d9 !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
    border-top: 4px solid #04507b !important;
    border-bottom: none !important;
    background-color: #FFFFFF;
    border-radius: 3px 3px 0px 0px;
    background-color: #fff;
}
.resp-content-active, .resp-accordion-active {
    display: block;
}
.resp-tab-content {
    display: none;
    padding: 15px;
    border: 1px solid #d9d9d9;
}
h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    border-top: none;
    margin: 0px;
    padding: 10px 15px;
}
h2.resp-tab-active {
    border-bottom: none !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}
h2.resp-tab-title:last-child {
    border-bottom: none !important;
    background: #FFFFFF;
}
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}
.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 5px 7px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}
.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
    border-top: 1px solid #d9d9d9;
    border: 1px solid #5385bc !important;
    border-left: 4px solid #5385bc !important;
    margin-bottom: 4px !important;
    border-right: 1px solid #d9d9d9 !important;
}
.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #b3b3b3;
}
h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #5385bc;
}
.resp-tabs-container .prodimg {
    height: 50px;
}
.resp-tabs-container .prodimg img {
    max-width: 90%;
}
.resp-tabs-container .prdbox {
    width: 200px;
    min-height: 250px;
    text-align: center;
    vertical-align: top;
    float: left;
    margin: 10px 0px 20px 0px;
    padding: 0px 10px;
    box-sizing: border-box;
}
.resp-tabs-container .sparateline {
    border-right: 1px dotted #bfbfbf;
}
.resp-tabs-container ul {
    font-size: 14px;
}
.resp-tabs-container ul li {
    line-height: 27px;
}
.resp-tabs-container ul li a {
    color: #007acc;
    white-space: nowrap;
}
.resp-tabs-container ul li a:hover {
    text-decoration: none!important;
}
.resp-tabs-container ul li:hover {
    background-color: #e6e6e6!important;
}
.resp-tabs-container h4, .resp-tabs-container h4 a {
    font-weight: 14px!important;
    color: #262626!important;
    text-decoration: none;
    margin: 7px 0px 5px 0px;
}
.resp-tabs-container h4 a:hover {
    color: #737373!important;
    text-decoration: underline;
}
/*-------201712 no use end-----*/
/*-------Quick Product Selection-201712 new began-----*/
.prodbox2 {
    width: 200px;
    min-height: 180px;
    text-align: center;
    vertical-align: top;
    float: left;
    margin: 10px 0px 20px 0px;
    padding: 0px 10px;
    box-sizing: border-box;
}
.prodbox2 h4, .prodbox2 h4 a {
    font-weight: 14px!important;
    color: #262626!important;
    text-decoration: none;
    margin: 7px 0px 5px 0px;
}
.prodbox2 h4 a:hover {
    color: #737373!important;
    text-decoration: underline;
}
.prodbox2 ul {
    font-size: 14px;
}
.prodbox2 ul li {
    line-height: 27px;
}
.prodbox2 ul li a {
    color: #007acc;
    white-space: nowrap;
}
.prodbox2 ul li:hover {
    text-decoration: none!important;
    background-color: #e6e6e6!important;
}
/*-------Quick Product Selection-201712 new end-----*/


/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #FFF;/* !important;*/
}
.resp-easy-accordion h2.resp-accordion {
    display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #d9d9d9;
}
.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #d9d9d9;/* !important;*/
}
.resp-jfit {
    width: 100%;
    margin: 0px;
}
.resp-tab-content-active {
    display: block;
}
h2.resp-accordion:first-child {
    border-top: 1px solid #d9d9d9;/* !important;*/
}
/*--------------------------------------------------------------------------------------------
Page header
----------------------------------------------------------------------------------------------*/
#pageHeader {
    margin: 0px;
    color: #262626;
}
#pageHeader h1 {
    margin: 0px 0px 5px 0px;
    text-align: left;
}
#pageHeader h2 {
    font-size: 18px!important;
    color: #4d4d4d;
    line-height: 23px;
    font-weight: normal;
}
#pageHeader h4 {
    font-weight: normal;
    margin-top: 10px;
}
#pageHeader .page-header {
    border-bottom: none !important;
    width: 100%!important;
    margin: 10px 10px 0px -15px;
}
.blockheadline1 {
    font-size: 28px;
    color: #808080;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}
.blockheadline2 {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
    margin: 20px 0px;
}
.wideblue1 {
    width: 100%;
    background: #0099e6;
}
.widegray1 {
    width: 100%;
    background: #b3b3b3;
}
/*---------page header images-------------*/
.header_product, .header_ESDS, .header_ESVA, .header_EonNAS, .header_EonStor, .header_JB, .header_legacy, .header_enterprise, .header_SMB, .header_SOHO, .header_EonServ, .header_EonServ2, .header_techsupport, .header_success, .header_whitepaper, .header_appnote, .header_warranty, .header_warrantyFAQ, .header_ESVAsupport, .header_QuickService, .header_QuickServiceAPP, .header_solution, .header_buy, .header_NAS-dealer, .header_inquiry, .header_alliance, .header_channel, .header_association, .header_ODM, .header_award, .header_about, .header_job, .header_milstone, .header_certification, .header_environment, .header_PR, .header_IFTletter, .header_NASletter, .header_PR-contact, .header_office, .header_investor, .header_event, .header_aboutTW, .header_officeTW, .header_employeeTW, .header_supplierTW, .header_customerTW, .header_investorTW, .header_developTW, .header_environmentTW, .header_governanceTW, .header_commitTW, .header_history_TW, .header_privacy, .header_legal, .header_locationmap {
    background: none;
}
/*---------main content---------------*/
#main .jumbtron {
    padding: 10px;
    font-size: 14px !important;
}
/*
#main article ul {
    margin: 0px;
    padding: 0px;
}
#main article ul li {
    margin-left: 20px;
}
/*#main label {
	font-weight: normal;
}*/
#mainContent {
    margin-bottom: 20px;
}
#mainContent hgroup {
    margin-bottom: 10px;
}
#mainContent h3 {
    margin-top: 0px;
    padding: 10px 0px;
}
#mainContent h4 {
    color: #da790e;
    margin-bottom: 8px;
}
#mainContent h5 {
    color: #036;
    margin-bottom: 8px;
    font-weight: bold;
}
/*#mainContent ol li {
	background: url(../img/icons/ico_dot.gif) no-repeat 0px 6px;
	padding-left: 12px;
}*/
#summary h3 {
    color: #FFF;
    background: #3c9dcd;
    margin: 0px;
    padding: 10px;
}
#summary h4 {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #da790e;
}
#summary h5 {
    margin-top: 0px;
    color: #333;
}
#summary h6 {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #3c9dcd;
}
#summary figure {
    margin-bottom: 15px;
}
#summary article p {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 22px;
}
#summary article ul {
    margin-left: 0px;
}
#summary article ul li {
    background: url(/Public/img/icons/ico_dot.gif) no-repeat 0px 6px;
    padding-left: 12px;
}
#summary .summaryTitle {
    padding: 7px 10px;
    border-left: 5px solid #D0E3F0;
    background: #F0F7FD;
    margin-bottom: 10px;
}
#summary .summaryTitle h4 {
    margin: 0px;
    padding: 0px;
}
#summary .summaryList ul {
    margin-bottom: 5px;
}
#summary .summaryList ul li {
    background: url(/Public/img/icons/ico_dot.gif) no-repeat 0px 6px;
    padding-left: 12px;
    margin-left: -5px;
}
#summary .summaryList h5 {
    color: #09C;
    padding-top: 2px;
    padding-bottom: 2px;
}
#summary .summaryList p {
    margin-bottom: 0px;
}
.handcursor {
    cursor: pointer;
}
#summary .list-unstyled li {
    line-height: 21px;
}
#summary .demoBTN {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}
#summary .demoBTN img {
    width: 85%;
}
#summary .demoBTN ul li {
    margin-bottom: 3px;
    background: url(/Public/css/none);
}
.popular ul {
    margin: 0px 0px 10px 25px;
    padding: 0px;
}
.popular li { /*White paper*/
    padding-bottom: 7px;
}
.award-icon {
    width: inherit;
    width: 105px;
    height: 23px;
}
/*Product:ESDS 3000 series*/
.advantage {
    margin-top: 10px;
    margin-bottom: 10px;
}
.advantage h6 {
}
/*Legacy*/
#legacy {
    margin-top: 80px;
    font-size: 20px;
}
#legacy h5 {
    font-size: 20px;
    padding-top:10px;
    padding-bottom: 10px;
}
#legacy h6 {
    font-size: 18px;
}
#legacy dl {
    margin-bottom: 30px;
}
#legacy dt {
    ont-size: 16px;
    font-weight: 600;
}
#legacy dd {
    font-size: 16px;
    padding-bottom: 5px;
}
#legacy .nav-tabs li {
    background: url(/Public/css/none);
    padding-left: 0px;
}
#legacy .nav>li>a {
    padding: 5px 20px!important;
}
.icoFeature img {
    margin-right: 5px;
    margin-top: 10px;
}
#legacy .modal-body {
    padding: 0px;
}
/*Legacy model pages*/
#legacyProduct .TabbedPanelsTabGroup li {
    background: url(/Public/css/none);
    list-style: none;
    margin: 0px;
}
#legacyProduct .TabbedPanelsContent {
    padding-top: 10px;
    padding-bottom: 10px;
}
#legacyProduct h5 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #3c9dcd;
}
#legacyProduct ol li {
    background: url(/Public/images/icon/ico_dot.gif) no-repeat 0px 6px;
    padding-left: 10px;
}
/*------------------tabs----------------*/
#myTab {
    margin-top: 15px;
}
.FamilyTab li a {
    height: 55px;
}
.FamilyTab li > ul li a {
    height: none;
    padding: 5px 10px;
}
.FamilyTab li > ul {
    box-shadow: none;
    border-top: none;
}
.FamilyTab li > ul li a:hover {
    color: #3c9dcd !important;
}
.FamilyTab li > ul li a:hover, .FamilyTab li > ul li a:active {
    background: #FFFFFF !important;
    border: none !important;
    color: #333333;
}
.FamilyTab li > ul li.active > a, .FamilyTab li > ul li.active > a:hover, .FamilyTab li > ul li.active > a:focus {
    background: #FFFFFF !important;
    border: none !important;
    color: #3c9dcd;
}
.FamilyTab .open > a, .FamilyTab .open > a:hover, .FamilyTab .open > a:focus {
    background: #FFFFFF !important;
}
.FamilyTab .dropdown-menu > li > a {
    border-radius: none !important;
}
.tabs {
    border-bottom: 1px solid #dddddd;
    display: block;
}
.tabs li {
    margin-bottom: -2px;
    float: left;
    margin-right: 1px;
}
.tabs a {
    padding: 5px 10px;
    display: inline-block;
    background: #CCC;
    text-decoration: none;
    color: #333;
}
.tabs a.active, .tabs a.hover, .tabs a.focus {
    color: #0066CC !important;
    cursor: default;
    background-color: #ffffff !important;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #dddddd;
}
#productSelector_tab .dropdown-menu > li {
    font-size: 12px;
    display: inline-block;
    float: left;
}
#productSelector_tab .open> ul {
    display: inline-flex !important;
}
#productSelector_tab li > ul li a:hover {
    color: #3c9dcd !important;
}
#productSelector_tab li > ul li a:hover, #productSelector_tab li > ul li a:active {
    background: #FFFFFF !important;
    color: #333333;
}
#productSelector_tab li > ul li.active > a, #productSelector_tab li > ul li.active > a:hover, #productSelector_tab li > ul li.active > a:focus {
    background: #FFFFFF !important;
    color: #3c9dcd;
}
#productSelector_tab .open > a, #productSelector_tab .open > a:hover, #productSelector_tab .open > a:focus {
    background: #FFFFFF !important;
}
/*Product: tab content*/
.itemContent {
    margin-top: 20px;
    margin-bottom: 20px;
}
.itemContent p {
    padding-bottom: 8px;
}
.itemContent h5 {
    /*background: url(../img/icons/ico_square-blue.gif) no-repeat left 3px;
	padding-left: 15px;*/
    margin-top: 5px;
    margin-bottom: 10px;
}
.itemContent ol {
    margin-left: 20px;
}
.itemContent ol li {
    list-style: decimal;
}
.itemContent ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.itemContent ul li {
    background: url(/Public/img/icons/ico_dot.gif) no-repeat 0px 6px;
    padding-left: 12px;
    list-style: none;
}
.itemContent li ul li {
    background: url(/Public/img/icons/ico_minus.gif) no-repeat 0px 6px;
}
.itemContent ol, .itemContent ul, itemContent ol ol, .itemContent ul ul {
    margin-bottom: 6px;
}
#info .text-indent {
    list-style: url(/Public/css/none) none !important;
    font-style: normal;
    background: url(/Public/img/icons/ico_minus.gif) no-repeat 0px 7px;
    padding-left: 12px;
}
.tab-focusIMG, .tab-focusDescription {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tab-focusIMG {
    padding-right: 5px;
    width: 70px;
    height: 70px;
}
/*Job: TW*/
#job ol {
    margin-bottom: 15px;
    margin-left: 0px;
}
#job ol li {
    list-style: none;
}
#job table tbody th {
    width: 17%;
}
/*Job TW 2017new*/
.colortable, .orangetable {
    width: 100%;
    font-size: 14px;
    border: 1px solid #cccccc;
    vertical-align: middle;
    background-color: #FFFFFF;
    border-collapse: collapse;
}
.colortable th {
    background: #189EF4;
    color: #FFFFFF;
    font-weight: 600;
    border: 1px solid #cccccc;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    padding: 10px 3px;
}
.colortable td {
    line-height: 24px;
    border: 1px solid #cccccc;
    padding: 7px 5px;
    text-align: center;
}
.colortable td .alignleft {
    text-align: left;
}
.colortable td ol {
    text-align: left;
}
.colortable td ol.nohead {
    text-align: left;
    padding-left: 18px;
    margin-bottom: 0px!important;
}
.colortable td ol.nohead li {
    padding-left: 0px!important;/*�h��MainContent����*/
    list-style-type: decimal!important;
    background: none!important;/*�h��MainContent����*/
}
.colortable td .liheadline {
    font-weight: bold;
    color: #075d92;
    text-align: left;
    margin: 5px 0px 2px 0px;
}
.colortable .boldtext {
    color: #262626;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}
.colortable tbody {
    background-color: #FFFFFF;
}
.colortable tbody > tr:nth-child(even) > td, .scolortable tbody > tr:nth-child(odd) > td {
    background-color: #f2f2f2;
}
/*content in tabs*/
.tab-content .itemContent {
    padding-right: 10px;
    padding-left: 10px;
}
.tab-content .focusIMG {
    float: left;
}
.tab-content {
    background: #FFFFFF;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.subTabContent {
    border-style: none;
}
.subTabContent h5 {
    color: #003399;
}
.subTabContent dt {
    padding-top: 10px;
    padding-bottom: 5px;
}
.model-groups dl {
    margin-bottom: 10px;
}
.model-groups dl dt {
    margin-bottom: 5px;
    font-weight: normal;
}
.model-groups dd {
    background: url(/Public/img/icons/ico_dot_gray.gif) no-repeat 0px 6px;
    padding-left: 10px;
}
.modelTitle {
    background: #F0F7FD;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    padding: 5px 8px;
    margin-top: 10px;
    font-weight: bold;
}
/*Event at homepage*/
#eventSection {
    margin-top: 20px;
    margin-bottom: 0px;
}
#event, .botblock {
    margin: 20px 0px;
}
#event article div, .botblock article div {
    height: auto;
}
#event .description, .botblock .description {
    background: #f2f2f2;
    margin-bottom: 10px;
    min-height: 130px;
    padding: 15px 15px 20px 15px;
    box-sizing: border-box;
}
.botblock .description {
    background: #FFFFFF;
}
#event .description p.more, .botblock .description p.more {
    text-decoration: underline;
    color: #555555;
    position: absolute;
    bottom: 0px;
}
#event .description p, .botblock .description p {
    font-size: 15px;
    line-height: 22px;
}
#event h4, .botblock h4 {
    border-left: 5px solid #FBD2A6;
    padding-left: 10px;
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}
#event h4 a, .botblock h4 a {
    color: #DA790E;
    padding-left: 5px;
}
/*Where to buy*/
.buyContent {
    padding-top: 10px;
}
.buyContent h4 {
    margin-bottom: 10px;
}
.buyContent h5 {
    margin-top: 10px;
}
.buyContent dl {
    margin-bottom: 10px;
    margin-top: 5px;
}
.buyContent dt {
    font-weight: normal;
}
.buyContent table {
    margin-top: 15px;
}
.buyContent table caption {
    text-align: left;
    color: #0073e6;
    margin-bottom: 7px;
    font-size: 20px;
}
.buyContent table th {
    text-align: center;
    font-weight: normal;
}
.buyContent .table thead > tr > th, .buyContent .table tfoot > tr > th {
    vertical-align: middle !important;
}
 /*.buyContent .table tbody > tr > th{
    vertical-align: middle !important;
}
.buyContent hgroup {
   margin-top: 10px;
    margin-bottom: 5px;
}*/
.inquiryTable input {
    border: 1px solid #CCC;
}
.inquiryTable i {
    font-style: normal;
    color: #F00;
}
.inquiryTable textarea {
    width: 99%;
    height: 50%;
}
.inquiryTable input[type="radio"], .inquiryTable input[type="checkbox"] {
    border-style: none;
}
.inquiryTable td {
    border-bottom: 1px solid #CCC;
}
.buyContent .btn {
    margin-top: 3%;
    margin-left: -20px;
}
/*------------------------------------------------------------------------------------------------
side bar
--------------------------------------------------------------------------------------------------*/
#aside {
    padding-bottom: 20px;
    padding-left: -15px;
    padding-right: -15px;
}
#aside .sideContent {
    margin-bottom: 10px;
 *display: block;
}
#aside .sideContent img {
    margin-bottom: 10px;
}
#aside .sideContent h5 {
    padding: 10px 5px 5px;
    border-top: 5px solid #E0E0E0;
    color: #da790e;
}
#aside .sideContent ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#aside .sideContent ul li {
    background: url(/Public/img/icons/icon_arrow_dot_black.png) no-repeat 5px 18px;
    padding-left: 12px;
    border-top: 1px dotted #CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
#aside .sideContent ul li:hover {
    display: block;
    background: #F9F9F9 url(/Public/img/icons/icon_arrow_dot_black.png) no-repeat 5px 18px;
}
.sideContact {
    margin-left: 8px;
}
.sideBanner img {
    text-align: center;
    width: 100%;
    height: auto;
}
.downloadDatasheet a {
    text-align: center;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}
/*----------content 2017 new-----------*/
.iprodblock {
    width: 100%;}
.ibread {
    color: #999999;
    font-size: 12px;
}
.ibread a {
    color: #4d4d4d;
    text-decoration: none;
}
.ibread a:hover {
    color: #808080;
    text-decoration: underline;}
.ipageheaderh2, .ipageheaderh1, .ifeedbackh1 {
    color: #262626;
    font-size: 36px;
    font-weight: 500;
    padding: 15px 0px;}
.familyheader1, .familyheader1bk, .familyheader1w {
    font-size: 50px;
    width: 670px;
    font-weight: 700;
    padding: 90px 10px 25px 0px;
    box-sizing: border-box;
}
.familyheader1 {
    color: #a6fffa;
}
.familyheader1bk {
    color: #0d0d0d;
}
.familyheader1w {
    color: #FFFFFF;
    text-shadow: 3px 1px #000000;
}
.familyheader2 {
    width: 670px;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 46px;
}
.solutionheader1 {
    width: 60%;
    font-size: 50px;
    text-shadow: 2px 1px #404040;
    font-weight: 700;
    color: #FFFFFF;
    padding: 90px 10px 25px 30px;
}
.solutionheader2 {
    width: 60%;
    font-size: 26px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 36px;
    padding: 0px 0px 0px 30px;
}
.recommendprodimg {
    width: 100%;
    background: #FFFFFF;
    padding: 15px 10px;
    text-align: center;
    vertical-align: bottom;
    box-sizing: border-box;
}
.recommendprodtitle {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    background: #3d90d2;
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
}
.recommendprodtitle a {
    color: #FFFFFF;
    text-decoration: none;
}
.recommendprodtitle a:hover {
    text-decoration: underline;
}
.recommendprodtext {
    padding: 15px 10px;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    color: #000000;
    box-sizing: border-box;
}
.recommendprodtext ul {
    margin-left: 25px;
}
.recommendprodtext li {
    list-style-type: disc;
}
.prodtext {
    margin: 0px 0px 20px 0px;
}
.prodtext:after {
    content: " ";
    display: block;
    clear: both;
}
.prodtext2 {
    margin: 0px;
}
.prodtext h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}
.prodtext h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 10px;
}
.prodtext h3 {
    font-size: 26px;
    line-height: 35px;
    color: #004f80!important;
    font-weight: 600;
    margin-bottom: 10px;
}
.prodtext h4, .prodtext2 h4, .prodmodelno {
    font-size: 22px;
    color: #000000;
    font-weight: 600;
    line-height: 32px;
    margin: 0px;
}
.choosemodel {
    color: #1b88ca;
    font-size: 26px;
    font-weight: 600;
}
.prodtext p, .prodtext .discul li {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 10px;
}
.prodtext .discul {
    margin: -5px 0px 0px 18px;
}
.prodtext .discul li {
    list-style: disc;
    margin: 0px;
}
.prodtext .colortext1 {
    color: #0086b3;
    font-style: italic;
    font-weight: 600;
}
.prodtext .noul {
    font-size: 14px;
    list-style: decimal;
    padding-left: 13px;
    line-height: 25px;
    margin-top: -10px;
}
.scontactphone {
    color: #1b88ca;
    font-size: 16px;
    font-weight: normal;
    float: right;
    text-align: right;
    padding: 7px 0px;
    white-space: nowrap;
}
.scontactphone .numpart {
    color: #1878b4;
    font-weight: 800;
}
.themeblock1, .themeblock2 {
    padding: 20px 0px;
}
.themeblock1 p, .themeblock2 p {
    font-size: 18px;
    line-height: 32px;
    box-sizing: border-box;
}
.themeblock1 p {
    color: #FFF;
}
.themeblock1 p a {
    color: #ffffb3;
    text-decoration: underline;
}
.themeblock1 p a:hover, .themeblock2 p a:hover {
    text-decoration: none;
}
.themeblock2 p {
    color: #1a1a1a;
}
.themeblock2 p a {
    text-decoration: underline;
}
.certified_block1 {
    width: auto;
    margin: 0px;
}
.certified_veeam, .certified_milestone, .certified_vmware {
    display: block;
    float: left;
}
.certified_veeam {
    width: 0px;
    height: 0px;
    margin: 0px;
    background: none;
    background-size: cover;
}
.certified_milestone {
    width: 0px;
    height: 0px;
    margin: 0px;
    background: none;
    background-size: cover;
}
.certified_vmware {
    width: 0px;
    height: 0px;
    margin: 0px;
    background: none;
    background-size: cover;}
.familytext_1stblock {
    padding: 0px 20px 60px 20px;}
.familytext {
    padding: 50px 20px 60px 20px;}
.familytext1 {
    padding: 0px 0px 0px 0px;}
.familytext h3, .familytext_1stblock h3, .familytext_thinblock h3 {
    font-size: 40px;
    line-height: 50px;
    color: #004f80!important;
    font-weight: 700;
    margin: 0px 0px 40px 0px;}
.familytext1 h3 {
    font-size: 45px;
    line-height: 50px;
    color: #0470c8!important;
    font-weight: 700;
    margin: 0px 0px 40px 0px;}
.familytext h3, .familytext1 h3 {
    text-align: center;}
.familytext_1stblock h3 {
    text-align: center;}
.familytext h3 a {
    color: #004f80!important;
    text-decoration: underline;}
.familytext h3 a:hover {
    color: #007ecc!important;
    text-decoration: none;}
.familytext_1stblock h4 {
    color: #1a1a1a;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 0px 0px 10px 0px;}
.familytext h4 {
    color: #1a1a1a;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 20px 0px 20px 0px;
    text-align: center;}
.familytext h5 {
    color: #4989b6;
    font-weight: 600;
    font-size: 20px;
    margin: 10px 0px 5px 0px;}
.modelname1, .modelname1_jp {
    font-size: 30px;
    line-height: 32px;
    color: #4d4d4d!important;
    font-weight: 600;
    margin: 0px 0px 20px 0px;}
.modelname1_jp, .selectypeh4_jp, .selectypeh5_jp {
    font-family: "MS PGothic", "MS Gothic", "MS UI Gothic", sans-serif!important;}
.selectypeh4, .selectypeh4_jp {
    font-size: 22px;
    color: #000000;
    background: #eaeaea;
    text-align: left;
    padding: 15px 10px 15px 20px;
    margin-bottom: 5px;}
.selectypeh5, .selectypeh5_jp {
    font-size: 22px;
    color: #4d4d4d;
    border-left: 5px solid #b3b3b3;
    text-align: left;
    padding: 5px 10px 5px 12px;
    margin: 25px 0px 5px 0px;}
.selectypeh4_jp, .selectypeh5_jp {
    font-weight: 700;}
.sectionh2, .sectionh3, .sectionh2 a {
    font-size: 32px;
    color: #333333;
    line-height: 40px;
    font-weight: 600;
    text-decoration: none;}
.sectionh2 {
    border-left: 5px solid #b3b3b3;
    padding: 0px 0px 0px 15px;
    margin-bottom: 40px;}
.sectionh3 {
    margin-bottom: 30px;}
.sectioncolorbgh3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #FFFFFF;
    padding: 25px 0px;}
.familytext_1stblock p, .familytext p, .familytext_thinblock p, .familyiconptext, .familytext ul, .icase_story h5, .icase_story p, .icase_story ul, .inewsarticle p, .inewsarticle ul, .btext p, .btextth, .btexttd {
    font-size: 20px;
    line-height: 32px;}
.familytext_1stblock p, .familytext p, .familytext_thinblock p, .familytext ul, .icase_story h5, .icase_story p, .icase_story ul, .inewsarticle p, .inewsarticle ul, .btext p, .btexttd {
	text-align: left;}
.familytext_1stblock p, .familytext_thinblock p, .familytext ul, .icase_story h5, .icase_story ul, .inewsarticle p, .inewsarticle ul {
    margin-bottom: 15px;}
.familytext_1stblock p, .familytext p, .familyiconptext, .btext p, .icase_story p {
    margin-bottom: 50px;}
.familytext p .boldtext, .familytext ul li .boldtext, .familytext_1stblock p .boldtext, .btext .boldtext {
    font-weight: normal;
    color: #595959;}
.familytext ul, .icase_story ul, .case_pointbg ul {
    margin: 0px 0px 30px 20px;
    padding: 0px;}
.familytext ul li, .icase_story ul li, .case_pointbg ul li {
    list-style-image: none!important;
    list-style-type: disc;}
.inewsarticle ul li {
	margin: 0px 0px 3px 0px;
	list-style-image: none!important;
    list-style-type: none;}/*What's new, event calendar�ϥ�*/
.inewsarticle ul li span{
	color: #0d0c0c;
	font-weight: 600;}
.familytext ul li {
    margin-bottom: 20px;}
.familytext ul li span {
    font-weight: 700;
    color: #262626;}
.familyicont1, .familyicont2, .familyicont3 {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0px 20px 0px;}
.familyicont1 {
    color: #6f8cc3;}
.familyicont2 {
    color: #2281aa;}
.familyicont3 {
    color: #006bb3;}/*ds-promotion-201903 use*/
.speaker_name {
    font-style: italic;
    font-weight: 700;}

/*Product Selection-201712 new*/
.prodchoiceh1, .prodchoiceh1_jp {
    width: 100%;
    font-size: 40px;
    text-shadow: 2px 1px #404040;
    font-weight: 700;
    color: #FFFFFF;
    padding: 50px 20px 40px 20px;}
.prodchoiceh1_jp {
    font-family: "MS PGothic", "MS Gothic", "MS UI Gothic", sans-serif!important;}
/*Content Text*/
.themeSummary {
	font-size: 16px;
	line-height: 26px;
	padding: 20px;
	background-color: #E8F7FB;
	display: inline-block;}
.themeSummary_darkblue {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: 0px!important;
    font-weight: normal;
    background-color: #007cb8;}
.themeSummary_darkblue a {
    color: #ffffff;
    text-decoration: underline;}
.themeSummary_darkblue a:hover {
    text-decoration: none;}
.themeSummary_darkblue2 {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 35px;
    font-weight: normal;
    background-color: #007cb8;
    display: block;}
.themeSummary_darkblue2 a {
    color: #ffff1a;
    text-decoration: underline;}
.themeSummary_darkblue2 a:hover {
    color: #ffff4d;
    text-decoration: none;}
.themeSummary_heavyblue {
	color:#FFF;
	font-size: 18px;
	line-height: 30px;
	padding: 30px;
	font-weight:normal;
	background-color: #2871bd;}
.themeSummary_green1 {
	color:#FFF;
	font-size: 16px;
	line-height: 23px;
	padding: 20px;
	font-weight:normal;
	background-color: #6b9a19;
	display: inline-block;}
.themeSummary_green1 a{
	font-weight: bold;
	color: #ffffb3;
	text-decoration: underline;}
.themeSummary_green1 a:hover{
	text-decoration: none;}
.themeSummary_greeblue1 {
	font-size: 16px;
	line-height: 1.4em;
	padding: 20px;
	background-color: #eafafb;
	display: inline-block;}
.themeSummary_brown1{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
	padding: 20px 30px;
	color: #FFFFFF;
	background-color: #996633;
	display: inline-block;}
.aligncenter, .centerfit, .centerfit2 {
    margin: auto;
    text-align: center !important;
}
.themeSummary_gray{
	width:100%;
	background-color:#e6e6e6;
	padding:30px 20px 20px 20px;
	margin:0px;
	box-sizing:border-box;}
.themeSummary_gray p{
	font-size:16px;
	color:#1a1a1a;
	font-weight:normal;
	line-height:28px;}
.content_text1, .content_text1 p {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    color: #262626;}
.content_text1 h4 {
    font-size: 24px;
    font-weight: 600;
    color: #005693!important;
    margin: 0px 0px 15px 0px;}
.content_text1 h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: #0086e6!important;
    margin: 0px 0px 5px 0px;}
.content_text1 h5 a {
    color: #0086e6!important;
    text-decoration: none;}
.content_text1 h5 a:hover {
    text-decoration: underline;}
.content_text1 p span {
    color: #EF5255;
    font-weight: bold;}
.content_text1 .focustext {
    font-weight: bold;}
.desc_text {
    color: #333333;
    font-size: 12px;
    font-weight: normal;}
.desc_text a {
    color: #595959;
    text-decoration: underline;}
.desc_text a:hover {
    color: #0099cc;
    text-decoration: none;}
.content_text1 ul, .content_text2 ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;}
.content_text1 ul li {
    list-style-image: none!important;
    list-style-type: disc;
    font-size: 14px;
    color: #262626;
    line-height: 26px;}
.centerblock8 {
    margin: 0 auto;
    width: 80%;}
.fiximgblock1 {
    width: 110px;
    height: 110px;
    margin-right: 20px;
    display: block;
    float: left;}
.radbordersection {
    border-radius: 15px 50px;
    padding: 20px 30px;
    margin: 20px 0px;
    color: #FFFFFF!important;
    box-sizing: border-box;}
.radboder1 {
    background: #4db8ff;}
.radboder2 {
    background: #88cc00;}
.radboder3 {
    background: #ff9900;}
.radbordersection h4 {
    font-size: 22px;
    color: #FFFFFF!important;
    font-weight: 600px;
    margin: 0px 0px 5px 0px;}
.radbordersection ul {
    padding: 0px 0px 0px 20px;}
.radbordersection ul li {
    font-size: 16px;
    list-style-type: disc;
    line-height: 27px;}
.radbordersection ul li a {
    color: #ffff1a;
    text-decoration: underline;}
.radbordersection ul li a:hover {
    text-decoration: none;}
.content_text2, .content_text2 p, .content_text2 ul li {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: normal;
    line-height: 30px;}/*20190219-landing-need*/
.content_text2 p {
	margin-bottom: 20px;}
.content_text2 a, .themeSummary_gray p a {
    color: #428bca!important;
    text-decoration: underline;}/*20190219-landing-need*/
.content_text2 a:hover, .themeSummary_gray p a:hover {
    color: #3277b3!important;
    text-decoration: none;}/*20190219-landing-need*/
.content_text2 .boldtext {
    font-weight: 600;
    color: #262626;}/*20190219-landing-need*/
.content_text2 h4 {
    font-size: 36px;
	line-height: 40px;
    color: #428bca!important;
    margin: 0px 0px 20px 0px;}/*20190219-landing-need*/
.content_text2 h5{
	font-size: 20px;
    color: #004d99!important;
	line-height: 32px;
    margin: 5px 0px 10px 0px;}/*20190219-landing-need*/
.content_text2 ul li {
    list-style-image: none!important;
    list-style-type: disc;}
.content_text2 ul li ul li{
	list-style-type: none;
	margin-left: -6px;}
.content_text2 ul li ul li:before{
	margin-left: -14px;
	content: "- ";}
/*Content-201712must*/
.content_text3 {
    width: 100%;}
.content_text3 h3 {
    font-size: 20px;
    font-weight: 600;
    color: #006cb1!important;
    margin: 0px 0px 10px 0px!important;}
.content_text3 h4 {
    font-size: 18px;
    font-weight: 600;
    color: #da790e!important;
    line-height: 23px;
    margin: 15px 0px 5px 0px!important;}
.content_text3 h4 a {
    color: #da790e!important;
    text-decoration: underline;}
.content_text3 h4 a:hover {
    color: #a85c0b!important;
    text-decoration: none;}
.content_text3 h5 {
    font-size: 16px;}
.content_text3 p, .content_text3 .resultext {
    font-size: 16px;
    color: #454545!important;
    font-weight: normal;
    line-height: 26px;}
.content_text3 p {
    margin: 0px 0px 20px 0px;}
.content_text3 .resultext span {
    color: #006bb3;
    font-weight: bold;}
.content_text3 .boldtext {
    font-weight: 700;
    color: #1a1a1a;
    margin: 0px!important;}
.content_text3 ul {
    margin: 0px 0px 20px 15px;
    padding-left: 0px;}
.content_text3 ul li {
    list-style-image: none!important;
    list-style-type: disc;
    font-size: 16px;
    color: #454545;
    line-height: 26px;}
.content_text3 .nodisc ul {
    padding-left: 7px;}
.content_text3 .nodisc ul li {
    text-indent: -22px;
    list-style-type: none!important;}
.content_text3 .nodisc ul li span {
    font-weight: 700;
    color: #000000;}
.content_text3 a {
    color: #428bca!important;
    text-decoration: underline;}
.content_text3 a:hover {
    color: #3277b3!important;
    text-decoration: none;}
.orangetext{
	color: #ff9933!important;}

.content_h4 {
    width: 100%;
    font-size: 16px;
    color: #0086e6;
    font-weight: 600;
    line-height: 26px;
    margin: 10px 0px 2px 0px;}
.content_text5 .head1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 7px;
    background: none;
    color: #404040;}
.content_text5 .head1 a {
    color: #404040;
    text-decoration: none;}
.content_text5 .head1 a:hover {
    color: #666666!important;
    text-decoration: underline;}
.content_text5 p {
    font-size: 16px;
    color: #4d4d4d;
    line-height: 26px;
    margin: 0px;}
.content_text5 .quotext {
    font-size: 14px;
    font-style: italic;
    display: block;
    text-align: right;}
.notetext p {
    font-size: 12px;
    color: #333333;
    text-align: left;
    margin: 0px 0px 2px 0px;}
.desc_block {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: normal;
    line-height: 23px;
    width: 100%;
    border: 1px dashed #8c8c8c;
    background: #FFFFFF;
    margin: 10px 0px 0px 0px;
    padding: 5px 7px;
    box-sizing: border-box;}
.desc_block .desc_title {
    font-weight: bold;
    color: #595959;}
.selecth2 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;}
.notetext1 {
    font-size: 11px!important;
    color: #666666;}
/*landing new2018*/
.landingh1 {
    font-size: 46px;
    width: 85%;
    color: #FFFFFF;
    line-height: 56px;
    font-weight: normal;}
.landingbox1{
	width: 70%;
	margin: 50px 0px 80px 0px;}
.landingbox2{
	width: 850px;
	margin: 0px auto!important;
	padding: 50px 0px;}/*ASLAN2019-use*/
.landingbox3{
	width: 880px;
	margin: 0px auto!important;
	padding: 40px 0px 0px 0px;}/*ASLAN2019-use-alex speech*/

.landingblueh1{
	font-size: 40px;
	line-height: 54px;
	font-weight: 700;
	margin-bottom: 30px;}
.landingblueh1 {
    color: #005580;}/*NABshow2019-use*/
.landingbkh2, .landingwh3 {
    font-size: 26px;
	line-height: 36px;}
.landingbkh2 {
    color: #595959;
    font-weight: normal;}/*NABshow2019-use*/
.landingbkh2 .bold{
	color: #1a1a1a;
	font-weight: 700;}
.btext h3, .btext h2 {
    font-size: 44px;
    text-align: center;
    line-height: 60px;
    font-weight: 700;
    margin: 0px 0px 30px 0px;}
.btext h2.greent1, .btext h3.greent1 {
    color: #63c059;}
.btext h2.blue1, .btext h3.blue1 {
    color: #0470c8;}
.btext h4 {
    font-size: 32px;
    text-align: center;
    line-height: 40px;
    margin: 50px 0px 20px 0px;
    font-weight: 700;}
.landingwh3{
	color: #ffffff;
	font-weight: normal;}

.btext h4.grayt1 {
    color: #404040;}
.btext h4.bluet1 {
    color: #127bbb;}
.btext h5 {
    font-size: 36px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    margin: 0px 0px 30px 0px;}
.btext h5.bk1 {
    color: #333333;}
.btext h5.blue1 {
    color: #006080;}
.btext h6 {
    font-size: 24px;
    text-align: center;
    margin: 0px 0px 20px 0px;
    font-weight: 500;}
.btext p .pointext {
    color: #1a1a1a;
    font-weight: 700;}

.smidvideo {
    margin: 20px 0px 40px 0px;}/*for btext & wide Video only*/
.smidvideo iframe {
    border: solid 1px #DCDCDC;}
.prod_blueh1 {
    font-size: 36px;
    color: #45aded;
    text-align: center;
    margin: 0px 0px 20px 0px;
}
.prod_blueh1 a {
    color: #45aded;
    text-decoration: underline;
}
.prod_blueh1 a:hover {
    color: #1589d1;
    text-decoration: none;
}
.ss_blueh1 {
    font-size: 26px;
    color: #45aded;
    text-align: center;
    margin: 20px 0px;
}
.ss_blueh1 a {
    color: #45aded;
    text-decoration: none;
}
.ss_blueh1 a:hover {
    color: #1589d1;
    text-decoration: underline;
}
.ss_catetype {
    font-size: 20px;
    color: #737373;
    line-height: 32px;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}
.ss_catetype a {
    color: #737373;
    text-decoration: underline;
}
.ss_catetype a:hover {
    color: #4d4d4d;
    text-decoration: none;
}
.ss_catetext {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 30px;
}
.btext .circletype1, .btext .notype1{
    font-size: 20px;
    color: #595959;
    line-height: 30px;
    margin: 0px 0px 40px 0px;}
.btext .circletype1 ul, .btext .notype1 ol {
    margin-left: 25px;
}
.btext .circletype1 ul li {
    list-style-type: disc;
    margin-bottom: 12px;
}
.btext .circletype1 ul li span {
    color: #262626;
    font-weight: 700;
}
.btext .circletype1 ul li .desctext {
    color: #e69900;
    margin: 5px 0px 20px 0px;
}
.btext .circletype1 ul li ul li {
    list-style-type: none;
}
.btext .circletype1 ul li ul li:before {
    content: "- ";
    margin-left: -15px;
}
.btext .notype1 ol li {
    list-style-type: decimal;
    margin-bottom: 12px;
}
.btext .hcircletype1 {
    font-size: 20px;
    color: #595959;
    line-height: 32px;
    padding-left: 25px;
}
.btext .hcircletype1 li {
    font-size: 26px;
    color: #45aded;
    list-style-type: disc;
    margin-bottom: 30px;
}
.btext .hcircletype1 li div {
    font-size: 20px;
    font-weight: normal;
    color: #595959;
    margin: 10px 0px 20px 0px;}


.btable1, .btable2 {
    font-size: 20px;
    width: 100%;
    margin: 10px 0px 40px 0px;
	border-collapse: collapse;}
.btable1{
	 border: 1px solid #bfbfbf;}
.btable1 th {
    color: #1a1a1a;
    font-weight: 600;
    border: 1px solid #bfbfbf;
    background: #d9d9d9;
    text-align: center;
    padding: 10px 5px;}
.btable1 td {
    padding: 10px 5px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #bfbfbf;}
.btable1 tbody > tr:nth-child(odd) > td, .mtable1 tbody > tr:nth-child(odd) > td{
    background-color: #f2f2f2;}
.btable2 {
    border: 1px solid #808080;}
.btable2 caption {
    font-size: 26px;
    font-weight: normal;
    background: #808080;
    color: #FFFFFF;
    padding: 15px 5px;}
.btable2 th, .mtable1 th {
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 15px 5px;}
.btable2 th{
	color: #FFFFFF;
    font-weight: 600;
    background: #005c99;}
.btable2 td, .mtable1 td{
    padding: 10px 5px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #d9d9d9;}
.btable2 .graybg1 {
    background: #f2f2f2;}
.mtable1 {
    font-size: 16px;
    width: 100%;
    margin: 10px 0px;
	border-collapse: collapse;}
.mtable1 th {
	color: #FFFFFF;
	font-weight: 600;
	background: #808080;}

.orangefalse {
    color: #FF9933;
    font-weight: 700;}/*NO in btable2*/
.greentrue {
    color: #33cc00;
    font-weight: 700;}/*check OK in btable2*/

/*------------header 2017 new------------*/
.iheadcontainer {
    max-width: 75%;
    margin: 0px auto;}
.btextheadcontainer {
    width: 1200px;
    margin: 0px auto;}
.sheadcontainer {
    width: 1000px;
    margin: 0px auto;}
.outsheadbox {
    display: table;}
.sheadbox {
    width: 850px;
    height: 300px;
    display: table-cell;
    text-align: center;
    margin: 0px;
    vertical-align: middle;}
.sheadbox h1, .landingwh1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-align: center!important;
    margin: 0px;}/*201810 EonCloud use*/
.sheadbox h1.bluegreen1 {
    color: #096c90;
    text-shadow: 1px 0px #096c90;}/*EonCloud color*/
.sheadbox h1.dblue1 {
    color: #03467d;
    text-shadow: 1px 0px #03467d;}/*Virtualization color*/
.sheadbox h1.dblue2 {
    color: #15749d;
    text-shadow: 1px 0px #15749d;}/*Backup color*/
.sheadbox h1.pwhite1, .landingwh1 {
    color: #ffffff;
    text-shadow: 1px 0px #404040;
}/*AI color*/
.page-header h1, .header_whitepaper h1, .header_techsupport h1, .header_buy h1 {
    padding-top: 20px!important;}
.iheadbg {
    width: 100%;
    background: #f8f8f8;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1040;}
.ilogo {
    width: 180px;
    height: 26px;
    background: url(/Public/img/logo/infortrend_logo.png) center center no-repeat;
    margin: 10px 0px 5px 0px;
    cursor: pointer;
    float: left;}
.scontainer {
    margin: 0px auto;}
.spicpointbox {
    margin: 0px auto;}
.contentblock{
	padding:70px 10px;
	margin:5px 0px;
	box-sizing:border-box;}
.contentblock_m{
	padding:40px 10px;
	margin:5px 0px;
	box-sizing:border-box;}
.contentblock_mwide{
	padding:40px 0px;
	margin:5px 0px;
	box-sizing:border-box;}/*ds-promotion 201903-use*/
.contentblock_mwide1 {
    padding: 0px;
    margin: 80px 0px 70px 0px;}
.contentblock_mwide2 {
    padding: 0px;
    margin: 20px 0px;}
.contentblock_mwide3 {
    padding: 20px;
    margin: 0px;
    box-sizing: border-box;}
.contentblock_mwide4 {
    padding: 20px;
    margin: 30px 0px 0px 0px;
    box-sizing: border-box;}
.contentblock_mwide5 {
    padding: 0px;
    margin: 30px 0px 20px 0px;}
.contentblock_mwide6 {
    padding: 0px;
    margin: 20px 0px 10px 0px;}
.contentblock_mwide7 {
	padding: 30px 20px;
    margin: 20px 0px;}
.contentblock_mwide8 {
	padding: 50px 0px;
    margin: 0px;
	box-sizing: border-box;}/*ds-promotion-201903use*/
.contentblockhsmall{
	padding:30px 15px 20px 15px;
	margin:0px;
	box-sizing:border-box;}
.contentblockhsmall2{
	padding:20px 15px;
	margin:0px;
	box-sizing:border-box;}
.contentblockhsmall3{
	padding:0px 15px 20px 15px;
	margin:0px;
	box-sizing:border-box;}
.iheadcontainer:after, .icontainer:after, .scontainer:after, #ifooter, .familytext:after, .familytext_1stblock:after, .ikey:after, .coursetips:after, .inewsum_headerbg:after, .ievent_headerbg:after, .inewsletter_headerbg:after, .outlineblock:after, .landheaderbg:after, .certified_block1:after, .vertdistance6:after, .circletype1:after, .smidcontainer:after, .spicpointbox:after, hr:after, .btextheadcontainer:after, .contentblock_mwide1:after, .contentblock_mwide2:after, .contentblock_mwide3:after, .contentblock_mwide4:after, .contentblock_mwide5:after, .contentblock_mwide6:after, .contentblock_mwide7:after, .landingbox2:after, .landingbox3:after, .fsfamily_headerbg:after, .gsfamily_headerbg:after, .dsfamily_headerbg:after, .gsafamily_headerbg:after, .gscfamily_headerbg:after, .gsefamily_headerbg:after, .gsifamily_headerbg:after, .gseprofamily_headerbg:after, .eonservfamily_headerbg:after, .exenjbod_headerbg:after, .managesw_headerbg:after, .gsepro1000_headerbg:after, .awtext-block:after, .contentblock_mwide8:after {
    content: " ";
    display: block;
    clear: both;}
.iprodselect {
    float: right;
    font-size: 13px;
    margin: 0px -8px 0px 0px;
    padding: 15px 10px 0px 5px;
    box-sizing: border-box;}
.ilanguage {
    float: right;
    font-size: 13px;
    padding: 10px 0px 0px 5px;
    box-sizing: border-box;}
.iprodselect a, .ilanguage a {
    color: #595959;}
.isearch {
    width: 170px;
    /*height: 30px;*/
    display: block;
    margin: 15px 0px 0px 0px;
    box-sizing: border-box;
    padding: 8px 0px 0px 0px;}
.isearch input {
    width: 95%;
    outline: none;
    font-family: inherit;
    background: #fff;
    padding: 5px;
    margin: 9px 0px;
    vertical-align: middle;
    box-sizing: border-box!important;
    border: solid 1px #7f7f7f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    min-height: 30px;}
.isearch button {
    width: 25px;
    height: 27px;
    border: none;
    outline: none;
    display: inline-block;
    margin: 11px 0px 0px -28px;
    cursor: pointer;
    position: absolute;
    background: url(/Public/img/icons/icon_gzoom.png) #FFF center center no-repeat;}
.submit, .reset, .btn-success {
	font-size: 16px;
	text-align: center;
	margin: 5px;
	padding: 5px 10px;
	min-width: 120px;}
.submit  {
	color: #ffffff;
	background: #337ab7;
	border:  1px solid #2e6da4;}
.reset {
	color: #666666;
	background: #E4E4E4;
	border:  1px solid #cccccc;}

.menu-large {
    position: static !important;
    font-size: 15px;
}
.megamenu {
    width: 100%;
    font-size: 15px;
    padding: 0px 5% 30px 12.5%;
    background-color: rgba(27, 136, 202, 0.98);
    border-radius: 0px;
    border: none;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: -moz-calc(100vh - 50px);
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
}
.megamenu> li > ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.megamenu> li > ul > li, .megamenu .equaldiv2 ul li {
    list-style: none;
    padding: 2px 0px 7px 13px;
    background: url(/Public/img/icons/icon_arrow_dot.png) #1b88ca no-repeat 2px 10px;
}
.megamenu> li > ul > li > a, .megamenu .equaldiv2 ul li a {
    display: block;
    box-sizing: border-box;
    clear: both;
    font-weight: normal;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
}
.megamenu> li ul > li:hover, .megamenu> li ul > li:focus, .megamenu .equaldiv2 ul li:hover, .megamenu .equaldiv2 ul li:focus {
    text-decoration: none;
    background-image: url(/Public/img/icons/icon_arrow_dot.png) no-repeat 2px 10px;
    background-color: #0e5fb0;
    color: #FFFFFF;
}
.megafocus {
    text-decoration: none;
    background: url(/Public/img/icons/icon_arrow_dot.png) #0e5fb0 no-repeat 2px 10px!important;
    color: #FFFFFF!important;
}
.megamenu .boldheader {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0px 7px 0px;
    color: #fedd68;
}
.megamenu .boldheader a {
    color: #fedd68;
    text-decoration: none;
}
.megamenu .boldheader a:hover {
    color: #fedd68;
    text-decoration: underline;
}
.megamenu .iconheader {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 15px 0px 0px 0px;
}
.megamenu .iconheader a {
    color: #FFFFFF;
    text-decoration: none;
}
.megamenu .iconheader a:hover {
    text-decoration: underline;
}
nav > ul li:hover ul {
    display: block!important;
}
/*--------------MixSlider 2017 new began---------------*/
/*mixedSlider-Solution Page:Related Info,mixedSlider2-homepage Partner Logo*/
#mixedSlider, #mixedSlider2 {
    position: relative;
}
#mixedSlider .MS-content, #mixedSlider2 .MS-content {
    white-space: nowrap;
    overflow: hidden;
}
#mixedSlider .MS-content {
    margin: 0 5%;
}
#mixedSlider2 .MS-content {
    margin: 0 50px;
}
#mixedSlider .MS-content .item, #mixedSlider2 .MS-content .item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 10px;
}
#mixedSlider .MS-content .item {
    width: 33.3333%;
}
#mixedSlider2 .MS-content .item {
    width: 14.7%
}
#mixedSlider .MS-content .item .imgTitle {
    position: relative;
}
.blogTitle {
    font-size: 20px;
    margin: 0px;
    text-align: left;
    color: #252525;
    width: 100%;
    font-weight: 500;
    padding: 10px 0px 5px 0px;
}
.stopblog p {
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0px 10px 0px;
}
#mixedSlider .MS-content .item .imgTitle img {
    height: auto;
    width: 100%;
}
#mixedSlider2 .MS-content .item .imgTitle img {
    width: auto;
}
#mixedSlider .MS-content .item p {
    line-height: 24px;
}
#mixedSlider .MS-content .item p a {
    font-size: 16px;
    margin: 5px 0px;
}
#mixedSlider .MS-controls button, #mixedSlider2 .MS-controls button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    color: rgba(0, 0, 0, 0.4);
}
#mixedSlider .MS-controls button {
    top: 95px;
}
#mixedSlider2 .MS-controls button {
    top: 25px;
}
#mixedSlider .MS-controls .MS-left, #mixedSlider2 .MS-controls .MS-left {
    width: 20px;
    height: 30px;
    background: url(/Public/img/icons/back_sicon5.png) center center no-repeat;
    left: 0px;
}
#mixedSlider .MS-controls .MS-right, #mixedSlider2 .MS-controls .MS-right {
    width: 20px;
    height: 30px;
    background: url(/Public/img/icons/next_sicon5.png) center center no-repeat;
    right: 0px;
}
/*--------------Product image slider popup 2017 new end---------------*/
/*--------------2018 success stories new began---------------*/
/*Success Story Owl-Carousel*/
#demos .owl-carousel .item {
/*docs.theme.css*/}
#demos .owl-carousel {
    background: #075570;
}
/*owl-test2*/
.itemleft, .itemright {
    width: 50%;
    float: left;
}
.itemleftpic1, .itemleftpic2 {
    height: 450px;
}
.itemleftpic1 {
    background: url(/Public/img/success-story/K-Baduk_w1500.jpg) #075570 center center no-repeat;
    background-size: cover;
}
.itemleftpic2 {
    background: url(/Public/img/success-story/polishjews_sbanner-w1500.jpg) #075570 center center no-repeat;
    background-size: cover;
}
.itemright {
    padding: 30px 40px;
}
/*All story*/
.istory_covertop {
    width: 100%;
    display: table;
}
.istory_toppic, .istory_toptext {
    width: 50%;
    margin: 0px;
    padding: 0px;
    display: table-cell;
}
.istory_toppic {
    height: 450px;
    background: url(/Public/img/success-story/unicharm_sbanner-w1500.jpg) #075570 center center no-repeat;
    background-size: cover;
}
.istory_toptext {
    color: #FFFFFF;
    background: #075570;
    padding: 20px 50px!important;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
}
.istory_toptext h5, #demos .owl-carousel .item h5 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}
.customer_talk {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    max-height: 210px;
    overflow: hidden;
}
.customer_talk span {
    color: #cff1fc;
    font-style: italic;
    display: block;
    margin: 5px 0px 0px 0px;
}
.customer_beforetalk, .customer_talkafter {
    width: 35px;
    height: 28px;
    margin: 5px 0px;
}
.customer_beforetalk {
    background: url(/Public/img/icons/story-icon-before.png) left top no-repeat;
}
.customer_talkafter {
    float: right;
    background: url(/Public/img/icons/story-icon-after.png) right top no-repeat;
}
.istory_selectbg {
    width: 100%;
    color: #FFFFFF;
    background: #999999;
    padding: 10px 0px;
    box-sizing: border-box!important;
    margin: 0px;
}
.istory_selectgroup {
    text-align: center;
    margin: 10px auto;
}
.istory_selectbg label {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}
.istory_selectgroup h4 {
    color: #FFFFFF !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    margin: 10px 0px 15px 0px !important;
}
.istory_selectchild {
    display: inline-block;
    text-align: left;
    margin: 0px 15px;
}
.istory_selectchild div {
    margin: 0px 0px 10px 0px;
}
.istorybox_text h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
    color: #0c93c0;
    padding: 0px 0px 15px 0px !important;
    border-bottom: 1px dashed #d9d9d9;
}
.istorybox_text h5 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600 !important;
    color: #262626 !important;
    padding: 0px;
    margin: 15px 0px 0px 0px !important;
}
.istorybox_text p, .istorybox_text ul li, .istoryclaim {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
}
.istorybox_text ul {
    margin: 0px 0px 0px 20px;
}
.istorybox_text ul li {
    list-style: disc;
}
/*single story*/
.icase_inntertop {
    width: 100%;
    display: table;}
.icase_toppic, .icase_toptext {
    width: 50%;
    margin: 0px;
    padding: 0px;
    display: table-cell;}
.icase_toppic {
    height: 450px;
    background: url(/Public/img/success-story/K-Baduk_sbanner-w1500.jpg) center center no-repeat;
    background-size: cover;}
.icase_toptext {
    color: #FFFFFF;
    background: #075570;
    padding: 30px 50px!important;
    box-sizing: border-box;
    text-align: right;
    vertical-align: middle;}
.icase_toptext h1 {
    font-size: 32px;
    line-height: 48px;
    font-weight: 700;}
.icase_toptext h5 {
    font-size: 18px;
    font-weight: normal!important;
    margin-bottom: 30px;}
.icase_toptext button, .istory_btn {
    font-size: 16px;
    color: #FFFFFF;
    background: #075570;
    border: 1px solid #FFFFFF;
    text-align: center;
    min-width: 240px;
    padding: 8px 5px;}
.icase_toptext button {
    margin: 30px 0px 10px 0px;}
.istory_btn {
    margin: 10px 0px 5px 0px;}
.icase_toptext button:hover, .istory_btn:hover {
    background: #157e9b;}
.icase_story h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 600;
    text-align: center;
    padding: 30px 15% 10px 15%!important;
    box-sizing: border-box;}
.icase_story h3 {
    color: #404040;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 30px 0px 5px 0px;}
.icase_story h5 {
    color: #006bb3;
    margin: 15px 0px 0px 0px;
    font-weight: 700;}
.icase_story .leftpic {
    width: 500px;
    float: left;
    text-align: center;
    margin: 10px 30px 10px 0px;}
.icase_story .leftpic span {
    font-size: 14px;
    color: #8c8c8c;
    display: block;
    padding-top: 6px;}
.icase_story .leftpic img, .icase_story .rightpic img {
    width: 500px;}
.icase_story .rightpic {
    width: 500px;
    float: right;
    text-align: center;
    margin: 10px 0px 10px 30px;}
.icase_story .leftvideo {
    width: 520px;
    float: left;
    text-align: center;
    margin: 10px 30px 10px 0px;}
.icase_story .rightul {
    margin: 0px 0px 0px 530px;}
.talkword_s {
    font-size: 18px;
    line-height: 32px;
    color: #00b3b3;
    font-style: italic;
    text-align: left;
    margin: 20px 0px 20px 0px;}
.icase_pointbg, .icase_profilebg {
    width: 100%;
    padding: 10px 0px 20px 0px;
    box-sizing: border-box!important;}
.icase_pointbg {
    color: #404040;
    background: #e6e6e6;
    margin: 0px;}
.icase_profilebg {
    color: #FFFFFF;
    background: #034163;
    margin: 50px 0px 0px 0px;}
.icase_pointbg h5, .icase_profilebg h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin: 15px 0px 5px 0px;}
.icase_pointbg h5 {
    text-align: left;}
.icase_profilebg h5 {
    text-align: center;}
.icase_pointbg p, .icase_pointbg ul {
    font-size: 16px;
    line-height: 26px;
    text-align: left;}
.icase_pointbg ul {
    list-style: disc!important;
    padding: 0px 0px 0px 20px;}
.icase_profilebg p {
    width: 850px;
    margin: auto;}
.icase_profilebg p a {
    color: #b3ecff;
    text-decoration: underline;}
.icase_profilebg p a:hover {
    text-decoration: none;}
/*--------------2018 success stories new end---------------*/
/*---------table wrap 2017 new----------*/
.table_wrap, .table_wrap2, .table_wrap3, .table_wrap4, .table_wrap5, .table_wrap6, .table_wrap7, .table_wrap8, .table_wrap10 {
    width: 100%;
    display: table;}
.table_wrap, .table_wrap2 {
    border-collapse: separate;
    border-spacing: 5px;}
.table_wrap {
    margin: 20px 0px;}
.table_wrap2 {
    margin: 0px;}
.table_wrap3 {
    border-collapse: separate;
    border-spacing: 15px;
    box-sizing: border-box;}
.table_wrap5 {
    margin: 0px 0px 20px 0px;}
.table_wrap6 {
    margin: 30px 0px;}
/*important-product-spec use, Don't change it.*/
.table_wrap7 {
    margin: 0px;}
.table_wrap8 {
    margin: 10px 0px;}
.table_wrap10 {
    margin: 0px;
    border-collapse: separate;
    border-spacing: 1px;}
.table_tr {
    display: table-row;}
.table_halftd, .table_2td, .table_3td, .table_35td, .table_4td, .table_4tdfullpic, .table_halftdfullpic, .table_45td, .table_55td, .table_6td, .table_6tdfullpic, .table_65td, .table_7td, .table_8td, .halftd400tdimg, .halftd500tdimg {
    display: table-cell;
    vertical-align: middle!important;}
.table_1td, .table_2toptd, .table_2toptd2, .table_33toptd, .table_8toptd, .table_6toptd, .table_halftoptd, .table_halftoptd2 {
    display: table-cell;
    vertical-align: top!important;}
.table_halftdfullpic img, .table_4tdfullpic img, .table_6tdfullpic img {
    max-width: 100%;}
.table_halftdfullpic, .table_4tdfullpic, .table_6tdfullpic, .halftd400tdimg, .halftd500tdimg {
    text-align: center;}
.table_halftd, .table_halftdfullpic, .halftd400tdimg, .halftd500tdimg {
    width: 50%;}
.table_1td {
    width: 10%;}
.table_2td, .table_2toptd, .table_2toptd2 {
    width: 20%;}
.table_3td {
    width: 30%;}
.table_33toptd {
    width: 33.333333%;}
.table_35td {
    width: 35%;}
.table_4td, .table_4tdfullpic {
    width: 40%;}
.table_45td {
    width: 45%;}
.table_55td {
    width: 55%;}
.table_6td, .table_6toptd, .table_6tdfullpic {
    width: 60%;}
.table_65td {
    width: 65%;}
.table_7td {
    width: 70%;}
.table_8td, .table_8toptd {
    width: 80%;}
.table_halftoptd {
    width: 50%;
    box-sizing: border-box;}
.table_halftoptd2 {
    width: 50%;
    padding: 15px;
    border-left: 25px solid #FFFFFF;
    box-sizing: border-box;}
/*----------data table----------*/
.bluetablelist, .bluetablelist_en, .bluetablelistline {
    width: 100%;
    font-size: 14px;
    border: 1px solid #999999;
    border-collapse: collapse;}
.bluetablelist td, .bluetablelist_en td, .bluetablelistline td, .deepbluetable td {
    padding: 6px;
    line-height: 22px;
    vertical-align: top;
    color: #333333;
    background-color: #FFFFFF;}
.bluetablelistline td {
    vertical-align: middle;}
.bluetablelist td {
    text-align: center;
    border-bottom: 1px dashed #e6e6e6;}
.bluetablelist_en td {
    text-align: left;
    border: 1px solid #FFFFFF;}
.bluetablelist tbody > tr:nth-child(odd) > td, .bluetablelist_en tbody > tr:nth-child(odd) > td, .bluetablelistline tbody > tr:nth-child(odd) > td {
    background-color: #eaf6fd;}
.bluetablelist th, .bluetablelist_en th, .bluetablelistline th {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #00afec;
    text-align: center;
    padding: 6px;
    line-height: 25px;}
.bluetablelistline th a {
    color: #FFFFFF;
    text-decoration: underline;}
.bluetablelistline th a:hover {
    color: #FFFFFF;
    text-decoration: none;}
.bluetablelist th {
    border-bottom: 1px solid #999999;}
.bluetablelist_en th {
    border: 1px solid #FFFFFF;}
.bluetablelist .left {
    text-align: left;}
.bluetablelist .bold, .bluetablelist_en .bold, .deepbluetable .bold {
    font-weight: 700!important;}
.bluetablelistline th {
    border: 1px solid #999999;}
.bluetablelistline td {
    text-align: center;
    border: 1px solid #999999;}
.deepbluetable {
    width: 100%;
    font-size: 16px;
    border: 1px solid #004466;
    border-collapse: collapse;}
.deepbluetable td {
    text-align: center;
    border: 1px solid #004466;}
.deepbluetable tbody > tr:nth-child(odd) > td {
    background-color: #f2f2f2;}
.deepbluetable th {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #0077b3;
    border: 1px solid #004466;
    text-align: center;
    padding: 8px 4px;
    line-height: 28px;}

/*-----Product's accordion----*/
.prodaccordion, .prodaccordionGen1 {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.prodaccordion .aheader, .prodaccordionGen1 .aheader {
    background: url(/Public/img/icons/down_sicon1.png) #f1f1f1 no-repeat 99% center;
    color: #333333;
    display: block;
    margin: -1px 0 0 !important;
    padding: 10px;
    border: 1px solid #cccccc;
}
.prodaccordion .aheader.active, .prodaccordionGen1 .aheader.active {
    color: #333333;
    font-weight: 600;
    background: url(/Public/img/icons/up_sicon1.png) #f1f1f1 no-repeat 99% center;}
.prodaccordion .aheader:hover, .prodaccordionGen1 .aheader:hover {
    color: #333333;
    font-weight: 600;
    cursor: pointer;}
.prodaccordion div.achild, .prodaccordionGen1 div.achild {
    overflow: auto;
    height: auto;
    padding: 0px 15px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;}
.prodaccordion p, .prodaccordionGen1 p {
    line-height: 26px;
    padding: 0px;
    margin: 0px;}
/*---------table_wrap p style------------*/
.spectheadth, .spectbodyth, .spectable1, .sumblock, .solutionheader, .landingformth, .btextth {
    box-sizing: border-box!important;}
.spectheadth, .spectbodyth, .spectable1{
	font-size: 14px;
    padding: 10px;
	line-height: 28px;}
.spectheadth {
    color: #ffffff;
    background-color: #a6a6a6;
    border-bottom: 1px solid #ffffff;}
.spectbodyth {
    color: #006bb3;
    background-color: #f1f1f1;
    border-bottom: 1px solid #cccccc;}
.spectable1 {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;}
.spectable1 .horlist1 li, .siglehorlist1 li {
    width: auto;
    white-space: nowrap;
    margin-right: 40px;
    display: inline-block;}
.spectable1 .horlist1 li:last-child, .siglehorlist1 li:last-child, .horlist3: li:last-child {
 margin-right: 0px;}
.spectable1 .horlist2 {
    float: left;
    margin-right: 60px;}
.landingformth, .landingformtd{
	font-size: 16px;
	line-height: 35px;}/*201904-NABshow need*/
.landingformth{
    color: #006bb3;
    background-color: #e6e6e6;
	text-align: center;
	padding: 15px 10px;
    border-bottom: 1px dashed #f2f2f2;}/*201904-NABshow need*/
.landingformtd{
    background-color: #FFFFFF;
	padding: 10px;
    border-bottom: 1px dashed #f2f2f2;}/*201904-NABshow need*/
.btexttable{
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;}/*Newsletter need*/
.btextth, .btexttd{
	padding: 10px 15px;
	border-bottom: 1px dotted #d9d9d9;}/*Newsletter need*/
.btextth{
	font-weight: 600;
	text-align: center;
	background-color: #f1f1f1;}/*Newsletter need*/
.btexttd{
	color: #428bca;}
.btextend{
	border-bottom: none;}/*Newsletter need*/
.btexttd:hover{
	color: #74a9d8;
	text-decoration: underline;}

.horlist3 li {
    width: 120px;
    white-space: nowrap;
    margin-right: 20px;
    float: left;}
.vertlist1 li:before {
    content: "-";
    margin-right: 5px;
}
.spectable1 label {
    color: #008ae6;
    font-weight: 600;}
.spectable1 .boldtext {
    color: #000000;
    font-weight: 700;}
.noticetext, .siglenotice {
    color: #737373;
    font-size: 12px;
    line-height: 20px;}
.spectable1 .redtext, .siglenotice .redtext, .redtext {
    color: #ff471a;
    font-weight: 600;
    margin-right: 5px;}
.spectable1 .noteitem, .notelist {
    font-size: 14px;
    color: #737373;}
.spectable1 .noteitem:before, .noteitem:before, .notelist:before {
    font-weight: 600;
    content: "Note :";
    margin-right: 5px;
    color: #ff9933;}
.notepoint1:before {
    content: "*";
    color: #ff471a;
    font-weight: 600;
    margin-right: 5px;}
.notepoint1 {
    font-size: 14px;
    color: #808080;}
.notelist {
    float: left;
    margin: 0px;}
.notelist ol li {
    list-style-type: decimal;
    margin-left: 18px;}
.spectable1 .forgentext {
    color: #00b3b3;
    font-weight: 600;}
.spectable1 ul li ul {
    padding-left: 10px;}
.spectable1 ul li ul li:before {
    content: "- ";}
.spectable1:after {
    content: " ";
    display: block;
    clear: both;}
/*ordering prduct-201804new*/
.rwdtable1 {
    display: table;
    margin: 5px 0px;
    font-size: 14px;
    line-height: 27px;
    width: 100%;
    border-bottom: 1px solid #cccccc;}
.rwdtablew2 {
    width: 15%;}
.rwdtablew6 {
    width: 60%;}
.rwdtable1tr {
    display: table-row;
    border-bottom: 1px solid #cccccc;}
.rwdtable1tr:last-child {
    border-bottom: none;}
.rwdtable1th, .rwdtable1td {
    display: table-cell;
    text-align: left;
    font-weight: normal;
    padding: 10px;}
.rwdtable1th {
    color: #006bb3;
    background: #f1f1f1;
    /*border-top: 1px solid #cccccc;*/
    font-size: 18px;
    font-weight: bold;}

.sumblock {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 20px 30px;}
.sumblock p {
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    text-align: left;
    margin-bottom: 10px;}
.sumblock_darkblue1 {
    color: #FFFFFF;
    background: #007cb8;}
.sumblock_darkblue1 a {
    color: #ffff1a;
    text-decoration: underline;}
.sumblock_darkblue1 a:hover {
    color: #ffff4d;
    text-decoration: none;}
.solutionheader {
    width: 100%;
    margin: 0px;
    padding: 30px 50px;}
.fsfamily_headerbg, .gsfamily_headerbg, .dsfamily_headerbg, .gsafamily_headerbg, .gscfamily_headerbg, .gsefamily_headerbg, .gsifamily_headerbg, .gseprofamily_headerbg, .eonservfamily_headerbg, .exenjbod_headerbg, .managesw_headerbg, .gsepro1000_headerbg {
    height: 490px;}
.fsfamily_headerbg {
    background: url(/Public/img/products/fsheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.gsfamily_headerbg {
    background: url(/Public/img/products/gsheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.dsfamily_headerbg {
    background: url(/Public/img/products/dsheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.gsafamily_headerbg {
    background: url(/Public/img/products/gsaheaderbg1.jpg) center top no-repeat;
    background-size: cover;}
.gscfamily_headerbg {
    background: url(/Public/img/products/gscheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.gsefamily_headerbg {
    background: url(/Public/img/products/gseheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.gsifamily_headerbg {
    background: url(/Public/img/products/gsiheaderbg1.jpg) center top no-repeat;
    background-size: cover;}
.gseprofamily_headerbg {
    background: url(/Public/img/products/gseproheaderbg1.jpg) center top no-repeat;
    background-size: cover;}
.eonservfamily_headerbg {
    background: url(/Public/img/products/evheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.exenjbod_headerbg {
    background: url(/Public/img/products/jbodheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.iprodselection {
    background: url(/Public/img/products/prod_selectionbg1.jpg) right center no-repeat;
    background-size: cover;}
.managesw_headerbg {
    background: url(/Public/img/products/manageswheaderbg1.jpg) right top no-repeat;
    background-size: cover;}
.inewsum_headerbg {
    background: url(/Public/img/news/newsummary_bg.jpg) #f7f7f7 center center no-repeat;}
.ievent_headerbg {
    background: url(/Public/img/pageheader/ievent-headerbg.jpg) #fcb948 center center no-repeat;}/*newsheader-201903*/
.inewsletter_headerbg {
    background: url(/Public/img/pageheader/inewsletter-headerbg.jpg) #00073e center center no-repeat;}/*newsletterheader-201903*/
.gsepro1000_headerbg {
    background: url(/Event2018/201808_gsepro1000/gsepro1000-headerbg.jpg) center top no-repeat;
    background-size: cover;}
.gsc_headerbg {
    background: url(/Event2018/p/gsepro1000-headerbg.jpg) center top no-repeat;
    background-size: cover;}
.imediaediting, .isurveillance, .ieducation, .ifinancial, .ihealthcare, .invr, .icloud_ds, .issdcache_ds, .itiering_ds, .ireplication_ds, .isnapshot_ds, .ithin_ds, .iidr_ds, .ivdi_app, .idatabase_app, .icloud_app, .iflash_seo, .ihybridstorage_seo, .ihybridcloud_seo, .inas_seo, .isan_seo {
    height: 400px;}
/*-------banner change-201903-no use
.imediaediting {
    background: url(/Public/img/solution/media_solutionbg2.jpg) right top no-repeat;
    background-size: cover;}
.isurveillance {
    background: url(/Public/img/solution/surveillance_solutionbg2.jpg) right top no-repeat;
    background-size: cover;
}
.ieducation {
    background: url(/Public/img/solution/education_bg2.jpg) right top no-repeat;
    background-size: cover;
}
.ifinancial {
    background: url(/Public/img/solution/financial_bg2.jpg) right top no-repeat;
    background-size: cover;
}
.ihealthcare {
    background: url(/Public/img/solution/healthcare_bg2.jpg) right top no-repeat;
    background-size: cover;}----------*/
.invr {
    background: url(/Public/img/data-service/nvr_headerbg1.jpg) right top no-repeat;
    background-size: cover;
}
.icloud_ds {
    background: url(/Public/img/data-service/cloud_service_dataservicebg.jpg) right top no-repeat;
    background-size: cover;
}
.issdcache_ds {
    background: url(/Public/img/data-service/ssdcache_dataservicebg2.jpg) right top no-repeat;
    background-size: cover;}
.itiering_ds {
    background: url(/Public/img/data-service/tiering_dataservicebg2.jpg) right top no-repeat;
    background-size: cover;}
.ireplication_ds {
    background: url(/Public/img/data-service/replication_dataserivcebg2.jpg) right top no-repeat;
    background-size: cover;}
.isnapshot_ds {
    background: url(/Public/img/data-service/snapshot_dataservicebg2.jpg) right top no-repeat;
    background-size: cover;}
.ithin_ds {
    background: url(/Public/img/data-service/provisioning_dataservicebg.jpg) right top no-repeat;
    background-size: cover;}
.iidr_ds {
    background: url(/Public/img/data-service/idr_dataservicebg2.jpg) right top no-repeat;
    background-size: cover;}
.ivdi_app {
    background: url(/Public/img/solution/vdi_appbg2.jpg) right top no-repeat;
    background-size: cover;}
.idatabase_app {
    background: url(/Public/img/solution/database_appbg1.jpg) right top no-repeat;
    background-size: cover;}
.icloud_app {
    background: url(/Public/img/solution/cloud_appbg2.jpg) right top no-repeat;
    background-size: cover;}
.iflash_seo {
    background: url(/Public/img/data-storage/allflash-databg1.jpg) right top no-repeat;
    background-size: cover;}
.ihybridstorage_seo {
    background: url(/Public/img/data-storage/hybridstorage_databg1.jpg) right top no-repeat;
    background-size: cover;}
.ihybridcloud_seo {
    background: url(/Public/img/data-storage/hybridcloud_databg1.jpg) right top no-repeat;
    background-size: cover;}
.inas_seo {
    background: url(/Public/img/data-storage/nas_databg1.jpg) right top no-repeat;
    background-size: cover;}
.isan_seo {
    background: url(/Public/img/data-storage/san_databg1.jpg) right top no-repeat;
    background-size: cover;}
.veeam_headerbg {
    background: url(/Event2018/201805_Veeam/veeam201806_widebg.jpg) #07241a right top no-repeat;}
.virtualization_headerbg {
    background: url(/Public/img/solution/solution-virtualization-bg1.jpg) #8ccbff right top no-repeat;}
.surveillance_headerbg2 {
    background: url(/Public/img/solution/solution-surveillance-bg1.jpg) #c2d1f0 right top no-repeat;}
.backupdr_headerbg {
    background: url(/Public/img/solution/solution-backup-bg1.jpg) #c0f6ff right top no-repeat;}
.eoncloud_headerbg {
    background: url(/Public/img/data-service/solution-EonCloud-bg1.jpg) #68ccf0 right top no-repeat;}
.ai_headerbg {
    background: url(/Public/img/solution/solution-ai-bg1.jpg) #012674 right top no-repeat;}
.privatec_headerbg {
    background: url(/Public/img/solution/solution-privatecloud-bg1.jpg) #c6e6ff right top no-repeat;}

/*--------201712-no use began-----------*/
.mediaentertainment {
    background: url(/Public/img/solution/media_solutionbg.jpg) #25507d right center no-repeat;
    background-size: auto 100%;}
.security_headerbg {
    background: url(/Public/img/solution/security_bg.jpg) #4296ba right center no-repeat;
    background-size: auto 100%;}
.education_headerbg {
    background: url(/Public/img/solution/education_bg.jpg) #2e4354 right center no-repeat;
    background-size: auto 100%;
}
.vdi_headerbg {
    background: url(/Public/img/solution/vdi_appbg.jpg) #2562b5 right center no-repeat;
    background-size: auto 100%;}
.database_headerbg {
    background: url(/Public/img/solution/cloudserver_pic2.jpg) #307fce right center no-repeat;
    background-size: auto 100%;}
.cloud_headerbg {
    background: url(/Public/img/solution/cloudservice_bg.jpg) #202f2f right center no-repeat;
    background-size: auto 100%;}
.cloud_headerbg2 {
    background: url(/Public/img/solution/cloud_dataservicebg.jpg) #04162b right center no-repeat;
    background-size: auto 100%;
}
.financial_headerbg {
    background: url(/Public/img/solution/financial_bg.jpg) #1a3f86 right center no-repeat;
    background-size: auto 100%;}
.healthcare_headerbg {
    background: url(/Public/img/solution/healthcare_bg.jpg) #0377a6 right center no-repeat;
    background-size: auto 100%;}
.hybridstorage_headerbg {
    background: url(/Public/img/seo/hybridstorage_bg.jpg) #131802 right center no-repeat;
    background-size: auto 100%;}
.hybridcloud_headerbg {
    background: url(/Public/img/seo/hybridcloud_bg.jpg) #527ca5 right center no-repeat;
    background-size: auto 100%;}
.allflash_headerbg {
    background: url(/Public/img/seo/lightflash_bg.jpg) #1d3752 right center no-repeat;
    background-size: auto 100%;}
.sanseo_headerbg {
    background: url(/Public/img/solution/sanseo_bg.jpg) #32424f right center no-repeat;
    background-size: auto 100%;}
.nasseo_headerbg {
    background: url(/Public/img/solution/nasseo_bg.jpg) #06204d right center no-repeat;
    background-size: auto 100%;}
.ssdcache_headerbg {
    background: url(/Public/img/solution/ssdcache_dataservicebg.jpg) #0c4386 right center no-repeat;
    background-size: auto 100%;}
.tiering_headerbg {
    background: url(/Public/img/solution/tiering_dataservicebg.jpg) #133862 right center no-repeat;
    background-size: auto 100%;}
.snapshot_headerbg {
    background: url(/Public/img/solution/snapshot_dataservicebg.jpg) #171916 right center no-repeat;
    background-size: auto 100%;}
.thin_headerbg {
    background: url(/Public/img/solution/thin_dataservicebg.jpg) #123265 right center no-repeat;
    background-size: auto 100%;}
.replication_headerbg {
    background: url(/Public/img/solution/replication_dataserivcebg.jpg) #0a2749 right center no-repeat;
    background-size: auto 100%;}
.idr_headerbg {
    background: url(/Public/img/solution/idr_dataservicebg.jpg) #083c63 right center no-repeat;
    background-size: auto 100%;}
.solutionheader .titletext {
    width: 67%;
    font-size: 34px;
    text-shadow: 2px 1px #404040;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    margin: 30px 0px 10px 0px;}
.solutionheader .level2text {
    width: 67%;
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 30px;
    margin: 0px 0px 30px 0px;}
/*--------201712-no use end-----------*/
/*--------event calendar use-21903 Don't delete it-----------*/
.itable-header{
	height: 250px;
	min-height: 250px;
	display: table;}
.itd-header{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 20px 0px;}
.wtext-h1{
	color: #FFFFFF;
	font-size: 50px;
	font-weight: 700;
	margin: 0px;}

/*-----------What's news 2018new-------------*/
.inewstop {
    padding: 88px 0px!important;
    text-align: center;}
.inewsearch input {
    width: 45%;
    font-size: 16px;
    border-radius: 20px;
    border: none;
    padding: 8px 20px;}
.inewsearch button {
    width: 32px;
    height: 32px;
    border: none;
    outline: none;
    display: inline-block;
    margin: 8px 0px 0px -35px;
    cursor: pointer;
    position: absolute;
    border-radius: 20px;
    background: url(/Public/img/icons/icon_wzoom1.png) #ff7052 center center no-repeat;}
.inewstitle {
    color: #1a1a1a;
    font-size: 50px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;}
.inewsarticle {
    margin: 0px 0px 30px 0px;}
.inewsarticle h3{
	color: #837c7c;
	font-size: 40px;
	font-weight: 700;
	margin: 0px 0px 40px 0px;}
.inewsarticle h4 {
	font-size: 32px;
	line-height: 37px;
    color: #404040;
	font-weight: 700;}
.inewsarticle h5, .inewsarticle h6 {
    font-size: 24px;
    line-height: 34px;}
.inewsarticle h5{
	 color: #ff8c1a;
	margin: 20px 0px 10px 0px;}
.inewsarticle h6 {
	font-weight: 700;
	margin: 0px 0px 20px 0px;}
.inewsarticle .tagtype, .newstaglink h5 {
    color: #FFFFFF;
    font-size: 16px;
    display: inline-block;
    background: #404040;
    white-space: nowrap;
    border-radius: 5px;
    padding: 3px 20px;
    margin: 10px 0px;}
.inewsarticle .postdate {
    color: #808080;
    font-size: 14px;
    background: url(/Public/img/icons/date-icon.png) no-repeat left top;
    padding-left: 25px;
    display: inline-block;
    white-space: nowrap;
    margin: 0px 0px 0px 15px;}
.inewsarticle .itspic {
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px 0px 20px 0px;}
.inewsarticle .itspic img {
    width: auto;
    max-width: 100%;}

/*what's new-no use-began*/
.btnarea1, .btnarea2 {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    background: #FFFFFF;
    color: #1b88ca;
    border: 1px solid #1b88ca;
    margin-top: 30px!important;
    transition: 0.2s;}
.btnarea1:hover, .btnarea2:hover {
    background-color: #1b88ca;
    color: #FFFFFF;}
/*what's new-no use-end*/

.articlehr {
    width: 100%;
    margin: 0px 0px 30px 0px;
    border-top: 0px;
    border-bottom: 1px solid #dddddd;}
.newstaglink {
    font-size: 16px;
    margin-bottom: 40px;}
.newstaglink ul li {
    margin-bottom: 12px;}
.newstaglink ul li a {
    text-decoration: underline;}
.newstaglink ul li a:hover {
    text-decoration: none;}
.newstaglink ul li div {
    color: #808080;
    font-size: 14px;
    background: url(/Public/img/icons/date-icon.png) no-repeat left top;
    padding-left: 25px;
    display: block;
    font-style: italic;
    white-space: nowrap;
    margin: 5px 0px 0px 0px;}
.newstaglink ul li span {
    color: #808080;
    font-size: 14px;
    border: 1px solid #808080;
    min-width: 35px;
    text-align: center;
    padding: 0px 2px;
    margin-left: 10px;
    white-space: nowrap;
    display: inline-block;}
.inewsubscribe {
    border: 1px solid #dddddd;
    padding: 25px 15px;
    margin: 0px 0px 40px 0px;
    text-align: left;}
.inewsubscribe .subscribeh5 {
    font-size: 22px;
    font-weight: 600px;
    color: #0d0d0d;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 3px solid #cc0000;
    margin: 0px 0px 10px 0px;}
.inewsubscribe p {
    font-size: 16px;
    margin: 5px 0px;}
.inewsubscribe input[type=email] {
    width: 98%;
    font-size: 16px;
    padding: 5px 10px;
    margin: 20px 0px 5px 0px;}
.inewsubscribe button {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px;
    margin: 5px 5px 5px 0px;
    border: none;
    color: #FFFFFF;
    float: left;}
.inewsubscribe .yesbtn {
    background: #cc0000;}
.inewsubscribe .nobtn {
    background: #a6a6a6;}
.inewsubscribe .yesbtn:hover {
    background: #990000;}
.inewsubscribe .nobtn:hover {
    background: #8c8c8c;}
.ifeedbackh1 {
    margin: 90px 0px 10px 0px;}
.ifeedbacktext {
    border-radius: 10px;
    background: #FFFFFF;
    padding: 50px 30px;
    margin: 10px 0px 60px 0px;
    box-sizing: border-box;}
.ifeedbacktext p {
    font-size: 18px;
    line-height: 30px;}
/*------------form 2017 new-----------*/
/*horizontal*/
.input_group1, .input_group2 {
    display: table;
    margin: 0px;
    -webkit-margin-top-collapse: separate;}
.input_group1:after, .input_group3:after {
    clear: both;}
.inputg1_label {
    font-size: 14px;
    font-weight: normal;
    padding: 11px 5px 10px 5px;
    text-align: right;
    float: left;}
.inputg1_label {
    width: 100px;
    color: #FFFFFF;}
.inputg1_followgroup {
    display: inline-block;}
.inputg1_input {

    text-align: left;
 *display: inline-block;
    padding: 2px 0px;
    margin-left: 5px;
    float: left;}
.inputg2_label {
    font-size: 18px;
    color: #808080;
    font-weight: 600;
    margin: 10px 0px 3px 0px;
    text-align: left;}
/*------------form 2018 new-----------*/
/*Inquiry-vertical-special*/
.inputg3 {
    width: 85%;
    display: block;
}
.inputg5 {
    width: 100%;
    display: block;
}
.equaliw1 {
    width: 90%
}/*for input RWD*/
.inputg3 label, .inputg5 label {
    color: #595959;
    font-size: 16px;
    font-weight: 700px;
    display: block;
    margin: 15px 0px 0px 0px;
}
.inputg3 label span, .inputg5 label span {
    color: #ff471a;
    margin-left: 5px;
}
.inputg3 .multinfo [type="text"], .inputg5 .multinfo [type="text"] {
    margin-left: 15px;
}
.claiminfo1 {
    font-size: 16px;
    border-bottom: 1px dotted #cccccc;
    padding: 0px 0px 8px 0px;
    margin-bottom: 10px;
}
/*equaldiv2 for menu-padding*/
.equaldiv1, .equaldiv2 {
    width: 50%;
    float: left;
}
.equaldiv2 {
    padding-left: 10px;
}
.sepinputrow1 {
    margin: 0px 0px 5px 0px;
}
/*Support-Service-Create an Account*/
/*no RWD*/
.rowtable1 {
    display: table;
}
.rowtable1tr {
    display: table-row;
}
.rowtable1td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
/*only use in equaldiv1*/
.nearinputext1 {
    margin-top: 9px;
}
/*----------btn 2017 new-----*/
.idropbtn1, .datasheetbtn, .sinquirybtn, .greenbtn1, .darkblue_btn, .graybtn2, .lightblue_btn, .darkblue_btn3, .darkblue_btn5 {
    padding: 8px 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
	text-align: center;
	text-decoration: none!important;
    box-sizing: border-box!important;}
.idropbtn1, .datasheetbtn, .sinquirybtn, .greenbtn1 {
    margin-top: 7px;
	min-width: 210px;}
.idropbtn1, .datasheetbtn {
    background-color: #FFFFFF;
    color: #1b88ca;
    border: 1px solid #1b88ca;}
.sinquirybtn {
    background-color: #35a1e3;
    color: #FFFFFF;
    border: 1px solid #35a1e3;}
.sinquirybtn:hover {
    background-color: #1b88ca;
    color: #FFFFFF;
    border: 1px solid #1b88ca;}
.datasheetbtn:hover {
    color: #ffffff;
    background-color: #1b88ca;}
.greenbtn {
    color: #ffffff;
    background: #88ba35;
    border: 0px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin: 10px 0px;}
.greenbtn:hover {
    background: #668c25;}
.greenbtn1 {
    border: 0px;
    background: #88ba35;
    color: #ffffff;}
.greenbtn1:hover {
    background: #668c25;}
.brownbtn {
    color: #ffffff;
    background: #86592d;
    border: 0px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin: 10px 0px;}
.brownbtn:hover {
    background: #ac7339;}
.orangebtn {
    color: #ffffff;
    background: #ffa64d;
    border: 0px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin: 5px 0px;}
.orangebtn:hover {
    background: #ffbf80;}
.longbtn1, .longbtn2 {
    min-width: 210px;
    padding: 8px 5px;
    font-size: 16px;
    margin-top: 7px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer;}
.longbtn1 {
    background-color: #1b88ca;
    color: #FFFFFF;
    border: 1px solid #1b88ca;}
.longbtn1:hover {
    color: #1b88ca;
    background-color: #FFFFFF;
    border: 1px solid #1b88ca;}
.longbtn2 {
    background-color: #54b948;
    color: #FFFFFF;
    border: 1px solid #54b948;}
.longbtn2:hover {
    color: #54b948;
    background-color: #FFFFFF;
    border: 1px solid #54b948;}

.darkblue_btn, .graybtn2, .darkblue_btn2, .lightblue_btn, .darkblue_btn3, .darkblue_btn5 {
	border: none;
    min-width: 160px;}
.darkblue_btn, .graybtn2 {
    margin: 0px 5px 10px 5px;}/*.darkblue_btn ->use in series page "image" btn*/
.darkblue_btn img {
    margin-right: 8px;}
.darkblue_btn2 {
    margin: 0px 5px;}
.darkblue_btn, .darkblue_btn2, .darkblue_btn3, .darkblue_btn5 {
    background: #006bb3;
    color: #FFFFFF!important;}
.darkblue_btn:hover, .darkblue_btn2:hover, .darkblue_btn5:hover {
    background: #008ae6;}
.darkblue_btn5 {
    margin: 0px 10px 10px 0px;}
.lightblue_btn {
    background: #00ace6;
    color: #FFFFFF!important;}/*for Technology Documents btn*/
.lightblue_btn:hover {
    background: #1ac6ff;}
.graybtn2 {
    color: #4d4d4d;
    background: #d9d9d9;}
.graybtn2:hover {
    color: #FFFFFF;
    background: #999999;}

/*button-using-don't delete it*/
.morebtn, .morebtn2, .morebtn3, .darkblue_btn2, .brownbtn, .orangebtn, .greenbtn, .bmorebtn, .blessbtn {
    padding: 6px 20px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;}
.morebtn {
    color: #FFFFFF;
    background: #007acc;
    border: 0px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin: 10px 0px;}
.morebtn:hover {
    background: #0099ff;}
.morebtn2 {
    color: #0066cc;
    background: #FFFFFF;
    border: 1px solid #0066cc;
    transition-duration: .2s;
    transition-property: background;
    -webkit-transition-property: background;
    transform: translateZ(0);
    border-radius: 3px;}
.morebtn2:hover {
    color: #FFFFFF;
    background: #0066cc;
    border: 1px solid #FFFFFF;}
.morebtn3 {
    color: #FFFFFF;
    background: #5e19b3;
    border: 0px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin: 10px 0px;}
.morebtn3:hover {
    background: #7620df;}
.bmorebtn, .blessbtn {
    color: #FFFFFF;
	background-color: #1b88ca;
    border: 1px solid #1b88ca;}/*for EonCloud use, with jquery*/
.bmorebtn:hover, .blessbtn:hover {
    background: #FFFFFF;
    color: #1b88ca;}/*for EonCloud use, with jquery*/

.idropdown1 {
    position: relative;
    display: inline-block;}
.idropdown1_option {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    border-top: none;
    min-width: 210px;
    padding: 0px 6px;
    text-align: center;
    box-sizing: border-box;
    z-index: 5;}
.idropdown1_option a {
    color: #000000;
    padding: 10px 2px;
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
    display: block;}
.idropdown1_option a:last-child {
    border-bottom: none;}
.idropdown1_option a:hover {
    font-weight: 600;
    color: #1b88ca;}
.idropdown1:hover .idropdown1_option {
    display: block;}
.idropdown1:hover .idropbtn1 {
    color: #FFFFFF;
    background-color: #1b88ca;}
.idropbtn2 {
    background-color: #3973ac;
    color: #FFFFFF;
    min-width: 210px;
    padding: 8px 5px;
    font-size: 16px;
    margin-top: 7px;
    font-weight: 600;
    border: 1px solid #3973ac;
    box-sizing: border-box;
    cursor: pointer;}
.idropdown2 {
    position: relative;
    display: inline-block;}
.idropdown2_option {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: none;
    min-width: 210px;
    padding: 0px;
    box-sizing: border-box;
    box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.2);
    z-index: 5;}
.idropdown2_option a {
    color: #000000;
    padding: 10px;
    text-decoration: none;
    display: block;}
.idropdown2_option a:hover {
    color: #1a1a1a;
    background-color: #d9e6f2;}
.idropdown2:hover .idropdown2_option {
    display: block;}
.idropdown2:hover .idropbtn1 {
    color: #FFFFFF;
    background-color: #538cc6;}

/*-----button end-----*/

.itab1, .itab2 {
    overflow: hidden;
}
.itab1 button {
    color: #666666;
    background-color: #FFFFFF;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    border-bottom: 5px solid #f2f2f2;
    padding: 7px 20px;
    transition: 0.2s;
}
.itab1 button:hover {
    background-color: #FFFFFF;
    border-bottom: 5px solid #ffbb99;
}
.itab1 button.active {
    color: #e64d00;
    background-color: #f2f2f2;
    border-bottom: 5px solid #ff7733;
}
.itabcontent {
    display: none;
    padding: 10px 0px 20px 0px;
}
/*eLearning tab-201804new*/
.itab2 {
    text-align: center;
}
.itab2 div {
    color: #666666;
    text-align: center;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    padding: 4px 20px;
    margin: 0px;
    transition: 0.2s;
}
.itab2 div:hover {
    border-bottom: 5px solid #b3d9ff;
}
.itab2 div.active {
    color: #008ae6;
    border-bottom: 5px solid #4da6ff;
}
/*GSe Pro key feature*/
.ikey, .ikey2, .ikey4 {
    width: 100%;
    display: table;
}
.ikey div, .ikey2 div, .ikey4 div {
    display: table-cell;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 7px 8px;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: 5px solid #f2f2f2;
}
.ikey div:hover, .ikey2 div:hover, .ikey4 div:hover {
    background-color: #FFFFFF;
    border-bottom: 5px solid #b3d9ff;
}
.ikey div.active, .ikey2 div.active, .ikey4 div.active {
    color: #008ae6;
    background-color: #FFFFFF;
    border-bottom: 5px solid #4da6ff;
}
.ikey div {
    width: 16.6%;
}
.ikey2 div {
    width: 50%;
}
.ikey4 div {
    width: 25%;
}
/*--------Product Select-PICtab 201712 new---------*/
.pictab1 {
    width: 100%;
    margin: 0px;
}
.pictab1 .selectbox3 {
    width: 33.3333333%;
    background: #FFFFFF;
    float: left;
    text-align: center;
    border: 1px solid #eaeaea;
    border-bottom: 7px solid #eaeaea;
    padding: 20px 12px 10px 12px;
    box-sizing: border-box;
}
.pictab1 .selectbox3:first-child {
    border-right: none;
}
.pictab1 .selectbox3:last-child {
    border-left: none;
}
.pictab1 .selectbox3 img {
    width: 100%;
}
.selectype1bg, .selectype2bg, .selectype3bg {
    display: block;
}
.selectbox3 .selectype1bg {
    background: url(/Public/img/products/prod_type1.jpg) center center no-repeat;
    background-size: cover;
}
.selectbox3 .selectype2bg {
    background: url(/Public/img/products/prod_type2.jpg) center center no-repeat;
    background-size: cover;
}
.selectbox3 .selectype3bg {
    background: url(/Public/img/products/prod_type3.jpg) center center no-repeat;
    background-size: cover;
}
.selectbox3 .selectype4bg {
    background: url(/Public/img/products/prod_type4.jpg) center center no-repeat;
    background-size: cover;
}
.selectbox3 .selectype5bg {
    background: url(/Public/img/products/prod_type5.jpg) center center no-repeat;
    background-size: cover;
}
.selectbox3 .selectype6bg {
    background: url(/Public/img/products/prod_type6.jpg) center center no-repeat;
    background-size: cover;
}
.pictab1 .selectbox3 h5 {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    padding: 60px 5px 20px 5px;
}
.pictab1 .selectbox3 .h5_jp {
    font-size: 22px;
    font-family: "MS PGothic", "MS Gothic", "MS UI Gothic", sans-serif!important;
}
.pictab1 .selectbox3 p {
    font-size: 18px;
    color: #737373;
    text-align: left;
    line-height: 27px;
    height: 105px;
    overflow: hidden;
    margin: 15px 0px 10px 0px;
}
.pictab1 .selectbox3 a.choosebtn {
    background-color: #FFFFFF;
    color: #1b88ca;
    padding: 8px 25px;
    font-size: 16px;
    margin: 10px 0px 0px 0px;
    font-weight: 600;
    border: 1px solid #1b88ca;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
}
.pictab1 .selectbox3 a.choosebtn:hover {
    color: #FFFFFF;
    background-color: #1b88ca;
    text-decoration: none;
}
.pictab1content {
    display: none;
    margin: 0px 0px 40px 0px;
}
/*--------Product Select-choosetype 201712 new---------*/
.chooseblockbase {
    width: 100%;
    text-align: center;
}
.chooseblockbase:after {
    content: " ";
    display: block;
    clear: both;
}
.chooseblockbase ul li {
    padding: 30px 10px;
    text-align: center;
    border: 1px solid #1b88ca;
    background: #1b88ca;
    margin: 10px 20px 5px 0px;
    min-width: 380px;
    cursor: pointer;
    float: left;
}
.chooseblockbase h5 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    margin-bottom: 20px;
}
.chooseblockbase h6 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
}
.chooseblockbase ul li:hover {
    background: #f2f2f2;
    border: 1px solid #8c8c8c;
}
.chooseblockbase > ul li:hover h5 {
    color: #004f80;
}
.chooseblockbase > ul li:hover h6 {
    color: #666666;
}
.chooseblockbase ul li a:hover, .chooseblockbase ul li a:focus {
    text-decoration: none;
}

/*------------Forum 2018 new------------*/



/*------------col 2017 new------------*/
.icol_md_3, .icol_md_4 {
    float: left;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.icol_md_3 {
    width: 25%;
}
/*--------footer 2017 new-------------*/
#ifooter {
    background: #1878b4;
    padding: 15px 0px;
    box-sizing: border-box;
}
.footerlink {
    margin: 0px;
}
.footerlink .grouph1 {
    font-size: 15px;
    font-weight: 600;
    color: #f2f2f2;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.footerlink li {
    font-size: 13px;
    color: #FFFFFF;
    margin: 5px 0px;
    padding: 0px;
    list-style: none;
}
.footerlink li a {
    color: #FFFFFF;
    text-decoration: none;
}
.footerlink li a:hover {
    text-decoration: underline;
}
.socialrow {
    margin: 15px -10px 30px -10px;
}
.socialicon {
    width: 20px;
    height: 20px;
    margin: 10px;
    cursor: pointer;
    float: left;
}
.icopyright {
    font-size: 13px;
    color: #333333;
    float: left;}
.ibotlink {
    font-size: 13px;
    font-weight: normal;
    width: auto;
    float: right;
    color: #333333;
    margin: 0px 0px 30px 0px;
}
.ibotlink ul {
    margin: 0px;
    padding: 0px;
}
.ibotlink ul li {
    white-space: nowrap;
    display: inline;
}
.ibotlink ul li:after {
	margin: 0px 7px 0px 5px;
    content: " | ";
}
.ibotlink ul li a {
    color: #333333;
    text-decoration: none;
}
.ibotlink ul li a:hover {
    color: #333333;
    text-decoration: underline;
}
.topfloat {
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    ;
    padding: 15px 10px 20px 10px;
    box-sizing: border-box;
    position: fixed;
    display: block;
    top: 0px;
    text-align: center;
    z-index: 10005;
}
.topfloat p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
}
.topfloat p a {
    color: #ff6666;
    text-decoration: underline;
}
.topfloat p a:hover {
    text-decoration: none;
}
.topfloat button {
    color: #4d4d4d;
    background: #e6e6e6;
}
.botfloat {
    width: 100%;
    background-color: rgba(230,230,230,0.85);
    ;
    padding: 13px;
    box-sizing: border-box;
    position: fixed;
    bottom: 0px;
    text-align: center;
    z-index: 999;
}
.innerbotfloat {
    width: 100%;
    bottom: -2px;
    position: fixed;
    display: none;
    text-align: center;
    z-index: 999;
}
.closebotfloat {
    width: 13px;
    height: 13px;
    background: url(/Public/img/icons/cross_icon.png) no-repeat center center;
    margin-top: 15px;
    cursor: pointer;
    float: right;
    z-index: 1000;
}
.botfloatbtn, .topfloat button {
    font-size: 16px;
    padding: 7px 10px;
    margin: 5px 2px;
    text-align: center;
    min-width: 130px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none!important;
    box-sizing: border-box!important;
}
.botfloatbtn1 {
    color: #FFFFFF;
    background: #a30f29;
}
.botfloatbtn2 {
    color: #FFFFFF;
    background: #eca801;
}
.botfloatbtn3 {
    color: #FFFFFF;
    background: #0fa397;
}
.botfloatbtn4 {
    color: #FFFFFF;
    background: #2d5a86;
}
.botfloatbtn5 {
    color: #FFFFFF;
    background: #62b6ea;
}
#gotopfloatbtn {
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    bottom: 135px;
    right: 18px;
    position: fixed;
    background: url(/Public/img/icons/gotop_icon1.png) no-repeat center center;}
#gotopfloatbtn:hover {
    background: url(/Public/img/icons/gotop_hover_icon1.png) no-repeat center center;}
/*--------------footer 2017 new end------------*/
#copyright {
    background: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 13px;
}
#copyright a:link, #copyright a:visited {
    color: #555;
}
.sitemap {
    margin-top: 80px;
}
.sitemap ol ol {
    margin-bottom: 5px;
}
/*text color*/
.text-darkblue {
    color: #000033;
}
.text-white {
    color: #FFFFFF;
}
.text-yellow {
    color: #FFCC00;
}
.text-normal {
    font-weight: normal;
}
/*------------------------------------------------------------------------------------------------
icons
--------------------------------------------------------------------------------------------------*/
.socialGroup a {
    margin-left: 3px;
    float: left;
}
.social {
    width: 32px;
    height: 32px;
    background: url(/Public/img/social-icon/icon_social.png) no-repeat;
    display: block;
    float: left;
    text-indent: -9999;
}
.icon_facebook {
    background-position: -0px -0px;
}
.icon_Linkedin {
    background-position: -0px -42px;
}
.icon_rss {
    background-position: -0px -84px;
}
.icon_twitter {
    background-position: -0px -126px;
}
.icon_youtube {
    background-position: -0px -168px;
}
.icon_faq_s {
    background: url(/Public/img/icons/icon_faq_s.png) no-repeat 95% -2px;
}
.icon_focus_s {
    background: url(/Public/img/icons/icon_focus_s.png) no-repeat 95% -2px;
}
.icon_follow_s {
    background: url(/Public/img/icons/icon_follow_s.png) no-repeat 95% -2px;
}
.list_arrow {
    margin: 0px;
    padding: 0px;
}
.list_arrow li {
    background: url(/Public/img/icons/icon_arrow_dot_black.png) no-repeat 0px 50%;
    padding-left: 12px;
    list-style: none;
}
.pdfLink {
    background: url(/Public/img/icons/icon-pdf.gif) no-repeat 0px 0px;
    padding-left: 18px;
}
.icon_success {
    background: url(/Public/img/icons/icon_success-story.png) no-repeat;
    padding-left: 25px;
    height: 21px;
}
.ico_success_academic {
    background-position: -0px -0px;
}
.ico_success_av {
    background-position: -0px -21px;
}
.ico_success_energy {
    background-position: -0px -42px;
}
.ico_success_financial {
    background-position: -0px -63px;
}
.ico_success_gov {
    background-position: -0px -84px;
}
.ico_success_hitech {
    background-position: -0px -105px;
}
.ico_success_interior {
    background-position: -0px -126px;
}
.ico_success_internet {
    background-position: -0px -147px;
}
.ico_success_medical {
    background-position: -0px -168px;
}
.ico_success_sport {
    background-position: -0px -189px;
}
.ico_success_transport {
    background-position: -0px -210px;
}
.ico_success_cloud {
    background-position: -0px -231px;
}
.ico_success_manufacturing {
    background-position: -0px -252px;
}
/*border*/
.border_left {
    border-left: 1px dotted #CCC;
}
.border_right {
    border-right: 1px dotted #CCC;
}
.rowspan {
    margin-bottom: 1.5em;
}
.rowspan article {
    border-top: 1px dotted #CCCCCC;
    margin-top: 0.85em;
    padding-top: 0.85em;
}
/*Ordering information*/
#Ordering {
    text-align: left;
    width: 100%;
}
#Ordering p {
    margin-bottom: 8px;
}
#Ordering select {
    border: 1px solid #999999;
}
#Ordering input[type=text] {
    border: 1px solid #999999;
}
#Ordering textarea {
    height: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}
#Ordering span {
    color: #FF0000;
    padding-left: 2px;
}
#Ordering table {
    border-collapse: collapse;
    border: 1px solid #999999;
    margin-bottom: 10px;
}
#Ordering th, #Ordering td {
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
}
#Ordering th {
    background-color: #E3E3E3;
}
#Ordering table textarea {
    width: 98%;
    height: 80px;
}
.City input {
    width: 120px;
}
#Ordering .checktable {
    width: 99%;
}
#Ordering .checktable th {
    width: 120px;
    background: transparent;
}
#Ordering .checktable, #Ordering .checktable th, #Ordering .checktable td {
    border: none;
    padding: 0px;
}
#Ordering .checktable th input {
    border: none;
    vertical-align: middle;
}
#Ordering .checktable td input {
    border-bottom: 1px solid #999;
    vertical-align: middle;
    border-top: 1px none #FFF;
    border-right: 1px none #FFF;
    border-left: 1px none #FFF;
}
.OrderingResult {
    margin-top: 20px;
}
.OrderingInfo {
    border-collapse: collapse;
}
.OrderingInfo h4 {
    font-size: 11px;
    color: #45627E;
    margin: 3px 0px 1px;
    padding: 0px;
}
.OrderingInfo p {
    margin-top: 5px;
}
.OrderingInfo table {
    border-collapse: collapse;
    border-bottom: 1px solid #FFF;
    margin-bottom: 10px;
}
.OrderingInfo th {
    white-space: nowrap;
    width: 140px;
    padding-left: 10px;
    font-weight: normal;
    border-right: 1px dotted #CCC;
    border-left: 1px dotted #CCC;
}
.OrderingInfo td {
    padding: 3px 5px;
}
.OrderingInfo .partsItem th, .OrderingInfo .partsItem td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
/*Contact Us----------------------------------------------------------------------------------------*/
.office a .iconMap {
    padding: 1px 3px;
    border: 1px solid #D87C21;
    background: #DF9145;
    font-style: normal;
    color: #FFF;
    margin-left: 3px;
    font-weight: normal;
    text-decoration: none;
}
.office {
    padding: 5px 0px 5px 5px;
    margin-bottom: 10px;
}
.office h4, .office h5 {
    margin-bottom: 10px;
}
.officeContent {
    margin-left: 160px;
    margin-bottom: 10px;
    margin-top: 3px;
}
.office img {
    float: left;
    margin-top: 5px;
}
.office table {
    width: 99%;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 5px;
}
.office th, .office td {
    padding: 3px;
    border-bottom: 1px solid #E3E3E3;
}
.office th {
    text-align: left;
    white-space: nowrap;
}
.office td {
    vertical-align: middle;
}
.office thead th {
    width: 29%;
}
.office tbody th {
    width: 12%;
}
.office ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.office dl {
    float: left;
    width: 275px;
}
.office dt {
    font-weight: bold;
}
.PRContact h5 {
    margin: 10px 0px 0px;
    padding: 0px;
}
.PRContact dl {
    margin-bottom: 20px;
}
.PRContact dt, .PRContact dd {
    border-bottom: 1px solid #dddddd;
    padding-top: 4px;
    padding-bottom: 4px;
}
.PR {
    margin-bottom: 20px;
    margin-top: 20px;
}
.PR h4 {
    margin-bottom: 5px;
    margin-top: 15px;
}
.PRcontent {
    margin-top: 5px;
}
.PRList {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
}
.PRbutton {
    margin-top: 10px;
    margin-bottom: 10px;
}
/*about Infortrend*/
.itemSummary {
    margin-top: 10px;
}
.itemSummary h4 a:link {
    text-decoration: underline;
}
.itemSummary h4, .itemSummary p, .itemSummary ol {
    padding-bottom: 10px;
}
/*Success story*/
/*.success {
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px solid #dddddd;
}*/
.success ul li {
    background: url(/Public/img/icons/ico_dot.gif) no-repeat 0px 6px;
    padding-left: 12px;
}
.downloadBTN {
    margin-top: 10px;
}
/*Support page*/
.supportarticle {
    padding-top: 10px;
    border-top: 1px solid #dddddd;
}
.supportContent, .helpdesk {
    margin-top: 10px;
    margin-bottom: 20px;
}
.KeywordSearch {
    margin-top: 15px;
}
/*Warranty and repair*/
.switchgroup1 {
    margin-left: 8px;
}
.warrantySummary {
    margin-bottom: 15px;
    padding-bottom: 15px;
    line-height: 80px;
}
.warrantySummary img {
    float: left;
    margin-right: 10px;
}
.warrantySummary div {
    margin-left: 90px;
}
.warrantySummay ol {
    margin-bottom: 5px;
    margin-top: 5px;
}
.warrantySummary ol li {
    background: url(/Public/img/icons/ico_dot.gif) no-repeat left 6px;
    padding-left: 12px;
}
#warrantyContentDiv {
    cursor: pointer;
}
#warrantyContentDiv h4 {
    margin: 8px 0px;
}
#warrantyContentDiv h5 {
    margin: 8px 0px;
    padding: 0px;
}
#warrantyContentDiv div {
    margin: 0px 0px 5px 15px;
    padding: 0px;
}
.content-center td, .content-center th {
    text-align: center;
}
#3000 span {
    display: none;
}
#nas-trial-content b, #nas-trial-content strong {
    color: #F00;
    font-weight: normal;
}
.nas-trial {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #CCC;
}
.nas-trial div {
    background: url(/Public/css/images/bg_section.jpg) no-repeat center top;
}
.nas-trial h5, .nas-trial p {
    font-weight: normal;
    padding-right: 10px;
    padding-left: 10px;
}
.nas-title {
    padding: 8px;
    height: 65px;
    float: left;
    width: 190px;
}
.nas-title h4.h4middle {
    margin-top: 20px;
}
.nas-title img {
    float: left;
    margin-right: 10px;
}
.nas-title p {
    font-size: 11px;
    color: #999;
}
#nas-step {
    clear: both;
    width: 100%;
}
#nas-step div {
    padding-top: 10px;
    padding-bottom: 5px;
}
#nas-step h4 {
    margin-bottom: 5px;
}
.frame {
    height: 300px;
    overflow: scroll;
    position: relative;
    line-height: 19px;
    padding: 10px;
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}
/*Alliance partner*/
.logoAlliance {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*Alliance Partner New-201810-begin*/
.popup_aplogo {
    width: 200px;
    padding: 20px 20px 0px 20px;
    text-align: center;
    display: table-cell;
    float:none;
}
.popup_aptext {
    width: calc(100% - 240px);
    text-align: left;
    padding: 20px;
    vertical-align: top;
    display: table-cell;
    float: none;
}
.popup_aptext h6 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #595959;
}
.popup_aptext h6 a {
    color: #595959;
    text-decoration: underline;
}
.popup_aptext p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
}
.popup_aptext p a {
    text-decoration: underline;
}
.popup_aptext p a:hover, .popup_aptext h6 a:hover {
    text-decoration: none;
}
/*Alliance Partner New-201810-end*/
/*Quick Serice*/
#quickservice .modal-dialog {
    width: 600px;
}
#quickservice .modal-dialog .modal-header .close {
    margin-top: 20px!important;}/*20190221 change*/


.quickservice h5 {
    margin-top: 10px;
}
.quickservice h6 {
    font-weight: bold;
}
.quickservice ul {
    margin-bottom: 20px;
}
.quickservice li {
    background: url(/Public/img/icons/ico_dot.gif) no-repeat 0px 6px;
    padding-left: 12px;
}
.quickservice figure {
    margin-top: 10px;
    margin-bottom: 10px;
}
.quickservice figure img {
    margin-top: 5px;
    margin-bottom: 5px;
}
.quickservice .panel {
    margin-bottom: 20px;
    padding: 20px;/*color: #FF8C00;*/
}
.quickservice .panel a:link {
    text-decoration: underline;
    font-weight: bold;
}
.QRcode {
    border: 1px solid #DDD;
    padding: 5px 10px;
    text-align: center;
}
/*------------------------------------------------------------------------------------------------
IE hack
--------------------------------------------------------------------------------------------------*/
/*fixed IE6*/
#sitelogo {
    _float: left;
}
#topMenu {
    _float: right;
}
#topMenu .list-inline li {
    _display: block;
    _float: left;
}
.carousel-indicators li {
    _display: block;
}
/*fixed IE7*/
#sitelogo {
 *float:left;
}
#topMenu {
 *float:right;
}
#topMenu .list-inline li {
 *display: block;
 *float:left;
}
.carousel-indicators li {
 *display: block;
}
/*for IE8*/
#navMenu ul {
    font-size: 11px;
}
#map ul {
    padding-bottom: 20px;
}
/*Product Focus page*/
.col-md-8 > p {
    min-height: 70px;
}
/*Performance viewer*/
#viewerCotainer {
    margin-bottom: 20px;
}
.viewerResult {
    margin-top: 10px;
}
.viewerContent {
    padding: 20px;
}
#viewerCotainer h6 a:hover, #viewerCotainer h6 a:visited {
    color: #555555 !important;
    text-decoration: none;
}
#viewerCotainer .panel-group .panel + .panel {
    margin-top: 0px;
}
#viewerCotainer .panel-group .panel {
    margin-bottom: 10px;
}
#viewerCotainer .tab-content {
    background: transparent !important;
    border: none;
    margin: 0;
    padding: 0;
}
#viewerCotainer .panel-default > .panel-heading {
    background-image: none;
}
/*add_test for boostrap*/
.panel-default {
    border-color: #FFFFFF!important;
}
.panel {
    webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.panel-body {
    /*font-size: 14px;*/
    padding: 15px 0px 0px 0px;
}
#viewerCotainer .nav-tabs > li > a {
    margin-right: 0px;
    border: none;
    border-radius: 0px;
}
#viewerCotainer .nav-tabs {
    border-bottom: none;
}
.viewerCheck .nav-tabs a:hover {
    background-color: #D7ECF4;
    border: none;
}
.viewerCheck .nav-tabs > li.active > a, .viewerCheck .nav-tabs > li.active > a:hover, .viewerCheck .nav-tabs > li.active > a:focus {
    background-color: #D7ECF4;
}
.viewerCheck .nav-tabs > li {
    display: block;
    width: 50%;
}
.viewerCheck .nav > li > a {
    padding: 10px 5px;
}
.viewerContent table {
    margin-top: 5px;
}
.viewerContent table thead th {
    background: #F5F5F5;
}
.viewerPanel {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 10px;
}
.viewerPanel:nth-child(odd) {
    margin-right: 10px;
}
/*Performance comparison*/
.compare-container .panel {
    margin-top: 10px;
}
.compare-container figure {
    margin-top: 10px;
    margin-bottom: 5px;
}
.compareCheck h5 {
    margin-top: 10px;
}
.compareCheck h6 {
    font-weight: bold;
    margin-bottom: 5px;
}
.compareCheck div {
    margin-bottom: 10px;
}
.comparepanel {
    margin-bottom: 20px;
}
.comparepanel h5 {
    border-bottom: 1px solid #999999;
    padding-bottom: 5px;
}
/* new css in success stories 2015 start */
.list-btn {
    list-style-type: none;
    text-decoration: none;
}
.btn-download {
    width: 100%;
    height: 34px;
    color: #3881b0;
    text-align: center;
    line-height: 12px;
    border-radius: 3px;
    border: #ffffff solid 1px;
    margin: 3px 0px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+26,e6e6e6+100 */
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #f5f5f5), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 26%, #e6e6e6 80%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.left-side-img {
    text-align: center;
    border-radius: 3px;
    border: #cccccc solid 1px;
    background-color: #ffffff;
    padding: 6px;
    margin: 3px 0px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(189,189,189,1);
    box-shadow: 0px 0px 2px 0px rgba(189,189,189,1);
}
.success-img {
    border-radius: 3px;
    border: #cccccc solid 1px;
    background-color: #ffffff;
    padding: 10px;
    margin: 3px 0px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(189,189,189,1);
    box-shadow: 0px 0px 2px 0px rgba(189,189,189,1);
}
.left-side-success {
    border-radius: 3px;
    border: #cccccc solid 1px;
    background-color: #dff4ff;
    padding: 10px;
    margin: 3px 0px;
}
h3 {
    color: #006cb1;
}
.header_success2 {
    background: url(/Public/css/images/header_support_success-story.png) no-repeat 95% center;
}
.btn-story {
    float: left;
    width: 81px;
    height: 81px;
    color: #000000;
    text-align: center;
    font-size: 11px !important;
    line-height: 13px;
    border-radius: 3px;
    border: #ffffff solid 1px;
    margin: 3px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+26,e6e6e6+100 */
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #f5f5f5), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 26%, #e6e6e6 80%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 26%, #e6e6e6 80%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.icon_success2 {
    background: url(/Public/img/icons/icon_success2-story.png) no-repeat;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 10px 0 0 22px;
    height: 36px;
}
.icon_success2_word {
    position: relative;
    top: 36px;
    left: -20px;
}
.ico_success2_academic {
    background-position: -0px -0px;
}
.ico_success2_av {
    background-position: -0px -36px;
}
.ico_success2_energy {
    background-position: -0px -72px;
}
.ico_success2_financial {
    background-position: -0px -108px;
}
.ico_success2_gov {
    background-position: -0px -144px;
}
.ico_success2_hitech {
    background-position: -0px -180px;
}
.ico_success2_interior {
    background-position: -0px -216px;
}
.ico_success2_medical {
    background-position: -0px -252px;
}
.ico_success2_sport {
    background-position: -0px -288px;
}
.ico_success2_cloud {
    background-position: -0px -324px;
}
.ico_success2_manufacturing {
    background-position: -0px -360px;
}
.ico_success2_all {
    background-position: -0px -396px;
}
/*-------*/
a.btn-story:hover {
    color: #000;
}
a.btn-story_active:hover {
    color: #d2e2f6;
}
.btn-story_active {
    float: left;
    width: 81px;
    height: 81px;
    color: #d2e2f6;
    text-align: center;
    font-size: 11px !important;
    line-height: 13px;
    border-radius: 3px;
    border: #d2e2f6 solid 1px;
    margin: 3px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    box-shadow: 0px 0px 2px 1px rgba(189,189,189,1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092dd+26,00549a+100 */
    background: #0069b0; /* Old browsers */
    background: -moz-linear-gradient(top, #0092dd 26%, #00549a 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #0092dd), color-stop(100%, #00549a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0092dd 26%, #00549a 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0092dd 26%, #00549a 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0092dd 26%, #00549a 80%); /* IE10+ */
    background: linear-gradient(to bottom, #0092dd 26%, #00549a 80%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092dd', endColorstr='#00549a', GradientType=0 ); /* IE6-9 */
}
.icon_success2_active {
    background: url(/Public/img/icons/icon_success2-story_active.png) no-repeat;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 10px 0 0 22px;
    width: px;
    height: 36px;
}
.icon_success2_word_active {
    position: relative;
    top: 36px;
    left: -20px;
}
.ico_success2_academic_active {
    background-position: -0px -0px;
}
.ico_success2_av_active {
    background-position: -0px -36px;
}
.ico_success2_energy_active {
    background-position: -0px -72px;
}
.ico_success2_financial_active {
    background-position: -0px -108px;
}
.ico_success2_gov_active {
    background-position: -0px -144px;
}
.ico_success2_hitech_active {
    background-position: -0px -180px;
}
.ico_success2_interior_active {
    background-position: -0px -216px;
}
.ico_success2_medical_active {
    background-position: -0px -252px;
}
.ico_success2_sport_active {
    background-position: -0px -288px;
}
.ico_success2_cloud_active {
    background-position: -0px -324px;
}
.ico_success2_manufacturing_active {
    background-position: -0px -360px;
}
/* ????��?? */
.title_success {
    border-radius: 4px;
    background-color: #999999 !important;
}
/*----*/
.story_padding {
    padding-left: 10px;
    padding-right: 10px;
}
.main_story h3 {
    margin: 10px 0px 20px 0;
    font-size: 20px;
    line-height: 24px;
}
.story_margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.main_story h5 {
    font-weight: 600;
}
.main_story li {
    list-style-type: disc !important;
}
.left-side-success ul {
    padding-left: 17px;
}
.left-side-success ul li {
    list-style-type: disc;
}
.left-side-success ol li {
    list-style-type: decimal;
}
/*----------From sc_style3.css, ordering product 201804use-----------*/
.outlineblock {
    background: #FFFFFF;
    padding: 15px 25px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    min-height: 300px;
    margin-bottom: 25px;
    box-sizing: border-box!important;
}
/*-----------Btn---------*/
.graybtn {
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    background-color: #b3b3b3;
    border: none;
    text-align: center;
    padding: 7px 15px;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.graybtn:hover {
    transition: ease-in;
    background-color: #999999;
}
.direction_btn {
    font-size: 14px;
    box-sizing: border-box!important;
    text-align: center;
    background: #5bc0de;
    color: #FFFFFF!important;
    border-radius: 7px;
    margin: 0px -12px 10px -12px;
    padding: 12px 5px;
    text-decoration: none!important;
    cursor: pointer;
}
.direction_btn:hover {
    background: #2bacd4;
    text-decoration: none!important;
}
.direction_btn img {
    margin-right: 5px;
}

/*White left select*/
.choicelabel {
    text-decoration: none;
}
.choicelabel ul {
    font-size: 14px;
    color: #333333;
    border: 1px solid #cccccc;
    list-style-type: none;
    padding: 5px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.choicelabel ul li {
    padding: 7px 10px;
    margin: 0px;
    border-bottom: 1px dotted #cccccc;
    box-sizing: border-box;
}
.choicelabel ul li label {
    font-size: 14px;
    font-weight: normal;
}
.choicelabel > ul > li:last-child {
    border-bottom: none;
}
.choicelabel h5, .choicelabelh5 {
    font-size: 16px;
    color: #336699;
    margin: 5px 0px;
}
/*-------add plus 201711 new--------*/
.choiceaccordion {
    width: 100%;
    font-size: 14px;
    color: #333333;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
}
.choiceaccordion .choiceheader {
    background: url(/Public/img/icons/plus_bk.gif) 5px center no-repeat;
    display: block;
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    box-sizing: border-box;
    border-top: 1px dotted #cccccc;
}
.choiceaccordion .choiceheader a {
    color: #333333;
    text-decoration: none;
}
.choiceaccordion .choiceheader a:hover {
    text-decoration: none;
}
.choiceaccordion .choiceheader:first-child {
    border-top: none;
}
.choiceaccordion .choiceheader.active {
    color: #333333;
    font-weight: 600;
    background: url(/Public/img/icons/decrease_bk.gif) 5px center no-repeat;
}
.choiceaccordion .choiceheader:hover {
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}
.choiceaccordion div.choicechild {
    overflow: auto;
    height: auto;
    padding: 3px 5px 3px 20px;
    box-sizing: border-box;
}
.choiceaccordion div.choicechild ul>li {
    margin: 0px 0px 10px 0px;
}
.choiceaccordion div.choicechild label {
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}
/*checkbox*/
.check-radio-tweak-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check-radio-tweak-wrapper input[type="checkbox"] {
    display: none;}
.check-radio-tweak-wrapper[type="checkbox"] {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: transparent;
    cursor: pointer;
    border-radius: 2px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    position: relative;
}
.check-radio-tweak-wrapper[type="checkbox"]:hover {
    border: 2px solid #007acc;
}
.check-radio-tweak-wrapper[type="checkbox"][checked] {
    background: #007acc;
    border: 1px solid #d9d9d9;
}
.check-radio-tweak-wrapper[type="checkbox"][checked]::before {
    content: "";
    width: 10px;
    height: 5px;
    background: transparent;
    display: block;
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    transform: rotate(-40deg);
    position: absolute;
    top: 3px;
    left: 2px;
}
/*table data*/
.graytable, .graytable2, .selectype_table {
    font-size: 16px;
    margin: 10px 0px 0px 0px;
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
}
.graytable, .selectype_table {
    width: 100%;
}
.graytable2 {
    width: auto;
}
.graytable td, .lightbluetable td {
    padding: 6px;
    line-height: 26px;
    text-align: center;
    vertical-align: top;}
.graytable td {
    color: #4d4d4d;
    background: #FFFFFF;
    border: 1px solid #bfbfbf;}
.graytable .toleft {
    text-align: left;}
.graytable2 td, .selectype_table td {
    color: #4d4d4d;
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    padding: 2px 5px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;}
.graytable th, .graytable2 th {
    color: #1a1a1a;
    font-weight: bold;
    border: 1px solid #bfbfbf;
    background: #d9d9d9;
    text-align: center;
    padding: 6px;
    line-height: 26px;}
.graytable a {
    color: #999999;
    text-decoration: none;}
.graytable a:hover, .graytable .active {
    color: #333333;
    text-decoration: underline;}
.graytable tbody > tr:nth-child(even) > td, .graytable2 tbody > tr:nth-child(even) > td, .lightbluetable tbody > tr:nth-child(even) > td, .selectype_table tbody > tr:nth-child(odd) > td {
    background-color: #f2f2f2;}
.graytable .redtext {
    color: #ff471a;
    font-weight: 600;
    margin: 0px 3px;}
.graytable .bkboldtext {
    color: #262626;
    font-weight: 700;}
.graytable .gboldtext {
    color: #54b948;
    font-weight: 700;}
.graytable ul {
    padding-left: 20px;}
.graytable ul li {
    list-style: disc;}
.lightbluetable img {
    width: 20px;
    height: 20px;
    margin: 0px 3px;}
.lightbluetable {
    width: 100%;
    font-size: 12px;
    margin: 10px 0px 15px 0px;
    border: none;
    border-collapse: collapse;}
.lightbluetable td {
    color: #1a1a1a;
    background: #FFFFFF;
    border-bottom: 1px dotted #e6e6e6;}
.lightbluetable th {
    color: #FFFFFF;
    font-weight: bold;
    background: #5bc0de;
    text-align: center;
    padding: 6px;
    line-height: 25px;}
/*--------product selection table-201712 new---------*/
.selectype_table .seriesrow1 {
    width: 83%;}
.selectype_table .seriesrow2 {
    width: 41.5%;}
.selectype_table .seriesrow3 {
    width: 27.6%;}
.selectype_table td.boldhead {
    color: #000000;
    font-weight: 700;}
.selectype_table tbody > tr:nth-child(odd) > td.boldhead {
    background-color: #d9d9d9;}
.selectype_table a {
    text-decoration: underline;}
.selectype_table a:hover {
    text-decoration: none;}
.selectype_table .topnamelink {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0px;}
.selectype_table .alignleft {
    text-align: left;}
.selectype_table .boldtext {
    color: #000000;
    font-weight: 700;}
.selectype_table ul li ul {
    padding-left: 10px;}
.selectype_table ul li ul li:before {
    content: "- ";}
.warncolor{
	color: #ff471a;}/*����Series����style��-20190225*/
.warnblock {
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    color: #cc2900;
    background: #ffebe6;
    box-sizing: border-box;
}
.warnblock a {
    color: #0073e6;
    text-decoration: underline;}
.warnblock a:hover {
    color: #1a8cff;
    text-decoration: none;}
/*------------------------------------------------------------------------------------------------
about TW version
--------------------------------------------------------------------------------------------------*/
.list-btn {
    list-style-type: none;}
.btntw {
    width: 210px;
    height: 36px;
    line-height: 15px;
    font-family: �L�n������;
    font-size: 16px;
    font-weight: bold;}
.subbtn-tw {
    width: 210px;
    height: 36px;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    line-height: 14px;
    background: #eaeaea;
    border: 0;
    text-align: center;
    margin: 0;
    font-family: "�L�n������", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif !important;}
.aboutTW, .aboutTW p, .aboutTW h4, .aboutTW h5, .aboutTW ul li, .aboutTW ol li {
    font-family: �L�n������, Microsoft JhengHei, Arial, Helvetica, sans-serif !important;
}
.aboutTW {
    font-size: 14px;}
.aboutTW p {
    line-height: 2em;}
.aboutTW h4 {
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-top: 20px;}
.aboutTW h5 {
    margin-top: 15px;
    margin-bottom: 5px;}
.aboutTW ul, .aboutTW ol {
    margin-left: 10px;}
.aboutTW ol li {
    list-style-image: none;}
.aboutTW li {
    padding-bottom: 2px;
    padding-top: 2px;}
.aboutTW button {
    width: 180px;
    padding: 10px;}
.aboutTW table thead {
    text-align: center;
    background: #4fcaeb;}
.aboutTW table tbody >tr > td {
    vertical-align: middle;}
.aboutTW table.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: #d2eaf1 !important;}
.aboutTW table ul li {
    list-style-image: url(/Public/img/icons/ico_minus.gif);
    list-style-position: outside;}
.advantageTW {
    margin-top: 10px;}
.advantageTW i {
    font-size: 40px;
    display: block;
    text-align: center;
    color: #AAACAC;
    margin-bottom: 0px;}
/*Milestone-History*/
.yearTag {
    margin-top: 20px;}
#datalink {
    width: 65px;
    top: 82px;
    display: block;
    position: fixed;
    right: 0px;
    z-index: 99999;
    cursor: pointer;}
.tempinput {
    height: 35px;}
.tempgraybg {
    background-color: #e1e1e1;
    width: 100%;
    padding: 20px 15px;
    box-sizing: border-box;}
/*�\Bootstrap*/
.control-label {
    margin: 5px 0px 10px 0px!important;}
.bootstrap-select>.dropdown-toggle {
    margin: 5px 0px!important;}

/*--------------RWD---------------*/
@media screen and (min-width: 950px) {
.modal-dialog {
    width: 910px;}
}

@media only screen and (max-width: 949px) {
ul.resp-tabs-list {
    display: none;}
h2.resp-accordion {
    display: block;}
.resp-vtabs .resp-tab-content {
    border: 1px solid #d9d9d9;}
.resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;}
.resp-accordion-closed {
    display: none !important;}
.resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #d9d9d9 !important;}
.table-responsive {
    margin-bottom: 0px!important;}
}
@media screen and (max-width: 645px) {
.resp-tabs-container .sparateline {
    border-right: none;
    border-bottom: 1px dotted #bfbfbf;
}
.resp-tabs-container .prdbox {
    min-height: auto;}
}

@media screen and (max-width: 480px) {
#topMenu {
    width: 100%;
}
}

/*--------------RWD 2017 new---------------*/
@media screen and (max-width: 1850px) and (min-width: 1490px) {
#mixedSlider2 .MS-content .item {
    width: 17%}
}
@media screen and (max-width: 1600px) and (min-width: 1240px) {
.btextheadcontainer {
    width: 1065px;}
}
@media screen and (max-width: 1500px) and (min-width: 1041px) {
.landingh1 {
    width: 80%;}
.veeam_headerbg {
    background: url(/Event2018/201805_Veeam/veeam201806_widebg.jpg) #07241a right top no-repeat;}
}
@media screen and (max-width: 1489px) and (min-width: 1000px) {
#mixedSlider2 .MS-content .item {
    width: 20.4%}
}
@media (max-width: 1390px) {
.iheadcontainer {
    max-width: 95%;
    width: 95%;
    padding: 0px 10px;
    box-sizing: border-box;}
.megamenu {
    margin: 0px;
    padding: 0px 2% 20px 3%;}
.megamenu> li {
    margin-bottom: 30px;}
.megamenu> li:last-child {
    margin-bottom: 0;}
.megamenu.dropdown-header {
    padding: 3px 15px !important;}
.navbar-nav .open .dropdown-menu .dropdown-header {
    color: #595959;}
}
@media screen and (max-width: 1390px) {
.icontainer {
    width: 95%;
    padding: 0px 20px;
    box-sizing: border-box;}
.inputg3 {
    width: 100%;}
}
@media screen and (max-width: 1370px) {
.scontainer {
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;}
}
@media screen and (max-width: 1270px) {
.familyheader1bk, .familyheader1w, .solutionheader1, .solutionheader2 {
    width: 100%;}
.solutionheader1 {
    font-size: 46px;
    padding: 40px 10px 20px 0px;}
.solutionheader2 {
    font-size: 22px;
    padding: 0px 0px 40px 0px;}
.fsfamily_headerbg {
    background: url(/Public/img/products/fsheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gsfamily_headerbg {
    background: url(/Public/img/products/gsheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.dsfamily_headerbg {
    background: url(/Public/img/products/dsheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gsafamily_headerbg {
    background: url(/Public/img/products/gsaheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gscfamily_headerbg {
    background: url(/Public/img/products/gscheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gsefamily_headerbg {
    background: url(/Public/img/products/gseheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gsifamily_headerbg {
    background: url(/Public/img/products/gsiheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gseprofamily_headerbg {
    background: url(/Public/img/products/gseproheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.eonservfamily_headerbg {
    background: url(/Public/img/products/evheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.exenjbod_headerbg {
    background: url(/Public/img/products/jbodheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.managesw_headerbg {
    background: url(/Public/img/products/manageswheaderbg1.jpg) left top no-repeat;
    background-size: cover;}
.gsepro1000_headerbg {
    background: url(/Event2018/201808_gsepro1000/gsepro1000-headerbg.jpg) left top no-repeat;
    background-size: cover;}
.imediaediting, .isurveillance, .ieducation, .ifinancial, .ihealthcare, .invr, .icloud_ds, .issdcache_ds, .itiering_ds, .ireplication_ds, .isnapshot_ds, .ithin_ds, .iidr_ds, .ivdi_app, .idatabase_app, .icloud_app, .iflash_seo, .ihybridstorage_seo, .ihybridcloud_seo, .inas_seo, .isan_seo {
    height: auto;}
.imediaediting {
    background: url(/Public/img/solution/media_solutionbg2.jpg) left top no-repeat;
    background-size: cover;}
.isurveillance {
    background: url(/Public/img/solution/surveillance_solutionbg2.jpg) left top no-repeat;
    background-size: cover;}
.ieducation {
    background: url(/Public/img/solution/education_bg2.jpg) left top no-repeat;
    background-size: cover;}
.ifinancial {
    background: url(/Public/img/solution/financial_bg2.jpg) left top no-repeat;
    background-size: cover;}
.ihealthcare {
    background: url(/Public/img/solution/healthcare_bg2.jpg) left top no-repeat;
    background-size: cover;}
.invr {
    background: url(/Public/img/data-service/nvr_headerbg1.jpg) left top no-repeat;
    background-size: cover;}
.icloud_ds {
    background: url(/Public/img/data-service/cloud_service_dataservicebg.jpg) left top no-repeat;
    background-size: cover;}
.issdcache_ds {
    background: url(/Public/img/data-service/ssdcache_dataservicebg2.jpg) left top no-repeat;
    background-size: cover;}
.itiering_ds {
    background: url(/Public/img/data-service/tiering_dataservicebg2.jpg) left top no-repeat;
    background-size: cover;}
.ireplication_ds {
    background: url(/Public/img/data-service/replication_dataserivcebg2.jpg) left top no-repeat;
    background-size: cover;}
.isnapshot_ds {
    background: url(/Public/img/data-service/snapshot_dataservicebg2.jpg) left top no-repeat;
    background-size: cover;}
.ithin_ds {
    background: url(/Public/img/data-service/provisioning_dataservicebg.jpg) left top no-repeat;
    background-size: cover;}
.iidr_ds {
    background: url(/Public/img/data-service/idr_dataservicebg2.jpg) left top no-repeat;
    background-size: cover;}
.ivdi_app {
    background: url(/Public/img/solution/vdi_appbg2.jpg) left top no-repeat;
    background-size: cover;}
.idatabase_app {
    background: url(/Public/img/solution/database_appbg1.jpg) left top no-repeat;
    background-size: cover;}
.icloud_app {
    background: url(/Public/img/solution/cloud_appbg2.jpg) left top no-repeat;
    background-size: cover;}
.iflash_seo {
    background: url(/Public/img/data-storage/allflash-databg1.jpg) left top no-repeat;
    background-size: cover;}
.ihybridstorage_seo {
    background: url(/Public/img/data-storage/hybridstorage_databg1.jpg) left top no-repeat;
    background-size: cover;}
.ihybridcloud_seo {
    background: url(/Public/img/data-storage/hybridcloud_databg1.jpg) left top no-repeat;
    background-size: cover;}
.inas_seo {
    background: url(/Public/img/data-storage/nas_databg1.jpg) left top no-repeat;
    background-size: cover;}
.isan_seo {
    background: url(/Public/img/data-storage/san_databg1.jpg) left top no-repeat;
    background-size: cover;}
}

@media screen and (max-width: 1239px) {
.btextheadcontainer {
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;}
}

@media screen and (max-width: 1239px) {
.familyheader1, .familyheader2 {
    width: 100%;}
}

@media screen and (max-width: 1210px) {
.icase_toppic, .icase_toptext, .istory_toppic, .istory_toptext {
    width: 100%;
    display: block;}
.icase_toppic, .istory_toppic, .itemleftpic1, .itemleftpic2 {
    min-height: 350px;}
.icase_toptext {
    text-align: left;}
.itemleft, .itemright {
    width: 100%;}
.customer_talk {
    max-height: none;}
}

@media screen and (max-width: 1200px) {
.rwdmagin1 {
    margin-top: 30px!important;}
.outsheadbox, .sheadbox {
    width: 100%;}
.veeam_headerbg {
    background: url(/Event2018/201805_Veeam/veeam201806_widebg.jpg) #07241a left top no-repeat;
}
.virtualization_headerbg {
    background: url(/Public/img/solution/solution-virtualization-bg1.jpg) #8ccbff left top no-repeat;
}
.surveillance_headerbg2 {
    background: url(/Public/img/solution/solution-surveillance-bg1.jpg) #c2d1f0 left top no-repeat;
}
.backupdr_headerbg {
    background: url(/Public/img/solution/solution-backup-bg1.jpg) #c0f6ff left top no-repeat;
}
.eoncloud_headerbg {
    background: url(/Public/img/data-service/solution-EonCloud-bg1.jpg) #68ccf0 left top no-repeat;
}
.ai_headerbg {
    background: url(/Public/img/solution/solution-ai-bg1.jpg) #012674 left top no-repeat;
}
/*--------Partners Background-----------*/
.channel_headerbg {
    background: url(/Public/img/partner/partner-channel-bg1.jpg) #c6e6ff left top no-repeat;
}
.odm_headerbg {
    background: url(/Public/img/partner/partner-odm-bg1.jpg) #c6e6ff left top no-repeat;
}
/*--------Support Background-----------
.servicemanager_headerbg {
    background: url(/Public/img/support/support-service-bg1.jpg) #1d459a left top no-repeat;
}*/
.location_headerbg {
    background: url(/Public/img/support/support-location-bg1.jpg) #0a5fbc left top no-repeat;}
/*--------About Background-----------*/
.about_headerbg {
    background: url(/Public/img/about/company-overview-bg1.jpg) #85bce5 left top no-repeat;}
.VDI_headerbg {
    background: url(/Public/img/solution/solution-VDI-bg1.jpg) #A2D4EE left top no-repeat;}
}
@media screen and (max-width: 1520px) {
.aslan2019-bg{
	background: url(/Event2019/201904-ASLAN/aslan2019-headerbg.jpg) #FFFFFF center center no-repeat;
	background-size: cover;}	
}
@media screen and (max-width: 1210px) and (min-width: 831px) {
.pictab1 .selectbox3 {
    width: 50%;}
.pictab1 .selectbox3:last-child {
    width: 100%;
    border-left: 1px solid #eaeaea;}
.pictab1 .selectbox3 p {
    height: 85px;}
.pictab1 .selectbox3:last-child p {
    height: auto;}
}
@media screen and (max-width: 1200px) {
    .sheadbox {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;}
}
@media screen and (max-width: 1200px) {
.nab2019-bg{
	background: url(/Event2019/201904-NABshow/NABshow2019-headerbg.jpg) #FFFFFF center center no-repeat;
	background-size: cover;}
}
@media screen and (min-width: 1140px) {
#sm_menu_ham, .sm_menu_outer {
    display: none;}
}

@media screen and (max-width: 1140px) {
nav {
    display: none;}
.ilanguage {
    margin: 0px 50px 0px 0px;}
}

@media screen and (max-width: 1115px) {
.table_33toptd {
    width: 100%;
    display: block;}
}
@media screen and (max-width: 1024px) {
  .vertdistance8 {
        margin: 50px 0px;}
}
@media screen and (max-width: 974px) {
	.landingbox1{
		width: 90%;
		margin: 50px 15px 80px 15px;}
}
@media screen and (max-width: 920px) {
	.landingbox3{
	width: 100%;
	padding: 30px 20px;}/*ASLAN2019-use*/
}
@media screen and (max-width: 890px) {
.smidcontainer, .btextheadcontainer, .landingbox2{
    width: 100%;
    box-sizing: border-box;}
.btextheadcontainer{
	height: auto;
	padding-bottom: 105px;}
.landingbox2{
	padding: 30px 20px;}/*ASLAN2019-use*/
.contentblock_mwide8 {
	padding: 30px 0px;}/*ds-promotion-201903use*/
.icase_profilebg p {
    width: 100%;}
.smidvideo {
    width: 100%;}
.smidvideo iframe {
    width: 100%;
    height: 400px;}
}

@media screen and (max-width: 1020px) {
.centerblock8 {
    width: 100%;}
.scontactphone {
    float: none;
    white-space: normal;
    text-align: left;}
}

@media screen and (max-width: 1040px) {
.sheadcontainer {
    width: auto;
    margin: 0px 20px;}
.landingh1 {
    font-size: 42px;
    line-height: 50px;
    width: 100%;}
}

@media screen and (max-width: 970px) {
.table_halftd, .table_2td, .table_3td, .table_35td, .table_4td, .table_4tdfullpic, .table_halftdfullpic, .table_halftd, .table_45td, .table_55td, .table_6td, .table_6tdfullpic, .table_65td, .table_7td, .table_8td, .halftd400tdimg, .halftd500tdimg {
    width: 100%;
    display: block;}
.halftd400tdimg img, .halftd500tdimg img {
    margin: 30px 0px;}
.table_halftoptd, .table_2toptd {
    width: 100%;
    display: block;
    margin-top: 15px;}
.table_1td, .table_2toptd2, .table_8toptd, .table_6toptd {
    width: 100%;
    display: block;}
.itabcontent {
    padding: 0px 0px 20px 0px;}
.noright1 {
    padding-bottom: 10px;
    padding-right: 0px;}
.noleft1 {
    padding-top: 10px;
    padding-left: 0px;}
.ikey div {
    width: 33.3333%;
    float: left;
    border-top: 5px solid #f2f2f2;
    border-bottom: none;}
.ikey div:hover {
    border-top: 5px solid #b3d9ff;
    border-bottom: none;}
.ikey div.active {
    border-top: 5px solid #4da6ff;
    border-bottom: none;}
.inewsearch input {
    width: 80%;}
.landingwh1{
	margin: 0px 0px 30px 0px;}
}

@media screen and (max-width: 999px) and (min-width: 860px) {
#mixedSlider2 .MS-content .item {
    width: 26%;}
}

@media (max-width: 991px) {
#mixedSlider .MS-content .item {
    width: 50%;}
.centerfit {
    margin-bottom: 20px;}
.mdtopdistance1 {
    margin-top: 10px!important;}
.mdtopdistance15 {
    margin-top: 15px!important;}
.mdtopdistance2 {
    margin-top: 20px!important;}
.mdtopdistance3 {
    margin-top: 30px!important;}
.mdbotdistance4 {
    margin-top: 40px!important;}
.outlineblock {
    padding: 15px 0px;}
.familytext h3 {
    margin: 0px 0px 20px 0px;}
}

@media screen and (max-width: 969px) and (min-width: 700px) {
.table_4tdfullpic img, .table_halftdfullpic img, .table_6tdfullpic img {
    max-width: 100%;}
}

@media (max-width: 940px) {
.spotthumb, .istorythumb {
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;}
.childbox1, .childbox2, .istorybox1 {
    width: 457px;}
.istorybox_empty {
    display: none;}
.icase_story h2 {
    padding: 30px 4% 0px 4%!important;}
.icase_story .leftpic, .icase_story .rightpic, .icase_story .leftvideo {
    width: 100%;
    float: none;
    text-align: center;
    margin: 10px 0px;}
.icase_story .rightul {
    margin: 0px;}
}

@media (max-width: 890px) {
.sheadbox img {
    width: 100%;}
.sheadbox h1, .landingwh1 {
    font-size: 44px;}
.ikey2 div, .ikey4 div {
    display: table;
    width: 100%;}
}

@media screen and (max-width: 859px) and (min-width: 780px) {
#mixedSlider2 .MS-content .item {
    width: 37.5%}
}

@media screen and (max-width: 779px) and (min-width: 670px) {
#mixedSlider2 .MS-content .item {
    width: 35%}
}

@media screen and (max-width: 770px) {
.spicpointbox {
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;}
}

@media (max-width: 767px) {
#mixedSlider .MS-content .item {
    width: 92%;
    margin-left: 15px;
    margin-right: 15px;}
#mixedSlider .MS-controls .MS-left {
    left: 10px;}
#mixedSlider .MS-controls .MS-right {
    right: 10px;}
}

@media screen and (max-width: 699px) {
.table_4tdfullpic img, .table_halftdfullpic img, .table_6tdfullpic img {
    width: 100%;}
}

@media screen and (max-width: 880px) and (min-width: 461px) {
.icol_md_3 {
    width: 50%;
    min-height: 210px;
    display: block;}
}

@media screen and (max-width: 768px) {
.table-responsive {
    border: none!important;}
#event .description, .botblock .description {
    min-height: auto;}/*firefox���Ymin-height*/
}

@media screen and (max-width: 760px) {
.ilanguage {
    display: none;}
.iprodselect {
    margin: 0px 30px 0px 0px;}
.icopyright, .ibotlink {
    float: none;
    margin: 10px auto;
    text-align: center;}
.searchbar {
    display: none;}
}

@media screen and (max-width: 830px) {
.pictab1 .selectbox3 {
    width: 100%;}
.pictab1 .selectbox3:first-child {
    border-right: 1px solid #eaeaea;}
.pictab1 .selectbox3:last-child {
    border-left: 1px solid #eaeaea;}
.pictab1 .selectbox3 p {
    height: auto;}
.rwdtable1 .rwdtable1tr:nth-of-type(2n) {
    background: #f1f1f1;}
.rwdtable1, .rwdtable1td {
    width: 100%;}
.rwdtable1 {
    border-top: 1px solid #cccccc;}
.rwdtable1th {
    display: none;}
.rwdtable1td {
    display: block;
    padding: 0px 5px;
    border-bottom: none;}
.rwdtable1td:first-child {
    padding: 10px 5px 0px 5px;}
.rwdtable1td:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;}
.rwdtable1td:before {
    color: #006bb3;
    background-color: none;
    content: attr(data-th) " : ";
    width: auto;
    margin-right: 7px;
    display: inline-block;
    font-weight: 600;}
.popup_aplogo, .popup_aptext {
    width: 100%;
    display: block;}
.popup_aptext h6 {
    text-align: center;}
}

@media screen and (max-width: 669px) {
#mixedSlider2 .MS-content .item {
    width: 58%;}
}

@media screen and (max-width: 600px) {
.iw90pchange {
    width: 100%;}
}

@media screen and (max-width: 535px) {
.halftd500tdimg img {
    width: 100%;}
}

@media screen and (max-width: 580px) {
.fsfamily_headerbg, .gsfamily_headerbg, .dsfamily_headerbg, .gsafamily_headerbg, .gscfamily_headerbg, .gsefamily_headerbg, .gsifamily_headerbg, .gseprofamily_headerbg, .eonservfamily_headerbg, .exenjbod_headerbg, .managesw_headerbg, .gsepro1000_headerbg {
    height: auto;}
.familyheader1, .familyheader1bk, .familyheader1w {
    font-size: 40px;
    padding: 40px 10px 20px 0px;}
.familyheader2 {
    font-size: 22px;
    line-height: 36px;}
.equaldiv1 {
    width: 100%;
    float: none;}
.nearinputext1 {
    margin-top: 0px;}
.equaliw1 {
    width: 95%;}
.iprodselect {
    display: none;}
}

@media (max-width: 520px) {
.icase_story .leftvideo iframe {
    width: 98%;}
}
@media (max-width: 500px) {
.icase_story .leftpic img, .icase_story .rightpic img {
    width: 100%;}
}
@media screen and (max-width: 460px) {
.icol_md_3 {
    width: 100%;
    margin-bottom: 20px;}
}
@media screen and (max-width: 430px) {
.halftd400tdimg img {
    width: 100%;}
}
@media screen and (max-width: 400px) {
.familyheader1, .familyheader1bk, .familyheader1w {
    font-size: 40px;
    padding: 30px 10px 20px 0px;}
}

@media screen and (max-width: 990px) {
#topMenu ul li .dropDown {
    width: 250px!important;
}
}
/*�ݽT�{�Ω����?----began*/
@media only screen and (min-width: 600px) {
.col-s-1 {
    width: 8.33%;}
.col-s-2 {
    width: 16.66%;}
.col-s-3 {
    width: 25%;}
.col-s-4 {
    width: 33.33%;}
.col-s-5 {
    width: 41.66%;}
.col-s-6 {
    width: 50%;}
.col-s-7 {
    width: 58.33%;}
.col-s-8 {
    width: 66.66%;}
.col-s-9 {
    width: 75%;}
.col-s-10 {
    width: 83.33%;}
.col-s-11 {
    width: 91.66%;}
.col-s-12 {
    width: 100%;}
}

@media only screen and (min-width: 768px) {
.col-1 {
    width: 8.33%;}
.col-2 {
    width: 16.66%;}
.col-3 {
    width: 25%;}
.col-4 {
    width: 33.33%;}
.col-5 {
    width: 41.66%;}
.col-6 {
    width: 50%;}
.col-7 {
    width: 58.33%;}
.col-8 {
    width: 66.66%;}
.col-9 {
    width: 75%;}
.col-10 {
    width: 83.33%;}
.col-11 {
    width: 91.66%;}
.col-12 {
    width: 100%;}
}/*�ݽT�{�Ω����?----end*/
/*ul, ol list in line: in support page */
.inlineblock li {
    display: inline-block;
    margin-right: 30px;
}
/*channel partner page*/
.column-panel {
    display: flex;
}
.column-panel h5 {
    font-size: 24px;
    text-align: center;
}
.column-panel>div {
    border: solid 1px #E4E4E4;
    padding-top: 20px;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media screen and (max-width: 865px) {
.column-panel {
    display: block;
    width: 100%;
    margin-left: 0px;}
}

/*---------------------------------------for mobile--------------------------------------*/
@media screen and (max-width: 768px) {
	#gotopfloatbtn {
        bottom: 20px;
        right: 5px;}
	.botfloatbtn {
        display: none;}
    .btext p, .icase_story p {
        margin-bottom: 20px;}
    .bhrline1 {
        margin-top: 50px;
        margin-bottom: 50px;}
    .btext h3, .btext h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 20px;}
    .btext h5 {
        font-size: 28px;
        line-height: 38px;}
    .familytext {
        padding-top: 50px;}
    .familytext, .familytext_1stblock {
        padding-bottom: 50px;}
    .inputg3 .multinfo [type="text"], .inputg5 .multinfo [type="text"] {
        margin-left: 0px;}
    .container {
        width: 100%;}
}

@media screen and (max-width: 580px) {
  .iw350 {
    width: 95%; }
  .icontainer {
    padding: 0px; }
  .solutionheader1 {
    font-size: 36px;
    font-weight: 500; }
}

@media (max-width: 1024px) {
.searchbar {
	width: 25%;
}
#myTab li a {
	height:55px;
}
#summary .demoBTN img {
	width:100% !important;
}
}
@media screen and (max-width: 1002px) {
.sideContent {
	float:left;
	display:block;
	width: 100%;
}
.sideBanner img {
	text-align: center;
	width:auto;
}
.sideBanner p {
	float:left;
	margin-right: 10px;
	margin-left: 10px;
}
}
@media screen and (max-width: 980px) {
#topMenu ul li .dropDown {
	width:100%;
}
}
@media screen and (max-width: 800px) {
#quickservice .modal-dialog {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
}
@media (max-width: 768px) {
.award-ico {
	width:inherit !important;
}
#myTab li a {
	height:auto !important;
}
.itemContent {
	margin-top:0px;
	margin-bottom:0px;
}
/*tab to collapse*/
.accordion-heading {
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #333333;
}
.accordion-heading a {
	display:block;
	padding: 10px 15px;
	text-decoration: none;
	cursor:pointer;
}
.accordion-body {
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	border: 1px solid #ddd;
}
#navMenu {
	padding-bottom:10px;
}
.figure {
	margin-top: 10px;
	width: 80%;
}
#topMenu .dropDown dd {
	padding-left: 2%;
}
.item .col-xs-6 {
	padding-left:0px;
	padding-right:0px;
}
#copyright p {
	text-align: center !important;
}
.equalcol {
	display:block;
	height: auto;
	padding-bottom: 0px;
}
#aside {
	display:none;
}
#summary .demoBTN img {
	width:inherit !important;
}
}
@media screen and (max-width: 640px) {
#navMenu ul li {
	display:block;
	width:100%;
	padding-left: 10px;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #E6E6E6;
}
#event article {
	display:block;
	float:none;
	width: 365px;
}
/*tab to collapse for responsive*/
.accordion-heading {
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #333333;
}
.accordion-heading a {
	display:block;
	padding: 10px 15px;
	text-decoration: none;
	cursor:pointer;
}
.accordion-body {
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	border: 1px solid #ddd;
}
}
@media screen and (max-width: 480px) {
#sitelogo {
	display:block;
	width: 100%;
	padding-left:10%;
	padding-right:10%;
	border-bottom: solid 1px #E6E6E6;
}
html {
	-webkit-text-size-adjust: none;
}
#topMenu .lang, #topMenu .select {
	display:none;
}
#topMenu ul {
	text-align: left;	
}
#navMenu ul li .dropDown {
	position:relative;
}
.col-xs-12 {
	padding-right: 2%;
}
#event article img {
	text-align: center;	
}
#event article {
	width: auto;
}
.footerMenu dl {
	display:none;
}
#pageHeader .page-header {
	width: 100%;
	margin: 0px;
	text-align: center;
	height: auto;
}
.page-header {
	margin: 0px;	
}
.header_product, .header_ESDS, .header_ESVA, .header_EonNAS, .header_EonStor, .header_JB, .header_legacy, .header_enterprise, .header_SMB, .header_SOHO, .header_techsupport, .header_success, .header_whitepaper, .header_appnote, .header_warranty, .header_warrantyFAQ, .header_ESVAsupport, .header_solution, .header_buy, .header_NAS-dealer, .header_inquiry, .header_alliance, .header_channel, .header_association, .header_ODM, .header_about, .header_job, .header_milstone, .header_certification, .header_environment, .header_PR, .header_IFTletter, .header_NASletter, .header_PR-contact, .header_office, .header_privacy, .header_legal, .header_sitemap, .header_QuickService,  .header_QuickServiceAPP {
	background: url(/Public/css/none);
	margin: 0px;
	padding: 0px;
}
}
@media screen and (max-width: 320px) {
	#summary .demoBTN img {
	width: 100% !important;
}
}

.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
  }
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #CCCCCC;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #999999;
    background-color: #2AABD2;
    background-image: none;
    filter: none;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
    border-bottom-color: #FF9900
  }
  .gsc-tabsArea {
    border-color: #FF9900;
  }
  .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b  {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
    color: #1155CC;
  }
  .gsc-cursor-page {
    color: #1155CC;
  }
  a.gsc-trailing-more-results:link {
    color: #1155CC;
  }
  .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #009933;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #009933;
  }
  .gs-webResult div.gs-visibleUrl-short  {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long  {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #1155CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
    color: #1155CC;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gsc-completion-title {
    color: #1155CC;
  }
  .gsc-completion-snippet {
    color: #333333;
  }
  .gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link  {
    color: #0000FF;
  }
  .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
    color: #663399;
  }
  .gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover  {
    color: #0000FF;
  }
  .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
    color: #0000FF;
  }
  .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short  {
    color: #008000;
  }
  .gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
  }

/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;

	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Resizable 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*!
 * jQuery UI Button 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI Dialog 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 0.875em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 0.875em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 0.875em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(/Public/themes/base/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(/Public/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(/Public/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(/Public/themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(/Public/themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(/Public/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(/Public/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/Public/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(/Public/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(/Public/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}*/
#cboxOverlay{background:#333;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/Public/css/colorbox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/Public/css/colorbox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/Public/css/colorbox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/Public/css/colorbox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/Public/css/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/Public/css/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/Public/css/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/Public/css/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/Public/css/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/Public/css/colorbox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/Public/css/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/Public/css/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/Public/css/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*--------------------------------------------------------------------
 Layout
--------------------------------------------------------------------*/
/*-----------------------Equal height-----------------------*/
article {
  margin-bottom: 0px; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 800px) {
    .row-eq-height {
      display: block; } }

.top-sapcing-0 {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.b-spacing-0 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.top-spacing-base {
  margin-top: 30px !important; }

.top-spacing-lg {
  margin-top: 50px !important; }

.b-spacing-lg {
  margin-bottom: 50px !important; }

.b-spacing-base {
  margin-bottom: 30px !important; }

.blockwidth {
  width: 75%;
  margin: 0 auto;
  display: block;
  box-sizing: border-box; }
  @media (max-width: 1390px) {
    .blockwidth {
      width: 95%;
      padding-left: 20px;
      padding-right: 20px; } }

/*--------------------page Content width-------------------------*/
  @media (max-width: 1024px) {
    .main-container {
      width: 95%;
      padding-top: 50px;
      padding-bottom: 40px; } }

.page-sm, .inner-content-s {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px; }
  @media (max-width: 992px) {
    .page-sm, .inner-content-s {
      width: 100%; } }

.inner-block {
  display: inline-block;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px; }

.inner-block-s {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px; }

@media (max-width: 1024px) {
  .main-container {
    padding-top: 50px;
    padding-bottom: 50px; } }
@media (max-width: 768px) {
  .inner-block, .inner-block-s {
    padding-top: 20px;
    padding-bottom: 20px; } }
.inner-block-line {
  padding-top: 50px;
  padding-bottom: 0px;
  border-bottom: 1px dashed #bfbfbf; }
  .inner-block-line:first-child {
    padding-top: 0px; }
  .inner-block-line:last-child {
    border-bottom: none; }
  @media (max-width: 768px) {
    .inner-block-line {
      padding-top: 20px; } }

.inner-content-s {
  font-size: 20px;
  line-height: 1.6;
  color: #595959; }
  .inner-content-s h1 {
    font-size: 36px; }
  .inner-content-s h2 {
    font-size: 32px; }
  .inner-content-s h3 {
    font-size: 28px; }
  .inner-content-s h4 {
    font-size: 24px; }
  .inner-content-s h5 {
    font-size: 22px; }
  .inner-content-s h6 {
    font-size: 20px; }
  @media (min-width: 1200px) {
    .inner-content-s h1 {
      font-size: 50px; }
    .inner-content-s h2 {
      font-size: 40px; }
    .inner-content-s h3 {
      font-size: 36px; }
    .inner-content-s h4 {
      font-size: 32px; }
    .inner-content-s h5 {
      font-size: 28px; }
    .inner-content-s h6 {
      font-size: 24px; } }
  .inner-content-s h3, .inner-content-s h4, .inner-content-s h5, .inner-content-s h6 {
    font-weight: 600;
    line-height: 1.2; }
  .inner-content-s h1, .inner-content-s h2 {
    line-height: 1.38; }
  .inner-content-s h1, .inner-content-s h2, .inner-content-s h3, .inner-content-s h4 {
    margin-bottom: 30px; }
  .inner-content-s h5 {
    margin-bottom: 20px; }
  .inner-content-s h6 {
    margin-bottom: 12px; }
  .inner-content-s h1, .inner-content-s h2, .inner-content-s h3, .inner-content-s h4 {
    font-weight: 600;
    margin-bottom: 30px; }
  .inner-content-s h5 {
    margin-bottom: 20px;
    margin-top: 50px; }
    .inner-content-s h5:first-child {
      margin-top: 0px; }
  .inner-content-s h6 {
    margin-top: 0px;
    font-weight: 500; }
  .inner-content-s dl {
    margin-top: 0px; }
  .inner-content-s dd, .inner-content-s li {
    line-height: 31px; }
  .inner-content-s ul li {
    list-style: disc; }
  .inner-content-s li {
    padding-top: 5px;
    padding-bottom: 5px; }
  .inner-content-s p {
    line-height: 1.6;
    margin-bottom: 50px; }
  .inner-content-s ul {
    margin-bottom: 50px;
    margin-left: 20px; }
  .inner-content-s img {
    margin-bottom: 15px; }
  .inner-content-s label {
    font-weight: 600; }

@media (max-width: 768px) {
  .inner-content-s h5 {
    margin-top: 30px; }
  .inner-content-s p, .inner-content-s ul {
    margin-bottom: 30px; } }
.article-content {
  font-size: 20px;
  line-height: 1.6;
  color: #595959;
  margin-top: 40px; }
  .article-content h1 {
    font-size: 36px; }
  .article-content h2 {
    font-size: 32px; }
  .article-content h3 {
    font-size: 28px; }
  .article-content h4 {
    font-size: 24px; }
  .article-content h5 {
    font-size: 22px; }
  .article-content h6 {
    font-size: 20px; }
  @media (min-width: 1200px) {
    .article-content h1 {
      font-size: 50px; }
    .article-content h2 {
      font-size: 40px; }
    .article-content h3 {
      font-size: 36px; }
    .article-content h4 {
      font-size: 32px; }
    .article-content h5 {
      font-size: 28px; }
    .article-content h6 {
      font-size: 24px; } }
  .article-content h3, .article-content h4, .article-content h5, .article-content h6 {
    font-weight: 600;
    line-height: 1.2; }
  .article-content h1, .article-content h2 {
    line-height: 1.38; }
  .article-content h1, .article-content h2, .article-content h3, .article-content h4 {
    margin-bottom: 30px; }
  .article-content h5 {
    margin-bottom: 20px; }
  .article-content h6 {
    margin-bottom: 12px; }
  .article-content:first-child {
    margin-top: 0px; }
  .article-content h2 {
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 60px; }
  .article-content h5 {
    margin-top: 0px; }
  .article-content dd, .article-content p {
    line-height: 1.6; }
  .article-content ul, .article-content ol, .article-content p, .article-content img {
    margin-bottom: 30px; }
  .article-content ol, .article-content ul {
    margin-left: 20px; }
    .article-content ol li, .article-content ul li {
      padding-top: 2px;
      padding-bottom: 3px; }
  .article-content ol li {
    list-style: decimal; }
  .article-content ul li {
    list-style: disc; }

.office-content {
  margin-bottom: 50px; }

.doc_download :before {
  content: "\e166";
  font-family: 'Glyphicons Halflings';
  padding-right: 5px; }
.doc_download:before, .doc_download a {
  color: #EF8200; }

.pdf-download {
  background: url(/Public/img/icons/pdf-download.png) no-repeat center left;
  padding: 10px 0px 10px 10px; }
  .pdf-download::before {
    content: "";
    padding-left: 25px; }

/*-----------------------Product page-----------------------*/
.blockSection-strip {
  /*font-size: $font-size-large;
  line-height: 1.8;*/
  display: block;
  margin-bottom: 0px;
  padding-top: 50px;
  padding-bottom: 60px; }
  .blockSection-strip:nth-child(odd) {
    background-color: #eeeeee; }
  .blockSection-strip:first-child {
    padding-top: 0px; }

@media (max-width: 800px) {
  .blockSection-strip {
    padding-top: 50px;
    padding-bottom: 40px; } }
.title-border-lt {
  border-left: 5px solid #b3b3b3;
  padding-left: 15px;
  margin-bottom: 40px;
  font-family: "Segoe UI", Arial, Tahoma, Helvetica, Verdana, serif, sans-serif; }

.article-container {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px; }

/*---------------page header layout-----------------*/
.header-inner {
  display: table;
  width: 850px;
  margin: 0 auto; }

.header-inner-vh {
  height: 300px; }

.header-inner-vh-sm {
  padding-top: 30px;
  padding-bottom: 30px; }

.header-content {
  display: table-cell;
  vertical-align: middle;
  padding-top: 50px;
  padding-bottom: 50px; }
  .header-content h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 0px; }
  .header-content .inewsearch {
    text-align: center;
    margin-bottom: 20px; }

/*
.inewsearch input {
    width: 450px;
}*/
@media (max-width: 1200px) {
  .header-inner-vh {
    height: auto; }

  .header-content {
    width: 90%;
    margin: 0 auto;
    padding-left: 30px; } }
@media (max-width: 768px) {
  .header-inner {
    height: 100%;
    width: 90%; }

  .header-content {
    padding-left: 0px; }
    .header-content h1 {
      font-size: 40px;
      text-align: center; } }
/*header background images*/
.about_headerbg, .milestone_headerbg, .privacy_headerbg, .legal_headerbg, .office_headerbg, .job_headerbg,
.association_headerbg, .certification_headerbg, .environment_headerbg,
.channel_headerbg, .odm_headerbg, .header_alliance,
.servicemanager_headerbg, .location_headerbg, .event_headerbg, .news_headerbg, .pr_headerbg,
.ext-warranty_headerbg, .adv-warranty_headerbg, .terms_headerbg,
.VDI_headerbg, .edu_headerbg, .gov_headerbg, .hybrid_headerbg, .health_headerbg,
.license_headerbg, .header_inquiry, .financial_headerbg, .media_headerbg, .secure_headerbg,
.database_headerbg, .download_headerbg, .faq_headerbg, .suvselector_headerbg,
.relation_headerbg, .invest_headerbg, .job_headerbg, .map_headerbg {
  background-position: right top;
  background-repeat: no-repeat; }

@media screen and (max-width: 1200px) {
  .about_headerbg, .milestone_headerbg, .privacy_headerbg, .legal_headerbg, .office_headerbg, .job_headerbg,
  .association_headerbg, .certification_headerbg, .environment_headerbg,
  .channel_headerbg, .odm_headerbg, .header_alliance,
  .servicemanager_headerbg, .location_headerbg, .event_headerbg, .news_headerbg, .pr_headerbg,
  .ext-warranty_headerbg, .adv-warranty_headerbg, .terms_headerbg,
  .VDI_headerbg, .edu_headerbg, .gov_headerbg, .hybrid_headerbg, .health_headerbg,
  .license_headerbg, .header_inquiry, .financial_headerbg, .media_headerbg, .secure_headerbg,
  .database_headerbg, .download_headerbg, .faq_headerbg, .suvselector_headerbg,
  .relation_headerbg, .invest_headerbg, .job_headerbg, .map_headerbg {
    background-position: left top;
    background-repeat: no-repeat; } }
.about_headerbg h1, .terms_headerbg h1, .job_headerbg h1, .hybrid_headerbg h1,
.relation_headerbg h1, .invest_headerbg h1,
.odm_headerbg h1, .servicemanager_headerbg h1, .VDI_headerbg h1, .database_headerbg h1,
.gov_headerbg h1, .media_headerbg h1, .edu_headerbg h1, .financial_headerbg h1, .health_headerbg h1, .secure_headerbg h1 {
  color: #03467d;
  text-shadow: 1px 0px #03467d; }

.channel_headerbg h1, .office_headerbg h1, .milestone_headerbg h1, .header_inquiry h1, .header_alliance h1,
.legal_headerbg h1, .privacy_headerbg-tw h1, .location_headerbg h1, .job_headerbg h1, .map_headerbg h1,
.ext-warranty_headerbg h1, .adv-warranty_headerbg h1,
.association_headerbg h1, .certification_headerbg h1, .environment_headerbg h1, .license_headerbg h1,
.suvselector_headerbg h1 {
  color: #fdfdfd;
  text-shadow: 1px 0px #404040; }

.event_headerbg h1, .news_headerbg h1, .pr_headerbg h1, .privacy_headerbg h1, .download_headerbg h1 {
  color: #03467d;
  text-align: center; }

.download_headerbg h1, .faq_headerbg h1 {
  color: #333333;
  text-align: center; }

/*---header Background: Company ---*/
.about_headerbg {
  background-image: url(/Public/img/about/company-overview-bg1.jpg);
  background-color: #9ec0e6; }

.office_headerbg, .job_headerbg, .map_headerbg {
  background-image: url(/Public/img/partner/partner-channel-bg1.jpg);
  background-color: #004da1; }

.relation_headerbg {
  background-image: url(/Public/img/pageHeader/company-relationship.jpg);
  background-color: #5cc9f4; }

.invest_headerbg {
  background-image: url(/Public/img/pageHeader/company-investment.jpg);
  background-color: #5cc9f4; }

 /*
.job_headerbg {
    background-image: url(/Public/img/pageHeader/company-job.jpg);
    background-color: #5cc9f4;
}
.map_headerbg {
    background-image: url(/Public/img/pageHeader/company-map.jpg);
    background-color: #5cc9f4;
}

.milestone_headerbg {
    background: url(/Public/img/about/company-milestone-bg1.jpg);
    background-color:#85bce5;
}
.privacy_headerbg {
    background: url(/Public/img/about/company-privacy-bg1.jpg);
    background-color:#3392cc;
}

.legal_headerbg {
    background: url(/Public/img/about/company-legal-bg1.jpg);
    background-color:#5cc9f4; 
}*/
.event_headerbg {
  background-image: url(/Public/img/pageHeader/header_event-calendar_bg.jpg);
  background-size: cover;
  /*background-color:#0092db;*/ }

.news_headerbg {
  background-image: url(/Public/img/pageHeader/header_newsletter_bg.jpg);
  background-size: cover; }

.pr_headerbg {
  background-image: url(/Public/img/pageHeader/header_PR_bg.jpg);
  background-size: cover; }

/*---header Background: Partners---*/
.channel_headerbg, .alliance_headerbg, .milestone_headerbg, .header_alliance, .header_inquiry {
  background-image: url(/Public/img/partner/partner-channel-bg1.jpg);
  background-color: #004da1; }

.odm_headerbg {
  background-image: url(/Public/img/partner/partner-odm-bg1.jpg);
  background-color: #c6e6ff; }

.association_headerbg, .certification_headerbg, .environment_headerbg {
  background-image: url(/Public/img/about/company-environment-bg1.jpg);
  background-color: #0092db; }

.license_headerbg {
  background-image: url(/Public/img/about/company-environment-bg1.jpg);
  background-color: #0092db; }

/*---header Background: Support---*/
.servicemanager_headerbg {
  background-image: url(/Public/img/support/support-service-bg1.jpg);
  background-color: #85bce5; }

.location_headerbg {
  background-image: url(/Public/img/partner/partner-channel-bg1.jpg);
  background-color: #004da1; }

.download_headerbg {
  background-image: url(/Public/img/news/newsummary_bg.jpg);
  background-color: #f7f7f7; }

.faq_headerbg {
  background-image: url(/Public/img/pageHeader/header_FAQ_bg.jpg);
  background-color: #a3d2ec; }

.suvselector_headerbg {
  background-image: url(/Public/img/pageHeader/header_surveillance-selector.jpg);
  background-color: #0d2241; }

/*---header Background: Solution---*/
.hybrid_headerbg {
  background-image: url(/Public/img/pageHeader/header_hybrid-bg.jpg);
  background-color: #5cc9f4; }

.VDI_headerbg {
  background-image: url(/Public/img/solution/solution-VDI-bg1.jpg);
  background-color: #A2D4EE; }

.database_headerbg {
  background-image: url(/Public/img/pageHeader/header_database.jpg);
  background-color: #c5e6ff; }

.gov_headerbg {
  background-image: url(/Public/img/pageHeader/header_gov.jpg);
  background-color: #5dc8f6; }

.secure_headerbg {
  background-image: url(/Public/img/pageHeader/header_security.jpg);
  background-color: #5dc8f6; }

.media_headerbg {
  background-image: url(/Public/img/pageHeader/header_media.jpg);
  background-color: #5dc8f6; }

.edu_headerbg {
  background-image: url(/Public/img/pageHeader/header_edu.jpg);
  background-color: #5dc8f6; }

.financial_headerbg {
  background-image: url(/Public/img/pageHeader/header_financial.jpg);
  background-color: #5dc8f6; }

.health_headerbg {
  background-image: url(/Public/img/pageHeader/header_healthcare.jpg);
  background-color: #5dc8f6; }

/*header without image*/
.ext-warranty_headerbg, .adv-warranty_headerbg, .terms_headerbg,
.legal_headerbg, .privacy_headerbg {
  background-image: url("/Public/img/pageHeader/header-blue-bg.jpg");
  background-color: #5BC9F4; }

.privacy_headerbg-tw {
  background: none;
  background-color: #3392cc; }

/*------------------main Navigation-----------------*/
.col-grid {
  padding: 0px 20px; }

.col-grid [class*="col-"] {
  margin-top: 5px;
  margin-bottom: 5px; }

.row-fluid {
  width: 100%;
  max-height: 100%;
  display: inline-block; }

.row-fluid [class*="col-"]:first-child {
  padding-left: 0px; }

.row-fluid [class*="col-"]:last-child {
  padding-right: 0px; }

.row-fluid [class*="col-"] {
  padding-left: 30px; }

.megamenu {
  width: 100%;
  font-size: 15px;
  padding: 0px 5% 30px 12.5%;
  background-color: rgba(27, 136, 202, 0.98);
  border-radius: 0px;
  border: none;
  overflow-y: auto;
  max-height: -moz-calc(100vh - 50px);
  max-height: -webkit-calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  z-index: 999; }

.dropdown-lg {
  position: static !important; }

.megamenu .dropdown {
  left: auto; }

.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0; }

.col-minus-dd dd::before {
  content: "- "; }

.col-arrow-dd dd::after {
  content: " >"; }

.megamenu-content hgroup {
  margin-bottom: 30px;
  margin-right: 30px; }

.megamenu-content, .megamenu-content a:link, .megamenu-content a:hover, .megamenu-content a:active {
  color: #F4F4F4; }
.megamenu-content dt, .megamenu-content h4 {
  font-size: 18px;
  padding-bottom: 5px; }
.megamenu-content h4 {
  color: #fedd68;
  border-bottom: 1px solid #fedd68; }
.megamenu-content h5 {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 0px; }
  .megamenu-content h5 a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline; }
.megamenu-content dd {
  padding-bottom: 5px; }
  .megamenu-content dd::before {
    content: "- "; }

.navbar .navbar-form {
  margin-top: 0px;
  margin-bottom: 0px; }

/*sub-navigation: stickmenu*/
.subnav.navbar-nav.navbar-center > li {
  float: none;
  display: inline-block; }

.subnav-icon i.glyphicon-home {
  width: 32px;
  height: auto;
  display: block; }

/*-----------------------Footer-----------------------*/
footer {
  border-top: 1px solid #ddd;
  /*margin: 30px 0px 10px 0px;*/ }

#bottom-content {
  background-color: #1878b4;
  color: #fff;
  padding: 30px 0px; }

.bottommenu ul {
  margin-bottom: 20px;
  font-size: 14px; }
.bottommenu .groupName {
  font-size: 18px;
  font-weight: 600; }
.bottommenu li a {
  color: #fff; }

@media (max-width: 1024px) {
  .groupName, .bottommenu {
    font-size: 14px; } }
@media (max-width: 580px) {
  .bottommenu {
    display: none; }

  .socialicon-container {
    text-align: center; }

  #bottom-content {
    padding: 0px; } }
.socialicon-container {
  margin: 10px 0;
  width: 100%;
  display: inline-block; }
  .socialicon-container li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px; }
    .socialicon-container li img {
      width: 15px;
      height: 15px; }

.cn-searchbar {
  margin-bottom: 20px; }
  .cn-searchbar .input-group-btn {
    padding-top: 5px; }

/*--------------------typography--------------------*/
.text-blue {
  color: #006cb1 !important; }

.text-bluelighter, .text-bluelighter a {
  color: #1589d1; }

.text-bluelighter a {
  text-decoration: underline; }
  .text-bluelighter a:hover {
    text-decoration: none; }

.text-bluedark {
  color: #004898; }

.text-bluedarker {
  color: #03467d; }

.text-red {
  color: #d44950; }

.text-orange {
  color: #EF8200 !important; }

.text-green {
  color: #AACC03; }

.text-graydark {
  color: #333333; }

.text-gray-d {
  color: #595959; }

.text-bluegreen {
  color: #096c90;
  text-shadow: 1px 0px #096c90; }

.text-block {
  display: block;
  padding: 5px 0px; }

.text-center .img-responsive {
  margin: 0 auto; }

.text-normal {
  font-weight: normal !important; }

.text-bold {
  font-weight: bold !important; }

.text-p-h, .text-p-h p {
  margin-bottom: 10px !important; }

.text-comment {
  margin-top: -10px;
  margin-right: 25px; }

.small {
  font-size: 14px;
  color: #737373; }

.text-alert {
  font-size: 16px; }

.text-inner-b {
  font-size: 20px;
  font-weight: bold !important; }

.list-style-disc {
  list-style-type: disc;
  margin-left: 10px !important; }

.label-light {
  background-color: #DB4D6D; }

.list-unstyled-s {
  margin-left: 0px !important; }
  .list-unstyled-s li {
    list-style-type: none !important;
    padding: 2px; }

.list-decimal {
  list-style-type: decimal;
  margin-left: 22px; }

/*
.fontsize-extra { //font size: 20px
    font-size: $font-size-extra;
}*/
/*----------------- background color----------------*/
.bg-gray {
  background-color: #eeeeee; }

.bg-graydark {
  background-color: #999; }

/*-----------------------------button-----------------------------*/
.btn-block-equal {
  display: block;
  width: 100%;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.btn-item-group, .btn-p-group {
  margin-left: 0px; }

.btn-item-group li, .btn-p-group li {
  list-style: none;
  margin-bottom: 10px;
  /*margin: 5px !important;*/
  font-weight: 500;
  margin-right: 8px; }
  @media (min-width: 769px) {
    .btn-item-group li:last-child, .btn-p-group li:last-child {
      margin-right: 0px; } }

.btn-item-group {
  padding-top: 10px;
  padding-left: 0px;
  margin-left: 0px !important; }

.btn-p-group {
  margin-left: 0px !important;
  padding-left: 0px; }
  .btn-p-group li {
    width: 230px;
    font-size: 16px;
    font-weight: 600; }

.btn-jp li, .btn-kr li {
  font-size: 15px !important;
  font-weight: 600 !important;
  min-width: 220px; }

.inner-content-s .btn {
  /*padding: 3px 12px;*/ }

.btn-blue {
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #1878b4 !important;
  border-radius: 0px !important;
  background-color: #fff; }
  .btn-blue:hover {
    background-color: #1878b4 !important; }
    .btn-blue:hover a {
      color: #fff !important;
      text-decoration: none; }

.btn-fillblue {
  font-size: 16px;
  font-weight: 500;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #1878b4 !important;
  background-color: #006cb1;
  color: #fff !important; }
  .btn-fillblue:hover {
    background-color: #004898 !important; }
    .btn-fillblue:hover a {
      color: #fff !important;
      text-decoration: none; }

.btn-gray {
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #eaeaea;
  padding: 6px 12px;
  border-radius: 0px;
  text-align: center;
  display: inline-block;
  color: #333;
  background-color: #ebebeb; }
  .btn-gray:hover {
    color: #ffffff;
    background-color: #333;
    border-color: #333; }

.btn-white {
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #fff;
  border-radius: 0px; }
  .btn-white:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fff; }

.btn-wide {
  padding-left: 50px;
  padding-right: 50px; }

.btn-wide-inline {
  min-width: 210px; }

.btn-wide-inline-s {
  min-width: 160px; }
  @media (max-width: 768px) {
    .btn-wide-inline-s {
      min-width: 210px; } }

.btn-orange {
  background-color: #EF8200;
  border: none;
  color: #fff;
  margin-top: 5px; }
  .btn-orange:hover {
    color: #fff; }

@media (max-width: 768px) {
  .btn-rs button {
    font-size: 20px;
    width: 100%; } }
/*-----------------------------table-----------------------------*/
.table img {
  margin-bottom: 0px; }

/*table style with th background color*/
.table-container {
  margin-top: 20px; }
  .table-container caption {
    padding-bottom: 5px; }
    .table-container caption h6 {
      margin: 0px; }
    .table-container caption strong {
      color: #595959; }
  .table-container thead > tr > th {
    background-color: #808080;
    color: #FFF;
    text-align: center;
    vertical-align: middle; }
  .table-container.table tbody > tr > th {
    background-color: #f2f2f2;
    vertical-align: middle; }
  .table-container tbody td {
    text-align: center; }

.table-tl th, .table-tl td {
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #ccc; }

/*table responsive
.table-block {
    @media (max-width:768px){
        tbody td{
        display:block;
    }
    }
}*/
/*Press Release*/
.table-news {
  border-bottom: 1px solid #ccc; }
  .table-news th {
    font-weight: normal;
    vertical-align: middle !important; }
  .table-news tbody > tr > td {
    padding-top: 20px;
    padding-bottom: 20px; }
  .table-news h6, .table-news p {
    font-weight: normal;
    font-size: 20px !important;
    margin-bottom: 10px !important; }
  @media (max-width: 768px) {
    .table-news {
      border-bottom: none; }
    .table-news th, .table-news td {
      display: block; }
    .table-news tbody > tr > th {
      border-top: none; } }

/*--------Multiple column - in article with border spacing--------*/
.col-section {
  display: table;
  border-collapse: separate;
  border-spacing: 30px 0;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px; }

.col-section article, .col-section [class*="col-"] {
  display: table-cell;
  padding: 15px;
  vertical-align: top; }

@media (max-width: 992px) {
  .col-section {
    display: block; }

  .col-section article, .col-section [class*="col-"] {
    display: block; } }
/*--------Multiple column - same as table--------*/
/*.col-table-heading {
    display: block;
    width: 100%;
}*/
.col-table {
  display: table;
  width: 100%;
  padding-bottom: 15px;
  border-spacing: 10px;
  border-collapse: separate; }
  @media (max-width: 480px) {
    .col-table {
      border: 1px solid #ccc; } }

.col-table-tr {
  display: table-row;
  border-bottom: 1px solid #ccc; }

.col-table-th {
  display: table-cell;
  padding-bottom: 10px;
  text-align: center; }

.col-table-th .img-responsive {
  display: inline; }

.col-table-td {
  display: table-cell; }

.col-striped {
  border: 1px solid #ccc; }

.col-table-hr {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px; }

@media screen and (max-width: 800px) {
  .col-table, .col-table-tr, .col-table-th, .col-table-td {
    display: block; }

  .col-table-th {
    padding-top: 20px; } }
.col-3column div div {
  width: 33%;
  padding: 10px; }
  @media screen and (max-width: 800px) {
    .col-3column div div {
      width: 100%;
      display: block; } }

/*----------------------------------Custom style by page ----------------------------------*/
/*Infortrend overview*/
.overview-timeline h6 {
  color: #fff;
  font-weight: normal;
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 8px 15px; }
  .overview-timeline h6:first-child {
    margin-top: 0px; }

.timeline-present {
  background: #50A8B4; }

.timeline-2017 {
  background: #50A8B4; }

.timeline-2016 {
  background: #A4D3AC; }

.table-office {
  margin-bottom: 35px !important;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px; }
  .table-office th, .table-office td {
    text-align: left; }
  .table-office th {
    width: 120px;
    font-weight: normal; }

/*---Milestone - timeline---*/
.events-content-inner {
  display: table;
  /*border-collapse: separate;
  border-spacing: 15px;*/ }

.events-header {
  color: #006cb1;
  margin-left: 15px;
  margin-bottom: 15px;
  text-align: left;
  display: table-caption; }

.events-content-tr {
  display: table-row; }
  @media (max-width: 992px) {
    .events-content-tr {
      display: block; } }

.events-content ol, .events-content li {
  list-style: none; }

.events-thumbnail {
  display: table-cell;
  margin-bottom: 40px; }
  @media (max-width: 992px) {
    .events-thumbnail {
      display: block; } }

.events-wrapper ol, .events-content li {
  list-style: none; }

.events-wrapper ol, .events-content ol {
  padding-left: 0px; }

/*partner logo in Infortrend overview*/
.partnerlogo-group {
  display: block;
  width: 100%;
  margin: 0 auto; }
  .partnerlogo-group:hover {
    text-decoration: none; }
  .partnerlogo-group img {
    display: inline-block;
    margin: 20px 35px;
    text-align: center;
    width: 16%; }
    @media screen and (max-width: 800px) {
      .partnerlogo-group img {
        width: 40%;
        margin: 20px; } }
    @media screen and (min-width: 801px) {
      .partnerlogo-group img:nth-child(4n+3) {
        margin-left: 0px; }
      .partnerlogo-group img:nth-child(4n+0) {
        margin-right: 0px; } }

.alliance-width {
  margin-left: 20px;
  margin-right: 20px; }
  @media (max-width: 992px) {
    .alliance-width {
      margin-left: auto;
      margin-right: auto; } }

/*---modal content: Alliance Partner*/
.alliancePopupClose {
  opacity: 1;
  font-size: 32px; }

.alliancePopup-header {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0 transparent; }

.alliancePopup-body {
  padding: 0px; }

@media (max-width: 768px) {
  .alliancePopup-dialog {
    width: auto; } }
/*---modal content: Quick Product Selection ---*/
#productSelector .close {
  opacity: 1;
  font-size: 24px; }
#productSelector .modal-header {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0 transparent; }

.quickProductList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: left;
  flex-flow: row wrap;
  align-content: flex-end; }
  .quickProductList h4 {
    font-weight: bold;
    border-bottom: 3px solid #127BBB;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px; }
    .quickProductList h4 a {
      color: #03467d;
      outline: none !important;
      text-decoration: none; }
  .quickProductList ul {
    width: calc(100% / 4);
    padding: 0px 14px;
    list-style-type: none;
    margin-bottom: 30px; }
  .quickProductList li {
    position: relative; }
    .quickProductList li::before {
      content: "\e258";
      font-family: 'Glyphicons Halflings';
      font-size: 12px;
      color: #8b8d8f;
      position: absolute;
      top: 9px; }
    .quickProductList li a {
      font-size: 16px;
      color: #03467d;
      text-decoration: none;
      outline: none !important;
      padding-left: 20px;
      display: block;
      padding: 5px 5px 5px 15px; }
      .quickProductList li a:hover, .quickProductList li a:focus, .quickProductList li a:active {
        background-color: #ebeaea;
        color: #006cb1;
        text-decoration: none; }
    .quickProductList li:hover::before, .quickProductList li:focus::before, .quickProductList li:active::before {
      color: #006cb1; }

@media (min-width: 769px) and (max-width: 992px) {
  .quickProductList ul {
    width: calc(100% / 2); } }
@media (max-width: 768px) {
  .quickProductList ul {
    width: 100%; } }
/*---Event Calendar---
.eventPanel {
    margin-bottom: 40px;
    h3 {
        margin-bottom: 10px;
    }
    h4 {
        margin-top: 0px;
    }
    & .panel-body {
        margin-bottom: 20px;
    }
    ul{
        margin-bottom: 0px;
    }
}*/
/*---Newsletter---*/
.newstable {
  border-bottom: 1px solid #ddd; }
  .newstable caption {
    font-size: 24px;
    color: #006cb1;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px; }
  .newstable th {
    font-weight: normal; }

/*---Make an Inquiry---*/
.header_inquiry .page-header {
  padding-left: 15px; }

.inquiryForm label {
  font-weight: 600;
  margin-top: 10px;
  display: block; }

.inquirycheck dd {
  font-size: 16px; }

/*---------------Purchase reference: request a quote---------------*/
.request-wrapper {
  width: 900px;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .request-wrapper {
      width: 90%; } }

/*--------------------------RMA progress---------------------------*/
.formSection-desc {
  width: 50%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .formSection-desc {
      width: 100%; } }

/*-----------------------Terms & conditions------------------------*/
.term-list {
  display: block;
  width: 100%; }
  .term-list dt, .term-list dd {
    margin-bottom: 20px; }
  .term-list dt {
    width: 30px;
    float: left;
    clear: left; }
  .term-list dd {
    margin-left: 43px; }

.term-table {
  font-size: 16px; }

/*---------------Support > Dowload > Manuals and Software---------------*/
.download-header {
  color: #fff;
  background-color: #5bc0de;
  padding: 8px; }

.faq-container dl {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DDDDDD; }
.faq-container dt {
  font-weight: 600;
  padding-bottom: 10px; }

/*------------------------------TW---------------------------------*/
/*job and Investment*/
#job, .tab-container {
  font-size: 16px; }
  #job .tab-content, .tab-container .tab-content {
    margin-top: -3px;
    padding: 20px; }
    #job .tab-content h5, .tab-container .tab-content h5 {
      font-size: 20px;
      margin-top: 30px; }
      #job .tab-content h5:first-child, .tab-container .tab-content h5:first-child {
        margin-top: 0px; }
    #job .tab-content ol, .tab-container .tab-content ol {
      margin-left: 20px;
      margin-bottom: 0px; }
      #job .tab-content ol li, .tab-container .tab-content ol li {
        list-style-type: decimal; }
  #job .nav, .tab-container .nav {
    margin: 0px; }
    #job .nav li, .tab-container .nav li {
      font-size: 16px;
      white-space: nowrap; }

.tab-panel section > ul {
  margin-left: 0px;
  margin-bottom: 0px; }

/*--------------------------------------------------------------------
home page
--------------------------------------------------------------------*/
.blockSection {
  font-size: 18px;
  line-height: 1.8;
  display: block;
  margin-bottom: 0px;
  padding-top: 55px;
  padding-bottom: 30px; }
  .blockSection:nth-child(odd) {
    background-color: #eeeeee; }
  .blockSection h1 {
    margin-bottom: 20px; }
  .blockSection h3 {
    fone-size: 30px;
    font-weight: lighter;
    margin-top: 0px; }

@media (max-width: 800px) {
  .blockSection {
    padding-top: 20px;
    padding-bottom: 20px; }

  h1 {
    margin-bottom: 10px; }

  h3 {
    font-size: 20px; } }
/*----------------------------------Infortrend overview----------------------------------*/
/*text slide up: what's new, product spotlight*/
@media (max-width: 768px) {
  .img-wrapper img {
    position: inherit;
    display: block; } }
.img-wrapper {
  position: relative; }
  .img-wrapper a {
    display: block; }

.img-zoom-bg {
  position: relative;
  width: 100%;
  height: 100%; }
  .img-zoom-bg img {
    max-width: 100%;
    transition: 0.8s ease; }
  .img-zoom-bg:hover img, .img-zoom-bg:focus img {
    transform: scale(1.05); }

.img-overlay-fade {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease;
  opacity: .8; }
  .img-overlay-fade img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.5s ease; }
  .img-overlay-fade:hover img {
    transform: scale(1.05);
    cursor: pointer; }

/*---------------------------------legacy and sitemap------------------------------*/
#legacytab {
  font-size: 16px; }
  #legacytab h5 {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
    background-color: #F0F7FD;
    border-left: 5px solid #D0E3F0; }
  #legacytab .legacy-model {
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 18px; }
    #legacytab .legacy-model h6 {
      font-size: 16px;
      color: #EF8200; }
    #legacytab .legacy-model dl {
      margin-top: 5px;
      margin-bottom: 25px; }
    #legacytab .legacy-model dt {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px; }
    #legacytab .legacy-model dd {
      color: #006cb1; }
      #legacytab .legacy-model dd::before {
        content: "- ";
        line-height: 1.2; }

/*---------------------------------Related information in Solution------------------------------*/
.related-info .item > a {
  text-decoration: none;
  padding: 0px;
  maring: 0px;
  display: block; }
.related-info .item h6 {
  color: #333 !important;
  font-size: 20px !important;
  margin: 0px 0px 5px; }
.related-info .item h6 a {
  color: #333 !important; }
  .related-info .item h6 a:hover {
    text-decoration: none; }
.related-info .item p {
  padding: 0px; }
.related-info .item img {
  height: auto;
  width: 100%;
  display: block;
  margin-bottom: 10px !important; }

/*---order information---*/
.orderinfo-inquiry {
  margin-top: 40px; }
  .orderinfo-inquiry h3 {
    margin-bottom: 10px; }

.orderinfo-form .form-control {
  border: 1px solid #CCCCCC !important;
  margin-bottom: 10px; }
.orderinfo-form .form-group {
  margin-bottom: 0px; }
.orderinfo-form textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  height: 170px; }
.orderinfo-form .quote-p-img img {
  margin-bottom: 0px !important; }

/*---FAQ selector---*/
.form-selector label {
  color: #fff;
  font-weight: normal; }
.form-selector div {
  padding-left: 5px;
  padding-right: 5px; }

.rotate {
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -ms-transform: rotate(180deg);
  /* IE 9 */
  transform: rotate(180deg);
  /* Standard syntax */
  color: #333 !important; }

/*---------------------------------------------FAQ------------------------------------------------*/
.accordion-container .panel {
  border-bottom: 1px solid #DDDDDD !important; }
.accordion-container .panel-heading {
  background: none !important;
  padding: 20px 0px; }
  .accordion-container .panel-heading h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px; }
    .accordion-container .panel-heading h6 span {
      margin-right: 10px;
      font-size: 16px; }
  .accordion-container .panel-heading p {
    color: #555555;
    margin-bottom: 0px; }
  .accordion-container .panel-heading a:hover, .accordion-container .panel-heading a:active, .accordion-container .panel-heading a:focus {
    text-decoration: none; }
.accordion-container .panel-body {
  border-top: none !important;
  padding: 0px 0px 20px; }
  .accordion-container .panel-body p {
    margin-bottom: 20px; }
    .accordion-container .panel-body p:last-child {
      margin-bottom: 0px; }
  .accordion-container .panel-body ol li {
    list-style-type: decimal;
    margin-left: 20px;
    padding-left: 5px;
    padding-bottom: 20px; }
    .accordion-container .panel-body ol li p, .accordion-container .panel-body ol li ol, .accordion-container .panel-body ol li ul {
      padding-top: 10px; }
    .accordion-container .panel-body ol li ul {
      margin-bottom: 10px; }
    .accordion-container .panel-body ol li ul li {
      list-style-type: disc; }

/*Support > Dowload > Manuals and Software----------------------------------*/
.download-container h6 {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  margin-bottom: 0px; }
  @media (max-width: 830px) {
    .download-container h6 {
      font-size: 16px; } }
.download-container .download-title {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px; }
  .download-container .download-title h4 {
    margin-bottom: 0px; }
.download-container .download-table {
  padding-bottom: 0px; }
  .download-container .download-table th, .download-container .download-table td {
    border-bottom: 2px solid #EF8200 !important; }
  @media (max-width: 830px) {
    .download-container .download-table tr {
      border: 1px solid #eee; }
    .download-container .download-table td {
      padding-left: 22%;
      border-bottom: 1px solid #eee; } }
.download-container .panel {
  border-bottom: 1px solid #DDDDDD; }
.download-container .panel-heading {
  background: none !important;
  padding: 10px 5px 8px; }
  .download-container .panel-heading a {
    color: #333333;
    display: inline-block;
    width: 100%; }
.download-container .panel-title {
  font-size: 20px; }
  .download-container .panel-title .glyphicon {
    margin-top: 10px;
    color: #999; }
  @media (max-width: 830px) {
    .download-container .panel-title {
      font-size: 16px; } }
.download-container .panel-body {
  background-color: #f2f2f2;
  padding: 5px 10px; }
.download-container .download-header {
  color: #fff;
  margin-top: 30px; }
  .download-container .download-header:first-child {
    margin-top: 0px; }

/*-------------------------------download table------------------------------------- */
.table-lightblue {
  font-size: 16px;
  border-bottom: 1px solid #DDDDDD; }
  .table-lightblue thead tr {
    background-color: #5bc0de; }
  .table-lightblue thead th {
    color: #fff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap; }
  .table-lightblue tbody {
    background-color: #f2f2f2; }
    .table-lightblue tbody th {
      font-weight: 600;
      color: #006cb1;
      white-space: nowrap;
      padding-right: 10px; }
    .table-lightblue tbody td {
      text-align: center;
      padding-left: 8px;
      padding-right: 8px; }
      .table-lightblue tbody td:nth-last-of-type(1), .table-lightblue tbody td:nth-last-of-type(3) {
        text-align: left; }
  .table-lightblue .icon-save {
    margin-bottom: 0px; }
    .table-lightblue .icon-save li {
      padding-top: 2px;
      padding-bottom: 2px; }
      .table-lightblue .icon-save li a::before {
        content: "\e166";
        font-family: 'Glyphicons Halflings'; }
  @media only screen and (max-width: 800px) {
    .table-lightblue tbody th {
      background-color: #5bc0de;
      color: #fff; }
    .table-lightblue tbody td {
      text-align: left; } }

.selector-container h5 {
  font-size: 24px !important;
  font-weight: 600;
  margin-bottom: 0px; }
  .selector-container h5 span.badge {
    margin-right: 10px;
    font-size: 16px;
    border-radius: 0px;
    padding: 8px 12px; }
.selector-container .panel-heading {
  background-image: none;
  background-color: #eeeeee;
  padding: 15px 10px; }
  .selector-container .panel-heading a:hover, .selector-container .panel-heading a:active, .selector-container .panel-heading a:focus {
    text-decoration: none; }
  .selector-container .panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e259";
    float: right;
    transition: all 0.5s; }
  .selector-container .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }
.selector-container .panel-body {
  font-size: 16px; }
  .selector-container .panel-body .well {
    background-image: none;
    border: none;
    box-shadow: none;
    padding: 15px; }
    .selector-container .panel-body .well dd {
      text-align: center; }
      @media (max-width: 768px) {
        .selector-container .panel-body .well dd {
          text-align: left; } }

/*shape button in Surveillance Selector*/
.trapezoid {
  background: url("/Public/img/bg/bg-trapezoid.svg") no-repeat center; }
  .trapezoid, .trapezoid:hover {
    color: #fff; }

.suvselector-wrapper {
  border: 1px solid #DDDDDD;
  padding: 10px; }
  .suvselector-wrapper ul {
    margin-bottom: 0px; }

.selector-table {
  border: 1px solid #DDDDDD; }
  .selector-table th {
    font-weight: 600; }
  .selector-table th, .selector-table td {
    border: 1px solid #DDDDDD;
    text-align: center;
    vertical-align: middle !important; }
  .selector-table td:last-child {
    background-color: #f2f2f2; }
  @media (max-width: 768px) {
    .selector-table {
      border: none; }
      .selector-table tr {
        border: 1px solid #DDDDDD; }
      .selector-table tbody th, .selector-table tbody td {
        border-bottom-color: none; }
      .selector-table tbody th {
        text-align: right;
        border: none; } }
  .selector-table .glyphicon-play {
    font-size: 14px;
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -ms-transform: rotate(90deg);
    /* IE 9 */
    transform: rotate(90deg); }

.selector-resultlist ul li {
  border-left: 2px solid #006cb1;
  list-style-type: none;
  padding: 0px 5px;
  margin-top: 5px;
  margin-bottom: 5px; }

.calculate-wrapper {
  border-top: 1px solid #DDDDDD;
  padding: 10px; }
  .calculate-wrapper h5 {
    padding-left: 15px;
    margin-bottom: 20px; }
  .calculate-wrapper .panel-body {
    margin-top: 20px; }

.calculate-content {
  background-color: #f2f2f2;
  display: block; }

.recommend-title {
  background-color: #1589d1;
  color: #fff;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 10px;
  margin-bottom: 20px; }

.sum-resultlist {
  display: inline-block;
  width: 100%;
  border-top: 2px solid #555;
  border-bottom: 2px solid #555;
  background-color: transparent;
  margin: 20px 0px;
  padding: 20px 0px; }
  .sum-resultlist ul {
    margin-bottom: 0px; }

.alert-notice {
  background-color: #fff7cb;
  color: #FF0004;
  text-align: center; }

.extra-plus {
  font-size: 70px; }

/*---------------------------------------------------------------
custom Google search bar
---------------------------------------------------------------*/
.search-container {
  display: block;
  margin-top: 10px;
  width: 85%; }
  @media (max-width: 1200px) {
    .search-container {
      width: 100%; } }
  @media (max-width: 580px) {
    .search-container {
      display: none; } }
  .search-container .gsc-input-box, .search-container .gsc-search-button {
    border: none;
    background-color: transparent; }
  .search-container .gsc-search-button-v2 svg {
    width: 22px;
    height: 22px; }
  .search-container .cse input.gsc-input, .search-container input.gsc-input {
    background-image: none !important; }
  .search-container .gsib_a {
    border: none; }

table.gsc-search-box {
  width: 100% !important; }

.gsc-input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: white; }
.gsc-input ::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white; }
.gsc-input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white; }
.gsc-input ::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: white; }

/*legacy product, sitemap*/
.box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s; }

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top; }

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none; }

/*--------------------------responsive table---------------------------------------*/
.rs-table, .rs-justify, .rs {
  font-size: 18px;
  /*
  caption {
      background-color: #808080;
      color: #fff;
      padding: 15px 5px;
  }*/ }
  .rs-table thead th, .rs-justify thead th, .rs thead th {
    text-align: center; }
  .rs-table thead > tr > th, .rs-justify thead > tr > th, .rs thead > tr > th {
    font-weight: 600;
    vertical-align: middle; }
  .rs-table ul, .rs-justify ul, .rs ul {
    margin-bottom: 0px; }

.rs-table {
  width: 100%;
  /*font-size: 16px;*/
  /*
  td{
      text-align: center;
  }*/ }
  .rs-table thead > tr > th {
    background-color: #f2f2f2; }
    .rs-table thead > tr > th:first-child {
      width: 35%; }
    .rs-table thead > tr > th:nth-of-type(2) {
      white-space: nowrap; }
  .rs-table tbody > tr > th, .rs-table .table tbody > tr > td {
    vertical-align: middle; }
  .rs-table tbody > tr > th a {
    font-size: 20px; }

.thead-info {
  background-color: #005c99;
  color: #f2f2f2; }

.thead-normal {
  background-color: #f2f2f2; }

.thead-dark {
  background-color: #808080;
  color: #f2f2f2; }

.rs-justify, .rs {
  /*font-size: 20px;*/ }
  .rs-justify tbody th, .rs tbody th {
    background-color: #f2f2f2;
    font-weight: 500; }
    @media only screen and (max-width: 800px) {
      .rs-justify tbody th, .rs tbody th {
        font-weight: 700;
        font-size: 18px;
        color: #1589d1; } }

/*EonCloud Gateway*/
.tbody-th-head {
  background-color: #fff !important; }
  @media only screen and (max-width: 800px) {
    .tbody-th-head .tbody-th-head {
      background-color: #58b2dc; } }

@media only screen and (max-width: 800px) {
  .rs.table-bordered, .rs-justify.table-bordered {
    border: none; }

  .rs-justify table, .rs-justify thead, .rs-justify tbody, .rs-justify th, .rs-justify td, .rs-justify tr {
    display: block;
    font-size: 16px; }
  .rs-justify thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .rs-justify tr {
    margin-bottom: 1.5em; }
  .rs-justify tbody td {
    position: relative;
    border: none;
    text-align: right;
    padding-left: 50%; }
    .rs-justify tbody td:before {
      font-weight: bold;
      position: absolute;
      top: 6px;
      left: 6px;
      /*width: 45%;*/
      text-align: left;
      padding-right: 5px;
      padding-bottom: 10px;
      content: attr(data-title);
      min-height: 70px; }
  .rs-justify img {
    margin-bottom: 0px; }

  .rs tbody > tr > td {
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: left; }
  .rs table, .rs thead, .rs tbody, .rs th, .rs td, .rs tr {
    display: block;
    font-size: 16px; }
  .rs thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .rs tr {
    margin-top: 1.5em; }
  .rs tbody th {
    width: 100% !important;
    background-color: #808080;
    color: #f2f2f2; }
  .rs tbody td {
    position: relative;
    border: none; }
    .rs tbody td:before {
      font-weight: bold;
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      text-align: left;
      padding-right: 10px;
      padding-bottom: 10px;
      content: attr(data-title);
      color: #222222;
      min-height: 70px;
      white-space: nowrap; }
  .rs img {
    margin-bottom: 0px; }

  .rs-block table, .rs-block thead, .rs-block tbody, .rs-block th, .rs-block td, .rs-block tr {
    display: block;
    font-size: 16px; }
  .rs-block thead th {
    display: none; }
  .rs-block td:before {
    content: attr(data-title) " : ";
    width: auto;
    margin-right: 7px;
    display: inline-block; }

  /* Force table to not be like tables anymore */
  .rs-table table,
  .rs-table thead,
  .rs-table tbody,
  .rs-table th,
  .rs-table td,
  .rs-table tr {
    display: block; }

  /* Hide table headers (but not display: none;, for accessibility) */
  .rs-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  .rs-table tr {
    border: 1px solid #ddd;
    margin-bottom: 1.5em; }

  .rs-table td {
    /* Behave  like a "row" */
    position: relative;
    border: none;
    text-align: right;
    padding-left: 50%;
    border-bottom: 1px solid #eee;
    font-size: 16px; }
    .rs-table td span {
      display: block;
      margin-left: 45%; }

    /*
	.rs-table td:last-child {
		border-bottom: none;
	}*/
  .rs-table td:before {
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    text-align: left;
    padding-right: 10px;
    content: attr(data-title);
    min-height: 70px; }

  .rs-table .table-bordered {
    border: none; }

  .rs-table .table-bordered > tbody > tr > th {
    border: none;
    padding-top: 15px;
    padding-bottom: 15px; }

  /*product overview*/
  .rs-table-trmerge {
    margin-top: -1.6em;
    border-top: none; }

  .rs-table-th {
    background-color: #f2f2f2;
    text-align: center; } }
/*----------------------------------------------
Print Style
------------------------------------------------*/
@media print {
  footer {
    display: none; }

  .vertdistance8 {
    margin-top: 0; }

  .btext p, .icase_story p {
    font-size: 16px;
    line-height: 1.8; }

  .smidcontainer {
    width: 100%; }

  .scontainer {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
    .scontainer h2 {
      margin-bottom: 10px;
      font-size: 20px; }

  .bhrline1 {
    margin-top: 20px;
    margin-bottom: 20px; }

  .sheadbox {
    height: 80px;
    display: block; }
    .sheadbox h1 {
      font-size: 24px; }

  a[href]:after {
    content: none !important; } }
.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.alert-info {
  background: url(/Public/css/none) #d9edf7;
  border-color: #bce8f1; }

/*-----------------------Video from bs3.3.7-----------------------*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
  border: 1px solid #ddd; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

/*fix content style*/
.bootstrap-select.btn-group .dropdown-menu {
  width: 100% !important; }

.bootstrap-select.btn-group .dropdown-menu li {
  line-height: 22px;
  padding-top: 0px;
  padding-bottom: 0px; }

.dropdown-header {
  color: #006cb1;
  font-size: 16px; }

.modal {
  text-align: center;
  padding: 0 !important; }

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

@media (max-width: 768px) {
  .modal:before {
    height: auto;
    margin-top: 50px; } }
/*fix content style*/
#main .inner-content-s ul {
  margin-left: 20px; }

/*mobile menu*/
.sm_menu_outer {
  margin: 0px; }

.submenu .childtext a::before {
  content: '- '; }

.sm_menu_outer .mobile_menu li.back a {
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.sm_menu_outer .mobile_menu li {
  padding-left: 10px; }

.submenu .singlelink {
  margin: 0px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.5); }

#mixedSlider img {
  margin-bottom: 0px; }

.sitemap h4 {
  font-size: 24px;
  margin-bottom: 10px; }
.sitemap ol {
  font-size: 20px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 30px; }
.sitemap ol ol {
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 30px; }
  .sitemap ol ol li {
    font-size: 16px;
    background: url(/Public/img/icons/icon_arrow_dot_black.png) no-repeat 0px 9px;
    padding-left: 8px;
    padding-bottom: 5px; }

/*order information: at Purchase reference: Product model*/
@media (min-width: 830px) {
  .rwdtable1 div:nth-of-type(2) {
    text-align: center; } }

.exportExcel {
  margin-bottom: 10px; }

/*----------------------------------Live chat button in US----------------------------------*/
.livechat {
  display: block;
  padding-top: 10px;
  padding-right: 10px;
  float: right; }
  @media screen and (max-width: 768px) {
    .livechat {
      margin-right: 24px; } }

/*----------------------------------Style for China----------------------------------*/
.callaction {
  float: right;
  font-size: 13px;
  margin: 0px -3px 0px 0px;
  padding: 15px 10px 0px 5px;
  box-sizing: border-box;
  color: #595959; }
  @media (max-width: 580px) {
    .callaction {
      margin-right: 30px; } }