a Line Men's Stay Gold 套裝
a Line Men's Stay Gold 套裝
存貨單位 (SKU):7fa42ccd-e9ee-41fe-bb3d-8a0b8fab7618
無法載入取貨服務供應情況
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link href="https://thermaltake.azureedge.net/pub/media/wysiwyg/key3/assets/css/bootstrap.min.css" rel="stylesheet"> -->
<!-- <link href="https://thermaltake.azureedge.net/pub/media/wysiwyg/key3/assets/css/bootstrap.min.css" rel="stylesheet"> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@3.6.12/dist/css/splide.min.css"> -->
<!-- Bootstrap -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> -->
</head>
<body>
<style>
.padding3 {
padding: 3%;
}
.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 td {
width: 24%;
line-height: 20px;
}
tbody tr th {
font-weight: 400;
}
.tb_title {
width: 100%;
font-size: 20px;
text-align: center;
line-height: 45px;
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: 45%;
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;
}
.justify-content-center-sm {
justify-content: center;
}
}
@media (max-width:992px) {
.w80table {
width: 100%;
margin: 0 auto;
}
}
</style>
<div class="bg_black_ ">
<div class="container-fluid padding3">
<div class="row flex-row-reverse">
<div class=" col-md-4 col-xs-12 ">
<h2 class="fontCW w80 font45 color000">產品特色
</h2>
<p class="font18 Color666 w80 ">
透氣結構：腳底、腳背透氣結構，排汗且通風。
<br><br>
品牌識別細節：品牌圖騰讓設計更具一致性與高級感。
</p>
</div>
<div class="col-md-8 col-xs-12">
<div class="container plr0">
<div class="row">
<div class="col-6 plr0" style="padding-right: 7.5px !important; ">
<img
src="https://www.ttbike185.com/pub/media/wysiwyg/key3/img/ttbici_product/accessories/Team_Socks_Grey/01.jpg"
class="w-100">
</div>
<div class="col-6 plr0" style="padding-left: 7.5px !important;">
<img
src="https://www.ttbike185.com/pub/media/wysiwyg/key3/img/ttbici_product/accessories/Team_Socks_Grey/02.jpg"
class="w-100">
</div>
</div>
</div>
</div>
</div>
<!-- <div class="row paddingt2">
<div class="col-md-4 col-xs-12 ">
<h2 class="fontCW w80 font45 color000">細節資訊
</h2>
<p class="font18 Color666 w80 ">
精緻電繡：展現品牌質感與獨特辨識度。
<br><br>
反光縫線：可提高在低光源環境下的可見度，強化夜間安全。
</p>
</div>
<div class="col-md-8 col-xs-12">
<div class="container plr0">
<div class="row justify-content-center-sm">
<div class="col-6 plr0" style="padding-right: 7.5px !important;">
<img
src="https://www.ttbike185.com/pub/media/wysiwyg/key3/img/ttbici_product/accessories/Team_Socks_Grey/03.jpg"
class="w-100">
</div>
<div class="col-6 plr0" style="padding-left: 7.5px !important;">
<img
src="https://www.ttbike185.com/pub/media/wysiwyg/key3/img/ttbici_product/accessories/Team_Socks_Grey/04.jpg"
class="w-100">
</div>
</div>
</div>
</div>
</div> -->
</div>
<div class="container padding3">
<div class="row">
<div class="col-12">
<img
src="https://www.ttbike185.com/pub/media/wysiwyg/key3/img/ttbici_product/accessories/Team_Socks_Grey/03.jpg">
</div>
<div class="col-12 paddingt2">
<img
src="https://www.ttbike185.com/pub/media/wysiwyg/key3/img/ttbici_product/accessories/Team_Socks_Grey/04.jpg">
</div>
</div>
</div>
<!-- <div class="container padding3">
<div class="uline_tech_t_shirt_size_guide"></div>
</div> -->
</div>
<script src="https://www.ttbike185.com/pub/media/wysiwyg/key3/js/products/load_ttbici.js"></script>
</body>
</html>
