html * {font-family:'Roboto','Microsoft JhengHei',sans-serif;}
body {line-height: 1;background-color: #f8f8f8;color:#454545;}
@media (min-width: 1200px) {.container {max-width: 1440px;padding-left:64px;padding-right:64px;}}
a, a:visited {color:#0087A9;text-decoration: none;}
a:hover {color:#00AFCF;}
a:focus {color:#0087A9;}
.mt-75 {margin-top:75px;padding-bottom:80px;}
.testbg {height:600px;}

@font-face {
font-family: 'fa-ab';
src:  url('../webfonts/fa-ab.eot?nzgc3t');
src:  url('../webfonts/fa-ab.eot?nzgc3t#iefix') format('embedded-opentype'),url('../webfonts/fa-ab.ttf?nzgc3t') format('truetype'),url('../webfonts/fa-ab.woff?nzgc3t') format('woff'),url('../webfonts/fa-ab.svg?nzgc3t#fa-ab') format('svg');
font-weight: normal;
font-style: normal;
}
.fa-ab {font-family: 'fa-ab' !important;speak: none;font-weight: normal;text-transform: none;}
.fa-ab:before {content: "\e900";}
.notfind {font-size:1rem;color:#ff0000;padding:10rem auto;margin:10rem auto;text-align:center;}
/* TOP navbar */
.navbar-head {background-color: #ffffff !important;padding:0;border-bottom:1px solid #f0f0f0;}
.navbar-head .navbar-border {padding-top:23px;padding-bottom:23px;}
.navbar-head .navbar-brand {padding:0;margin-right: 2.5rem;}
.webname {font-size:1.2rem;font-weight:600;color: #454545;}
.navbar-head .navbar-nav .nav-link{padding-top:0;padding-bottom:0;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: .6rem;padding-left: .6rem;}
.navbar-light .navbar-nav .nav-item{background-image:url(../images/navbar-line.gif);background-repeat:no-repeat;background-position:left;}
.navbar-light .navbar-nav .nav-item:last-child {background-position:-1000px 0;}
.navbar-light .navbar-nav .nav-item:first-child {background-position:-1000px 0;}
.navbar-light .navbar-nav .nav-link {font-size:.9rem;color: rgba(69,69,69,1);}

.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link, 
.navbar-light .navbar-nav .nav-link:visited {color: rgba(69,69,69,1);}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#0087A9;}
.navbar-light .navbar-nav .nav-icon .fas{font-size:1.05rem;color: rgba(0,135,169,1);}
.navbar-light .navbar-nav .nav-item .red{position: absolute;top:-1pt;right:3pt;width:10px;height:10px;z-index: 1051;background-color:#ff0000;border-radius:10px;}

/* TOP navbar dropdown */
.navbar-light .dropdown-toggle::after {vertical-align:.1rem;color:#0087A9;}
.navbar-light .navbar-nav .nav-item:nth-child(1) .dropdown-menu{width:215px;top: 1.8rem;left:-88px;border: 1px solid #0087A9;border-radius:0;padding:0;}
.navbar-light .nav-arrow {position:absolute;top:0;left:76%;}
.navbar-light .nav-arrow:after, .nav-arrow:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.navbar-light .nav-arrow:after {border-color: rgba(255, 255, 255,0);border-bottom-color: #ffffff;border-width: 10px;margin-left: -10px;}
.navbar-light .nav-arrow:before {border-color: rgba(0, 135, 169,0);border-bottom-color: #0087A9;border-width: 11px;margin-left: -11px;}
.navbar-light .dropdown-item {font-size:.9rem;color:#454545;padding: .7rem 1rem;border-bottom:1px solid #d1d1d1;white-space: normal;}
.navbar-light .dropdown-item:hover,.navbar-light .dropdown-item:focus, .navbar-light .dropdown-item.active, .navbar-light .dropdown-item:active {color: #0087A9;text-decoration: none;background-color:#f4fbff;}

.navbar-light .dropdown-toggle.dropdown-icon::after {display:none;}
.navbar-light .navbar-nav .nav-item:nth-child(2) .dropdown-menu{width:234px;top: 1.8rem;left:-160px;border: 1px solid #0087A9;border-radius:0;padding:.1rem;}
.navbar-light .dropdown-menu .dropdown-h1 {font-size:.9rem;font-weight:500;padding:.5rem;border-bottom:1px solid #0087A9;}
.navbar-light .navbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item {line-height:1.2;}
.navbar-light .navbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item.active {font-weight:500;}
.navbar-light .navbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item span {display:block;font-size:.8rem;font-weight:400px !important;color:#8c8c8c;margin-top:.3rem;}
.navbar-light .navbar-nav .nav-item:nth-child(3) .dropdown-menu{width:220px;top: 1.8rem;left:-149px;border: 1px solid #0087A9;border-radius:0;padding:.1rem 1rem;}
.navbar-light .navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item span {display:inline-block;width:145px;font-size:.85rem;font-weight:400px;line-height:1.2;padding:0 .5rem 0;vertical-align:middle;}
.navbar-light .navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item {font-size:.9rem;color:#454545;padding: .7rem 0;border-bottom:1px solid #d1d1d1;white-space: normal;}
.navbar-light .dropdown-item:last-child,.navbar-light .navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item:last-child {border:0;}

/* Flag ICON */
.flag-icon {position:absolute;top:-4px;left:10px;}
.flag-img {display:inline-block;margin-top: -4px;margin-right:5px;}
.contrtxt{color: #454545;}

footer {background-color: #f6f6f6;position: relative;margin-bottom:6rem;}

footer a,footer a:visited {color:#454545;text-decoration: none;}
footer a:hover,footer a:focus {color:#0087a9;text-decoration: none;}
.footer-content {font-size:.9rem;}
.footer-hr1 {position: absolute;top:1.2rem;left:0;display:block;width:100%;height:1px;border:0;border-top:1px solid #d1d1d1;padding:0;margin:1rem 0;clear: both;}
.footer-hr2 {position: absolute;bottom:1rem;left:0;display:block;width:100%;height:1px;border:0;border-top:1px solid #d1d1d1;padding:0;margin:1rem 0;clear: both;}
.foot-h1 {font-size:1.2rem;font-weight:600;color:#454545;margin-bottom:35px;}
.foot-left-ul,.foot-left-ul li,.foot-right-ul,.foot-right-ul li {list-style:none;margin:0;padding:0;}
.foot-left-ul li {float:left;width:33%;margin-bottom:1rem;}
.foot-right-ul li {float:left;font-size:.9rem;margin-bottom:1rem;}
.foot-right-ul li:nth-child(odd) {width:30%;}
.foot-right-ul li:nth-child(even) {width:70%;}

/* Form Tools Style */
.btn {display: inline-block;font-weight: 400;color: transparent;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.375rem 2.3rem;font-size: .9rem;line-height: 1.46;border-radius: 0;transition:0s;}
.btn:hover {color:transparent;text-decoration: none;}
.btn:focus, .btn.focus {outline: 0;box-shadow: none;}
.btn-main {color: #fff;background-color: #0087a9;border-color: #0087a9;}
.btn-main:hover {color: #fff;background-color: #454545;border-color: #454545;}
.btn-main:focus, .btn-main.focus {color: #fff;background-color: #00afcf;border-color: #00afcf;box-shadow: none;}
.btn-sec {color: #0087a9;background-color:transparent;border-color: #0087a9;}
.btn-sec:hover {color: #fff;background-color: #0087a9;border-color: #0087a9;}
.btn-sec:focus, .btn-sec.focus {color: #fff;background-color: #0087a9;border-color: #0087a9;box-shadow: none;}
.btn-fff {color: #0087a9;background-color: #ffffff;border-color: #ffffff;}
.btn-fff:hover {color: #fff;background-color: #0087a9;border-color: #0087a9;}
.btn-fff:focus, .btn-fff.focus {color: #fff;background-color: #0087a9;border-color: #0087a9;box-shadow: none;}

.form-control, .custom-select {border: solid 1px #454545;border-radius:0;}
.form-txt {font-size:.8rem;color:#454545;line-height:1.3;}
.custom-select {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAF5SURBVGhD7ZbNTcNAEEaNECe4InEEKqADBCmCGjgAbVABVxBFUAPQAQ3AOUhI5BDB9yCWzMi7sc2sk8M86UmOf2Y+2c6OqyAIgiAIguAPm/L4d3OtIBPZlnIj5/Ly59d6QBYykS3LufxqeC035KqgNxmamcjYyp78kM2T8U5uybGhJ71tHjKStZUTOZX2oge5LceCXvS0OchGxixH8lXai5/kriwNPehl+5OJbJ3Yly/SFmHfgSwFtVN9ydQL7sSjtMXeZOc70QNqUtv2I8PgJ597F0+lF9Qq9t9jNbiVtvhMnsn/Qg1q2fr0dFv92tZjZLhcyaFwLTVs3WLz50J6NMzdEHoUhUf+KW3ze9nlkXMO59rrqenxSnYiN/B2ZAqODR5Q3qQG3rNsW/bYxzF7fq8B5U1u4B3KGrbdBpQ3ywZekQHlTWrgvS+0+10GlDepgWd1HVDepNb32mIDyhs78EYZUN7U3zhe30wrYbIwCIIgCIIgCCxV9Q1PXdXF4s8nIwAAAABJRU5ErkJggg==") no-repeat right .5rem center/.7rem .7rem;}
.form-control::placeholder {font-size:.9rem;color:rgba(69, 69, 69, 0.59);opacity: 1;}

/* HOME */
.homegrid .row {width:80%;margin:-3px auto;}
.homegrid h1 {font-size:2rem;font-weight:300;color: #0087a9;text-align:center;margin-top:8rem;margin-bottom:3rem;}
.homegrid div[class^='col-'] {padding:0;}
.homegrid .divgrid {position: relative;height:307px;border:3px solid #f8f8f8;}
.homegrid .homelink {transition:.3s;-webkit-transition:.3s;position:absolute;display:block;width:100%;height:100%;color: #454545;text-align:center;border-bottom:2px solid #ffffff;z-index:1009;background-size:45%;background-repeat:no-repeat;background-color:#ffffff;background-position:50% 30%;}
.homegrid .homelink:hover {transform:scale(1.1,1.1);z-index:1011;background-size:65%;text-decoration: none;border-bottom:2px solid #0087a9;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);}
.homegrid .homelink p {transition:.3s;-webkit-transition:.3s;font-size:1.3rem;padding-top:12rem;}
.homegrid .homelink:hover p {font-size:1rem;padding-top:14rem;}
.homegrid .divgrid .homelink[style*='home7.png'],.homegrid .divgrid .homelink[style*='home8.png'] {background-size:40%;}
.homegrid .divgrid .homelink:hover[style*='home7.png'],.homegrid .divgrid .homelink:hover[style*='home8.png'] {background-size:50%;}

/* Banner */
.bannerdiv {position: relative;width:100%;height:350px;margin-top:75px;padding:0;padding-top:6rem;}
.bannerdiv img.wave {position:absolute;left:0;bottom:-1px;}
.bannerdiv .dropdown .btn {font-size:2rem;font-weight:600;color:#ffffff;border:0;}
.bannerdiv .dropdown .btn-secondary:hover, .bannerdiv .dropdown .btn:focus, .bannerdiv .dropdown .btn.focus,.bannerdiv .show > .btn-secondary.dropdown-toggle {background-color:transparent;border:0;}
.bannerdiv .btn-secondary:not(:disabled):not(.disabled).active:focus,.bannerdiv .btn-secondary:not(:disabled):not(.disabled):active:focus,.bannerdiv .show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(130,138,145,0);}
.bannerdiv p {color:#ffffff;}

.bannerdiv .dropdown-menu {width:256px;top:-10px !important;left:0 !important;margin:0;margin-left:-22px !important;border: 1px solid #0087a9;border-radius:0;padding:0 .3rem;z-index:1020;}
.bannerdiv .dropdown-toggle::after {vertical-align:.12em;}
.bannerdiv .dropdown-item {width:100%;font-size:.9rem;text-align:center;padding: 0.8rem 0;color: #454545;border-bottom:1px solid #d1d1d1;}
.bannerdiv .dropdown-item:last-child {border:0;}
.bannerdiv .dropdown-item:hover,.bannerdiv  .dropdown-item:focus,.bannerdiv .dropdown-item.active, .bannerdiv .dropdown-item:active {color: #0087a9;text-decoration: none;background-color: #f4fbff;}


/* Product List */
.psconten {margin-top:40px;margin-bottom:60px;}
.dropdown-box .dropdown-menu.show {display: block;z-index: 1025;}
.dropdown-box .dropdown-toggle::after {display: none;}
.dropdown-box .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0 0;margin: .125rem 0 0;font-size:.9rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #0087a9;border-radius: 0;}
.dropdown-box .dropdown-item {display: block;width: 100%;padding: .8rem 1rem;clear: both;font-weight: 400;color: #454545;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;border-bottom:1px solid #d1d1d1;}
.dropdown-box .dropdown-item:last-child {border:0;}
.dropdown-box .dropdown-item:hover{background-color: #f4fbff;}

.filterszone{-ms-flex: 0 0 22.15%;flex: 0 0 22.15%;max-width: 22.15%;background--color:#ffffe9;padding-right:33px !important;}
.filterszone h2 {font-size:1.2rem;margin:0;margin-top:29px;}
.filterszone .quicklink {margin-top:20px;margin-bottom:20px;}
.filterszone .quicklink a{font-size:.9rem;margin-right:1rem;}
.filterszone .quicklink a .fas {font-size:.8rem;margin-right:.3rem;}
.filterszone .searchno .btn {padding:.375rem .5rem;}
.filterszone .searchno .btn-outline-secondary {color: #0087a9;border-color: #454545;border-left:0;background-color:#f8f8f8;}
.filterszone .searchno .btn-outline-secondary:hover {color: #ffffff;background-color: #0087a9;}
.filterszone .searchno .form-control {border:1px solid #454545;background-color: #f8f8f8;}
.filterszone .searchno > .form-control:focus {border-right:0;}

.filtertag {color:#0087A9;cursor:pointer;}
.filtertag span {text-decoration:underline;}
.FilterTag-body {font-size:.9rem;height:400px;overflow-y: auto;border:1px solid #0087A9;padding:0 1rem !important;}
.FilterTag-body .row {border-bottom:1px solid #d8d8d8;padding-top:1rem;padding-bottom:1rem;}
.FilterTag-body .fls {color:#0087A9;position: relative;display:inline-block;padding-right:1.3rem;margin-right:1rem;margin-bottom:.5rem;}
.FilterTag-body .fls .fas {color:#939393;position:absolute;right:0;cursor:pointer;}

#mobileFilters .card {border:0;border-radius:0;background-color:transparent;}
#mobileFilters .card-body {padding:0;}

#filtersselect.filters-accordion {margin-top:5px;}
#filtersselect.filters-accordion .card-sec {background-color:transparent;border:0;border-bottom:1px solid #d8d8d8;}
#filtersselect.filters-accordion .card-header {position: relative;padding: 1rem .3rem 1rem .3rem;margin-bottom: 0;background-color:transparent;border-bottom: 1px solid transparent;cursor:pointer;}
#filtersselect.filters-accordion .card-header span {padding-right:2rem;display:block;}
#filtersselect.filters-accordion .card-right {position:absolute;right:.2rem;top:1rem;z-index:1020;}
#filtersselect.filters-accordion .fa-info-circle {position:absolute;right:1.3rem;top:1.2rem;z-index:1021;cursor:pointer;}
#filtersselect.filters-accordion .fas {vertical-align:middle;margin-left:.5rem;}
#filtersselect.filters-accordion .fa-info-circle {font-size:.9rem;color:#cdcccb;}
#filtersselect.filters-accordion .fa-caret-down,.filters-accordion .fa-caret-up {font-size:1.3rem;}
#filtersselect.filters-accordion .card-header[aria-expanded=true] .fa-caret-down {display: none;}
#filtersselect.filters-accordion .card-header[aria-expanded=false] .fa-caret-up {display: none;}

#filtersselect.filters-accordion.accordion > .card:first-of-type,
#filtersselect.filters-accordion.accordion > .card:not(:first-of-type):not(:last-of-type) {border-bottom:1px solid #d8d8d8;border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-radius: 0;}

.filters-collapse {font-size:.8rem;color:#454545;}
.filters-collapse div[class*='custom-checkbox']:first-child {margin-top:.5rem;}
.filters-collapse div[class*='custom-checkbox']:last-child {margin-bottom:.8rem;}

/* custom-checkbox */
.custom-checkbox .custom-control-label {cursor:pointer;}
.custom-control {position: relative;display: block;min-height: 1.5rem;padding-left: 1.6rem;margin-bottom:.3rem;}
.custom-checkbox .custom-control-label::before {border-radius:0;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff !important;border-color: #0087a9 !important;background-color: #0087a9 !important;}
.custom-control-label::before {position: absolute;top:-1px;left: -1.3rem;display: block;width: .9rem;height: .9rem;pointer-events: none;content: "";background-color: #d8d8d8;border: #d8d8d8 solid 1px;}
.custom-control-label::after {position: absolute;top: -1px;left: -1.3rem;display: block;width: .9rem;height: .9rem;content: "";background: no-repeat 50%/50% 50%;background-size:.7rem;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%23fff' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z'/%3E%3C/svg%3E");}

.filters-collapse .form-control {display: block;width: 100%;height:auto;padding:.3rem 0.375rem;font-size: .9rem;font-weight: 400;line-height: 1.5;color: #454545;background-color: #f8f8f8;background-clip: padding-box;border: 1px solid #d1d1d1;border-radius:0;}
.filters-collapse .form-control:focus {color: #454545;background-color: #f8f8f8;border-color: #d1d1d1;outline: 0;}
.filters-collapse .w-184 {width:184px;}
.filters-collapse .w-90 {width:84px;}
.filters-collapse .sbtn {padding:.2rem 1rem;}

/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {font-size:.8rem;background: rgba(69, 69, 69, 0.95);border: 0 solid black;border-radius: 6px;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color:transparent;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color:transparent;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color:transparent;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color: transparent;}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {height: 20px;margin-left: -15px;top: -11px;width: 30px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {height: 30px;margin-top: -15px;right: 0;top: 0;width: 20px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {height: 30px;margin-top: -15px;left: 0;top: 0;width: 20px;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {bottom: -10px;height: 20px;margin-left: -15px;width: 30px;}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: rgba(69, 69, 69, 0.95);left: 6px !important;top: 9px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: rgba(69, 69, 69, 0.95);left: -3px;top: 0;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color: rgba(69, 69, 69, 0.95);left: 3px;top: 0;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: rgba(69, 69, 69, 0.95);left: 6px;top:2px;}

.tiptools-shell {display: none;margin:15px;}
.tooltipster-base {min-width:330px !important;width:330px !important;}
.tooltipster-sidetip .tooltipster-content {color:#fff;line-height:1.6;padding: 1rem 1.5rem;}
.tooltipster-sidetip .tooltipster-content p {margin:0;}

.marchedzone{-ms-flex: 0 0 77.85%;flex: 0 0 77.85%;max-width: 77.85%;}
.marchedzone-w100{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.zone-head {position: relative;margin-top:29px;}
.zone-head h2 {width:255px;font-size:1.2rem;margin:0;}
.displaytype {width:86px;border:0;position:absolute;right:0;top:0;}
.displaytype .nav-item {margin-bottom:0;}
.displaytype .nav-link {font-size:1.5rem;color:#939393;border: 1px solid #0087a9;border-top-left-radius:0;border-top-right-radius:0;padding:.5rem .53rem;}
.displaytype .nav-link:hover, .displaytype .nav-link:focus {border-color: #0087a9 #0087a9 #0087a9 !important;}
.displaytype .nav-link.active,.displaytype .nav-item.show .nav-link {color: #ffffff;background-color: #0087a9;border-color: #0087a9 #0087a9 #0087a9;}
.displayzone {margin-top:42px;}
.displayzone .row {margin:0;margin-left:-4px;margin-right:-4px;}
.displayzone .griditem div[class^='col-'] {position: relative;height:327px;padding:0;border:4px solid #f8f8f8;}
.displayzone .griditem .display-item {transition:.3s;-webkit-transition:.3s;position:absolute;z-index:1010;width:100%;height:319px;background-color:#ffffff;text-align:center;padding:37px 10px 0 10px;border-bottom:2px solid #ffffff;}
.displayzone .griditem .display-item .btn-sec {position:absolute;top:11px;right:74px;z-index:1011;display:none;font-size:.8rem;padding:.11rem .7rem;line-height: 1.32;}
.displayzone .griditem .display-item .ablink {position:absolute;top:10px;right:37px;z-index:1011;display:none;font-size:1.4rem;color:#0087a9;}
.displayzone .griditem .display-item .deol {position:absolute;top:10px;left:10px;z-index:1011;width:38px;font-size:.8rem;color:#ffffff;line-height:.9;padding:.28rem .5rem;background-color:#939393;}
.displayzone .griditem .display-item .fa-check-square {position:absolute;top:10px;right:11px;z-index:1011;display:none;font-size:1.45rem;color:#d8d8d8;cursor:pointer;}
.displayzone .griditem .display-item .fa-check-square:hover{color:#0087a9;}
.displayzone .griditem .display-item .item-foot {font-size:1.1rem;color:#0087a9;margin-top:1.5rem;}
.displayzone .griditem .display-item .item-foot p {font-size:.8rem;color:#454545;margin:0;margin-top:.5rem;line-height:1.2;}
.displayzone .griditem .display-item:hover .btn-sec,.displayzone .griditem .display-item:hover .ablink,.displayzone .griditem .display-item:hover .fa-check-square {display:block;}
.displayzone .griditem .display-item:hover {transform:scale(1.1,1.1);z-index:1011;border-bottom:2px solid #0087a9;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);}
.displayzone .griditem .display-item:hover .item-foot {margin-top:.5rem;}
.displayzone .griditem .display-item img {width:163px;transition:.3s;-webkit-transition:.3s;}
.displayzone .griditem .display-item:hover img {width:193px;}
.displayzone .listitem div[class^='col-'] {position: relative;height:121px;padding:0;border:3px solid #f8f8f8;}
.displayzone .listitem .display-item {transition:.3s;-webkit-transition:.3s;position:absolute;z-index:1010;width:100%;height:115px;background-color:#ffffff;padding:10px 10px 10px 10px;border:1px solid #d1d1d1;}
.displayzone .listitem .display-item img {height:93px;}
.displayzone .listitem .display-item .item-foot,.displayzone .listitem .display-item img {float:left;}
.displayzone .listitem .display-item .btn-sec {position:absolute;bottom:11px;right:11px;z-index:1011;font-size:.8rem;padding:.11rem .7rem;line-height: 1.32;}
.displayzone .listitem .display-item .ablink {position:absolute;top:45px;right:8px;z-index:1011;display:none;width:30px;font-size:1.4rem;color:#0087a9;}
.displayzone .listitem .display-item .deol {position:absolute;top:10px;right:42px;z-index:1011;display:block;width:38px;font-size:.8rem;color:#ffffff;line-height:.9;padding:.28rem .5rem;background-color:#939393;}
.displayzone .listitem .display-item .fa-check-square {position:absolute;top:10px;right:11px;z-index:1011;display:none;font-size:1.45rem;color:#d8d8d8;cursor:pointer;}
.displayzone .listitem .display-item .fa-check-square:hover{color:#0087a9;}
.displayzone .listitem .display-item .item-foot {font-size:.9rem;color:#0087a9;padding-top:1.8rem;padding-left:.7rem;}
.displayzone .listitem .display-item .item-foot p {font-size:.8rem;color:#454545;margin:0;margin-top:.5rem;max-width: 350px;line-height: 1.3;}
.displayzone .listitem .display-item:hover .ablink,.displayzone .listitem .display-item:hover .fa-check-square,.displayzone .listitem .display-item:hover .deol {display:block;text-decoration: none;}
.displayzone .listitem .display-item:hover {transform:scale(1.03,1.03);z-index:1011;border:1px solid #0087a9;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);}
.displayzone .griditem .display-item .selected,.displayzone .listitem .display-item .selected {display:block;color:#0087a9;}

/* Switch NAV Tabs */
.nav-Switchtabs {width:262px;border: 1px solid #0087a9;border-radius: .25rem;text-align:center;margin:0 auto;}
.nav-Switchtabs .nav-item.show .nav-link, .nav-Switchtabs .nav-link.active {color: #ffffff;background-color: #0087a9;border-color:transparent;}
.nav-Switchtabs .nav-link:focus, .nav-Switchtabs .nav-link:hover {border-color:transparent;border:0;}
.nav-Switchtabs .nav-link {font-size:.9rem;width:130px;border: 1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;}

/* Switch Table */
.table-switch {width:100%;border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0;background-color:#ffffff;}
.table-switch th,.table-switch td{font-size:.9rem;font-weight:400;padding:.5rem 1rem;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;text-align:center;}
.table-switch thead th {color:#0087a9;background-color:#f4fbff;padding:1.2rem 1rem;}
.table-switch thead th:nth-child(1) {text-align:left;border-right:1px solid #f4fbff;padding:1.2rem 2rem;}
.table-switch thead th:nth-child(2) {text-align:right;}
.table-switch thead tr:nth-child(2) th:nth-child(1) {border-right:1px solid #f0f0f0;}

.table-switch tbody td:nth-child(1) {text-align:left;border-right:1px solid #ffffff;padding:.7rem 3rem;}
.table-switch tbody td:nth-child(2) {text-align:right;}
.table-switch tbody th {color:#0087a9;text-align:left;padding:.9rem 2rem;background-color:#f8f8f8;}
.table-switch tbody th .fas {margin-right:.5rem;}
.table-switch tbody td .btn-sec {font-size:.8rem;padding:.11rem .7rem;line-height: 1.2;vertical-align:middle;}
.table-switch tbody td .ablink {width:30px;font-size:1.3rem;color:#0087a9;vertical-align:middle;padding-top:.2rem;margin:0 .5rem;margin-bottom:-1px;}
.table-switch tbody td .deol {width:38px;font-size:.75rem;color:#ffffff;line-height:1;padding:.2rem .5rem;background-color:#939393;vertical-align:middle;}
.table-switch tbody td .custom-control {min-height:18px;line-height:1.2;padding-left: 1.75rem;white-space:nowrap;}
.table-switch tbody td .custom-control-label::before {width:1.25rem;height:1.25rem;left: -1.7rem;}
.table-switch tbody td .custom-control-label::after {top: 1px;left: -1.6rem;width:1rem;height:1rem;background-size:1rem;}

.table-switch tbody tr.header {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.table-switch tbody tr:not(.header) {display: none;}
.table-switch tbody tr[class='header'] .fa-minus {display:none;}
.table-switch tbody tr[class='header active'] .fa-plus {display:none;}

/* Switch POE Filters */
.nav-tabs.nav-poe-tabs {border-bottom: 1px solid transparent;}
.nav-poe-tabs > .nav-link {color:#454545;border: 1px solid transparent;border-top-left-radius: 0;border-top-right-radius:0;padding:.75rem 1rem !important;border-color: #0087a9 #0087a9 transparent;}
.nav-poe-tabs .nav-item.show .nav-link, .nav-poe-tabs .nav-link.active {color: #ffffff;background-color: #0087a9;border-color: #0087a9 #0087a9 #0087a9;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color: transparent;background-color:#00b0d0;color:#ffffff;}

.tab-poe-content {font-size:.9rem !important;}
.tab-poe-content .tab-pane {border:1px solid #0087a9;background-color:#ffffff;}
.direct {color:#454545;font-weight:500;background-color: #d1d1d1;padding:.85rem 1rem;}

.tab-poe-content .custom-select {height: calc(1.25em + .75rem + 2px);padding: 0 .3rem 0 .3rem;font-size:.8rem;}
.tab-poe-content .t-s {font-size:.8rem;}
.tab-poe-content .modelselect .form-group {display:inline-block;width:239px;margin-right:1rem;}
.tab-poe-content .modelbox {padding:1rem;}
.tab-poe-content .model-list {width:100%;min-height:235px;border:1px solid #0087a9;}
.tab-poe-content .modelbox-left {-ms-flex: 0 0 64.5%;flex: 0 0 64.5%;max-width: 64.5%;}
.tab-poe-content .modelbox-right {-ms-flex: 0 0 35.5%;flex: 0 0 35.5%;max-width: 35.5%;}

/*
.table-model-list {width:100%;table-layout: fixed;border-collapse: collapse;}
.table-model-list th, .table-model-list td {font-weight:400;text-align: left;box-sizing: border-box;}
.table-model-list thead th {padding:.8rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;}
.table-model-list tbody td {padding:.3rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.table-model-list td:nth-child(1),
.table-model-list th:nth-child(1) {min-width: 332px;}
.table-model-list td:nth-child(2),
.table-model-list th:nth-child(2),
.table-model-list td:nth-child(3),
.table-model-list th:nth-child(3),
.table-model-list td:nth-child(4),
.table-model-list th:nth-child(4),
.table-model-list td:nth-child(5),
.table-model-list th:nth-child(5) {min-width: 120px;}
.table-model-list tbody td:nth-child(1) {position: relative;}
.table-model-list thead {color: #0087a9;background-color: #f4fbff;}
.table-model-list thead tr {display: block;position: relative;}
.table-model-list tbody {display: block;overflow-y: scroll;overflow-x: hidden;width: 100%;height: 205px;}
.table-model-list tbody td .form-control {height: calc(1em + .75rem + 2px);padding: .3rem .75rem;font-size: .9rem;border: solid 1px #454545;}
.table-model-list tbody td .fa-times-circle {position:absolute;top:0;right:10px;line-height:2.5;color: #0087a9;cursor:pointer;}
*/
table.table-model-list  * {height: auto; min-height: none;} /* fixed ie9 & <*/
table.table-model-list  {table-layout: fixed;margin: auto;width: 100%;border-collapse: collapse;}
.table-model-list thead {text-align: center;z-index: 2;color: #0087a9;background-color: #f4fbff;}
.table-model-list thead tr {padding-right: 17px;z-index: 2;}
.table-model-list th {padding:.8rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;}
.table-model-list tbody {display: block;height: calc(20vh - 1px);min-height: calc(200px + 1 px);/*use calc for fixed ie9 & <*/overflow-Y: scroll;overflow-x:auto;}
.table-model-list tr {display: block;overflow: hidden;}
.table-model-list th,.table-model-list td {width: 20%;float:left;font-weight:400;text-align: left;}
.table-model-list td {padding:.6rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;line-height:2.05;}
.table-model-list th:nth-child(1),.table-model-list td:nth-child(1) {position: relative;width: 28%;} 
.table-model-list td:nth--child(2) {padding:.3rem;} 
.table-model-list th:last-child, .table-model-list td:last-child {width: 12%;}
.table-model-list tbody td .form-control {height: calc(1.25em + .63rem + 2px);padding: .3rem .75rem;font-size: .9rem;border: solid 1px #454545;}
.table-model-list tbody td .fa-times-circle {position:absolute;top:0;right:10px;line-height:2.5;color: #0087a9;cursor:pointer;}

.model-summary h2{font-size:1rem;color:#0087a9;margin-top:2.5rem;}
.summaryzone {width:100%;height:142px;padding:1.5rem 0;border:1px solid #0087a9;background-color: #f4fbff;margin-bottom:2rem;}
.summaryzone .sum-col-left,.summaryzone .sum-col-right {padding:0;margin:.4rem 0;}
.summaryzone .sum-col-left {font-weight:500;text-align:right;}
.summaryzone .sum-col-right span{font-weight:500;color:#a11111;padding-left:.3rem;}
.summary-Check {font-size:.8rem;}

.direct2 {padding:.5rem;padding-bottom:0;}
.direct-box img {margin-right:.5rem;}
.direct-box {color:#454545;background-color: #eeeeee;padding:.85rem 1rem;}

.tab-poe-content .model-list2 {width:100%;border:1px solid #0087a9;}
.tab-poe-content .modelbox-left2 {-ms-flex: 0 0 62.6%;flex: 0 0 62.6%;max-width: 62.6%;}
.tab-poe-content .modelbox-right2 {-ms-flex: 0 0 37.4%;flex: 0 0 37.4%;max-width: 37.4%;}

/*
.table-model-list2 {width:786px;table-layout: fixed;border-collapse: collapse;}
.table-model-list2 th, .table-model-list2 td {font-weight:400;text-align: left;box-sizing: border-box;}
.table-model-list2 thead th {padding:.8rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;}
.table-model-list2 tbody td {padding:.3rem 1rem;border-bottom: 1px solid #f0f0f0;}
.table-model-list2 td:nth-child(1),
.table-model-list2 th:nth-child(1) {min-width: 246px;}
.table-model-list2 td:nth-child(2),
.table-model-list2 th:nth-child(2),
.table-model-list2 td:nth-child(3),
.table-model-list2 th:nth-child(3){min-width: 120px;}
.table-model-list2 td:nth-child(4),
.table-model-list2 th:nth-child(4) {min-width: 300px;}
.table-model-list2 tbody td:nth-child(1) {position: relative;}
.table-model-list2 tbody td .form-control {display:inline-block;}
.table-model-list2 td:nth-child(3) .form-control {width:70px;margin-right:.5rem;}
.table-model-list2 td:nth-child(4) .form-control {width:150px;margin-right:.5rem;}
.table-model-list2 thead {color: #0087a9;background-color: #f4fbff;}
.table-model-list2 thead tr {display: block;position: relative;}
.table-model-list2 tbody {display: block;overflow-y: scroll;overflow-x: hidden;width:100%;height: 120px;}
.table-model-list2 tbody td .form-control {height: calc(1em + .75rem + 2px);padding: .3rem .75rem;font-size: .9rem;border: solid 1px #454545;}
.table-model-list2 tbody td .fa-times-circle {position:absolute;top:0;right:10px;line-height:2.5;color: #0087a9;cursor:pointer;}
*/
table.table-model-list2  * {height: auto; min-height: none;} /* fixed ie9 & <*/
table.table-model-list2  {table-layout: fixed;margin: auto;width: 100%;border-collapse: collapse;}
.table-model-list2 thead {text-align: center;z-index: 2;color: #0087a9;background-color: #f4fbff;}
.table-model-list2 thead tr {padding-right: 17px;z-index: 2;}
.table-model-list2 th {padding:.8rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;}
.table-model-list2 tbody {display: block;height: calc(20vh - 1px);min-height: calc(200px + 1 px);/*use calc for fixed ie9 & <*/overflow-Y: scroll;overflow-x:auto;}
.table-model-list2 tr {display: block;overflow: hidden;}
.table-model-list2 th,.table-model-list2 td {width: 20%;float:left;font-weight:400;text-align: left;}
.table-model-list2 td {padding:.5rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.table-model-list2 td:nth-child(1) {padding:.8rem 1rem;} 
.table-model-list2 th:last-child, .table-model-list2 td:last-child {width: 40%;}
.table-model-list2 tbody td .form-control {display:inline-block;width:85%;height: calc(1em + .65rem );padding: .3rem .75rem;font-size: .9rem;border: solid 1px #454545;margin-right:.4rem;}
.table-model-list2 tbody td .custom-select {height: calc(1.15em + .65rem );padding: 0 .3rem 0 .3rem;font-size: .8rem;}
.table-model-list2 tbody td .fa-times-circle {position:absolute;top:0;right:10px;line-height:2.5;color: #0087a9;cursor:pointer;}


.budgetbox {font-size:1rem;font-weight:400;text-align:right;padding:.7rem 0;padding-right:105px;}
.budgetbox .form-control {display:inline-block;font-size:1rem !important;width:160px;text-align:right;height: calc(1em + .75rem + 2px);padding: .3rem .75rem;border: solid 1px transparent;font-weight:400;}
.model-summary2 {padding-top:2.6rem;}
.model-summary2 .Total-Power {font-size:1rem !important;}
.model-summary2 .Total-Power .form-control {display:inline-block;font-size:1rem !important;width:100px;height: calc(1em + .75rem + 2px);padding: .3rem .75rem;margin:0 .5rem;}

/* ADD fixed-bottom SET */
.addzone {width:100%;max-width:100%;background-color:#ffffff;border-top:1px solid #d1d1d1;padding:1rem 1rem;height: 147px;bottom:0;overflow: hidden;transition: all .5s;}
.addzone .btn {display:block;width:120px;padding-left:0;padding-right:0;text-align:center;margin:0 auto;}
.addzone .fa-redo {margin-right:.5rem;}
.addzone .col-btn {position:relative;text-align:center;padding-top:1.3rem;}
.addzone .col-btn .btn-fffx {display:block;width: 120px;margin:0 auto;}
.addzone .col-btn .fa-chevron-down,.addzone .col-btn .fa-chevron-up {position:absolute;top:0;right:15px;z-index:1010;font-size:1.6rem;color:#454545;cursor: pointer;}
.addzone .addlist {display:block;text-align:center;margin:0 auto;}
.addzone .addlist,.addzone .addlist li {list-style:none;margin:0 auto;padding:0;}
.addzone .addlist li {position:relative;display:inline-block;padding-right:1.7rem;margin:0 .8rem;}
.addzone .addlist li img {display:block;height:95px;}
.addzone .addlist .fa-times-circle {position:absolute;top:0;right:0;font-size:.95rem;color:#0087a9;cursor: pointer;}
.addzone .addlist li p {font-size:.8rem;margin:0;color:#454545;line-height:1.3;}

.addzone.zclose {bottom: 0;height: 60px;opacity:1;padding:.45rem 1rem;}
.addzone.zclose .addlist li img,.addzone.zclose .col-btn .btn-fffx {display:none;}
.addzone.zclose .col-btn {padding-top:0;}
.addzone.zclose .col-btn .fa-chevron-down,.addzone.zclose .col-btn .fa-chevron-up {top:8px;right:15px;z-index:1010;}
.addzone .fa-chevron-down {display:block;}
.addzone.zclose .fa-chevron-down {display:none;}
.addzone .fa-chevron-up {display:none;}
.addzone.zclose .fa-chevron-up {display:block;}
.addzone.zclose .addlist {margin-top:.9rem;}

/* Desktop Compare & Compete */

.compar-h2 {font-size:1.9rem;color:#0087a9;font-weight:400;margin-bottom:1rem;}
.reselect-link {font-size:1.2rem;line-height:2;}
.Spec-Search {font-size:.8rem;-ms-flex: 0 0 240px;flex: 0 0 240px;max-width: 240px;}
.input-search-group .btn {padding:.375rem .5rem;line-height:1;}
.input-search-group .btn-outline-secondary {color: #0087a9;border-color: #454545;border-left:0;background-color:#f8f8f8;}
.input-search-group .btn-outline-secondary:hover {color: #ffffff;background-color: #0087a9;}
.input-search-group .form-control {border:1px solid #454545;background-color: #f8f8f8;height: calc(1em + .75rem + 2px);}
.input-search-group > .form-control:focus {border-right:0;}
.cp-right-link {font-size:.9rem;padding-top:1.7rem;}
.cp-right-link a {margin-right:1.5rem;}
.con-table {margin-top:1.5rem;position:relative;}
.con-table table {width:100%;border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0;background-color:#ffffff;}
.compete-table table thead tr:first-child td img {height:56px;}
.compete-table table thead tr:first-child td {height:84px;}
.con-table table thead td img {height:98px;}
.con-table table thead td img[src*="add-item"] {height:34px;margin:1rem;}
.con-table table thead td p {font-size:.9rem;font-weight:400;color:#0087a9;margin:0;margin-top:.5rem;text-align:center;}
.con-table table thead td .addlink {cursor:pointer;}
.con-table table thead th {width:182px;}
.con-table table thead td {width:189px;height:163px;position:relative;}
.con-table table thead td .cp-r {position:absolute;top:.5rem;right:.5rem;font-size:1rem;}
.con-table table thead td .cp-r .far {margin-bottom:.4rem;}
.con-table table thead td .cp-r .fa-trash-alt {color:#939393;cursor: pointer;}
.con-table table thead td .cp-r .fa-trash-alt, .con-table table thead td .cp-r .fa-link{color: #939393;cursor: pointer;}
.con-table table thead td .cp-r .fa-file-pdf {color:#c84646;cursor: pointer;}
.con-table table thead td .cp-r .fa-ab {font-size:1.1rem;color:#0087a9;cursor: pointer;}
.con-table table thead td .cp-l {position:absolute;top:.5rem;left:.5rem;text-align:left;}
.con-table table thead td .cp-l img {width:24px;height:24px;margin-bottom:.4rem;}
.con-table table thead td .eol {width:38px;font-size:.8rem;color:#ffffff;font-weight:400;line-height:.9;padding:.28rem .5rem;background-color:#939393;}
.con-table table th,.con-table table td {font-size:.9rem;font-weight:300;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.con-table table td {text-align:center;}
.con-table table th {color:#0087a9;font-weight:400;}
.con-table table tr.t-filter {background-color: rgba(227, 227, 227, 0.5);}
.con-table table tr.t-filter span.resetall {margin-left:1rem;}
.con-table table tr.t-filter span.resetall i {font-size:.8rem;margin-right:.3rem;}
.con-table table tr.t-filter td {color:#0087a9;font-weight:500;text-align:left;}
.con-table table tr.t-0{background-color:#f8f8f8;}
.con-table table tr.t-0 td{padding:.5rem;}
.con-table table tr.t-0:hover {background-color:#f8f8f8;}
.con-table table .t-head{background-color: #f4fbff;}
.con-table table thead th,.con-table table tbody th,.con-table table tbody td {font-size:.8rem;padding:1rem;line-height:1.2;}
.con-table table tbody th {position:relative;}
.con-table table tbody th .cp-i {position:absolute;top:50%;right:.5rem;transform: translateY(-50%);width:15px;vertical-align:middle;}
.con-table table tbody th .cp-i i {display:none;font-size:.7rem;margin:.2rem 0;vertical-align:middle;}
.con-table table tbody th:hover .cp-i i, .con-table table tbody th .cp-i .active {display:block;cursor:pointer;}
.con-table table tbody tr:hover th .cp-i i, .con-table table tbody th .cp-i .active {display:block;cursor:pointer;}
.con-table table tbody tr:hover {background-color: #f4fbff;}
.con-table table tbody#tr_filter tr:hover {background-color: #ffeee7;}
.con-table table .t-head .td-switch {padding-left:1rem;}
.con-table table .t-head .td-switch i {font-size:1rem;}

.com-product-head {position:absolute;top:0;left:0;display:none;width:100%;margin-left:0;z-index:1030;}
.com-product-head {margin-top:74px;}
.com-product-head table {max-width:1310px;margin-left:auto;margin-right:auto;-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);}
.compete-table .com-product-head table thead tr:first-child td {height:50px;}
.com-product-head table thead td {height:50px;}
.com-product-head table thead td img {display:none;}
.com-product-head table thead td .cp-r, .com-product-head table thead td .cp-l {display:none;}
.com-product-head table thead td p {margin:0;}
.com-product-head table thead th,.com-product-head table thead td {border:0;}
.com-product-head .fa-times-circle {position:absolute;top:50%;right:.5rem;transform: translateY(-50%);color:#939393;cursor:pointer;}

/* Desktop Compete Select */
.cpt-select {width:230px;}
.cpt-select, .cpt-select .custom-select {font-size:.8rem;}
.cpt-ht {font-size:1.3rem;font-weight:400;color:#0087a9;margin-top:2rem;margin-bottom:2rem;}
.cpt-select-grid div.col-auto {-ms-flex:1032px;flex:1032px;max-width:1032px !important;}
.cpt-select-grid .cpt-sg-item {height:362px;padding:0;border:4px solid #f8f8f8;}
.cpt-select-grid .cpt-sg-item .cpt-item {transition:.3s;-webkit-transition:.3s;position:absolute;z-index:1010;width:100%;text-align:center;padding:0;padding-top:2.5rem;padding-bottom:1rem;background-color:#ffffff;border-bottom:2px solid #ffffff;}
.cpt-select-grid .cpt-sg-item .cpt-item:hover {transform:scale(1.1,1.1);z-index:1011;border-bottom:2px solid #0087a9;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);}
.cpt-select-grid .cpt-sg-item .cpt-img-logo {display:block;margin-bottom:.5rem;margin-left:auto;margin-right:auto;}
.cpt-select-grid .cpt-sg-item .cpt-img {transition:.3s;-webkit-transition:.3s;width:163px;display:block;margin-bottom:.5rem;margin-left:auto;margin-right:auto;}
.cpt-select-grid .cpt-sg-item .cpt-item:hover .cpt-img {width:193px;}
.cpt-select-grid .cpt-sg-item .cpt-img-m {display:none;}
.cpt-select-grid .cpt-sg-item p {font-size:1rem;color:#0087a9;}
.cpt-select-grid .cpt-sg-item p span {display:block;font-size:.7rem;color:#454545;padding-top:.7rem;}
.cpt-select-grid .cpt-sg-item .cpt-item .fa-check-square {position: absolute;top: 10px;right: 11px;z-index: 1012;display: none;font-size: 1.45rem;color: #d8d8d8;cursor: pointer;}
.cpt-select-grid .cpt-sg-item .cpt-item:hover .fa-check-square {display:block;}
.cpt-select-grid .cpt-sg-item .cpt-item .fa-check-square.selected {display:block;color:#0087a9;}
.cpt-select-grid .cpt-sg-item .cpt-item .deol {position:absolute;top:10px;left:10px;z-index:1011;width:38px;font-size:.8rem;color:#ffffff;line-height:.9;padding:.28rem .5rem;background-color:#939393;}

/* Modal SET */
.modal-full .modal-content {height: auto;min-height: 100%;border-radius: 0;}
.modal-full .modal-content{border:0;}
.modal-full .modal-header{ padding:1.5rem 1.5rem;border:0;}
.modal-full .modal-header button.Close {font-size:1.5rem;color:#0087a9;opacity:1;}
.modal-full .col-brand img {width:120px;}
.modal-full .modal-header .col-bell button, .modal-full .modal-header .col-Close button {font-size:1.5rem;color:#0087a9;padding: 1rem 1rem;margin:-1rem;background-color: transparent;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.modal-full .modal-header .col-bell {position: relative;}
.modal-full .modal-header .red{position: absolute;top:0;left:30px;width:10px;height:10px;z-index: 1051;background-color:#ff0000;border-radius:10px;}
.modal-full .modal-body {padding:0 1.5rem;}
.modal-full .modal-body .mobile-nav .card {font-size:1.1rem;color:#0087a9;border-radius:0;background-color: #ffffff;border:0;border-bottom:1px solid #d1d1d1;cursor: pointer;}
.modal-full .modal-body .mobile-nav .card:first-child {border-top:1px solid #d1d1d1;}
.modal-full .modal-body .mobile-nav .card-header {background-color: #ffffff;padding:1rem 0;border:0;border-bottom:1px solid #d1d1d1;}
.modal-full .modal-body .mobile-nav .card-body {font-size:.9rem;background-color: #f4fbff;border-top:1px solid #d1d1d1;padding:.5rem 1.25rem;}
.modal-full .modal-body .mobile-nav .card-body a {display:block;margin:1rem 0;}
.modal-full.form-modal .modal-header{ padding:1rem 1rem;border:0;}
.modal-full.form-modal .modal-header .col-Close button i {font-size:1.9rem;}

/* Modal SET */
.psp-modal .btn-modal-close {position:absolute;top:10px;right:10px;font-size:2rem;color:#0087A9;line-height:0;padding:0;}
.psp-modal .modal-content {padding:2rem 2.5rem;border:1px solid #0087A9;border-radius: 0;}
.psp-modal {z-index:1055 !important;}
.psp-modal h1 {font-size:1.2rem;color:#0087A9;text-align:center;margin-top:.5rem;margin-bottom:2rem;}
.psp-modal h1 {text-align:left;}
.psp-modal h1.hnm-h1 span {display:block;font-size: .8rem;font-weight: 300px !important;color: #8c8c8c;margin-top: .5rem;}
.psp-modal .hnm-text {margin-bottom:2rem;}
.psp-modal .ws-560 {max-width: 560px;}
.psp-modal .ws-600 {max-width: 600px;}
.psp-modal .ws-650 {max-width: 650px;}
.psp-modal .ws-700 {max-width: 700px;}
.psp-modal .faq-card {margin-top:-1rem;}
.psp-modal .faq-card .card {border:0;border-radius:0;border-bottom: solid 1px rgba(69, 69, 69, 0.2);}
.psp-modal .accordion.faq-card > .card:not(:first-of-type):not(:last-of-type) {border-radius: 0;border-bottom: solid 1px rgba(69, 69, 69, 0.2);}
.psp-modal .faq-card .card-header {line-height:1.3;padding:1rem 1.5rem 1rem 1rem;margin-bottom: 0;background-color: rgba(256,256,256,0);border-bottom: 0 solid rgba(0,0,0,0);cursor: pointer;}
.psp-modal .faq-card .card-caret {position: absolute;right: .2rem;top: 1rem;z-index: 1020;}
.psp-modal .faq-card .card-header[aria-expanded=true] .fa-caret-down {display: none;}
.psp-modal .faq-card .card-header[aria-expanded=false] .fa-caret-up {display: none;}
.psp-modal .faq-card .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding:1rem 1rem 1rem 1rem;font-size:.9rem;color:#0087A9;line-height:1.3;background-color: #f4fbff;}
.psp-modal .qfmodal h1 {font-size: 1.2rem;color: #0087A9;text-align: center;margin-top:-.5rem;margin-bottom: 2rem;}
.psp-modal .qfmodal .qf-search {margin-bottom:.5rem;}
.psp-modal .qfmodal .qf-search .btn {padding:.375rem .5rem;}
.psp-modal .qfmodal .qf-search .btn-outline-secondary {color: #0087a9;border-color: #454545;border-left:0;background-color:#ffffff;}
.psp-modal .qfmodal .qf-search .btn-outline-secondary:hover {color: #ffffff;background-color: #0087a9;}
.psp-modal .qfmodal .qf-search .form-control {border:1px solid #454545;background-color: #ffffff;}
.psp-modal .qfmodal .qf-search > .form-control:focus {border-right:0;}
.psp-modal .qfmodal .qf-search .fa-info-circle {position: absolute;right:-.5rem;top:.6rem;z-index: 1021;font-size:1.2rem;color: #cdcccb;}

.psp-modal .qfmodal h3 {font-size:.9rem;color: #454545;margin-bottom:.8rem;}
.psp-modal .qfmodal h3 span {color:#0087a9;}
.psp-modal .qfmodal h3 .co {float:right;font-weight:300;}
.psp-modal .qfmodal .searchlist {width:100%;height: 220px;border: 1px solid #454545;overflow: auto;margin-top: 5px;}
.psp-modal .qfmodal .searchlist td {position: relative;font-size:.8rem;padding:.8rem .4rem;padding-right:1rem;cursor: pointer;}
.psp-modal .qfmodal .searchlist tr:nth-child(odd) {background-color: #f4fbff;}
.psp-modal .qfmodal .searchlist td .fa-delete {position: absolute;right:.5rem;top:.65rem;z-index: 1021;font-size:.9rem;color:#939393;}
.psp-modal .qfmodal .searchlist td:hover .fa-delete {color:#ffffff;}
.psp-modal .qfmodal .searchlist td:hover {background-color:#0087a9;color:#ffffff;}
.psp-modal .qfmodal .select-arrow {position: absolute;left:50%;top:17rem;z-index: 1021;font-size:1.2rem;color:#454545;margin-left:-.3rem;}

.psp-modal .ReportSpec {font-size:.9rem;}
.psp-modal .ReportSpec table {width:100%;}
.psp-modal .ReportSpec table th {padding-right:.5rem;}
.psp-modal .ReportSpec table td {padding:.2rem .5rem;}
.psp-modal .ReportSpec table tr:nth-child(odd) th,.psp-modal .ReportSpec table tr:nth-child(odd) td {padding-top:1.5rem;}
.psp-modal .ReportSpec table tr:nth-child(even) th,.psp-modal .ReportSpec table tr:nth-child(even) td {padding-bottom:1.5rem;border-bottom:1px solid #d1d1d1;}

.psp-modal .AddModel,.psp-modal .AddModel .custom-select {font-size:.9rem;}
.psp-modal .AddModel .form-control{height: calc(1.35em + .75rem + 2px);background-color: #fff;}
.psp-modal .AddModel .btn-outline-secondary {background-color: #fff;}
.psp-modal .AddModel .btn-outline-secondary:hover {background-color: #0087a9;}
.psp-modal .AddModel .addleft,.psp-modal .AddModel .addright {padding-top:1.5rem;padding-bottom:1.5rem;}
.psp-modal .AddModel .addleft {padding-right:2rem;padding-top:3rem;border-right:1px solid #d1d1d1;}
.psp-modal .AddModel .addright {padding-left:2rem;}

.psp-modal .ExportAs .btn-Export {display:block;width:100%;font-size:.9rem;color:#545454;text-align:left;border:0;border-bottom:1px solid #d1d1d1;padding:1rem 0;background-color:#ffffff;}
.psp-modal .ExportAs .btn-Export:hover {color:#545454;background-color:#f4fbff;text-decoration: none;}
.psp-modal .ExportAs .btn-Export i {position: relative;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;font-size:2rem;margin-right:.3rem;padding:0 1rem;vertical-align:middle;}
.psp-modal .ExportAs .btn-Export .fa-file-pdf {color:#c84646;}
.psp-modal .ExportAs .btn-Export .fa-file-excel {color:#207245;}
.psp-modal .ExportAs .btn-Export .fa-check-circle{padding-left:.9rem;margin-right:0rem;}
.psp-modal .ExportAs .btn-Export .exp-txt {position: relative;-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;display:inline-block;padding:0;line-height:1.3;vertical-align:middle;}

.psp-modal .includeReport .ir-table {height:323px;overflow-y: scroll;border:1px solid #d1d1d1;margin-bottom:1rem;}
.psp-modal .includeReport table {width:100%;}
.psp-modal .includeReport table thead th,
.psp-modal .includeReport table thead td {font-size:.9rem;font-weight:500;color:#0087a9;padding:.3rem;background-color: #f4fbff;border-bottom:1px solid #f0f0f0;}
.psp-modal .includeReport table tbody th,.psp-modal .includeReport table tbody td{font-size:.9rem;font-weight:500;color:#0087a9;padding:.3rem;background-color: #ffffff;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
.psp-modal .includeReport table tbody td {border-right:0;}
.psp-modal .includeReport table thead th,.psp-modal .includeReport table tbody th {padding-left:.6rem;padding-right:.6rem;}
.psp-modal .includeReport table thead td,.psp-modal .includeReport table tbody td {width:100%;}
.psp-modal .includeReport table tbody td {font-weight:300;}

.psp-modal .includeReport .custom-control {position: relative;display: block;min-height: 1.5rem;padding-left: 1.9rem;}
.psp-modal .includeReport .custom-control-label::before {position: absolute;top: 4px;left: -1.49rem;display: block;width: 1rem;height: 1rem;}
.psp-modal .includeReport .custom-control-label::after {position: absolute;top: 2px;left: -1.55rem;display: block;width: 1.1rem;height: 1.3rem;content: "";background: no-repeat 50%/50% 50%;background-size: .7rem;}

.psp-modal .wrongmatchup h1 {font-size: 1.2rem;color: #0087A9;text-align: center;margin-bottom: 2rem;}
.psp-modal .wrongmatchup h3 {font-size:.9rem;color: #454545;font-weight:400;margin-bottom:.8rem;}
.psp-modal .wrongmatchup h3 span {color:#0087a9;}
.psp-modal .wrongmatchup h3 .co {float:right;font-weight:300;}
.psp-modal .wrongmatchup .searchlist {width:100%;height: 145px;border: 1px solid #454545;overflow: auto;margin-top: 5px;}
.psp-modal .wrongmatchup .searchlist td {position: relative;font-size:.8rem;padding:.8rem .4rem;padding-right:1rem;cursor: pointer;}
.psp-modal .wrongmatchup .searchlist tr:nth-child(odd) {background-color: #f4fbff;}
.psp-modal .wrongmatchup .searchlist td .fa-delete {position: absolute;right:.5rem;top:.65rem;z-index: 1021;font-size:.9rem;color:#939393;}
.psp-modal .wrongmatchup .searchlist td:hover .fa-delete {color:#ffffff;}
.psp-modal .wrongmatchup .searchlist td:hover {background-color:#0087a9;color:#ffffff;}
.psp-modal .wrongmatchup .select-arrow {position: absolute;left:50%;top:12rem;z-index: 1021;font-size:1.2rem;color:#454545;margin-left:-.3rem;}
.psp-modal .wrongmatchup .wm-form {margin-top:2.5rem;padding-top:2rem;border-top:1px solid #d1d1d1;font-size:.9rem;}
.psp-modal .wrongmatchup .wm-form .wm-50 {width:40%;}

.psp-modal .cmModal p {font-size:.9rem;text-align:center;}
.psp-modal .cmModal .cm-form {font-size:.9rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #d1d1d1;}
.psp-modal .cmModal .cm-form .custom-select,.psp-modal .cmModal .cm-form .form-control {font-size:.9rem;}
.psp-modal .cmModal .cm-form .fbold {font-weight:500;}

.psp-modal .selor {position: absolute;right:-.85rem;top:40%;padding:.5rem;background-color:#ffffff;}

/* Medium devices (All Mobile)
----------------------------------------------------------------------------------------------------------------------*/ 

@media (max-width:1199.98px) {
.mt-75 {margin-top:0;}
.container {max-width:100%;}
.navbar > .container {justify-content:flex-start;}
.navbar-head .navbar-border {padding-top: 18px;padding-bottom: 18px;}
.brand {padding: 0;margin:0;margin-right:10px;}
.brand img {width:100px;vertical-align:middle;}
.navbar-toggler {padding: 0 0;font-size: 1.7rem;line-height: 1;background-color: transparent;border: 0 solid transparent;border-radius: 0;}
.navbar-light .navbar-toggler {color:#0087a9;}
.col-nav {display:inline-block;}
.webname {font-size:1rem;font-weight:400;color: #0087a9;padding-top:.3rem;}

/* Mobile Modal SET */
.modal-full {padding: 0 !important;}
.modal-full .modal-dialog {width: 100%;height: 100%;margin:0 !important;padding: 0 !important;}
.modal-full .modal-content {height:auto;min-height:100%;}
.modal-full .modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  min-height: calc(100% - 1rem);
}
.psp-modal .ws-560 {max-width: 100%;}
.psp-modal .ws-600 {max-width: 100%;}
.psp-modal .ws-650 {max-width: 100%;}
.psp-modal .ws-700 {max-width: 100%;}
.psp-modal .modal-content {padding:2rem 2rem;border:1px solid #0087A9;}
.ftmodal {padding:2rem 1rem !important;}
#NotificationModal {z-index:1052;}
#NotificationModal .modal-header {padding:1.5rem 1.5rem .5rem 1.5rem;}
#NotificationModal .bell-icon {width:2.5rem;height:2.5rem;font-size:1.5rem;border-radius:2rem;color:#ffffff;line-height:2.5rem;background-color:#0087a9;text-align:center;vertical-align:middle;margin-top:-.4rem;}
#NotificationModal a.Noti-item {display:block;font-size: .9rem;font-weight: 500;color: #454545;padding: .7rem 1.1rem;border-bottom: 1px solid #d1d1d1;white-space: normal;}
#NotificationModal a.Noti-item:first-child {border-top: 1px solid #d1d1d1;}
#NotificationModal a:hover,#NotificationModal a:focus,#NotificationModal a:active,#NotificationModal .Noti-item.active {color: #0087A9;text-decoration: none;background-color:#f4fbff;}
#NotificationModal .Noti-item span {display:block;font-size:.8rem;font-weight:300px !important;color:#8c8c8c;margin-top:.3rem;}
.psp-modal .qfmodal h1 {font-size: 1.2rem;color: #0087A9;text-align: center;margin-top:1.5rem;margin-bottom: 2rem;}
.psp-modal .qfmodal .qf-search .fa-info-circle {position: absolute;right:0rem;top:.6rem;z-index: 1021;font-size:1.2rem;color: #cdcccb;}
.psp-modal .qfmodal .select-m-arrow {font-size:1.3rem;color:#454545;margin:1rem 0;margin-bottom:.5rem;}
.psp-modal .qfmodal .searchlist {height: 170px;}

.psp-modal .AddModel .addleft {padding-top:0rem;padding-bottom:1.5rem;}
.psp-modal .AddModel .addright {padding-top:2rem;padding-bottom:0rem;}
.psp-modal .AddModel .addleft {padding-right:15px;padding-top:auto;border-right:0 solid transparent;border-bottom:1px solid #d1d1d1;}
.psp-modal .AddModel .addright {padding-left:15px;}

.psp-modal .includeReport .ir-table {height:423px;overflow-y: scroll;border:1px solid #d1d1d1;}
.psp-modal .includeReport .ir-w100 {width:100%;}
.psp-modal .selor {position: absolute;right:50%;top:auto;bottom:-.9rem;padding:.5rem;background-color:#ffffff;margin-right:-15px;}

footer {margin-bottom:6rem;}
.foot-left-ul li {float:none;width:100%;margin-bottom:1rem;}
.foot-right-ul li {float:none;width:100% !important;font-size:.9rem;margin-bottom:1rem;}
.footer-hr1 {display:none;}
.footer-hr2 {position: absolute;bottom:120pt;left:0;display:block;width:100%;height:1px;border:0;border-top:1px solid #d1d1d1;padding:0;margin:1rem 0;clear: both;}
.foot-h1 {border-bottom:1px solid #d1d1d1;margin-top:1.5rem;margin-bottom:20px;padding-bottom:.5rem;}
.footer-content .col----md-auto {margin:1.5rem 0;margin-top:3rem;}
.footer-content .col-l-foot {margin:1.5rem 0;margin-top:3.5rem;}
.footer-content .col-r-foot {margin:1.5rem 0;margin-top:0rem;}
.footer-content .col-md {line-height:1.5;}
.mobile-fixed-nav {font-size:.8rem;color:#0087a9;background-color:#ffffff;text-align:center;padding:.7rem 0;border-top: solid 1px #d1d1d1;}
.mobile-fixed-nav i {font-size:1.35rem;margin:.4rem 0;}
.mobile-fixed-nav .fa-ab{ font-size:1.7rem; margin:.23rem 0;}
.mobile-fixed-nav .col {padding:0;cursor: pointer;}
.mobile-fixed-nav .fixed-nav-none {color:#d1d1d1;cursor:no-drop;}
.mobile-fixed-nav a {text-decoration: none;}
.mobile-fixed-nav .dropupmenu {display: none;position: absolute;left:15px;right:15px;bottom:90px;background-color: #ffffff;min-width: 160px;over-flow: auto;z-index: 1;border:1px solid #0087A9;padding:0 .3rem;}
.mobile-fixed-nav .show {display: block;}
.mobile-fixed-nav .dropupmenu .dropup-item {display:block;font-size:1rem;color: #454545;text-align:center;padding:1rem 0;border-bottom: solid 1px #d1d1d1;}
.mobile-fixed-nav .dropupmenu .dropup-item:hover,.mobile-fixed-nav .dropupmenu .dropup-item:focus {color:#0087a9;background-color:#f4fbff;}
.mobile-fixed-nav .dropupmenu .dropup-item:last-child {border:0;}
.arrow_box {position:absolute;bottom:0;left:14%;}
.arrow_box:after, .arrow_box:before {top: 0;left: 0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(255, 255, 255, 0);border-top-color: #ffffff;border-width: 12px;margin-left: -12px;}
.arrow_box:before {border-color: rgba(0, 135, 169, 0);border-top-color: #0087A9;border-width: 13px;margin-left: -13px;}
.mobile-fixed-nav .red-c {position: absolute;top:-.4rem;right:2.2rem;width:20px;height:20px;background-color:#ff0000;border-radius:20px;font-size:.8rem;color:#ffffff;line-height:1.6;text-align:center;}
.mobile-fixed-nav .comparemenu {display: none;position: absolute;left:0;right:0;bottom:71px !important;background-color: #ffffff;min-width: 160px;over-flow: auto;z-index: 1;border:0;border-top:1px solid #d1d1d1;padding:1rem 1.5rem .5rem 1.5rem;}
.mobile-fixed-nav .comparemenu ul,.mobile-fixed-nav .comparemenu li {margin:0;padding:0;list-style:none;}
.mobile-fixed-nav .comparemenu li {display:inline-block;float:left;width:50%;text-align:left;}
.mobile-fixed-nav .comparemenu li .fas{vertical-align:middle;margin-right:.5rem;cursor: pointer;}
.mobile-fixed-nav .comparemenu .btn-fff .fas {font-size:.9rem;margin-right:.5rem;}
.mobile-fixed-nav .comparemenu .closedown {position: absolute;right:1.5rem;top:.5rem;}
.mobile-fixed-nav .show {display: block;}

/* Mobile HOME */
.homegrid .row {width:100%;margin:auto auto;}
.homegrid h1 {margin-top:2rem;margin-bottom:2rem;}

.homegrid .homelink {transition:0s !important;;-webkit-transition:0s !important;;position:static;display:block;width:100%;height:100%;color: #454545;text-align:center;border-bottom:2px solid #0087a9;z-index:1009;background-size:50%;background-repeat:no-repeat;background-color:#ffffff;background-position:50% 30%;}
.homegrid .homelink:hover {transform:none;z-index:1011;text-decoration: none;border-bottom:2px solid #0087a9;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);background-size:50%;}
.homegrid .homelink p {font-size:.8rem;font-weight:500;padding-top:6.8rem;}
.homegrid .homelink:hover p {font-size:.8rem;padding-top:6.8rem;}

/* Mobile Banner */
.bannerdiv {position: relative;width:100%;height:178px;margin-top:0;padding:0;padding-top:2.5rem;background-size:auto 100% ;}
.bannerdiv .dropdown .btn {font-size:1.5rem;font-weight:600;color:#ffffff;border:0;}

/* Mobile Product List */
.psconten {margin-top:0;margin-bottom:60px;}
.dropdown-box .dropdown-menu {min-width: 100%;}
.filterszone{posi-tion: relative;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right:0 !important;}
.filterszone h2 {display:none;font-size:1.2rem;margin:0;margin-top:29px;}
.mobile-Filters {font-weight:500;padding:.8rem 1rem;background-color:#ffffff;}
.mobile-Filters:hover {text-decoration: none;}
.mobile-Filters .fa-plus, .mobile-Filters .fa-minus {float:right;}
.mobile-Filters[aria-expanded=true] .fa-plus {display: none;}
.mobile-Filters[aria-expanded=false] .fa-minus {display: none;}

#filtersselect.filters-accordion .fa-info-circle {position:absolute;right:1.5rem;top:1rem;z-index:1021;font-size:1.3rem;color:#cdcccb;}

/* Mobile .tooltipster-box */
.tooltipster-base {left:15px !important;right:15px !important;width:auto !important;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {height: 20px;margin-left: 0;top: -11px;width: 30px;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {bottom: -10px;height: 20px;margin-left: 0;width: 30px;}

#mobileFilters .card {border:0;border-radius:0;background-color: #fff;}
#mobileFilters .card-body {padding:1rem;padding-top:0;padding-bottom:1.5rem;}


.marchedzone{posi--tion: relative;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.zone-head h2 {display:none;}
.zone-head {height:42.5px;margin-top:.5rem;}
.displayzone {margin-top:.2rem;}
.displayzone .griditem div[class^='col-'] {position: relative;height:220px;padding:0;border:4px solid #f8f8f8;}
.displayzone .griditem .display-item {transition:0s;-webkit-transition:0s;position:absolute;z-index:1010;width:100%;height:212px;background-color:#ffffff;text-align:center;padding:10px 10px 0 10px;border-bottom:2px solid transparent;border:1px solid #d1d1d1;}
.displayzone .griditem .display-item img {width:100px;}
.displayzone .griditem .display-item .item-foot {font-size:1rem;color:#0087a9;margin-top:.3rem;}
.displayzone .griditem .display-item .item-foot p {font-size:.8rem;color:#454545;margin:0;margin-top:.2rem;}
.displayzone .griditem .display-item .btn-sec {position:absolute;top:182px;right:45px;z-index:1012;display:block;font-size:.8rem;padding:.11rem .7rem;line-height: 1.32;}
.displayzone .griditem .display-item .ablink {position:absolute;top:182px;right:6px;z-index:1012;display:block;font-size:1.4rem;color:#0087a9;}
.displayzone .griditem .display-item .meol {position:absolute;top:auto;bottom:6px;left:10px;z-index:1012;display:block;width:38px;font-size:.8rem;color:#ffffff;line-height:.9;padding:.28rem .5rem;background-color:#939393;}
.displayzone .griditem .display-item .fa-check-square {position:absolute;top:10px;right:11px;z-index:1012;display:block;font-size:1.45rem;color:#d8d8d8;cursor:pointer;}
.displayzone .griditem .display-item:hover {transform:scale(1,1);z-index:1011;border-bottom:2px solid transparent;border:1px solid #d1d1d1;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);}
.displayzone .griditem .display-item:hover img {width:100px;}
.displayzone .griditem .display-item:hover .item-foot img {margin-top:.3rem;}
.displayzone .griditem .display-item:hover .item-foot {margin-top:.3rem;}
.displayzone .listitem {margin-top:.3rem;}
.displayzone .listitem div[class^='col-'] {height:143px;padding:0;border:3px solid #f8f8f8;}
.displayzone .listitem .display-item {position:absolute;z-index:1010;width:100%;height:137px;background-color:#ffffff;padding:10px 10px 10px 10px;border:1px solid #d1d1d1;}
.displayzone .listitem .display-item img {height:90px;}
.displayzone .listitem .display-item .btn-sec {position:absolute;bottom:6px;right:45px;z-index:1012;font-size:.8rem;padding:.11rem .7rem;line-height: 1.32;}
.displayzone .listitem .display-item .ablink {position:absolute;top:106px;right:8px;z-index:1012;display:block;width:30px;font-size:1.4rem;color:#0087a9;}
.displayzone .listitem .display-item .meol {position:absolute;top:auto;bottom:7px;left:10px;z-index:1013;display:block;width:38px;font-size:.8rem;color:#ffffff;line-height:.9;padding:.28rem .5rem;background-color:#939393;}
.displayzone .listitem .display-item .fa-check-square {position:absolute;top:10px;right:11px;z-index:1012;display:block;font-size:1.45rem;color:#d8d8d8;cursor:pointer;}
.displayzone .listitem .display-item .item-foot {font-size:.9rem;color:#0087a9;padding-top:1.8rem;padding-left:.7rem;}
.displayzone .listitem .display-item .item-foot p {font-size:.7rem;color:#454545;margin:0;margin-top:.3rem;max-width: 200px;line-height: 1.2;}
.displayzone .listitem .display-item:hover {transform:scale(1,1);z-index:1011;border:1px solid #d1d1d1;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);}

.displayzone .display-item .mbg {position:absolute;bottom:0;left:0;z-index:1011;display:block;width:100%;height:35px;background-color:#f8f8f8;}
.displayzone .griditem .display-item .selected,.displayzone .listitem .display-item .selected {display:block;color:#0087a9;}

.nav-Switchtabs {margin:2.5rem auto;margin-bottom:1rem;}

/*-- Mobile Switch Select --*/
.display-switch .griditem div[class^='col-'] {height:auto;padding:0;border:3px solid #f8f8f8;}
.display-switch {margin-top:1rem;}
.display-switch .griditem .display-item,
.display-switch-poe .griditem .display-item {transition:0s;-webkit-transition:0s;position:absolute;z-index:1010;width:100%;height:auto;background-color:#ffffff;text-align:left;padding:10px 10px 0 10px;border-bottom:1px solid transparent;border:1px solid #d1d1d1;}
.display-switch .griditem .display-item .selected,
.display-switch-poe .griditem .display-item .selected {color: #0087a9 !important;}
.ds-div-h-203 {height:203px !important;}
.ds-h-197 {height:197px !important;}
.display-switch .griditem .display-item img,
.display-switch-poe .griditem .display-item img {height:90px;vertical-align:middle;}
.display-switch .griditem .display-item .item-foot,
.display-switch-poe .griditem .display-item .item-foot {font-size:.9rem;color:#0087a9;text-align:left;margin-top:auto;vertical-align:middle;padding-left: .7rem;}
.display-switch .griditem .display-item .item-foot p,
.display-switch-poe .griditem .display-item .item-foot p {font-size:.8rem;color:#454545;margin:0;margin-top:.2rem;width:180px;min-width:150px;word-wrap:break-word;}
.display-switch .griditem .display-item .item-foot,.display-switch .griditem .display-item img,
.display-switch-poe .griditem .display-item .item-foot,.display-switch-poe .griditem .display-item img {display:inline-block;}
.display-switch .griditem .display-item .item-foot,.display-switch-poe .griditem .display-item .item-foot {width:180px;}
.switch-spec {width:100%;position:absolute;bottom:35px;left:0;z-index:1011;padding:0 !important;}
.switch-spec table {width:100%;}
.switch-spec tr {background-color: rgba(244, 251, 255, 0.86);}
.switch-spec td {width:33.333333%;font-size:.7rem;color:#0087a9;text-align:center;border:0 !important;padding:.3rem !important;}
.switch-spec tr:nth-child(even) td {color:#454545;}
.switch-spec table tr:nth-child(odd) td {padding-top:.55rem !important;}
.switch-spec table tr:nth-child(even) td {padding-bottom:.55rem !important;}
.switch-spec table tr:nth-child(3) {background-color:#ffffff;}
.switch-spec table tr:nth-child(4) {background-color:#ffffff;}
.display-switch .griditem .display-item .btn-sec,
.display-switch-poe .griditem .display-item .btn-sec {position:absolute;top:auto;bottom:6px ;right:45px;z-index:1012;display:block;font-size:.8rem;padding:.11rem .7rem;line-height: 1.32;}
.display-switch .griditem .display-item .ablink,
.display-switch-poe .griditem .display-item .ablink {position:absolute;top:auto;bottom:5px ;right:6px;z-index:1012;display:block;font-size:1.4rem;color:#0087a9;}
.display-switch .griditem .display-item .meol {position:absolute;bottom:6px;left:10px;z-index:1012;display:block;width:38px;font-size:.8rem;color:#ffffff;line-height:.25;padding:.6rem .6rem;background-color:#939393;}
.display-switch .griditem .display-item .fa-check-square,
.display-switch-poe .griditem .display-item .fa-check-square {position:absolute;top:10px;right:11px;z-index:1012;display:block;font-size:1.45rem;color:#d8d8d8;cursor:pointer;}
.display-switch .griditem .display-item:hover,
.display-switch-poe .griditem .display-item:hover {transform:scale(1,1);z-index:1011;border-bottom:1px solid transparent;border:1px solid #d1d1d1;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);}

/*-- Mobile Switch POE Select --*/
.dspoe-div-h-253 {height:253px !important;}
.dspoe-h-247 {height:247px !important;}

#m-PoE-Connected .card,#m-PoE-Port .card {border: 0 solid rgba(0,0,0,0);border-radius:0;}
#m-PoE-Connected .card-body,#m-PoE-Port .card-body {font-size:.9rem;-ms-flex: 1 1 auto;flex: 1 1 auto;padding:0 1rem;padding-bottom:1rem;}
#m-PoE-Connected .direct {font-size:.9rem;color:#454545;font-weight:500;background-color: #d1d1d1;padding:.85rem 1rem;margin:1rem 0;}

#m-PoE-Connected .custom-select {height: calc(1.25em + .75rem + 2px);padding: 0 .3rem 0 .3rem;font-size:.8rem;}
#m-PoE-Connected .t-s {font-size:.8rem;}
#m-PoE-Connected .modelselect .form-group {display:block;width:100%;margin-right:0;}
#m-PoE-Connected .modelbox {padding:0;}
#m-PoE-Connected .model-list {width:100%;min-height:196px;border:1px solid #0087a9;}
#m-PoE-Connected .modelbox-left {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#m-PoE-Connected .modelbox-right {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#m-PoE-Connected .model-summary h2{display:block;font-size:1rem;color:#0087a9;margin-top:1rem;margin-bottom:.5rem;}
#m-PoE-Connected .table-m-list {width:100%;table-layout: fixed;border-collapse: collapse;}
#m-PoE-Connected .table-m-list th, #m-PoE-Connected .table-m-list td {font-weight:400;text-align: left;box-sizing: border-box;}
#m-PoE-Connected .table-m-list thead th {padding:.8rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;}
#m-PoE-Connected .table-m-list tbody td {padding:.3rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
#m-PoE-Connected .table-m-list td:nth-child(1),
#m-PoE-Connected .table-m-list th:nth-child(1) {min-width:230px;}
#m-PoE-Connected .table-m-list td:nth-child(2),
#m-PoE-Connected .table-m-list th:nth-child(2) {min-width:100%;width:100%;}
#m-PoE-Connected .table-m-list tbody td:nth-child(1) {position: relative;}
#m-PoE-Connected .table-m-list thead {color: #0087a9;background-color: #f4fbff;}
#m-PoE-Connected .table-m-list thead tr {display: block;position: relative;}
#m-PoE-Connected .table-m-list tbody {display: block;overflow-y: scroll;overflow-x: hidden;width: 100%;height: 150px;}
#m-PoE-Connected .table-m-list tbody td .form-control {height: calc(1em + .75rem + 2px);padding: .3rem .75rem;font-size: .9rem;border: solid 1px #454545;}
#m-PoE-Connected .table-m-list tbody td .fa-times-circle {position:absolute;top:0;right:10px;line-height:2.5;color: #0087a9;cursor:pointer;}
#m-PoE-Connected .summaryzone {width: 100%;height:auto;padding: 1rem 1rem;border: 1px solid #0087a9;background-color: #f4fbff;margin-bottom: 1rem;}
#m-PoE-Connected .summaryzone .sum-col {padding:0;margin:.4rem 0;line-height:1.2;font-weight:500;}
#m-PoE-Connected .summaryzone .sum-col span{font-weight:500;color:#a11111;padding-left:.3rem;}
#m-PoE-Connected .summary-Check {margin-bottom:.5rem;line-height:1.3;}

#m-PoE-Port .direct2 {padding:0;padding-bottom:0;margin:1rem 0;}
#m-PoE-Port .direct-box img {width:30px;margin:0 auto;}
#m-PoE-Port .direct-box {color:#454545;text-align:left;background-color: #eeeeee;padding:.85rem 1rem;line-height:1.3;}

#m-PoE-Port .model-list2 {width:100%;border:1px solid #0087a9;margin-top:1rem;}
#m-PoE-Port .modelbox-left2 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#m-PoE-Port .modelbox-right2 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

#m-PoE-Port .budgetbox {font-size:.9rem;font-weight:400;text-align:left;padding-right:0;padding:.7rem 1rem;}
#m-PoE-Port .budgetbox .form-control {display:inline-block;font-size:1rem !important;width:115px;text-align:right;height: calc(1em + .75rem + 2px);padding: .3rem .75rem;border: solid 1px transparent;font-weight:400;}
#m-PoE-Port .model-summary2 {padding-top:0;padding:0 1rem ;}
#m-PoE-Port .model-summary2 .Total-Power {font-size:.9rem !important;margin-bottom:1.5rem;}
#m-PoE-Port .model-summary2 .Total-Power .form-control {display:inline-block;font-size:1rem !important;width:100px;height: calc(1em + .75rem + 2px);padding: .3rem .3rem;margin:0 0;margin-top:.5rem;margin-right:.5rem;}

#m-PoE-Port .summary-Check {font-size: .8rem;margin-bottom:.5rem;line-height:1.3;}

/* Mobile Compare & Compete */
.compar-h2 {font-size:1.5rem;color:#0087a9;font-weight:400;margin-bottom:.8rem;margin-top:34px;}
.com-m-btn-de div[class='col-6']:nth-child(1) {padding-right:.3rem;}
.com-m-btn-de div[class='col-6']:nth-child(2) {padding-left:.3rem;}
.input-search-group .form-control {height: calc(1.6em + .75rem + 2px);}
.cp-right-link {font-size:.8rem;padding-top: 1rem;}
.cp-right-link a {width:100%;display:block;}
.cp-right-link a.mgb-1 {margin-top:1.5rem;margin-bottom:.7rem;}
.paddt-0 {padding-top:0;}

#cp-m-accordion .cp-accordion {border:1px solid #0087a9;margin-top:1rem;margin-bottom:2rem;background-color:#ffffff;}
#cp-m-accordion .cp-accordion .cp-card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;}
#cp-m-accordion .cp-accordion h2 {font-size:.8rem;color:#ffffff;background-color:#0087a9;padding:.67rem 1rem;margin:0;}
#cp-m-accordion .btn-cp {font-size:.8rem;width:100%;color:#0087a9;text-align:left;padding:.67rem 1rem;background-color:#f4fbff;border:0;border-top:1px solid #f0f0f0;}
#cp-m-accordion .btn-cp:hover {color:#0087a9;background-color:#f4fbff;}
#cp-m-accordion .btn-cp[aria-expanded='true'] .fa-plus {display: none;}
#cp-m-accordion .btn-cp[aria-expanded='false'] .fa-minus {display: none;}
#cp-m-accordion .btn-cp i {float:right;margin-top:.15rem;}

#cp-m-accordion .cp-header {font-size:.8rem;width:100%;color:#0087a9;text-align:left;padding:1rem 1rem;background-color:#f4fbff;border:0;border-bottom:1px solid #f0f0f0;}
#cp-m-accordion .cp-header:hover {color:#0087a9;background-color:#f4fbff;}
#cp-m-accordion .cp-header[aria-expanded='true'] .fa-plus {display: none;}
#cp-m-accordion .cp-header[aria-expanded='false'] .fa-minus {display: none;}
#cp-m-accordion .cp-header i {float:right;margin-top:.15rem;}

#cp-m-accordion .cp-body {-ms-flex: 1 1 auto;flex: 1 1 auto;}
#cp-m-accordion .cp-card:last-child .btn-cp,.cp-card:last-child .cp-body {border-bottom:0 solid transparent;}
#cp-m-accordion .btn-cp-add {font-size:.8rem;width:100%;color:#0087a9;padding:.8rem 1rem;background-color:#ffffff;}
#cp-m-accordion .btn-cp-add:hover {color:#ffffff;background-color:#0087a9;}
#cp-m-accordion .cp-body table {width:100%;}
#cp-m-accordion .cp-body table th {position:relative;width:40%;font-size:.8rem;font-weight:400;color:#0087a9;padding:1rem;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
#cp-m-accordion .cp-body table td {position:relative;width:60%;font-size:.8rem;text-align:center;padding:.5rem;border-bottom:1px solid #f0f0f0;}
#cp-m-accordion .cpt-body table tr:last-child th {border-bottom:0;}
#cp-m-accordion .cpt-body table tr:last-child td {border-bottom:0;}
#cp-m-accordion .cp-body table th p {color:#454545;margin:0;margin-bottom:.3rem;}
#cp-m-accordion .cp-body table td img {height:98px !important;}
#cp-m-accordion .cp-body table td img.logoimg{height:56px;}
#cp-m-accordion .cp-body table th .cp-m-i {position:absolute;top:50%;right:.5rem;transform: translateY(-50%);width:15px;vertical-align:middle;}
#cp-m-accordion .cp-body table th .cp-m-i i {color:#939393;vertical-align:middle;}
#collapse-a.cp-body table td img {height:auto !important;width:190px;}

#cp-m-accordion .cp-body table td .cp-m-r {position:absolute;top:.5rem;right:.3rem;font-size:1rem;}
#cp-m-accordion .cp-body table td .cp-m-r .far {margin-bottom:.7rem;}
#cp-m-accordion .cp-body table td .cp-m-r .fa-trash-alt {color:#939393;cursor: pointer;}
#cp-m-accordion .cp-body table td .cp-m-r .fa-file-pdf {color:#c84646;cursor: pointer;}
#cp-m-accordion .cp-body table td .cp-m-r .fa-ab {font-size:1.1rem;color:#0087a9;cursor: pointer;}
#cp-m-accordion .cp-body table .cp-m-l {position:absolute;top:.5rem;left:.5rem;text-align:left;z-index:1020;}
#cp-m-accordion .cp-body table td .cp-m-l img {width:24px;height:24px;margin-bottom:.4rem;}
#cp-m-accordion .cp-body table td .eol {width:38px;font-size:.8rem;color:#ffffff;font-weight:400;text-align:center;line-height:.9;padding:.28rem 0;background-color:#939393;}

/* Mobile Compete Select */
.cpt-select {width:auto;}
.cpt-select, .cpt-select .custom-select {font-size:.8rem;}
.cpt-ht {font-size:1.3rem;font-weight:400;color:#0087a9;margin-top:2rem;margin-bottom:2rem;}
.cpt-select-grid div.col-auto {-ms-flex:100%;flex:100%;max-width:100% !important;}
.cpt-select-grid .row--mx4 {margin-left:-4px;margin-right:-4px;}
.cpt-select-grid .cpt-sg-item {height:149px;padding:0;border:4px solid #f8f8f8;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.cpt-select-grid .cpt-sg-item .cpt-item {transition:0s !important;-webkit-transition:0s !important;position:absolute;z-index:1010;width:100%;text-align:left;padding:0;padding-top:23px;padding-bottom:23px;padding-left:15px;padding-right:15px;background-color:#ffffff;border:1px solid #d1d1d1;}
.cpt-select-grid .cpt-sg-item .cpt-item:hover {transform:none !important;z-index:1011;border:1px solid #d1d1d1;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0);}
.cpt-select-grid .cpt-sg-item .cpt-img {transition:0s !important;-webkit-transition:0s !important;width:90px;margin-bottom:0;margin-left:0;margin-right:0;display:inline-block;vertical-align:top;}
.cpt-select-grid .cpt-sg-item .cpt-item:hover .cpt-img {transform:none !important;width:90px;}
.cpt-select-grid .cpt-sg-item .cpt-img-d {display:none;}
.cpt-select-grid .cpt-sg-item .cpt-img-m {display:block;width:60px;margin-bottom:.5rem;}
.cpt-select-grid .cpt-sg-item p {display:inline-block;font-size:1rem;color:#0087a9;vertical-align:top;padding:0 15px;padding-top:.5rem;margin:0;max-width: 215px;padding-right: 0;}
.cpt-select-grid .cpt-sg-item p span {display:block;font-size:.8rem;color:#454545;padding-top:.7rem;}
.cpt-select-grid .cpt-sg-item .cpt-item .fa-check-square {position: absolute;top: 10px;right: 11px;z-index: 1012;display: none;font-size: 1.45rem;color: #d8d8d8;cursor: pointer;}
.cpt-select-grid .cpt-sg-item .cpt-item:hover .fa-check-square {display:block;}
.cpt-select-grid .cpt-sg-item .cpt-item .fa-check-square.selected {display:block;color:#0087a9;}
.cpt-select-grid .cpt-sg-item .cpt-item .meol {position:absolute;top:12px;left:auto;right:42px !important;z-index:1011;width:38px;font-size:.8rem;color:#ffffff;line-height:.9;padding:.28rem .5rem;background-color:#939393;}

table#table-two-axis thead th {padding:.8rem 1rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;background: #f4fbff;}
table#table-two-axis tbody td {padding:.3rem 1rem;border-bottom: 1px solid #f0f0f0;text-align:center;}

} /* END All Mobile */

@media only screen and (max-width: 896px) and (orientation: landscape) {
.homegrid .homelink {background-size:120px;}

}

/* CSS specific to iOS devices 
----------------------------------------------------------------------------------------------------------------------*/ 
@media (max-width: 896px) {
	@supports (-webkit-overflow-scrolling: touch) { 
		.footer-hr2 {position: absolute;bottom:100pt;left:0;display:block;width:100%;height:1px;border:0;border-top:1px solid #d1d1d1;padding:0;margin:1rem 0;clear: both;}
		.footer-content .col-md-auto {margin:1.5rem 0;margin-top:4rem;}
		.display-switch .griditem .display-item .item-foot,.display-switch-poe .griditem .display-item .item-foot {width:auto;}
		.psp-modal .qfmodal .searchlist {height: 170px;}
	} 
} /* END CSS specific to iOS devices */

/* Extra small devices (portrait 直 phones, less than 320px) */
@media (max-width: 320px) {
.btn {padding: 0.375rem 1rem;}
.brand img {width: 80px;vertical-align: middle;}
.brand {padding: 0;margin: 0;margin-right: 0px;margin-right: 13px;}
.mobile-fixed-nav .dropupmenu .dropup-item {display:block;font-size:.9rem;color: #454545;text-align:center;padding:.7rem 0;border-bottom: solid 1px #d1d1d1;}
.cpt-select-grid .cpt-sg-item p {display: inline-block;font-size: 1rem;color: #0087a9;vertical-align: top;padding: 0 5px;padding-top:.3rem;padding-right:0;margin: 0;width:160px;}
#m-PoE-Connected .table-m-list td:nth-child(1),#m-PoE-Connected .table-m-list th:nth-child(1) {min-width:130px;}
table#table-two-axis td .form-control {width:52px;}
.display-switch .griditem .display-item .item-foot, .display-switch-poe .griditem .display-item .item-foot {width: 160px;}
.display-switch .griditem .display-item .item-foot p, .display-switch-poe .griditem .display-item .item-foot p {width: 160px;min-width:auto;}

} /* END Portrait Mobile */

/* Extra small devices (portrait 直 phones, less than 576px) */
@media  (min-width: 440px) and (max-width: 575.98px) {
.footer-hr2 {bottom: 100pt;}
} /* END Portrait Mobile */

/* Extra small devices (portrait 直 phones, less than 576px) */
@media (max-width: 575.98px) {
table#table-two-axis tbody td {text-align:left;}
.homegrid .divgrid {height:171px;}
.footer-hr2 {bottom:120pt;}
.footer-content .col-l-foot {margin:1.5rem 0;margin-top:3.5rem;}
} /* END Portrait Mobile */

/* Small devices (landscape 橫 phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.dspoe-div-h-253 {height: 263px !important;}
.dspoe-h-247 {height: 257px !important;}
.display-switch .griditem .display-item .item-foot,.display-switch-poe .griditem .display-item .item-foot {width:145px;}
.display-switch .griditem .display-item .item-foot p, .display-switch-poe .griditem .display-item .item-foot p {width:145px;}
.homegrid .divgrid {height:171px;}
} /* END landscape Mobile */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-hr1 {display:block;}
.footer-hr2 {bottom: 4.5rem;}
.footer-content .mt-xl-5 {margin-top:3rem !important;vertical-align:top;}
.footer-content .col-md-auto {margin:0 0;}
.foot-h1 {border:0;margin:0;margin-bottom:23px;padding-bottom:0;}
.mobile-fixed-nav .red-c {right:6.5rem;}
.homegrid .divgrid {height:271px;}
.homegrid .homelink:hover {background-size: 30%;}
.homegrid .homelink p {transition:.3s;-webkit-transition:.3s;font-size:1.3rem;padding-top:12rem;}
.homegrid .homelink:hover p {font-size:1rem;padding-top:14rem;}
.cpt-select-grid .cpt-sg-item p {display: inline-block;font-size: 1rem;color: #0087a9;vertical-align: top;padding: 0 10px;padding-right: 0px;padding-top: .3rem;margin: 0;width:155px;}
.pr-select-1 {padding-right:.3rem;}
.pl-select-1 {padding-left:.3rem;}
.display-switch .griditem .display-item .item-foot,.display-switch-poe .griditem .display-item .item-foot {width:160px;}
.display-switch .griditem .display-item .item-foot p, .display-switch-poe .griditem .display-item .item-foot p {width:160px;}
} /* END table */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-expand-lg .navbar-toggler {display: block;}
.modal-dialog {max-width: 100%;}
.homegrid .homelink {background-size: 30%;}
.homegrid .homelink p {transition:.3s;-webkit-transition:.3s;font-size:1.3rem;padding-top:12rem;}
.homegrid .homelink:hover p {font-size:1rem;padding-top:14rem;}
.footer-hr2 {bottom: 55pt;}
.footer-content .col-l-foot {margin:1.5rem 0;margin-top:3.5rem;}
.footer-content .col-r-foot {margin:1.5rem 0;margin-top:3.5rem;}
.mobile-fixed-nav .red-c {position: absolute;top: -.4rem;right: 40%;width: 20px;height: 20px;background-color: #ff0000;border-radius: 20px;font-size: .8rem;color: #ffffff;line-height: 1.6;text-align: center;}
.pr-select-1 {padding-right:.3rem;}
.pl-select-1 {padding-left:.3rem;}
.table-model-list tbody tr {padding-right: 17px;z-index: 2;}

.table-model-list2 thead tr {padding-right: 0;z-index: 2;}
.table-model-list2 th {padding:1.2rem .5rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-weight:400;}
.table-model-list2 th:last-child {padding:.8rem .5rem;}
.table-model-list2 tbody {display: block;height: calc(14vh - 1px);min-height: calc(150px + 1 px);/*use calc for fixed ie9 & <*/overflow-Y: scroll;overflow-x:auto;}
.table-model-list2 tr {display: block;overflow: hidden;}
.table-model-list2 th,.table-model-list2 td {width: 23%;float:left;font-weight:400;text-align: left;}
.table-model-list2 td {padding:.5rem .5rem;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.table-model-list2 td:nth-child(1) {padding:.8rem .5rem;} 
.table-model-list2 th:last-child, .table-model-list2 td:last-child {width: 31%;}
.table-model-list2 tbody td .form-control {display:inline-block;width:75%;height: calc(1em + .65rem );padding: .3rem .75rem;font-size: .9rem;border: solid 1px #454545;margin-right:.4rem;}
.table-model-list2 tbody td .custom-select {height: calc(1.15em + .65rem );padding: 0 .3rem 0 .3rem;font-size: .8rem;}
.table-model-list2 tbody td .fa-times-circle {position:absolute;top:0;right:10px;line-height:2.5;color: #0087a9;cursor:pointer;}
.model-summary2 .custom-control-label {line-height:1.3;}

.display-switch .griditem .display-item, .display-switch-poe .griditem .display-item {text-align:left;}
.display-switch .griditem .display-item .item-foot, .display-switch-poe .griditem .display-item .item-foot {text-align:left;padding:0;padding-left:.7rem;}
.display-switch .griditem .display-item .item-foot p, .display-switch-poe .griditem .display-item .item-foot p {}
.addzone .addlist li {position: relative;display: inline-block;padding-right: 1rem;margin: 0 .5rem;}

.com-product-head {margin-top: 0;}

} /* END Desktops */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#mobileFilters {display:block;}
} /* END large Desktops */
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1300px) {
.overflow-x {border:1px solid #ff00ff;overflow:hidden;overflow-x:scroll;}
} /* END large Desktops */

@media (min-width: 276px) {
.col-xs,.col-xs-auto,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
.col-xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.col-xs-auto{-ms-flex:00auto;flex:00auto;width:auto;max-width:100%;}
.col-xs-1{-ms-flex:008.333333%;flex:008.333333%;max-width:8.333333%;}
.col-xs-2{-ms-flex:0016.666667%;flex:0016.666667%;max-width:16.666667%;}
.col-xs-3{-ms-flex:0025%;flex:0025%;max-width:25%;}
.col-xs-4{-ms-flex:0033.333333%;flex:0033.333333%;max-width:33.333333%;}
.col-xs-5{-ms-flex:0041.666667%;flex:0041.666667%;max-width:41.666667%;}
.col-xs-6{-ms-flex:0050%;flex:0050%;max-width:50%;}
.col-xs-7{-ms-flex:0058.333333%;flex:0058.333333%;max-width:58.333333%;}
.col-xs-8{-ms-flex:0066.666667%;flex:0066.666667%;max-width:66.666667%;}
.col-xs-9{-ms-flex:0075%;flex:0075%;max-width:75%;}
.col-xs-10{-ms-flex:0083.333333%;flex:0083.333333%;max-width:83.333333%;}
.col-xs-11{-ms-flex:0091.666667%;flex:0091.666667%;max-width:91.666667%;}
.col-xs-12{-ms-flex:00100%;flex:00100%;max-width:100%;}
.order-xs-first{-ms-flex-order:-1;order:-1;}
.order-xs-last{-ms-flex-order:13;order:13;}
.order-xs-0{-ms-flex-order:0;order:0;}
.order-xs-1{-ms-flex-order:1;order:1;}
.order-xs-2{-ms-flex-order:2;order:2;}
.order-xs-3{-ms-flex-order:3;order:3;}
.order-xs-4{-ms-flex-order:4;order:4;}
.order-xs-5{-ms-flex-order:5;order:5;}
.order-xs-6{-ms-flex-order:6;order:6;}
.order-xs-7{-ms-flex-order:7;order:7;}
.order-xs-8{-ms-flex-order:8;order:8;}
.order-xs-9{-ms-flex-order:9;order:9;}
.order-xs-10{-ms-flex-order:10;order:10;}
.order-xs-11{-ms-flex-order:11;order:11;}
.order-xs-12{-ms-flex-order:12;order:12;}
.offset-xs-0{margin-left:0;}
.offset-xs-1{margin-left:8.333333%;}
.offset-xs-2{margin-left:16.666667%;}
.offset-xs-3{margin-left:25%;}
.offset-xs-4{margin-left:33.333333%;}
.offset-xs-5{margin-left:41.666667%;}
.offset-xs-6{margin-left:50%;}
.offset-xs-7{margin-left:58.333333%;}
.offset-xs-8{margin-left:66.666667%;}
.offset-xs-9{margin-left:75%;}
.offset-xs-10{margin-left:83.333333%;}
.offset-xs-11{margin-left:91.666667%;}

.d-xs-none {display: none !important;}
.d-xs-inline {display: inline !important;}
.d-xs-inline-block {display: inline-block !important;}
.d-xs-block {display: block !important;}
.d-xs-table {display: table !important;}
.d-xs-table-row {display: table-row !important;}
.d-xs-table-cell {display: table-cell !important;}
.d-xs-flex {display: -ms-flexbox !important;display: flex !important;}
.d-xs-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important;}

.m-xs-0 {margin: 0 !important;}
.mt-xs-0,.my-xs-0 {margin-top: 0 !important;}
.mr-xs-0,.mx-xs-0 {margin-right: 0 !important;}
.mb-xs-0,.my-xs-0 {margin-bottom: 0 !important;}
.ml-xs-0,.mx-xs-0 {margin-left: 0 !important;}
.m-xs-1 {margin: 0.25rem !important;}
.mt-xs-1,.my-xs-1 {margin-top: 0.25rem !important;}
.mr-xs-1,.mx-xs-1 {margin-right: 0.25rem !important;}
.mb-xs-1,.my-xs-1 {margin-bottom: 0.25rem !important;}
.ml-xs-1,.mx-xs-1 {margin-left: 0.25rem !important;}
.m-xs-2 {margin: 0.5rem !important;}
.mt-xs-2,.my-xs-2 {margin-top: 0.5rem !important;}
.mr-xs-2,.mx-xs-2 {margin-right: 0.5rem !important;}
.mb-xs-2,.my-xs-2 {margin-bottom: 0.5rem !important;}
.ml-xs-2,.mx-xs-2 {margin-left: 0.5rem !important;}
.m-xs-3 {margin: 1rem !important;}
.mt-xs-3,.my-xs-3 {margin-top: 1rem !important;}
.mr-xs-3,.mx-xs-3 {margin-right: 1rem !important;}
.mb-xs-3,.my-xs-3 {margin-bottom: 1rem !important;}
.ml-xs-3,.mx-xs-3 {margin-left: 1rem !important;}
.m-xs-4 {margin: 1.5rem !important;}
.mt-xs-4,.my-xs-4 {margin-top: 1.5rem !important;}
.mr-xs-4,.mx-xs-4 {margin-right: 1.5rem !important;}
.mb-xs-4,.my-xs-4 {margin-bottom: 1.5rem !important;}
.ml-xs-4,.mx-xs-4 {margin-left: 1.5rem !important;}
.m-xs-5 {margin: 3rem !important;}
.mt-xs-5,.my-xs-5 {margin-top: 3rem !important;}
.mr-xs-5,.mx-xs-5 {margin-right: 3rem !important;}
.mb-xs-5,.my-xs-5 {margin-bottom: 3rem !important;}
.ml-xs-5,.mx-xs-5 {margin-left: 3rem !important;}
.p-xs-0 {padding: 0 !important;}
.pt-xs-0,.py-xs-0 {padding-top: 0 !important;}
.pr-xs-0,.px-xs-0 {padding-right: 0 !important;}
.pb-xs-0,.py-xs-0 {padding-bottom: 0 !important;}
.pl-xs-0,.px-xs-0 {padding-left: 0 !important;}
.p-xs-1 {padding: 0.25rem !important;}
.pt-xs-1,.py-xs-1 {padding-top: 0.25rem !important;}
.pr-xs-1,.px-xs-1 {padding-right: 0.25rem !important;}
.pb-xs-1,.py-xs-1 {padding-bottom: 0.25rem !important;}
.pl-xs-1,.px-xs-1 {padding-left: 0.25rem !important;}
.p-xs-2 {padding: 0.5rem !important;}
.pt-xs-2,.py-xs-2 {padding-top: 0.5rem !important;}
.pr-xs-2,.px-xs-2 {padding-right: 0.5rem !important;}
.pb-xs-2,.py-xs-2 {padding-bottom: 0.5rem !important;}
.pl-xs-2,.px-xs-2 {padding-left: 0.5rem !important;}
.p-xs-3 {padding: 1rem !important;}
.pt-xs-3,.py-xs-3 {padding-top: 1rem !important;}
.pr-xs-3,.px-xs-3 {padding-right: 1rem !important;}
.pb-xs-3,.py-xs-3 {padding-bottom: 1rem !important;}
.pl-xs-3,.px-xs-3 {padding-left: 1rem !important;}
.p-xs-4 {padding: 1.5rem !important;}
.pt-xs-4,.py-xs-4 {padding-top: 1.5rem !important;}
.pr-xs-4,.px-xs-4 {padding-right: 1.5rem !important;}
.pb-xs-4,.py-xs-4 {padding-bottom: 1.5rem !important;}
.pl-xs-4,.px-xs-4 {padding-left: 1.5rem !important;}
.p-xs-5 {padding: 3rem !important;}
.pt-xs-5,.py-xs-5 {padding-top: 3rem !important;}
.pr-xs-5,.px-xs-5 {padding-right: 3rem !important;}
.pb-xs-5,.py-xs-5 {padding-bottom: 3rem !important;}
.pl-xs-5,.px-xs-5 {padding-left: 3rem !important;}
.m-xs-n1 {margin: -0.25rem !important;}
.mt-xs-n1,.my-xs-n1 {margin-top: -0.25rem !important;}
.mr-xs-n1,.mx-xs-n1 {margin-right: -0.25rem !important;}
.mb-xs-n1,.my-xs-n1 {margin-bottom: -0.25rem !important;}
.ml-xs-n1,.mx-xs-n1 {margin-left: -0.25rem !important;}
.m-xs-n2 {margin: -0.5rem !important;}
.mt-xs-n2,.my-xs-n2 {margin-top: -0.5rem !important;}
.mr-xs-n2,.mx-xs-n2 {margin-right: -0.5rem !important;}
.mb-xs-n2,.my-xs-n2 {margin-bottom: -0.5rem !important;}
.ml-xs-n2,.mx-xs-n2 {margin-left: -0.5rem !important;}
.m-xs-n3 {margin: -1rem !important;}
.mt-xs-n3,.my-xs-n3 {margin-top: -1rem !important;}
.mr-xs-n3,.mx-xs-n3 {margin-right: -1rem !important;}
.mb-xs-n3,.my-xs-n3 {margin-bottom: -1rem !important;}
.ml-xs-n3,.mx-xs-n3 {margin-left: -1rem !important;}
.m-xs-n4 {margin: -1.5rem !important;}
.mt-xs-n4,.my-xs-n4 {margin-top: -1.5rem !important;}
.mr-xs-n4,.mx-xs-n4 {margin-right: -1.5rem !important;}
.mb-xs-n4,.my-xs-n4 {margin-bottom: -1.5rem !important;}
.ml-xs-n4,.mx-xs-n4 {margin-left: -1.5rem !important;}
.m-xs-n5 {margin: -3rem !important;}
.mt-xs-n5,.my-xs-n5 {margin-top: -3rem !important;}
.mr-xs-n5,.mx-xs-n5 {margin-right: -3rem !important;}
.mb-xs-n5,.my-xs-n5 {margin-bottom: -3rem !important;}
.ml-xs-n5,.mx-xs-n5 {margin-left: -3rem !important;}
.m-xs-auto {margin: auto !important;}
.mt-xs-auto,.my-xs-auto {margin-top: auto !important;}
.mr-xs-auto,.mx-xs-auto {margin-right: auto !important;}
.mb-xs-auto,.my-xs-auto {margin-bottom: auto !important;}
.ml-xs-auto,.mx-xs-auto {margin-left: auto !important;}
}