<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">*{
padding: 0;
margin: 0;
font-family: "Microsoft JhengHei";
}
body {
padding-top: 0px;
}
div{
margin: 0;
padding: 0;
}
a{
color: #040000;
text-decoration: none;
}
.item .title{
font-size: 32px;
font-family: 'Noto Serif TC';
font-weight: 600;
padding-bottom: 30px;
}
.item .text{
font-size: 18px;
line-height: 32px;
color: #231815;
}
.area3 .row{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
margin: 0;
}
.area3 .item img,.item .img img{
width: 100%;
}
/* area3 */
.area3 {
background-color: rgba(255, 255, 255, 0);
padding:0;
}
.area3 .row .item:nth-child(1){
width: 30%;
text-align: center;
margin: auto;
}
.area3 .row .item{
width: 60%;
margin: 0;
}
.area3 .row .item .content{
width: fit-content;
margin: 0;
}
.area3 .row .item img{
height: 100%;
}
.area3 .item .title{
font-size: 21px;
text-align: left;
}
.area3 .item .text{
font-size: 16px;
line-height: 32px;
text-align: left;
}
.area3 .item .text a{
color: #231815;
text-decoration: underline;
transition: color 0.5s;
}
.area3 .item .text a:hover{
color: #5F5592;
background-color: rgba(255, 255, 255, 0);
}
/* area3--reverse */
.reverse{
background-color: rgba(255, 255, 255, 0);
}
.reverse .row .item:nth-child(2){
width: 30%;
margin: auto;
}
.reverse .row .item:nth-child(1){
width: 60%;
text-align: center;
margin: 0;
}
@media screen and (max-width:991px){
.area3 .row{
flex-wrap: wrap-reverse;
}
.area3 .row .item .content{
padding: 40px 0px;
}
.reverse .row{
flex-wrap: wrap;
}
.ir-title{
padding-bottom: 10px;
}
.area3 .row .item,
.area3 .row .item:nth-child(1),
.reverse .row .item:nth-child(2){
width: 100%;
}
.area3 .item .title,
.area3 .item .text{
padding: 0 4%;
}
}
@media screen and (max-width:465px) {
.area3 .item .title{
font-size: 21px;
}
}
</style>
<!-- area3-reverse -->
<div class="area3 reverse">
<div class="row">
<div class="item"><img src="https://irst.blob.core.windows.net/static/ir/wedding%20collection/wedding-4.jpg" /></div>
<div class="item">
<div class="content">
<div class="title"><u><a href="http://www.idearock.com.tw/ir/Product/ksh563">前往同款純銀婚戒</a></u></div>
<div class="text">IR貼心之選,為預算省下更多空間<br />
以純淨銀光點綴每個日常,現貨不必久候<br />
<a href="https://www.idearock.com.tw/ir/Product/ksh563">前往選購></a></div>
</div>
</div>
</div>
</div>
<!-- area3 -->
<div class="area3">
<div class="row">
<div class="item">
<div class="content">
<div class="title">訂製商品說明</div>
<div class="text">訂製商品包含鉑金、K金、訂製雙色或訂製寶石款式戒指</div>
<div class="text">1.訂製商品需先付費,才開始進行訂製。<br />
2.製作天數為20個工作天(不包含假日)<br />
3.訂製商品為客製商品,不可退換貨。<br />
4.享有30天免費保固。</div>
<div class="text">5.純銀電鍍會因時間而褪色。</div>
</div>
</div>
<div class="item"><img src="https://irst.blob.core.windows.net/static/ir/custom.jpg?sv=2018-03-28&ss=bfqt&srt=sco&sp=rwdlacup&se=2030-10-18T16:57:18Z&st=2019-10-18T08:57:18Z&spr=https&sig=L8mIiO2IPv%2FfLa%2B55AajCAqqpbBIg70lA4jo%2FNkL43I%3D" /></div>
</div>
</div>
<!-- area3-reverse -->
<div class="area3 reverse">
<div class="row">
<div class="item"> </div>
</div>
</div>