/*home 
*****************************************/

main.home .s01 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

main.home .homeBN .carousel-cell {
    width: 100%;
}

main.home .homeBN .carousel-cell a {
    display: block;
    height: auto;
}

main.home .homeBN .carousel-cell img {
    width: 100%;
}

main.home .s02 {
    margin: 75px auto;
    padding-bottom: 50px;
    max-width: 1920px;
}

main.home .s02 h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    color: #4d4d4d;
    letter-spacing: 2px;
}

main.home .s02 .pdtList a {
    width: 18%;
    display: block;
    height: auto;
    margin-right: 10px;
}

main.home .s02 .pdtList a img {
    display: block;
    width: 100%;
}

@media (max-width: 640px) {
    main.home .s02 .pdtList a {
        width: 33%;
    }
}

@media (max-width: 480px) {
    main.home .s02 .pdtList a {
        width: 35%;
    }
    main.home .s02 h1 {
        margin-bottom: 15px;
        font-size: 15px;
    }
}
main.home .s03-h h2 {
    margin-bottom: 2rem;
    text-align: center;
    margin-top: 0;
}
main.home #s03 {
   /* padding: 6rem 0;*/
    background: #dddddd6e;
}

main.home #s03 h2 {
    margin-bottom: 2rem;
    text-align: center;
    margin-top: 0;
}
main.home #s03 .items .icon {
    text-align: center;
    width: 70%;
    margin: auto;
    position: relative;
    padding-bottom: 5px;
}

main.home #s03 .items .icon img {
    width: 20%;
    max-width: 43px;
}
main.home #s03 .items .iconItem {
    display: inline-block;
    width: 20%;
    max-width: 43px;
}
main.home #s03 .items .iconItem img {
    width: 100%;
}
main.home #s03 .items .btns button {

	display: block;
    padding: 0.3rem 1rem;
    background-color: #272d5a;
    color: #fff;
    border: none;
    max-width: 150px;
    margin: auto;
    line-height: 1;
	
}
main.home #s03 .promotions_list {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

main.home #s03 .promotions_list .items {
    width: 100%;
    max-width: 360px;
    padding: 0.3rem;
}

@media (min-width: 768px) {
    main.home #s03 .promotions_list {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    main.home #s03 .promotions_list .items {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    main.home #s03 .promotions_list .items {
        width: 33%;
    }
}

@media (min-width: 1366px) {
    main.home #s03 .promotions_list .items {
        width: 25%;
    }
}

main.home #s03 .promotions_list .items a {
    display: block;
    background: #ffffff;
    border: 1px solid #eeeeee;
    /*padding: 3rem 1rem;*/
    color: #333333;
}

main.home #s03 .promotions_list .items a:hover {
    border: 1px solid #555555;
}

main.home #s03 .promotions_list .items .items_img {
    padding-bottom: 2rem;
}

main.home #s03 .promotions_list .items .items_img img {
    max-width: 100%;
    margin: auto;
    display: block;
}

main.home #s03 .promotions_list .items .items_content {
    padding: 0rem;
}

main.home #s03 .promotions_list .items .items_content .name {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}

main.home #s03 .promotions_list .items .items_content .price {
    margin-bottom: 0;
    text-align: center;
}

main.home #s03 .promotions_list .items .items_content .price .original {
    font-size: 1rem;
    color: red;
    text-decoration: line-through;
    padding: 0 0.3rem;
}

main.home #s03 .promotions_list .items .items_content .price .now {
    font-size: 1.5rem;
    color: red;
   /* padding: 0 0.3rem;*/
}

/*Product List
*****************************************/

main.pdt .pdt-list {
    margin: 50px 0;
}

main.pdt .pdt-list .item {
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #fff;
}
main.pdt .pdt-list .item.active {
    background: #efefef;
}

main.pdt .pdt-list .item:hover {
    border: 1px solid #ddd;
}

main.pdt .pdt-list .item .tag {
    min-height: 32px;
    display: block;
    width: 100%;
}

main.pdt .pdt-list .item .tag.new:before {
    content: '';
    background: url(../img/new_red.png) center center no-repeat;
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 32px;
}

