@charset "utf-8";

.t_max {}

.t_max #style {margin-top: 184px;}

.t_max .topInfo {background: url(/assets/images/product/t_max/back.jpg) no-repeat; background-size: cover;}
.t_max .topInfo .wrapB {padding-top: 10px}
.t_max .topInfo .txtImg .c60 {padding-top: 150px}
.t_max .topInfo .txtImg .c60 .txtImgTitle {width:100%}
.t_max .topInfo .txtImg .c40 {top:160px;}
.t_max .topInfo .txtImg .c40 img {float:right;}

.t_max .sticker {padding:5px 12px 1px}
.t_max .sticker p {font-size: 14px;}
.t_max .sticker p:last-child {font-size: 17px;}

.t_max .cs {margin:0 0 10px 0; border:1px solid #d4d4d4; padding:3%; width:94%}
.t_max .cs p {color:#202628}
.t_max .cs span {margin-top: 3px}
.t_max .cs .earWrap {margin-top: 20px;}
.t_max .cs .earWrap img {cursor: pointer;}
.t_max .cs > .left {border-right:1px solid #d4d4d4; box-sizing: border-box; padding-left: 90px;}
.t_max .cs .productWrap {margin-top: 5px; padding:0}
.t_max .cs .flexWrap img {margin-top: 5px}

.t_max .grayTxt1 {margin-top: 80px;}
.t_max .grayTxt1 li {float:left; margin-left: 12px}
.t_max .grayTxt1 li:first-child {margin-left:0}

.t_max .tab-buttons span {width:25%; box-sizing: border-box;}

.t_max #soundCore img {width:100%; float:left;}
.t_max#feature {margin-top: 110px; padding:50px 0}
.t_max#feature h3 {margin-bottom: 10px;}
.t_max#feature p {font-size: 1.2em;}
.t_max#feature table {margin-top: 50px;}
.t_max #compression .right {text-align: right; margin-top: 20px;}
.t_max #compression img {max-width:80%;}
.t_max .productTable tr th {width:25%; padding:0 0 5px 0}
.t_max .productTable tr td {width:25%;}
.t_max #manager .left {width:55%}
.t_max #manager .imgWrap {margin-top: 20px;}
.t_max #manager .imgWrap img { max-width: 80%; float:right;}

.t_max .tabList .div {background: #fff; display: none;}

@media (max-width: 800px) {
    .t_max #style {margin-top: 92px;}

    .t_max .topInfo .txtImg .c40 {position: static; margin-bottom: 5%;}
    .t_max .topInfo .txtImg .c40 img {margin-top: 10%; float:none;}
    .t_max .topInfo .txtImg .c60 {padding-top: 0; margin-top: 0}

    .t_max .cs {margin-bottom: 20px;}
    .t_max .cs .productWrap > div {text-align: center;}
    .t_max .cs .productWrap {padding:0 10%; box-sizing: border-box;}
    .t_max .cs > .left {border:none; width:100%; padding:0;}
    .t_max .cs .earWrap {width: 100%;display: flex;align-items: center;justify-content: center;}
    .t_max .tab-buttons {width:100%}
    .tab-buttons>span.active {border:none;}
    .t_max .ear2 {position: absolute; right:0; bottom:0; margin-top: 0; margin-right: 0}
    .cs .c33 {text-align: center; width: 100%}


    .t_max .grayTxt1 {width: 428px;float: none;margin: 0 auto;}
    .t_max .grayTxt1 li {margin-left: 0}
    .t_max .grayTxt1 li:nth-child(even) {margin-left: 4px}

    .t_max .tab-buttons span {width:50%;}
    .t_max .tabList {background: #fff}
    .t_max .tabList .div {display: block;}

    .t_max #compression .left {width:100%}
    .t_max #compression .right {width:100%; text-align: center; margin-top: 50px;}
    .t_max #manager .left {width:100%;}
    .t_max #manager .imgWrap {text-align: center; width:100%;}
    .t_max #manager .imgWrap img {float:none;}
}

@media (max-width: 420px) {
    .t_max .topInfo .txtImg .c40 img {width:40%;}
    .t_max .c50 {width:50%;}
    .t_max .ear2 {position: static}

    .t_max .grayTxt1 {width: 208px;float: none;margin: 0 auto;}
    .t_max .grayTxt1 li {margin-left: 0}
    .t_max .grayTxt1 li:nth-child(even) {margin-left: 0px}

}

@media (max-width: 325px) {
    .t_max .cs span {margin-left: 0}
}