/* ----------------------------------------------
product style
---------------------------------------------- */
main#product.main-box {}
main#product.main-box .main-wrapper {}
.product-box {}
.product-box .product-wrapper {}
#product { -webkit-text-size-adjust: none; word-wrap:break-word;}
.learnMore-box h2, .specs-box h2, .doMore-box h2, .support-box h2, .gallery-box h2 { font-size: 2.625em; line-height: 1.1em;}
.learnMore-box h3, .specs-box h3, .doMore-box h3, .support-box h3, .gallery-box h3 { margin: 0 auto .5em; font-size: 2em; line-height: 1.1em;}
#product p { /*font-size: 1em;*/}
#product dt, #product dd { margin: 0; padding: 0;}
.mobile { display: none;}
.notation { font-family: 'Droid Sans', 'sans-serif'; font-weight: lighter; font-size: .85em;}

/* Accessibility */
.annotation-text { width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); overflow: hidden; position: absolute;}

/* product home */
.productHome { font-family: 'SimplonNorm-Light', 'SimplonNorm-Regular', 'Droid Sans', 'sans-serif';}
.productHome a { cursor: pointer;}
.productHome .nowrap { word-wrap: nowrap;}
.productHome a:hover .nowrap, .productHome .item-wrapper a:hover .nowrap { text-decoration: underline;}
.category-wrapper { width: 100%; margin: 0 auto;}
.category-list.content-wrapper, .category-kv .content-wrapper, .category-anchor.content-wrapper, .comparison .content-wrapper { padding: 0 35px;}
.category-kv { width: 100%; height: auto; position: relative;}
.category-kv .kv-wrapper { width: 100%; height: 100%;}
#view_communication-tools.category-kv { background: #000000;}
.category-kv .kv-content { width: 100%; height: 100%; position: absolute;}
.category-kv .kv-content > div { margin: 0; padding: 0; width: 100%; height: 100%; display: flex; align-items: center;}
.category-kv .kv-content h1 { font-family: 'SimplonNorm-Bold', 'Droid Sans', 'sans-serif'; font-size: 4em;}
.category-kv .kv-content.video-conferencing h1 { text-shadow: 0px 0px 10px rgb(255 255 255);}
.category-kv .kv-content.communication-tools h1 { color: #ffffff;}
.category-kv .kv-photo img { width: 100%; height: auto; display: block;}
.category-anchor { margin: 1em auto; text-align: right;}
.category-anchor a { color: #000000;}
.category-anchor a:hover { color: #0272BD;}
.category-anchor a:first-child{ margin-right: 20px;}
.comparison { margin: 2em auto; text-align: center; font-size: 1.25em;}
.comparison a { color: #000000;}
.comparison a:hover { color: #0272BD;}
/*VC*/
.conference-cam .category-sub { width: 33.33%;}
.conference-cam .category-sub h2 { margin-top: 0; font-weight: normal; font-size: 2.6em;}
.conference-cam .all-list { margin-top: 50px; display: flex; flex-direction: row; justify-content: start; align-items: stretch;}
.conference-cam .list-wrapper { width: 66.66%; display: inline-flex; flex-wrap: wrap; flex-direction: row; align-items: stretch;}
.conference-cam .list-item { margin-bottom: 60px; width: 47.5%;}
.conference-cam .list-item:first-child { margin-right: 5%;}
.doc-cam .category-sub { width: 33.33%;}
.doc-cam .category-sub h2 { margin-top: 0; font-weight: normal; font-size: 2.6em;}
.doc-cam .all-list { margin-top: 50px; display: flex; flex-direction: row; justify-content: start; align-items: stretch;}
.doc-cam .list-wrapper { width: 66.66%; display: inline-flex; flex-wrap: wrap; flex-direction: row; align-items: stretch;}
.doc-cam .list-item { margin-bottom: 60px; width: 47.5%;}
.doc-cam .list-item:first-child { margin-right: 5%;}
.communication-tools .all-list { margin-top: 50px; display: flex;}
.communication-tools .list-wrapper { width: 100%; display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: stretch;}
.communication-tools .list-item { margin-bottom: 60px; width: 31.66%;}
.communication-tools .list-item:nth-child(3n - 1) { margin: 0 2.5%;}
.item-wrapper { position: relative; text-align: center; background: #f9f9f9; overflow: hidden;}
.item-content { width: 100%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: flex-end;  align-items: stretch; z-index: 4;}
.list-item .content-wrapper { width: 100%; height: 38%; align-self: start;}
.list-item .item-wrapper:hover .shadow { text-shadow: rgb(0, 0, 0, .75) 0px 0px 25px;}
.list-item .content-wrapper h3 { min-height: 3.5em; margin: 0 auto; padding: 0 20px; font-weight: normal; font-size: 1.65em;}
.list-item.uplift_magnetic .content-wrapper h3 .sub{ font-size: .8em; line-height: 1.5em; display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
/*
.list-item .content-wrapper h3 a { color: #000000; text-decoration: none;}
.list-item .content-wrapper h3 a:hover {text-decoration: underline;}
*/
.list-item .item-wrapper:hover .content-wrapper h3, .list-item .item-wrapper:hover .content-wrapper h3 a, .list-item .item-wrapper:hover .content-wrapper p, .list-item .item-wrapper:hover .content-wrapper del { color: #ffffff;}
.list-item .content-wrapper p { margin: 0; line-height: 1em;}
.list-item .content-wrapper .price { font-size: 1em;}
.list-item .content-wrapper .price .amount { font-size: 2em;}
.list-item .content-wrapper .price del { margin-left: 5px; text-decoration: line; color: #666666;}
.list-item .content-wrapper .note { margin: 10px auto 0; color: #666666;}
.list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 140px; margin: 40px auto 0; padding: 10px 0; display: inline-block; font-size: 1.125em; text-align: center; border-radius: 99px;}
.list-item .content-wrapper .btn-more, .list-item .item-wrapper .content-wrapper .btn-more:hover, .list-item .content-wrapper .btn-buy, .list-item .item-wrapper .content-wrapper .btn-buy:hover { background: #272727; color: #ffffff; text-decoration: none;}
.item-wrapper:hover .btn-more, .item-wrapper:hover .btn-buy { background: #ffffff; color: #000000;}
.list-item .content-wrapper .btn-more { margin-right: 30px;}
.item-photo { width: 100%; height: 100%;}
.item-photo img { width: 100%; height: auto; display: block;}
.hover-img { width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 2; opacity: 0;}
.hover-img::before { width: 100%; height: 100%; content: ""; display: block; position: absolute; z-index: 3; background: rgba(0, 0, 0, .3);}
.hover-img img { width: 100%; display: block; object-position: center; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.item-wrapper:hover .hover-img { opacity: 1; -webkit-transition: all 0.35s; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s;}
.item-wrapper:hover .hover-img img  { display: block; object-position: center; -webkit-transition: all 2s; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}
@media only screen and (min-width: 2049px) {
  .category-list.content-wrapper, .category-kv .content-wrapper, .comparison .content-wrapper { margin: 0 auto; max-width: 1640px; width: 100%;}
  .category-anchor.content-wrapper { max-width: 1640px; width: 100%;}
  .list-item .content-wrapper { height: 42%;}
  .list-item .content-wrapper h3 { font-size: 1.5em;}
  .list-item.uplift_magnetic .content-wrapper h3 .sub{ font-size: .9em; }
  .list-item .content-wrapper .price .amount { font-size: 1.75em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 140px; margin-top: 40px; padding: 10px 0px;}
}
@media screen and (min-width: 1921px) and (max-width: 2048px) {
  .category-list.content-wrapper, .category-kv .content-wrapper, .comparison .content-wrapper { margin: 0 auto; max-width: 1640px; width: 100%;}
  .category-anchor.content-wrapper { max-width: 1640px; width: 100%;}
  .list-item .content-wrapper { height: 42%;}
}
@media screen and (min-width: 1801px) and (max-width: 1920px) {
  .category-list.content-wrapper, .category-kv .content-wrapper, .comparison .content-wrapper { margin: 0 auto; max-width: 1640px; width: 100%;}
  .category-anchor.content-wrapper { max-width: 1640px; width: 100%;}
  .list-item .content-wrapper { height: 42%;}
}
@media only screen and (max-width: 1800px) {
  .category-list.content-wrapper, .category-kv .content-wrapper, .comparison .content-wrapper { margin: 0 auto; max-width: 1640px; width: 100%;}
  .category-anchor.content-wrapper { max-width: 1640px; width: 100%;}
  .list-item .content-wrapper { height: 40%;}
}
@media only screen and (max-width: 1680px) {
  .list-item .content-wrapper { height: 42%;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy{ margin-top: 30px;}
  .hover-img img { object-position: center; -webkit-transform: scale(1.2); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
  .item-wrapper:hover .hover-img img  { object-position: center; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
}
@media only screen and (max-width: 1640px) {
.category-list.content-wrapper, .category-kv .content-wrapper, .comparison .content-wrapper { padding: 0 25px;}
.category-anchor.content-wrapper { padding: 0 25px;}
}
@media only screen and (max-width: 1560px) {
  .list-item .content-wrapper { height: 43%;}
  .list-item.uplift_magnetic .content-wrapper h3 .sub{ font-size: .75em; }
}
@media only screen and (max-width: 1450px) {
  .category-kv .kv-content h1 { font-size: 3.5em;}
  .doc-cam .category-sub h2 { font-size: 2.2em;}
  /*vc*/
  .conference-cam .category-sub h2 { font-size: 2.2em;}
  .list-item .content-wrapper { height: 42%;}
  .list-item .content-wrapper h3 { font-size: 1.5em;}
  .list-item .content-wrapper .price .amount { font-size: 1.5em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { margin-top: 20px;}
}
@media only screen and (max-width: 1320px) {
  .list-item .content-wrapper { height: 43%;}
  .list-item .content-wrapper h3 { font-size: 1.35em;}
  .list-item.uplift_magnetic .content-wrapper h3 .sub{ font-size: .75em; }
}
@media only screen and (max-width: 1220px) {
  .doc-cam .category-sub h2 { font-size: 1.9em;}
  .conference-cam .category-sub h2 { font-size: 1.9em;}
  .list-item .content-wrapper { height: 44%;}
  .list-item .content-wrapper h3 { font-size: 1.2em;}
  .list-item.uplift_magnetic .content-wrapper h3 .sub{ font-size: .85em; }
  .list-item .content-wrapper .price { font-size: .8em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { font-size: 1em;}
}
@media only screen and (max-width: 1160px) {
  .list-item .content-wrapper h3 { font-size: 1em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 120px; margin-top: 15px; padding: 6px 0;}
  .list-item .content-wrapper .btn-more { margin-right: 15px;}
}
@media only screen and (max-width: 1024px) {
  .category-kv .kv-content h1 { font-size: 2.5em;}
  .doc-cam .category-sub { width: 100%; text-align: center;}
  .doc-cam .category-sub h2 { margin-top: 0; font-weight: normal; font-size: 2em;}
  .doc-cam .all-list { margin-top: 30px; display: block;}
  .doc-cam .list-wrapper { width: 100%; display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: stretch;}
  .doc-cam .list-item { margin-bottom: 60px; width: 48.75%;}
  .doc-cam .list-item:first-child { margin-right: 0;}
  .doc-cam .list-item:nth-child(2n) { margin-left: 2.5%;}
  /*vc*/
  .conference-cam .category-sub { width: 100%; text-align: center;}
  .conference-cam .category-sub h2 { margin-top: 0; font-weight: normal; font-size: 2em;}
  .conference-cam .all-list { margin-top: 30px; display: block;}
  .conference-cam .list-wrapper { width: 100%; display: inline-flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: stretch;}
  .conference-cam .list-item { margin-bottom: 60px; width: 48.75%;}
  .conference-cam .list-item:first-child { margin-right: 0;}
  .conference-cam .list-item:nth-child(2n) { margin-left: 2.5%;}
  
  .communication-tools .list-item { margin-bottom: 30px; width: 48.75%;}
  .communication-tools .list-item:nth-child(3n - 1) { margin: 0;}
  .communication-tools .list-item:nth-child(2n) { margin-left: 2.5%;}
  .list-item .content-wrapper { height: 40%;}
  .list-item .content-wrapper h3 { font-size: 1.5em;}
  .list-item .content-wrapper .price { font-size: 1em;}
  .list-item .content-wrapper .price .amount { font-size: 2em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 140px; margin-top: 20px; padding: 10px 0;}
  .list-item .content-wrapper .btn-more { margin-right: 30px;}
}
@media only screen and (max-width: 960px) {
  .category-kv .kv-content h1 { font-size: 2.5em;}
  .doc-cam .category-sub { width: 100%; text-align: center;}
  .doc-cam .category-sub h2 { margin-top: 0; font-weight: normal; font-size: 2em;}
  .doc-cam .list-item { margin-bottom: 30px; width: 48.75%;}
  /*vc*/
  .conference-cam .category-sub { width: 100%; text-align: center;}
  .conference-cam .category-sub h2 { margin-top: 0; font-weight: normal; font-size: 2em;}
  .conference-cam .list-item { margin-bottom: 30px; width: 48.75%;}
  .communication-tools .list-item { width: 48.75%;}
  .list-item .content-wrapper h3 { font-size: 1.2em;}
  .list-item .content-wrapper .price { font-size: .8em;}
  .list-item .content-wrapper .price .amount { font-size: 1.5em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 120px; margin-top: 20px; padding: 6px 0;}
}
@media only screen and (max-width: 800px) {
  .comparison { margin: 1.5em auto;}
  .category-list.content-wrapper, .category-kv .content-wrapper, .comparison .content-wrapper { padding: 0 15px;}
  .category-anchor.content-wrapper { margin: .5em auto; padding: 0 15px; text-align: center;}
  .doc-cam .list-item { margin-bottom: 60px; width: 80%;}
  .doc-cam .list-item:last-child { margin-bottom: 0;}
  .doc-cam .list-item:nth-child(2n) { margin-left: 0;}
  .conference-cam .list-item { margin-bottom: 60px; width: 80%;}
  .communication-tools .list-wrapper { justify-content: center;}
  .communication-tools .list-item { margin-bottom: 60px; width: 80%;}
  .communication-tools .list-item:nth-child(3n - 1) { margin-bottom: 60px;}
  .communication-tools .list-item:nth-child(2n) { margin-left: 0;}
  .list-item .content-wrapper { height: 40%;}
  .list-item .content-wrapper h3 { font-size: 1.75em;}
  .list-item .content-wrapper .price { font-size: 1em;}
  .list-item .content-wrapper .price .amount { font-size: 2em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 150px; margin-top: 40px; padding: 13px 0; font-size: 1.125em;}
  .hover-img img { object-position: center; -webkit-transform: scale(1.2); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
  .item-wrapper:hover .hover-img img  { object-position: center; -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06);}
}
@media only screen and (max-width: 768px) {
  .category-kv .kv-content h1 { font-size: 2em;}
  .doc-cam .list-item { width: 85%;}
  .conference-cam .list-item { width: 85%;}/*vc*/
  .communication-tools .list-item { width: 85%;}
}
@media only screen and (max-width: 700px) {
  .doc-cam .list-item { margin-bottom: 30px; width: 90%;}
  .conference-cam .list-item { margin-bottom: 30px; width: 90%;}/*vc*/
  .communication-tools .list-item { margin-bottom: 30px; width: 90%;}
  .communication-tools .list-item:nth-child(3n - 1) { margin-bottom: 30px;}
}
@media only screen and (max-width: 650px) {
  .category-kv .kv-content h1 { font-size: 1.75em;}
  .doc-cam .list-item { width: 95%;}
  .communication-tools .list-item { width: 95%;}
}
@media only screen and (max-width: 650px) {
  .doc-cam .list-item { width: 100%;}
  .conference-cam .list-item { width: 100%;}/*vc*/
  .communication-tools .list-item { width: 100%;}
  .list-item .content-wrapper h3 { font-size: 1.5em;}
  .list-item .content-wrapper .price { font-size: 1em;}
  .list-item .content-wrapper .price .amount { font-size: 2em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { margin-top: 20px;}
}
@media only screen and (max-width: 480px) {
  .category-kv .kv-content h1 {  font-size: 1.2em;}
  .comparison { font-size: 1em;}
  .list-item .content-wrapper h3 { font-size: 1.2em;}
  .list-item .content-wrapper .price { font-size: .8em;}
  .list-item .content-wrapper .price .amount { font-size: 2em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { padding: 8px 0;}
}
@media only screen and (max-width: 430px) {
  .doc-cam .category-sub h2 { font-size: 1.5em;}
  .conference-cam .category-sub h2 { font-size: 1.5em;}/*vc*/
  .list-item .content-wrapper h3 { font-size: 1em;}
  .list-item .content-wrapper .price { font-size: .7em;}
  .list-item .content-wrapper .price .amount { font-size: 2em;}
  .list-item .content-wrapper .btn-more, .list-item .content-wrapper .btn-buy { width: 120px; margin-top:10px; padding: 6px 0; font-size: 1em;}
  .list-item .content-wrapper .btn-more { margin-right: 15px;}
  .category-anchor.content-wrapper{ text-align: center; padding: 0 10px;}
  .category-anchor a{ font-size: 14px;}
  .category-anchor a:first-child{ margin-right: 10px;}
}

@media only screen and (max-width: 375px) {
  .category-anchor.content-wrapper { margin: .5em auto; text-align: center;}
}

/* productBar */
.productBar { width: 100%; background:rgba(256, 256, 256, 1); transition: all 1s ease-in-out; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1); position: relative; z-index: 200; top:0px;}
.productBar-header { margin: 0 auto; padding-top: 17px; border-top:#e7e7e7 solid 1px; display: grid; -ms-grid-template-columns: 55% 40%; grid-template-columns: 55% 40%; grid-template-areas: "productInfo productBuy" "productSubnav productSubnav"; grid-column-gap: 5%;}
.productBar-info { grid-area: productInfo; -ms-grid-row: 1; -ms-grid-column: 1; position: relative; top:-10px;}
.productBar-info img { float: left;}
.productBar-info h1 { margin-left: 80px; font-size: 1em; font-weight: bolder; line-height: 1.1em; vertical-align: -webkit-baseline-middle;}
.productBar-info .modelNO { margin: -0.5% 0 0 80px; display: block; font-size: 12px; color: #666; line-height: 1.3em}
.productBar-buy { grid-area: productBuy; -ms-grid-row: 1; -ms-grid-column: 1; text-align: right;}
.productBar-buy div { display: inline-block; vertical-align: -webkit-baseline-middle; font-size: 1.5em; width: 50%;}/*2021.08.11*/
.productBar-buy span { padding-right: 1%; font-size: 1.5em;}
.productBar-buy del { color:#666;}
.productBar-buy .note { display: inline-block; font-size: .8em; color:#666;}
.productBar-buy .pricenote { display: block; font-size: 11px; color:#666; line-height: 14px;}/*2021.08.11*/
.productBar-buy .btn{ display: inline-block; }/*2021.08.11*/
.productBar-subnav, .productBar-subnavFix { width: 70%; margin: 0 auto; text-align: center; list-style-type:none;margin-top:-15px;}
.productBar-subnav li, .productBar-subnavFix li { display:inline;}
.productBar-subnav a, .productBar-subnavFix a { padding:0 10px 7px 10px; display: inline-block; color:#333; text-decoration: none;}
.productBar-subnav a:hover, .productBar-subnavFix a:hover { border-bottom: #74ba00 solid 4px;}
.productBar-subnav > .focus, .productBar-subnavFix > .focus { color: #333; border-bottom: #74ba00 solid 4px; font-weight: 600;}
.productBar-subnav, .productBar-subnavFix { grid-area: productSubnav; -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;}
#productBar-Fix { width: 100%; padding:1% 1% 0; background:rgba(256, 256, 256, 1); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1); position: fixed; top:-280px; left:0; transition: top .5s; transition: all 1s ease-in-out; z-index: 99999;}
#productBar-Fix .productBar-header { border-top:none;}
/* productBar for ie10 & ie11 */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.productBar-header::after, .productBar-info::after, .productBar-buy::after,.productBar-subnav::before, .productBar-subnavFix::before { content: ""; display:block; clear: both;}
.productBar-info { float: left; width: 55%;}
.productBar-buy { float: right; width: calc(100% - 60%);}
.productBar-subnav, .productBar-subnavFix { width: 70%; margin: 0 auto; text-align: center; list-style-type:none;}
}

/* introForm */
.introForm { margin: 3% auto; padding: 0;}
.introForm h4 { margin: 0; padding: 1.5% 0; background: #efefef; font-size: 1.25em; font-weight: bold; text-align: center;}
.introForm h4::before { content:""; display: table-caption; margin: 0; padding: 0;}
.introForm hr { height: 1em; margin: 0; background:#efefef; border: none;}
.introForm ul { margin: 0; padding: 0;}
.introForm li { margin: 0; list-style: none; /*margin-left: 3%; list-style: url("../fonts/icon-list-circle.svg");*/}
.items { padding: 5% 2%; border-top: #d4d4d4 solid 1px; display: grid; -ms-grid-template-columns: 20% auto; grid-template-columns: 20% auto; grid-template-areas: "title info"; grid-column-gap: 2%;}
.items:last-child { border-bottom: #d4d4d4 solid 1px;}
.items-title { grid-area:title; -ms-grid-row: 1; -ms-grid-column: 1; font-size: 1.25em; font-weight: bold; text-align: left;}
.items-intro { grid-area:info; -ms-grid-row: 1; -ms-grid-column: 1; text-align: left;}
.items-intro li { padding-bottom: 1%;}
.items-subintro { margin-bottom: 4%; display: grid; -ms-grid-template-columns: 25% auto; grid-template-columns: 25% auto; grid-template-areas: "items items"; grid-column-gap: 2%;}
.items-subintro:last-child { margin-bottom: 0%;}
.subintro { grid-area:items; -ms-grid-row: 1; -ms-grid-column: 1; text-align: left;}
/* introForm for Specs */
.items-intro .productColor { width: 30px; height: 30px; margin-right: 1%; display: inline-block; vertical-align: middle;}
.items-intro .productColor.vzrColor { background: #026c32;}/* for vzr */
.items-intro .productColor.vzxColor { background: #217f95;}/* for vzx */
.items-intro .productColor.v4kColor { background: #214643;}/* for v4k */
.items-intro .productColor.docamColor { background: #525356;}/* for do-cam */
.items-intro .productColor.docamYellowColor { background: #fbbe3d;}/* for do-cam yellow */
.items-intro .productColor.mirrorcamColor { background: #74ba00;}/* for do-cam */
.items-intro .productColor.upliftColor { background: #000000;}/* for uplift */
.items-intro .productColor.v4kproColor { background: #3e3e3e;}/* for v4k-pro */
.items-intro .productColor.upliftMagneticColor { background: #000000;}/* for Uplift Magnetic */
.items-intro .productColor.magneticCircleColor { background: #ea4d07;}/* for Adhesive magnetic circle */
.items-intro .productColor.totem120Color {background: #3d3f4b;}/* for TOTEM 120 */
.items-intro .productColor.totem180 { background: #000000;}/* for TOTEM 180 */
.items-intro .productColor.vocal { background: #000000;}/* for VOCAL */
.items-intro .productColor.mp8mColor { background: #000000;}/* for MP-8M */
.items-intro .productColor.scannerpadColor { background: #828282}/* for Document Scanner */
.items-intro > .compliance { margin-top: 3%;}
.items-intro > .compliance > div { width: 80px; margin: 0 2%; display: inline-block; text-align: center;}
.items-intro > .donutChart > div { margin: 3% 3% 0; display: inline-block;}
/* introForm for ie10 & ie11 */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.items::after, .items-subintro::after { content: ""; display:block; clear: both;}
.items-title { float: left; width: 20%;}
.items-intro { float: right; width: calc(100% - 25%);}
.items-subintro > div:first-child { float: left; width: 25%;}
.items-subintro > div:nth-child(2) { float: right; width: calc(100% - 30%);}
}


/* Animation effect */
.slidedown { -webkit-animation-name: slidedown; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-name: slidedown; animation-duration: 1s; animation-iteration-count: 1;animation-fill-mode: forwards;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes slidedown { 
    0% {transform: rotate(0deg);}
    100% {transform: rotate(180deg);}
} 
/* Standard syntax */
@keyframes slidedown {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(180deg);}
  }
 .slideup { -webkit-animation-name: slideup; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-name: slideup; animation-duration: 1s; animation-iteration-count: 1;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes slideup { 
   0% {transform: rotate(180deg);}
   100% {transform: rotate(0deg);}
} 
/* Standard syntax */
@keyframes slideup {
    0%   {transform: rotate(180deg);}
    100% {transform: rotate(0deg);}
}

.scrolldown{
    animation-name: comedown;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
}


@-webkit-keyframes comedown {
    0% { opacity: 0; }
    100% {opacity: 1;}
  }

@keyframes comedown {
    0% { opacity: 0; }
    100% {opacity: 1;}
  }



/* ----------------------------------------------
detail-pages style
---------------------------------------------- */
.product-main.doMore-box, .product-main.specs-box, .product-main.support-box, .product-main.gallery-box { padding: 5% 0;}
.product-main h2 { display: none;}


/* Overview */
.product-main.learnMore-box { width: 100%; height: 100%;}
.product-main .learnMore-wapper {}


/* Specs */
.product-main.specs-box { padding-bottom: 5%;}
.product-main.specs-box .view { width: 75%; margin: 0 auto; margin-bottom: 5%; text-align: center;}
.product-main.specs-box .view img { width: 100%;}
.product-main .specs-wapper {}
.product-main .specs-intro { margin-bottom: 5%; text-align: center;}
.product-main .specs-intro::before { content: ""; display: block; margin-top: 8%;}
.product-main .specifications, .product-main .sustainability { text-align: center;}

/* do more */
.product-main.doMore-box { width: 100%; padding-bottom: 5%; background: #f5f5f5;}
.product-main .doMore-wapper {}
.product-main .doMore-intro { margin-bottom: 5%; text-align: center;}
.product-main .list-box { width: calc(63% /* ist-items width */ + 6% /* list-items margin */); margin: 0 auto; text-align: center; }
.product-main .list-box::after { content: ""; display:block; clear: both;}
.product-main .list-items { float: left; width: 31%; margin: 2.5% 1%; list-style: none; background:#fff; text-align: left;}
.product-main .list-items div:nth-child(2) { height: 120px; padding: 3% 6%;}
.product-main .list-items a { color: #333; text-decoration: none;}
.product-main .list-items h4 { width: 100%; height: 61px; height: -webkit-calc(120px - 6% /* div padding */ - 2% /* items margin-bottom */ -1% /* time */); height: calc(100vh - 6% /* div padding */ - 2% /* items margin-bottom */ -1% /* time */); margin: 0; font-size: 1em; font-weight: bold; line-height: 1.3em; text-decoration: underline; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}  
.product-main .list-items h4:hover { color: #0272BD;}
.product-main .list-items time { margin-bottom: 2%; display: block; font-style: italic;}
.product-main.doMore-box .image-aspectRatio { overflow: hidden;}
.product-main .imgZoom { width: 100%; height:100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; transition: .25s linear; -webkit-transition: 1s linear; object-fit: cover;}
.product-main .imgZoom:hover { transform:scale(1.02,1.02);}

/* support */
.product-main.support-box { width: 100%; min-height: calc(100vh - 80px/* header */ - 244px/* footer */);}
.product-main .support-wapper {}
.product-main .support-intro { margin-bottom: 5%; text-align: center;}
.product-main .support-download p { text-align: center;}
.product-main .downloadForm-box { margin-bottom: 3.5%; padding: 3% 6%; background:rgba(256, 256, 256, 1); border-radius: 25px;}
.product-main .downloadForm-box ul { margin: 0; padding: 0;}
.product-main .downloadForm-box dl { margin-bottom: 5%;}
.product-main .downloadForm-box dt { color:#666;}
.product-main .downloadForm { padding: 2% 0; border-bottom: #efefef solid 1px; display: grid; -ms-grid-template-columns: auto 43%; grid-template-columns: auto 43%; grid-template-areas: "id link" "info info"; grid-gap: 2; grid-column-gap: 5%; grid-row-gap: 10%;}
.product-main .downloadForm-id { grid-area:id; -ms-grid-row:1; -ms-grid-column:1; font-size: 1.25em; font-weight: bold;}
.product-main .downloadForm-id .note{ font-weight:normal; font-size:.85em; display:block; line-height:1.25em; margin-top:3px;}
.product-main .downloadForm-link { grid-area:link; -ms-grid-row:1; -ms-grid-column:1; text-align: right;}
.product-main .downloadForm-info { grid-area:info; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; text-align: right; color:#666;}
.product-main .support-links { width: 70%; margin: 0 auto; text-align: center;}
.product-main .support-links::after { content: ""; display: block; clear: both;}
.product-main .support-links a { width: 50%; margin: 5% auto; padding: 0 4%; display: inline-block; color: #333;}
.product-main .support-links a:first-child { border-left: #e0e0e0 solid 1px;}
.product-main .support-links a:nth-child(2) { float: left;}
.product-main .support-links a:hover { color: #0272BD;}
.product-main .support-links img { width: 35%; height: auto; margin-bottom: 10%;}
.product-main .support-links span { display: block; font-size: 1.25em; /*font-weight: bold;*/}
.product-main .systemRequirements { margin: 5% auto;}
.product-main .systemRequirements ul { padding: 0;}
/* support for ie10 & ie11 */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.product-main .downloadForm-id { float: left; width: calc(100% - 45%);}
.product-main .downloadForm-link { float: right; width: 43%;}
.product-main .downloadForm-info { width: 100%;}
.product-main .downloadForm-id::after, .product-main .downloadForm-link::after , .product-main .downloadForm-info::before { content: ""; display: block; clear: both;}
}

/* Gallery */
.product-main.gallery-box { width: 100%; min-height: calc(100vh - 80px/* header */ - 244px/* footer */);}
.product-main.gallery-box h3 { padding-bottom: 2%;}
.product-main .gallery-wapper { width: 90%; margin: 0 auto; padding-top: 3% 0; color:#fff;}
.product-main .gallery-wapper .link-stack:before { margin-top: 100px;}


/* ----------------------------------------------
RWD
---------------------------------------------- */
@media only screen and (max-width: 1600px) {
/* productBar */
.productBar-header { width: 100%;}
.productBar-subnav, .productBar-subnavFix{ margin-top:-15px;}
/* Specs */
.product-main .specifications, .product-main .sustainability { width: 100%;}
/* do more */
.product-main .list-box {width: calc(85% /* ist-items width */ + 6% /* list-items margin */);}
.product-main .list-items { margin: 2% 1%;}
}

@media only screen and (max-width: 1280px) {
/* productBar */
.productBar-subnav, .productBar-subnavFix{ margin-top:-15px;}


/* do more */
.product-main .list-box { width: calc(80% /* ist-items width */ + 8% /* list-items margin */);}
.product-main .list-items { width: 46%; margin: 4% 2%;}
}

@media only screen and (max-width: 1024px) {
/* productBar */
.productBar-subnav, .productBar-subnavFix{ margin-top:-10px;}
/* product detail-pages content */
.product-main.specs-box, .product-main.doMore-box, .product-main.support-box, .product-main.gallery-box { padding: 9% 0;}
/* support */
.product-main .support-links { width: 80%;}
}

@media only screen and (max-width: 960px) {
/* productBar */
.productBar-subnav, .productBar-subnavFix{ margin-top:-10px;}
/* Specs */
.product-main .specifications img { width: 100%;}
.product-main .specs-intro p { text-align: left;}
.introForm .items { padding: 5% 2%;}
/* do more */
.product-main .list-box { width: calc(95% /* list-items width */ + 4% /* list-items margin */);}
.product-main .list-items { width: 48%; margin: 4% 1%;}
}

@media only screen and (max-width: 768px) {
/* productBar */
.productBar-header { padding-top: 2%; display: block; }
.productBar-info { font-size: 1.25em; margin-bottom: 0;}
.productBar-info h1{ margin-left:0; margin-bottom:2px}
.productBar-info p { margin: 0;}
.productBar-info .modelNO { margin: 6px 0 0 0 ;}
.productBar-buy { display:block;text-align: left}
.productBar-buy::after { content: ""; display: block; clear: both;}
.productBar-buy div { width: 50%; text-align: left; vertical-align: -webkit-baseline-middle;}
.productBar-buy a { /*float: right;*/}
.productBar-buy .note {width: 100%;}
.productBar-buy .pricenote {width: 100%;}
.productBar-buy > .btn { padding: 0 15px; font-size: 14px; line-height: 28px}
.productBar-subnav a, .productBar-subnavFix a{padding: 10px 10px 5px 10px;}
.productBar-subnav, .productBar-subnavFix, .productBar-info img { display: none;}
.mobile.productBar-subnav, .mobile.productBar-subnavFix { display: block; margin-top:0}
.mobile.productBar-subnav a, .mobile.productBar-subnavFix a { display: block;}
.mobile.productBar-subnav a:hover, .mobile.productBar-subnavFix a:hover { border-bottom: none;}
.mobile .productBar-subnav-items, .mobile .productBar-subnavFix-items { display: none;}
.mobile .productBar-subnav-items > .focus, .mobile .productBar-subnavFix-items > .focus { color: #333; font-weight: 800;}
/* introForm */
.items, .items-subintro { padding: 8% 2%; display: block;}
.items-title { margin-bottom: 2%;}
.items-subintro { padding: 2%; display: block;}
.items-subintro ul { margin-top: 1%;}
/* product detail-pages content */
.product-main.specs-box, .product-main.doMore-box, .product-main.support-box, .product-main.gallery-box { padding-top: 20%;}
#product .product-main h3 { font-size: 1.5em;}
/* Specs */
.product-main.specs-box .view { width: 85%;}
/* do more */
.product-main .list-box { width: 85%;}
.product-main .list-items { width: 100%; margin: 4% auto;}
/* support */
.product-main .support-intro { margin-bottom: 10%;}
.product-main .downloadForm-box dl { margin-bottom: 10%;}
.product-main .downloadForm { display: block;}
.product-main .downloadForm-id { margin:2% auto 8%; font-size: 1em;}
.product-main .downloadForm-link, .product-main .downloadForm-info { margin:2% auto; text-align: left;}
.product-main .support-links { width: 100%;}
/* Gallery */
.product-main .gallery-wapper .link-stack:before, .product-main .gallery-wapper .link-stack::after { margin-top: 50px;}
.gallery-box .btn { width: 200px;}
}

@media only screen and (max-width: 576px) {
.product-main.specs-box .btn, .product-main.support-box .btn, .product-main.gallery-box .btn { width: 80%; margin: 0 auto; margin-bottom: 5%;}
/* productBar */
.productBar-buy span { font-size: 1.25em;}
/* introForm */
.introForm ul { margin-top: 2%;}
.introForm li { margin: 0 3% 1%;}
.items-intro > .compliance > div { margin: 0 auto; display: block;}
.items-intro > .donutChart { text-align: center;}
/* Specs */
.product-main.specs-box .view { width: 100%;}
/* do more */
.product-main .list-box { width: 95%;}
/* support */
.product-main .downloadForm-link { text-align: center;}
.product-main .support-links { display: block;}
.product-main .support-links a { width: 45%;}
.product-main .support-links img { width: 45%; margin-bottom: 0%;}
.product-main .support-links span { font-size: .75em;}
}

@media only screen and (max-width: 480px) {
/* support */
.product-main .downloadForm-box {  padding: 3% 4%;}
.product-main .support-links a { width: 48%; padding: 0;}
.product-main .support-links span { }
}

@media only screen and (max-width: 320px) {

}