main.pdt .pdt-list .item .imgDiv {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

main.pdt .pdt-list .item .imgDiv a {
    display: block;
    width: 100%;
    height: 175px;
    position: relative;
}

main.pdt .pdt-list .item .imgDiv a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 330px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
main.pdt .pdt-list .item .imgDiv:hover a img {
    -webkit-animation: pdt-list-silder 5s linear infinite;
    animation: pdt-list-silder 5s linear infinite;
}

@-webkit-keyframes pdt-list-silder {
    3% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    27% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@keyframes pdt-list-silder {
    3% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    27% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

main.pdt .pdt-list .item .imgDiv a img:nth-child(5) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

main.pdt .pdt-list .item .imgDiv a img:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

main.pdt .pdt-list .item .imgDiv a img:nth-child(3) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

main.pdt .pdt-list .item .imgDiv a img:nth-child(2) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

main.pdt .pdt-list .item .imgDiv a img:nth-child(1) {
    opacity: 1;
    filter: alpha(opacity=1);
}

main.pdt .pdt-list .item h3 {
    color: #4e4e4e;
    text-align: center;
    margin: 0px;
    font-size: 26px;
}

main.pdt .pdt-list .item .icon {
    text-align: center;
    width: 100%;
    margin: 20px 0 15px;
    position: relative;
}

main.pdt .pdt-list .item .icon img {
    width: 20%;
    max-width: 43px;
}
main.pdt .pdt-list .item .iconItem {
    display: inline-block;
    width: 20%;
    max-width: 43px;
}
main.pdt .pdt-list .item .iconItem img {
    width: 100%;
}
main.pdt .pdt-list .item .iconItem.open .iconTxt {
    display: block;
}
main.pdt .pdt-list .item .iconItem .iconTxt {
    display: none;
    position: absolute;
    width: 190px;
    top: 40px;
    left: 50%;
    margin-left: -95px;
    padding-top: 10px;
    z-index: 10;
    font-size: 14px;
}
main.pdt .pdt-list .item .iconItem .iconTxt p {
    background: #3d3d82;
    color: #fff;
    padding: 10px;
    margin: 0;
    min-height: 80px;
}

main.pdt .pdt-list .item .rating {
    margin-bottom: 20px;
    text-align: center;
}

main.pdt .pdt-list .item .rating .star_holder {
    display: inline-block;
    padding: 0 5px;
}

main.pdt .pdt-list .item .rating .star_holder.noData {
    display: none;
}

main.pdt .pdt-list .item .rating .star_txt {
    display: inline-block;
}

main.pdt .pdt-list .item .btns {
    width: 100%;
    text-align: center;
    position: relative;
}

main.pdt .pdt-list .item .btns input {
    background: #3d4688;
    color: #fff;
    padding: 2px 15px;
    border: none;
    font-size: 17px;
}

main.pdt .pdt-list .item .btns input:hover {
    background: #272d5a;
}

main.pdt .pdt-list .item .btns input.clearCompare {
    display: none;
    background: #b4b4b5;
}

main.pdt .pdt-list .item .btns input.compareChkbox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: -1;
    background: none;
    display: none;
}
@media (max-width: 1200px) {
    main.pdt .pdt-list .item .imgDiv a {
        height: 125px;
    }
    main.pdt .pdt-list .item .iconItem .iconTxt {
        top: 32px;
        width: 150px;
        margin-left: -75px;
    }
}
@media (max-width: 991px) {
    main.pdt .pdt-list .item .imgDiv a {
        height: 100px;
    }

    main.pdt .pdt-list .item .iconItem .iconTxt {
        top: 25px;
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    main.pdt .pdt-list .item .tag {
        min-height: auto;
    }
    main.pdt .pdt-list .item .imgDiv a {
        height: 230px;
    }
    main.pdt .pdt-list .item .imgDiv a img {
        position: relative;
        margin: 0 auto;
    }
    main.pdt .pdt-list .item .imgDiv:hover a img {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
}
@media (max-width: 360px) {
    main.pdt .pdt-list .item .imgDiv a {
        height: 200px;
    }
}

/*compare-list
*****************************************/

.compare-list {
    position: relative;
    font-size: 16px;
    float: left;
    width: 100%;
    background: #dfdfdf;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.compare-list.fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    margin: 0 auto;
    max-width: 1140px;
}

.compare-list .filter-title {
    font-family: 'Antonio Regular';
    display: block;
    padding: 0px 20px;
    color: #424242;
    height: 40px;
    line-height: 40px;
}

.compare-list .filter-title:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 85px;
    top: 50%;
    margin-top: -4px;
    width: 12px;
    height: 8px;
    background: url(../img/arrow_top_dark.png);
    transform: rotate(90deg);
}

.compare-list .filter-title.open:before {
    transform: rotate(180deg);
}

.compare-list .filter-title:hover,
.compare-list .filter-title:focus {
    text-decoration: none;
    background: #f1f1f1;
}

.compare-list .filter-con {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    background: #f8f8f8;
    padding: 30px;
    z-index: 5;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
}

.compare-list .filter-con .sliderBox {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

.compare-list .filter-con h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    clear: both;
}

.compare-listr .filter-con .checkbox {
    width: 100%;
    margin-top: 0;
}

.compare-list .filter-con .checkbox-inline {
    width: 33%;
    margin: 6px 0;
}

.compare-list .filter-con .checkbox-inline input {
    top: 50%;
    margin-top: -7px;
}

.compare-list .filter-con .filter-btns {
    margin-top: 20px;
    text-align: center;
    padding-top: 10px;
}

.compare-list .filter-con .filter-btns .filter-btn {
    background: #272d5a;
    color: #fff;
    padding: 2px 25px;
    border: none;
    font-size: 17px;
    margin-right: 15px;
}

.nstSlider {
    background: #dfdfdf;
    height: 15px;
    width: 200px;
    top: 0px;
    left: 55px;
    display: inline-block;
}

.nstSlider .bar {
    background: #272e5a;
    height: 5px;
    top: 5px;
}

.nstSlider .leftGrip,
.nstSlider .rightGrip {
    width: 11px;
    height: 11px;
    top: 2px;
    background: #be0304;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.leftLabel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
}

.rightLabel {
    position: absolute;
    top: 0px;
    left: 260px;
    width: 50px;
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .nstSlider {
        width: 120px;
    }
    .rightLabel {
        left: 180px;
    }
}

.filter .filter-con .btn-group {
    margin-bottom: 20px;
}

#compare {
    font-family: 'Antonio Regular';
    padding: 0px 20px;
    height: 40px;
}

#compare .compareTxt {
    margin-right: 25px;
    display: inline-block;
}

#compare #compareAmount {
    margin-left: 5px;
}

