TSC 短袖快乾男性上衣 / 橄欖綠

.paddingt2 { padding-top: 2%; } .font45 { font-size: 24px; font-weight: 800; line-height: 1.4; letter-spacing: 1px; } .font18 { text-align: left; line-height: 26px; font-size: 18px; color: #202C46; } .plr0 { padding-left: 0 !important; padding-right: 0 !important; } /* Table */ table { width: 100%; table-layout: fixed; } .table td { line-height: 20px; } /* table tr td { width: calc(100% / 8); } */ /* table tr :nth-child(1) { width: 15%; } */ tbody tr th { font-weight: 400; } .tb_title { width: 100%; font-size: 20px; text-align: center; line-height: 45px; color: #000; /* margin-top: 3%; */ } .Table_Box { width: 100%; margin: 0 auto; top: 0; display: flex; } .table_pattern { margin-bottom: 3%; } .Table_content { /* min-height: 700px; */ /* font-size: 8px; */ width: 100%; overflow: auto; } .Table_content .table { text-align: center; cursor: pointer; } .table1 { border-top: 1px solid rgb(75, 75, 75) !important; font-size: 14px; } .Table_content .table.table1 thead>tr>th { font-weight: 600; border-bottom: 2px solid rgb(75, 75, 75) !important; z-index: 200; } .Table_content .table.table1 thead th { padding: 6px; } .Table_content .table tbody tr { z-index: 100; border-bottom: 1px solid rgb(223, 223, 223); } .Table_content .table tr:last-child { border-bottom: 1px solid rgb(75, 75, 75); } table.table1 tr td, table.table1 tr th, table.table tr td, .panelA-title { padding: 10px; /* border-top: 1px solid rgb(255, 255, 255) !important; */ white-space: nowrap; position: relative; z-index: 100; text-align: center; } table.table1 td:hover { background-color: #d6d6d6; z-index: 3; transition: ease-in 0.2s; } table.table1 td:hover:after { content: ""; position: absolute; background-color: rgba(194, 194, 194, 0.37); left: 0; top: -5000px; height: 10000px; width: 100%; z-index: -2; } .Table_content .table.table1 th:hover { z-index: 0; } .table1 tr:hover { background-color: #d6d6d6; z-index: 3; transition: ease-in 0.2s; } table.table1 { overflow: hidden; } table.table1 td { white-space: nowrap; padding: 8px 16px; position: relative; text-align: center; z-index: 3; } table.table1 tr { z-index: 2; } .panelA-title { border-top: 1px solid #212529; border-bottom: 2px solid #212529; padding: 6px; } .panelA-title:hover { background-color: #d6d6d6; } .panelA-default>.panelA-heading a { color: #333; font-size: 16px; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 20px 40px; } .default-style .resp-tabs-container .resp-tab-content { display: block !important; } .Table_img { display: flex; } .Table_imgbox { top: 10px; /* position: absolute; */ /* position:sticky ; position: -webkit-sticky; */ height: 500px; /* background-color: #5e5e5e; */ width: 100%; background-image: url(https://tommasini.com.tw/pub/media/wysiwyg/key3/img/tommasini_product/fire_green/tableimg.jpg); background-size: contain; background-repeat: no-repeat; } .panelA-title { cursor: pointer; text-align: left; } .panelA-collapse { display: none; width: 100%; } .glyphicon-menu-up:before { content: "-"; } .glyphicon-menu-down::before { /* content: '\f196'; */ content: "+"; } .more-less { float: right; color: #333333; } .w80table { width: 50%; margin: 0 auto; } @media (max-width:1300px) { table.table1 tr td, table.table1 tr th, table.table tr td { padding: 10px 5px; } .Table_Box { width: 100%; } .Table_content, .Table_imgbox { min-height: auto; } } @media (max-width:768px) { .Table_Box { display: block; margin: 0 auto; } .Table_content, .Table_imgbox { position: static !important; } .Table_content .table.table1 th { padding: 10px 5px; } } @media (max-width:992px) { .w80table { width: 100%; margin: 0 auto; } table { width: 100%; table-layout: auto; } } .txt_contact ul { list-style: disc; padding-left: 45px; }