/*產品頁*/
/*--右上方品牌名稱--*/
.product-top small{
    color:#c5c5c5;
	}
/*--右上方商品名稱--*/
.product-top h3{
		font-weight: inherit;
		font-size: 21px;
		margin-bottom: 0;  
	}
.product-top h4{
		margin-top: 0;
	}
.product-top .pricebox{
		margin: 0 0 15px;
	}
.product-top .pricebox .price{
		font-size: 20px;
		float: left;
		margin-right: 10px;
	}
.product-top .pricebox .s_price{
		font-size: 20px;
		color: #ea5550;
	}
.product-top .product-img{
		padding: 0;
	}
.product-top .product-img{
		padding: 0;
	}
.CommunityIcon{
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
.CommunityIcon a {
        color: #cacaca;
        font-size: 15px;
        margin: 0 5px;
    }
.price-size p{
		font-size: 11px;
	}
.Size-border-right{
		border-right: 2px dotted #898989;
	}
.product-option-list div{
		margin-bottom: 10px;
	}
.addcart{
	    height: 53px;
	    width: 100%;
	    min-width: 173px;
	    border: 0;
	    background: #ea5350;
	}
.product-mid  h5.title{
		color: #a79e93;
		font-weight: 700;
		margin-bottom: 5px; 
	}
.product-mid .writing{
		font-size: 13px;
		color: #454545;
	}
.explain{
		border-top: 1px dashed #878787;
		padding-top: 25px;
		margin-top: 25px;
	}
	.explain h5.title{
		display: none;
	}
	.explain .writing{
		color: #a9a9a9;
		font-size: 11px;
	}
	.border-none{
		border: none;
	}
	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 10px;
	    height: 0;
	    overflow: hidden;
		}

	.video-container iframe {
	    position: absolute;
	    top:0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 0 15px;
	}
	.SectionBox .related{
		margin-top: 10px;
	}
	.product-end .product-text .product-name , .product-end .product-text .product-price{
		font-size: 13px;
	}
	.Designers{
		background: #e1d9ce;
	}
	.Designr-img{
		
	}
	.Designr-name{
		font-size: 15px;
		font-family: 'Avenir';
		padding: 15px 10px;
	}
	.Designr-name span{
		font-weight: 900;
	}
	.fa-minus{
		font-size: 9px;
	}
	.plus{
		font-size: 9px;
		display: none;
	}
	.plus .fa-plus{
		color: #fff; 
	}
	.CommunityIcon{
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	.CommunityIcon a{
		color: #cacaca;
		font-size: 15px;
		margin: 0 5px;
	}

	.listbox .row .col-sm-3.col-xs-6{
		margin-bottom: 30px;
	}
	.img-armor{
		background: rgba(0, 0, 0, 0.5);
	    bottom: 0;
	    left: 15px;
        right:0;
	    position: absolute;
        
	}
	.img-armor p{
		width: 100%;
		padding: 5% 15%;
		color: #fff;
        font-size:14px;
	}
    .img-armor1{
		background: rgba(0, 0, 0, 0.5);
	    bottom: 0;
	    left: 15px;
        right:0;
	    position: absolute;
        
	}
	.img-armor1 p{
		width: 100%;
		padding: 5% 15%;
		color: #fff;
        font-size:14px;
	}
.img-armor2 {
    background: rgba(0, 0, 0, 0.05);
        border-radius: 25px;
        text-align:center;
        margin:0 auto;
        width:auto;
        display:table;
}
.img-armor2 p{
		width: auto;
		padding: 5px 20px 5px 20px;
		color: #a79e93;
        font-size:14px;
        display:inline-block;
        margin:0;
	}
    .fromtitle{
	margin: 0 0 15px;
	width: 100%;
}
.fromtitle span{
	color:#cacaca;
    font-size: 13.74px;
    font-weight: 300;
    margin: 0 0 20px;
	font-family: '微軟正黑體';
}
@media (max-width: 900px) {
    .Designr-name{
		padding: 5px 10px;
	}
	.product-end .product-text .product-name , .product-end .product-text .product-price{
		font-size: 11px;
	}
}
@media (max-width: 767px) {
    .product-top{
		text-align: center;
	}
	.product-top .pricebox .price{
		float: none;
	}
	.product-option-list div{
		margin-bottom: 10px;
	}
	.product-mid  h5.title{
		text-align: left;
		cursor: pointer;
	}
	.product-mid .writing{
		text-align: left;
	}
	.product-end div{
		margin-bottom: 10px;
	}
	.explain .writing{
		font-size: 13px;
	}
	.product-end .product-text .product-name{
		display: none;
	}
	.product-end .product-text .product-price{
		display: none;
	}
	.listbox .row .col-sm-3.col-xs-6{
		margin-bottom: 20px;
	}
	.plus{
		display: inline-block;
	}
	.product-mid.row .col-xs-12.col-sm-6 , .product-mid.row .col-xs-12.col-sm-5{
		padding: 0;
	}
	.fa-minus{
		display: none;
	}  
	.Designr-name{
		padding: 15px 10px;
	}
	.product-top h4{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.price-size{
		border-top: 2px dotted #898989;
		padding-top: 20px;
	}
	.pricetitle{
		border-top: 2px dotted #898989;
	}
	.price-size p{
		font-size: 14px;
	}
	.explain {
		border: none;
		margin-top: 0;
		padding-top: 0;
	}
	.explain h5.title{
		display: block;
	}
	.mobile-padding-top0{
		padding-top: 0;
	}
	.Size-border-right{
		border: none;
	}
	.CommunityIcon a{
		font-size: 20px;
		margin: 0 10px;
	}
    .fromtitle{ 
		width: 100%;
		margin: 0 auto 15px;
		text-align: left;
		padding: 0 15px;
	}
}
@media (max-width: 500px) {
    	.Designr-name{
		padding: 4% 10px;
	}
    
}
@media (max-width: 400px) {
    .Designr-img{padding: 0;}
}

/* 購物車彈出*/
#cartbox {
    position:fixed;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    z-index:2147483647;
    display:none;
     background-color:rgba(0,0,0,0.45); 
}
.cartdlg {
    width:400px;
    right:-100%;
    top:0;
    bottom:0px;
    position:fixed;
    padding-left:20px;
    padding-right:0;
    box-shadow:#333 0px 2px 20px;
    background-color:rgba(255,255,255,1);
}
@media (max-width: 500px) {
    .cartdlg {
        width:100%;
    }
}
.cartlist ul {
    margin-right: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right:10px;
    position:absolute;
    bottom:140px;
    top:70px;
}
.cartlist ul::-webkit-scrollbar {width: 8px;}
.cartlist ul::-webkit-scrollbar-track {background-color: white;}
.cartlist ul::-webkit-scrollbar-thumb {background-color: #ccc;}
.cartlist ul::-webkit-scrollbar-thumb:hover {background-color: #aaa;}
.cartlist ul li {border-top:1px solid #bbbbbb;padding-top:20px;padding-bottom:10px;}
.cartlist ul li div {width:100%;}
.cartProditemImg {float:left;width:30%;padding-right:20px;}
.cartProdItemName {width:80%;height:60px;padding-bottom:10px;overflow:hidden;}
.removeCart {float:right;color:black}
.removeCart:hover {cursor:pointer;}        
a.GotoCart {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #dd544f;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin-right:40px;
}
#cartdlg_bottom {
    position:absolute; 
    border-top:1px solid #bbbbbb;
    width:100%;
    height:140px;
    bottom:0;
     padding-bottom:0;
     margin-left:-20px;
     margin-right:-20px;
     padding:20px;
     background-color:#e8e8e8;
     color:#666;
}
.cartdlg_nodata {
    border-top:1px solid #bbbbbb;padding-top:20px;padding-bottom:10px;
    width:100%;
    color:#bbbbbb;
    text-align:center;
    font-size:16px;
}

 .rectangle {
            width:110px;
            height:25px;
            padding:3px;
            color:white;
           font-weight:900
        }
        .triangle {
            margin: 0px;
            border-width: 12.7px;
            border-style: solid;
            border-color: transparent transparent  transparent transparent;
            padding: 0px;
            left: 124.5px;
            top:9.8px;
            position: absolute;
        }
        .Trans1 {
            background-color:#50BEC6;
            border-bottom-color:#50BEC6;
            
        }
        .Trans2 {
            background-color:#8FC43D;
            border-left-color:#8FC43D;

        }
        .Trans3 {
            background-color:#74987C;
            border-left-color:#74987C;
        }

/* === 新增：B2B 按鈕樣式 === */
.btn-b2b-link{display:block;width:155px;aspect-ratio:15/4;background-image:url('https://giftustorage.blob.core.windows.net/images/B2B_Btn.png');background-size:contain;background-repeat:no-repeat;background-position:center;text-decoration:none;text-indent:-9999px;cursor:pointer;}
@media only screen and (max-width:767px){.btn-b2b-link{width:100%;aspect-ratio:9/1;background-image:url('https://giftustorage.blob.core.windows.net/images/Mobile_B2B_Btn.png');}
}