#compare .btn-group {
    line-height: initial;
    padding: 7px 0;
    font-size: 17px;
}

#compare .clearAll,
#compare .compareBtn {
    margin-right: 10px;
    background: #3d3d82;
    border: none;
    padding: 1px 20px;
    color: #fff;
}

#compare .clearAll:hover,
#compare .compareBtn:hover {
    background: #32326b;
}

.sort {
    padding: 5px 20px;
}

.sort .form-control {
    font-size: 15px;
    height: 30px;
    padding: 3px 12px;
}

@media (max-width: 768px) {
    .sort {
        padding: 12px 20px;
    }
    .filter .filter-con {
        position: relative;
        box-shadow: none;
        background: #f8f8f8;
        padding: 20px;
    }
}

@media (max-width: 640px) {
    .filter .filter-con .checkbox-inline {
        width: 49%;
    }
    #compare {
        height: auto;
        line-height: inherit;
        padding-top: 10px;
    }
}

@media (max-width: 360px) {
    .filter .filter-con {
        padding: 20px 0;
    }
    .filter .filter-con .checkbox-inline {
        width: 100%;
    }
}

/*pdt-view
*****************************************/

section.pdtView {
    padding: 50px 0;
}
section.pdtView .pdt-photo {
    width: 100%;
    float: left;
}
section.pdtView .pdt-photo .carousel-main {
    float: left;
    width: calc(100% - 90px);
}

section.pdtView .pdt-photo .carousel-main .carousel-cell {
    width: 100%;
}
section.pdtView .pdt-photo .carousel-main .carousel-cell .videoBox {
    width: 100%;
}
section.pdtView .pdt-photo .carousel-main .carousel-cell .videoBox a {
    display: block;
}
section.pdtView .pdt-photo .carousel-main .carousel-cell .videoBox a::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(../img/icon_mediaPlay.png) center center no-repeat;
    z-index: 3;
}
section.pdtView .pdt-photo .carousel-main .carousel-cell .videoBox a:hover::before {
    background: url(../img/icon_mediaPlay_hover.png) center center no-repeat;
}
section.pdtView .pdt-photo .carousel-main .carousel-cell .videoBox a img {
    width: 100%;
}

section.pdtView .pdt-photo .carousel-nav {
    width: 90px;
    max-height: 375px;
    overflow-y: auto;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
}

section.pdtView .pdt-photo .carousel-nav .carousel-cell {
    height: 50px;
    width: 70px;
    margin: 5px auto 10px auto;
    cursor: pointer;
    opacity: 0.3;
}

section.pdtView .pdt-photo .carousel-nav .carousel-cell.is-nav-selected {
    opacity: 1;
}

section.pdtView .pdt-data h1 {
    padding-bottom: 10px;
    border-bottom: 3px solid #777;
}

section.pdtView .pdt-data h3 {
    font-size: 22px;
    color: #777;
    margin: 20px 0;
}

section.pdtView .pdt-data p {
    font-size: 18px;
    color: #777;
}

section.pdtView .pdt-data ul {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

section.pdtView .pdt-data ul li {
    font-size: 15px;
    line-height: 1.6;
    color: #777;
    margin-bottom: 2px;
}

section.pdtView .pdt-data .rating {
    margin-bottom: 20px;
}
section.pdtView .pdt-data .rating a {
    display: block;
    color: #555;
}

section.pdtView .pdt-data .rating a .star_holder {
    display: inline-block;
    padding: 0 5px 0 0;
}

section.pdtView .pdt-data .rating a .star_holder.noData {
    display: none;
}

section.pdtView .pdt-data .rating a .star_txt {
    display: inline-block;
    vertical-align: top;
    padding-left: 1rem;
}

section.pdtView .pdt-data .btns button {
    background: #272d5a;
    color: #fff;
    padding: 6px 20px;
    border: none;
    font-size: 17px;
}
@media (max-width: 991px) {
    section.pdtView .pdt-data h1 {
        margin-top: 50px;
    }
}
@media (max-width: 640px) {
    section.pdtView .pdt-photo {
        float: left;
        width: 100%;
        position: relative;
        padding-bottom: 70px;
    }
    section.pdtView .pdt-photo .carousel-main {
        float: left;
        width: 100%;
    }
    section.pdtView .pdt-photo .carousel-nav {
        width: 100%;
        position: absolute;
        bottom: 0px;
    }
    section.pdtView .pdt-photo .carousel-nav .carousel-cell {
        float: left;
        margin: 0 10px 0 0;
    }
}
@media (max-width: 479px) {
    section.pdtView .pdt-photo {
        padding-bottom: 80px;
    }
    section.pdtView .pdt-photo .carousel-nav .carousel-cell {
        width: 40px;
        height: 30px;
    }
    section.pdtView .pdt-data h1 {
        margin-top: 30px;
    }
}

/*product_overView
*****************************************/

section.pdtInfo {
    padding: 40px 0 60px 0;
}
@media (max-width: 480px) {
    section.pdtInfo {
        padding: 30px 0 40px 0;
    }
}

#features .infoImg {
    margin-bottom: 30px;
}
#features .infoImg img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
#features .infoBox {
    margin-bottom: 50px;
    font-size: 14px;
    min-height: 600px;
    padding: 0 40px;
}
#features .infoBox img {
    width: 100%;
    /*max-width: 300px;*/
    margin: 0 auto;
    display: block;
}
#features .infoBox h5 {
    font-family: 'Antonio Regular';
    font-size: 18px;
    text-align: center;
}
#features .infoBox p {
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
}
@media (max-width: 768px) {
    #features .infoBox {
        min-height: auto;
        margin-bottom: 30px;
    }
}
#specs .boxItem {
    margin-bottom: 30px;
}
#specs .boxItem h3 {
    padding-top: 0;
    font-size: 26px;
    border-bottom: 2px solid #be0404;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-top: 0;
}
#specs .boxItem .ddGroup:hover {
    background: #f5f5f5;
}
#specs .boxItem dt {
    font-family: 'Antonio Regular';
    font-weight: normal;
    width: 40%;
    display: inline-block;
    padding: 10px 5px;
    vertical-align: top;
}
#specs .boxItem dd {
    width: 58%;
    display: inline-block;
    padding: 10px 5px;
}

@media (max-width: 479px) {
    #specs .boxitem dt {
        width: 100%;
        padding: 8px 8px 0;
    }
    #specs .boxitem dd {
        width: 100%;
        padding: 5px 8px 10px;
    }
}

/*pdt-reviews
*****************************************/

#reviews .mediaList {
    margin: 20px 0 60px;
    position: relative;
    width: 100%;
    height: 100%;
}

#reviews .mediaList .item {
    width: 20%;
    height: auto;
    padding: 0px 5px;
}
#reviews .mediaList .itemCont {
    border: 1px solid #ddd;
    display: block;
    color: #337ab7;
}
#reviews .mediaList .itemCont .imgOverBox {
    padding-bottom: 56.25%;
}
#reviews .mediaList .itemCont .imgOverBox::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(../img/icon_mediaPlay.png) center center no-repeat;
    z-index: 3;
}
#reviews .mediaList .itemCont:hover .imgOverBox::before {
    background: url(../img/icon_mediaPlay_hover.png) center center no-repeat;
}
#reviews .mediaList .itemCont .imgBox {
    width: 100%;
}
#reviews .mediaList .itemCont .imgBox img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

#reviews .mediaList .itemCont .txtBox {
    padding: 10px 15px 5px;
    min-height: 92px;
}
#reviews .mediaList .itemCont .txtBox p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 44px;
}

#reviews .mediaList .itemCont:hover .txtBox p {
    text-decoration: underline;
}
#reviews .mediaList .itemCont .txtBox span {
    font-size: 14px;
    color: #555;
}
#reviews .ratingAll {
    text-align: center;
    margin: 10px 0;
}
#reviews .ratingCon {
    text-align: center;
}
#reviews .positiveInfo {
    background: #dfdfdf;
    padding: 15px 30px;
    position: relative;
    margin-bottom: 30px;
}
#reviews .positiveInfo::after {
    top: 100%;
    left: 85%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(223, 223, 223, 0);
    border-top-color: #dfdfdf;
    border-width: 16px;
    margin-left: -16px;
}
#reviews .positiveInfo h4 {
    text-align: center;
}
#reviews .positiveInfo .head {
    vertical-align: top;
}
#reviews .positiveInfo .head .txt {
    margin: 0 0 0 10px;
    display: inline-block;
    font-family: 'Antonio Regular';
    font-size: 15px;
}
#reviews .positiveInfo .con {
    font-size: 14px;
    padding: 15px 0;
}

@media (max-width: 1024px) {
    #reviews .mediaList .item {
        width: 25%;
    }
}

@media (max-width: 640px) {
    #reviews .mediaList .item {
        width: 33%;
    }
}

@media (max-width: 479px) {
    #reviews .mediaList .item {
        width: 50%;
    }
}

/* 評分系統 */
.reviews_summary {
    width: 100%;
    padding: 2rem 0 0;
}
.reviews_summary h2 {
    margin-top: 0;
    margin-bottom: 2.5rem;
}
.reviews_summary h4 {
    margin-top: 0;
}

.reviews_summary .snapshot {
    padding-bottom: 2rem;
}
.reviews_summary .snapshot ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.reviews_summary .snapshot ul li {
    padding: 3px 10px;
    display: block;
    color: #333;
}
.reviews_summary .snapshot ul li .title {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.reviews_summary .snapshot ul li .title span {
    font-size: 16px;
    line-height: 21px;
    padding: 0 3px;
}
.reviews_summary .snapshot ul li .content {
    width: calc(100% - 85px);
    display: inline-block;
    vertical-align: middle;
}
.reviews_summary .snapshot ul li .amount {
    display: inline-block;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.reviews_summary .average {
    padding-bottom: 2rem;
}
.reviews_summary .average ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font-size: 14px;
}
.reviews_summary .average ul li {
    padding: 5px 0px;
}
.reviews_summary .average ul li .title {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    color: #333;
}
.reviews_summary .average ul li .content {
    width: calc(100% - 120px);
    display: inline-block;
    vertical-align: middle;
}
.reviews_summary .average ul li .amount {
    display: inline-block;
    width: 50px;
    text-align: center;
    vertical-align: middle;
}
@media (min-width: 480px) {
    .reviews_summary .average ul li .title {
        width: 120px;
    }
    .reviews_summary .average ul li .content {
        width: calc(100% - 200px);
    }
}
@media (min-width: 768px) {
    .reviews_summary .snapshot {
        display: inline-block;
        width: calc(50% - 2px);
        vertical-align: top;
    }
    .reviews_summary .average {
        display: inline-block;
        width: calc(50% - 2px);
        vertical-align: top;
    }
}
.reviews_control_bar {
    width: 100%;
    margin: 20px 0;
    background: #ecebeb;
    padding: 1rem 1rem;
    display: flex;
    flex-direction: column;
}
.reviews_control_bar .amount {
    text-align: center;
    padding-bottom: 1rem;
}
.reviews_control_bar .amount p {
    margin: 0;
}
.reviews_control_bar .amount p span {
    padding: 0 0.4rem;
}
.reviews_control_bar .sort {
    padding: 0;
    text-align: center;
}
.reviews_control_bar .sort .caption {
    width: 19px;
    height: 19px;
    line-height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}
.reviews_control_bar .sort .caption a {
    font-family: 'Antonio Regular';
    font-size: 13px;
    display: block;
    background: #333;
    color: #fff;
    border-radius: 50%;
}
.reviews_control_bar .sort .caption .tooltip-inner {
    max-width: 300px;
    padding: 1rem;
    background-color: #fff;
    color: #333;
    border: 1px solid #000;
    text-align: center;
}
.reviews_control_bar .sort span {
    font-size: 13px;
}
.reviews_control_bar .sort select {
    padding: 2px 30px 2px 8px;
    margin-left: 6px;
    border: none;
    background: transparent;
    font-size: 13px;
}
@media (min-width: 990px) {
    .reviews_control_bar {
        flex-direction: row;
        align-items: center;
        padding: 1rem 2rem;
    }
    .reviews_control_bar .amount {
        flex: 3;
        text-align: left;
        padding-bottom: 0rem;
    }
    .reviews_control_bar .sort {
        flex: 1;
        min-width: 265px;
    }
}
.reviews_warp {
    width: 100%;
}
.reviews_warp .items {
    padding: 2rem 0;
    border-bottom: 1px solid #ddd;
}
.reviews_warp .items .items_head {
    padding-bottom: 0.5rem;
    display: flex;
}
.reviews_warp .items .items_head .avatar {
    max-width: 50px;
    flex: 1;
}
.reviews_warp .items .items_head .avatar img {
    width: 100%;
}
.reviews_warp .items .items_head .author {
    padding-left: 20px;
    flex: 2;
    padding-left: 20px;
}
.reviews_warp .items .items_head .author .star {
    display: block;
}
.reviews_warp .items .items_head .author .star .star_ratings {
    margin-left: -3px;
}

.reviews_warp .items .items_head .author .name {
    font-size: 16px;
}
.reviews_warp .items .items_head .author .time {
    font-size: 13px;
    color: #999;
    padding-left: 1rem;
}
.reviews_warp .items .items_content {
    padding: 1.5rem 0 0;
    display: flex;
    flex-direction: column;
}
.reviews_warp .items .items_content .message_box h4 {
    margin-top: 0;
}
.reviews_warp .items .items_content .message_box p {
    font-size: 13px;
}
.reviews_warp .items .items_content .message_box .questions {
    padding-top: 0.5rem;
}
.reviews_warp .items .items_content .message_box .questions p {
    font-family: 'Antonio Regular';
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 14px;
}
.reviews_warp .items .items_content .message_box .questions p span {
    font-family: 'Antonio Light';
    padding-left: 1rem;
}

.reviews_warp .items .items_content .ratings_box {
    padding: 1rem 0;
}
.reviews_warp .items .items_content .ratings_box .ratings_items {
    padding: 0rem 0 1.5rem;
}
.reviews_warp .items .items_content .ratings_box .ratings_items:last-child {
    padding: 0;
}
.reviews_warp .items .items_content .ratings_box .ratings_items h5 {
    margin-top: 0;
}

@media (min-width: 768px) {
    .reviews_warp .items .items_content {
        flex-direction: row;
        padding: 0.5rem 0 0;
    }
    .reviews_warp .items .items_content .message_box {
        flex: 3;
        padding-left: 70px;
    }
    .reviews_warp .items .items_content .ratings_box {
        flex: 1;
    }
}

/*pdt-support
*****************************************/

#support .boxItem {
    margin-bottom: 40px;
    word-break: break-all;
}
#support .boxItem h3 {
    padding-top: 0;
    font-size: 26px;
    border-bottom: 2px solid #be0404;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-top: 0;
}

#support .boxItem .con {
    padding-left: 35px;
}

#support .boxItem .con p {
    line-height: 2;
    vertical-align: top;
}

#support .boxItem .colTwo p {
    width: 48%;
    display: inline-block;
}

#support .boxItem .con a {
    text-decoration: underline;
    color: #333;
}
@media (max-width: 479px) {
    #specs .boxitem dt {
        width: 100%;
        padding: 8px 8px 0;
    }
    #specs .boxitem dd {
        width: 100%;
        padding: 5px 8px 10px;
    }
    #support .boxItem .con {
        padding-left: 15px;
    }
    #reviews .mediaList .item {
        width: 50%;
    }
}

/*support
*****************************************/

main.support {
    margin-bottom: 60px;
}
main.support .page-nav {
    padding: 15px 0 30px;
}

main.support .box {
    margin: 15px 0 0;
    font-size: 18px;
}

main.support .box h4 {
    font-size: 20px;
    /*text-decoration: underline;*/
    line-height: 1.4;
    font-weight: normal;
}

main.support .box p {
    margin-bottom: 30px;
}
main.support .box a {
    display: block;
    padding: 4px 0;
    color: #333;
}
main.support .box a:hover {
    color: #be0404;
}
main.support .box .remind {
    text-decoration: underline;
}
main.support .box ol li {
    margin-bottom: 10px;
}
main.support .box a.chat {
    text-align: center;
    display: block;
}

main.support .box a.chat img {
    margin: 0 auto;
}

@media (max-width: 991px) {
    main.support .box a.chat {
        text-align: left;
    }
    main.support .box a.chat img {
        margin: initial;
    }
}

main.support .form-group {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
main.support .textField {
    width: 100%;
    background: #dfdfdf;
    border: none;
    margin-bottom: 20px;
    padding: 5px 20px;
}

main.support .selectField {
    width: 100%;
    padding: 3px 17px;
    background: #dfdfdf;
    border: none;
    margin: 0;
    margin-bottom: 20px;
    color: #6d6d6d;
}
main.support .textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background: #dfdfdf;
}
main.support .checkboxField {
    width: 15px;
    height: 15px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}
main.support .queIcon {
    position: absolute;
    right: 30px;
    top: 4px;
    z-index: 10;
}
main.support .queCon {
    position: relative;
    background: #fff;
    border: 2px solid #ddd;
    display: none;
    margin-bottom: 20px;
}
main.support .queCon.open {
    display: block;
}
main.support .queCon::before {
    content: '';
    position: absolute;
    top: -16px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #ddd transparent;
    margin-left: -16px;
}
main.support .queCon::after {
    content: '';
    position: absolute;
    top: -13px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 14px 14px 14px;
    border-color: transparent transparent #fff transparent;
    margin-left: -14px;
}
main.support .verDiv {
    margin: 20px 0;
}
main.support .verDiv .verificationCode {
    display: inline-block;
    margin: 0 10px 15px;
}
main.support .verDiv .verificationCode img {
    width: 130px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ccc;
}
main.support .verDiv .warrantyTextfield {
    width: 150px;
}
main.support .verDiv a.refresh {
    font-size: 14px;
    color: #555;
    text-decoration: underline;
    margin-left: 10px;
    display: inline-block;
}
main.support .btnDiv {
    margin: 10px 0;
    text-align: center;
}
main.support .btnDiv .btnSubmit {
    background: #272d5a;
    color: #fff;
    padding: 3px 20px;
    border: none;
    font-size: 17px;
}
main.support #upload_label {
    position: relative;
}
main.support #upload_label input {
    display: none;
}
main.support #upload_label span {
    font-weight: 400;
    letter-spacing: 0;
    color: #777;
}
main.support #upload_label i {
    position: absolute;
    right: 1rem;
}
.archiveCon {
    padding: 40px 0;
}
.archiveCon form {
    margin-bottom: 50px;
}
.archiveCon form .btn {
    height: 46px;
    padding: 10px 16px;
}

.archiveCon a.links {
    display: block;
    margin-bottom: 45px;
}

/*recycling profiles
*****************************************/
main.recycling {
    margin: 40px 0 60px;
}
main.recycling .con {
    color: #060;
    padding: 20px 0;
}

/*faq
*****************************************/
main.faq {
    padding: 0 0 100px;
}
main.faq .faqIconMenu {
    padding: 0rem 0 1rem;
}
main.faq .faqIconMenu .items {
    display: inline-flex;
    width: calc(50% - 3px);
    margin-bottom: 10px;
}
main.faq .faqIconMenu .items a {
    display: block;
    text-align: center;
    padding: 20px 30px;
    width: 100%;
    border: 1px solid #eee;
}
main.faq .faqIconMenu .items a:hover {
    border: 1px solid #717171;
}
main.faq .faqIconMenu .items a.active {
    border: 1px solid #be0404;
}
main.faq .faqIconMenu .items a img {
    max-width: 90px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
main.faq .faqIconMenu .items a span {
    font-size: 15px;
    color: #333;
}

@media (min-width: 480px) {
    main.faq .faqIconMenu .items {
        width: calc(33% - 4px);
    }
}
@media (min-width: 990px) {
    main.faq .faqIconMenu .items {
        width: calc(25% - 3px);
    }
}
@media (min-width: 1200px) {
    main.faq .faqIconMenu .items {
        width: calc(16% - 0px);
        min-height: 176px;
        margin-bottom: 10px;
    }
}

main.faq .faqList {
    margin-top: 15px;
}
main.faq .faqList .item {
    padding-bottom: 15px;
}
main.faq .faqList .title {
    margin: 0px;
    padding: 5px 0px 5px 30px;
    color: #be0404;
    background-repeat: no-repeat;
    background-position: 1px 5px;
    background-image: url(../img/icon_showBox_close.png);
    cursor: pointer;
    width: auto;
}
main.faq .faqList .title.titleClose {
    background-image: url(../img/icon_showBox_open.png);
}
main.faq .faqList .content {
    padding: 10px 30px;
    display: none;
}

main.faq .faqList .content ol,
main.faq .faqList .content ul {
    padding-left: 18px;
}

main.faq .faqList .content ol li,
main.faq .faqList .content ul li {
    padding-bottom: 5px;
}

main.faq .faqList .itemMix {
    padding-bottom: 15px;
}

main.faq .faqList .itemMix .content .text {
    width: 53%;
    display: inline-block;
    vertical-align: top;
}
main.faq .faqList .itemMix .content .infoImg {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
}
@media (max-width: 640px) {
    main.faq .faqList .itemMix .content .text {
        width: 100%;
        display: block;
    }
    main.faq .faqList .itemMix .content .infoImg {
        width: 100%;
        display: block;
    }
}

/*save_member
*****************************************/
.save_member {
    max-width: 450px;
    padding: 30px;
    margin: 0 auto;
}
.save_member h4 {
    font-size: 20px;
    margin: 0 0 15px;
}
.save_member hr {
    margin-top: 0px;
    margin-bottom: 25px;
    border-top: 1px solid #aaa;
}
.save_member .key #newsletter_captcha {
    display: inline-block;
    width: 150px;
    margin: 0 10px 0 0;
    padding: 0px;
    border: 1px solid #ccc;
}

.save_member .key .newsletter_captcha_refresh {
    font-size: 14px;
    display: inline-block;
    vertical-align: bottom;
    color: #333;
}
.save_member .key .newsletter_captcha_refresh:hover {
    text-decoration: underline;
}
.save_member .key .btns {
    text-align: center;
    padding: 12px 0 0;
}
.save_member .key .btns button {
    font-size: 16px;
    padding: 4px 20px;
    background: #be0404;
    color: #fff;
    border: none;
}

.save_member .done p,
.save_member .error p {
    font-family: 'Antonio Regular';
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 0;
    color: #5f5c5c;
}

/*****************profiles start*************************/

main.profiles {
    margin: 40px 0 60px;
}
main.profiles #paList {
    padding: 20px 0 10px;
}
main.profiles #paList #privacy {
    color: #6f706f;
    padding-right: 20px;
    padding-left: 20px;
}
main.profiles #paList #privacy h5 {
    color: #3f453f;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
}
#profiles {
    font-size: 15px;
    font-weight: normal;
    color: #555;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
}
#profiles p {
    margin-bottom: 25px;
}
#profiles .Introduction {
    font-size: 18px;
    color: #000;
    display: block;
    line-height: 24px;
    padding-bottom: 20px;
}
#profiles h3 {
    margin: 20px 0px 0px;
    padding: 0px;
    color: #000;
}
#profiles ul {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}
#profiles ul li {
    background-image: url(../img/profiles/bullet_download_list.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
    list-style-type: none;
}
#profiles #distributors {
    margin: 15px 0;
    padding: 0px;
}

#profiles #distributors li {
    background-image: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#quickFacts {
    width: 100%;
    color: #666;
}
#quickFacts h3 {
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#quickFacts ul {
    font-size: 13px;
    width: 100%;
    line-height: 18px;
    list-style-type: none;
    padding-left: 0;
}
#quickFacts ul li {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}
#quickFacts ul li label {
    display: inline-block;
    width: 90px;
    font-weight: bold;
    margin: 0;
    vertical-align: top;
}
#quickFacts ul li p {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: calc(100% - 100px);
}
#landingKV {
    width: 100%;
    margin-bottom: 30px;
}
/*****************profiles end*********************/

.mian_title_noKV {
    margin-top: 60px;
}
/*product_Spec
*****************************************/
#specTop span {
    padding-right: 35px;
}
#specTop span a {
    padding-left: 23px;
}
#specTop span a:hover {
    text-decoration: underline;
}
#specTop #print {
    background: url(../img/icon_spec_print.png) no-repeat;
}
#specTop #mail {
    background: url(../img/icon_spec_mail.png) no-repeat;
}
#specTop #download {
    background: url(../img/icon_spec_download.png) no-repeat;
}
#specTable {
    width: 100%;
    margin: 20px 0px 0px;
    padding: 0px;
}
#specTable .specItem {
    margin-bottom: 17px;
}
#specTable .specItem .table {
    border-bottom: 1px solid #ccc;
}
#specTable .specItem .title {
    margin: 0px;
    padding: 0px 0px 0px 11px;
    font-weight: bold;
    font-size: 14px;
    line-height: 33px;
    background-color: #bdbdbd;
    height: 33px;
}
#specTable .specItem .title a {
    font-family: 'Antonio Regular';
    font-weight: initial;
    background-repeat: no-repeat;
    background-position: 0px center;
    color: #333;
    padding-left: 20px;
    display: block;
}
#specTable .specItem .title .collapse {
    background-image: url(../img/btn_spec_close.png);
}
#specTable .specItem .title .expand {
    background-image: url(../img/btn_spec_open.png);
}
/*-----Product Comparison--------------------*/
#productPic {
    width: 100%;
    float: left;
    color: #333;
}
#productPic th {
    width: 139px;
    min-width: 74px;
    border-right: 1px solid #b4b4b4;
}
#productPic th,
#productPic td {
    padding: 12px;
}
#productPic td {
    border-right: 1px solid #b4b4b4;
    text-align: center;
    min-width: 96px;
}
#productPic td a {
    display: block;
    max-width: 100%;
}
#productPic td a img {
    max-width: 100%;
}

#productPic .type {
    font-family: 'Antonio Regular';
    font-weight: initial;
    text-align: center;
    display: block;
    padding-top: 20px;
    color: #444;
}
#productPic .type:hover {
    color: #c20;
}
#printProductPic {
    display: none;
}
#specTop {
    float: left;
    width: 390px;
    margin-top: 30px;
    list-style-type: none;
    padding: 0;
}
#specTop li {
    float: left;
    padding-right: 25px;
}
#specTop li a {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    padding-left: 21px;
}
#specTop li a:hover {
    text-decoration: underline;
}
#specTop #print {
    background-image: url(../img/icon_spec_print.png);
}
#specTop #mail {
    background-image: url(../img/icon_spec_mail.png);
}
#specTop #download {
    background-image: url(../img/icon_spec_download.png);
}
#specExpand {
    float: right;
    margin-top: 30px;
    list-style-type: none;
    padding: 0;
}
#specExpand li {
    float: right;
    padding-left: 25px;
}
#specExpand li a {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: left 4px;
    height: 18px;
    padding-left: 15px;
}
#specExpand li a:hover {
    text-decoration: underline;
}
#specExpand #expandAll {
    background-image: url(../img/btn_spec_open.png);
}
#specExpand #collapseAll {
    background-image: url(../img/btn_spec_close.png);
}
#specTable {
    float: left;
    width: 100%;
    margin: 7px 0px 0px;
    padding: 0px;
}
#specTable .specItem {
    float: left;
    width: 100%;
    margin-bottom: 17px;
    position: relative;
}
#specTable .specItem .title {
    margin: 0px;
    padding: 0px 0px 0px 11px;
    font-weight: bold;
    font-size: 14px;
    line-height: 33px;
    background-color: #bdbdbd;
    height: 33px;
    float: left;
    width: 100%;
    display: block;
}
#specTable .specItem .title .collapse {
    background-image: url(../img/btn_spec_close.png);
}
#specTable .specItem .title .expand {
    background-image: url(../img/btn_spec_open.png);
}
#specTable .specItem .content {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #333;
}
#specTable .specItem .content th,
#specTable .specItem .content td {
    padding: 6px 12px;
    border-bottom: 1px solid #b4b4b4;
}
#specTable .specItem .content th {
    width: 139px;
    font-family: 'Antonio Regular';
    font-weight: normal;
}
#specTable .specItem .content td {
    border-left: 1px solid #b4b4b4;
}
#specTable .specItem .energyGuideLabel {
    position: relative;
}
#specTable .specItem .energyGuide {
    position: absolute;
    left: 0px;
    top: -10px;
    z-index: 99;
    padding: 1px;
    display: none;
    background-color: #000;
}
.komodologo {
    display: block;
    width: 192px;
    margin: auto;
    padding: 5px;
}
/*****product_search****/
#customers
  {
  width:100%;
  border-collapse:collapse;
  text-align:center;
  }
 
#customers td, #customers th 
  {
  font-size:1em;
  padding:8px 7px 8px 7px;
  }

#customers th 
  {
	font-size:1.1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#FFFFFF;
	color:#333333;
	border-bottom: 4px solid #666565;
  }

#customers tr.alt td 
  {
  color:#000000;
  background-color:#e9e6e6;
  
  }
 #customers td a:link
        {
            color: #000000;
        }
 #customers td a:visited
  {
    color: #000000;
   }
 #customers td a:hover {
  color: #0fa1b2;
  text-decoration:underline;
 }
.btndw {
    padding-right: 30px;
    background: url(../img/icon_spec_dw.png) right center no-repeat;
}
/*COVID-19
*****************************************/
main.COVID-19 {
    margin: 40px 0 60px;
}

main.COVID-19 .tab-content {
    padding: 1rem 0.5rem;
    text-align: center;
}

main.COVID-19 .tab-content .items {
    display: inline-block;
    width: 24%;
    padding: 0.2rem;
    margin-bottom: 0;
}
main.COVID-19 .tab-content .items img {
    max-width: 100%;
    margin: auto;
}
@media (min-width: 640px) {
   
main.COVID-19 .tab-content .items {
       
        width: 24%;
    }
}
@media (min-width: 1024px) {
    
main.COVID-19 .tab-content {
        padding: 3rem 1rem;
    }
main.COVID-19 .tab-content .items {
        width: 12%;
    }
}

/**********************/


.topCOVID-19 {
    
	color: #fff;
    background-color: #c2bfbf;
}

 .topCOVID-19 .content_txt {
    text-align: center;
    margin: 0.5rem;
}
.topCOVID-19 a:link {
	
	color:#ffffff;
}
.topCOVID-19 a:visited  {
	
	color:#d9d9d9;
}
.topCOVID-19 a:hover {
	
	color:#ffffff;
}
.topCOVID-19 a:active {
	
	color:#000000;
}
.COVID-19icon {
    padding-right: 20px;
    background: url(../img/COVID-19icon.png) right center no-repeat;
}

/*********************hiring****************/
main.hiring {
    margin-bottom: 60px;
}
main.hiring .page-nav {
    padding: 15px 0 30px;
}

main.hiring .box {
    margin: 15px 0 0;
    font-size: 14px;
}

main.hiring .box h4 {
    font-size: 18px;
    /*text-decoration: underline;
    line-height: 1.4;*/
    font-weight: normal;
	color: #008BF0;
}

main.hiring .box a {
    display: block;
    padding: 4px 0;
    color: #333;
}
main.hiring .box a:hover {
    color: #be0404;
}

.hiring .box{
	border: 1px #ccc solid;
    border-radius: 10px;
    padding: 15px;
}

.Apply_btn {
   float:right;
   text-align: right;
   padding: 5px ;
   text-decoration: none;
}

.Apply_btn:hover {
    /*border: 1px #ccc solid;
    border-radius: 3px;*/
    padding: 5px;
}

.hiringsearch {
    padding: 30px 0 0 0;
}
.hiringsearch form {
    margin-bottom: 5px;
}
.hiringsearch form .btn {
    height: 46px;
    padding: 10px 16px;
}

.hiringsearch a.links {
    display: block;
    margin-bottom: 45px;
}