﻿
td#ctl00_ContentPlaceHolder1_tdLeft {
    display: none !important;
}
#itdNv span{
    padding:0 .25rem;
}
.iconError,.icon{
    width:26px;
    height:26px;
}
.icon {
  
}
.origPrice {
    text-decoration: line-through;
}
.idItemShowMode1 #cmbNum {
    max-width: 150px;
}
.idItemShowMode0 .itdRow{
    min-height:38px;
}
#cmbItemCS {
    max-width: 300px;
}
.itdGrid{width:100%;}
.itdCol-C1{width:30%;min-width:75px;}
.itdCol-C2{width:70%;}
#itdColorItem >div{padding:2px;border:solid 1px #fff;}
#itdColorItem .icon{  padding:0;margin:0;}
#itdColorItem .currIcon,#itdSizeItem .currSize {
    border: 1px solid #555 !important;
}
#notifyDlg{    background-color:rgba(0, 0, 0, .6);}
#notifyDlg_1{   height:100%;width:100%}
#notifyDlg_content{    background-color:#fff;    min-width:500px;}
#notifyDlg .title,#notifyDlg .x{    font-weight:800;   color:#FFF;}
#notifyDlg .title{    background-color:#aaa;}
#notifyDlg .x{  float:right;     }
#itdSizeItem_2 .sizeitem0 {
    margin-left:0 !important;
}
#btnAdd{
    max-width:100%;
}
@media (max-width: 576px) {
    #itdNv{
        padding-left:.5rem;
    }
    #slDetailVue{
        display:none;
    }
    #itdTopRVue{
        padding:0 .5rem;
    }
    #merName{
        font-size:1.2rem;
        padding-top:.5rem;

    }
}
.itdTopVue{
    display:flex;
    width: 100%;
    max-width: 1461px;
}
div#itdTopLVue {
    flex: 0 0 calc(100% - 560px - 200px);
    overflow: hidden;
}
div#itdTopRVue {
    flex: 0 0 560px;
    margin-left: 200px;
}
div#merName {
    font-size: 20px;
    font-weight: 100;
    color:#333;
}
.NamePrice {
    display: flex;
    align-items: flex-start;
}
.itdPrice {
    text-align: left;
    padding-top: 0px;
    flex: 0 0 150px;
    letter-spacing:1px;
}
.itdMerName {
    flex: 0 0 calc(100% - 190px);
}
.MernoDesc {
    display: flex;
    align-items: center;
    margin-top: 23px;
}
.Merno {
    flex: 0 0 150px;
    color:#333;
    text-align:right;
}
.title01{
    text-align:right;
    flex: 0 0 calc(100% - 150px);
}
.coloritem>div {
    border: 1px solid transparent;
    display: inline-block;
    padding: 4px;
    margin: 0 10px 5px 0;
}
.coloritem>div.currIcon{
    border-color:#000;
}
.coloritem img {
    width: 25px;
    height: 25px;
}
.itdSizeitem>div>div {
    border: 1px solid transparent;
    display: inline-block;
    margin: 0 10px 5px 0;
    padding: 4px;
    cursor: pointer;
    min-width: 35px;
    height: 35px;
    line-height: 26px;
    text-align: center;
    box-sizing: border-box;
}
.itdSizeitem>div>div.currSize {
    border-color: #000;
}
.coloritem {
    margin-top: 20px;
}
.itdSizeitem {
    margin-top: 5px;
}
div#numitem {
    line-height: 37px;
    height: 37px;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

a#subnum,
#addnum {
text-align: center;
    display: inline-block;
    width: 20px;
    line-height: 34px;
    height: 35px;
    cursor: pointer;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    user-select:none;
}

input#numitem {
    line-height: 35px;
    height: 35px;
    width: calc(100% - 40px);
    text-align: center;
    border: 0 none;
    margin: 0;
    padding: 0;
    outline: none;
    display: inline-block;
    background: #fff;
}
div#numitem>div {
    border: 1px solid #666;
    display: flex;
}
div#itdbtnAdd {
    width: 100%;
    display: flex;
    margin-top:20px;
}
div#itdbtnAdd>div {
    width: 49% !important;
    height: 37px;
    line-height: 37px;
}
div#buynow {
    color: #666;
    font-size: 14px;
    text-align: center;
    border: 1px solid #666;
    box-sizing: border-box;
}
div#btnAdd {
    margin-left: 2%;
    text-align: center;
    background: #666;
    color: #fff;
    font-size: 14px;
}
.tagtitle {
    font-size: 14px;
    /*padding: 0 20px;*/
    margin-top: 20px;
    font-weight: bold;
    color:#333;
}
.sd-desc{
    font-size:12px;
    margin-top:10px;
}
div#itdCommD>div {
    display: flex;
    align-items: center;
    margin-top: 4px;
}
div#itdCommD>div>a {
    font-size: 14px;
}
div#itdCommD>div>a>span {
    word-break: break-all;
    display: block;
    padding: 5px 10px;
    color:#333;
}
div#itdCommD>div>a:first-child span {
    padding: 2px 8px;
    display: block;
    max-width: 146px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 1px;
}
div#itdCommD>div>a:last-child {
    margin-left: 4px;
}
.tabcnt ul{
    margin:0;
    padding:0;
    display: flex;
    align-items: center;

}
.tabcnt li{
    list-style:none;
    flex:0 0 33%;
}
.tabcnt li:nth-child(2){
    text-align:center;
}
.tabcnt li:nth-child(3){
    text-align:right;
}
.tabcnt li a {
    color: #000;
    font-size: 14px;
    cursor: pointer;
}
.tabhtmldv,.tabhtmldv img{
    width:100%;
}
a.currtab {
    font-weight: bold;
    text-decoration: underline;
}
.tagcnt>div {
    display: flex;
}
.tagcnt>div>a{
    font-size:14px;
}
.tagcnt>div>a:first-child span {
    padding: 2px 8px;
    display: block;
    max-width: 146px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 1px;
    color:#333;
}
.tagcnt>div>a:last-child{
    margin-left:4px;
}
.tagcnt>div {
    display: flex;
    align-items: center;
    margin-top:4px;
}
.tagcnt>div>a:last-child span {
    word-break: break-all;
    display: block;
    padding: 5px 10px;
    color:#333;
}
div#P2owl {
    width: 100%;
}
div#itdMid img, div#itdMid iframe {
    width: 100%;
}
.p2item>div {
    margin-top: 16px;
}
.p2item img{
    width:100%;
}
span#itdOriginalPrice {
    font-size: 18px;
    color: #cecece;
    text-decoration: line-through;
    margin-right: 12px;
}
span#spidPrice {
    font-size: 18px;
    color: #333;
}
.tabcnt {
    margin: 20px 0;
}
div#btnNotify2 {
    text-align: center;
    background: #666;
    color: #fff;
    font-size: 14px;
    margin-left: 2%;
}
.tabhtmldv {
    width: 800px;
    height: 80vh;
    position: fixed;
    top: -100vh;
    left: calc((100% - 800px) / 2);
    z-index:1000;
    transition: .5s;
        opacity: 0;
    visibility: hidden;
    overflow:auto;
}
.tabback {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition:.5s;
    background: #000;
    z-index: -1;
}
.showwin .tabback {
    visibility: visible;
    opacity: .7;
}
.tabhtmldv.showwin {
    top:10vh;
        opacity: 1;
    visibility: visible;
}
img.tabclose {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 28px;
    height: 28px;
}
.itdColoritem {
    display: flex
;
    align-items: center;
}
.coloritem {
    flex: 0 0 80%;
}
.colortxt {
    flex: 0 0 20%;
    text-align: right;
    color:#333;
    font-size:14px;
}
.itdSizeitem {
    display: flex
;
    align-items: center;
}
.sizeitem {
    flex: 0 0 70%;
}
.sizeext {
    flex: 0 0 30%;
    text-align: right;
}
.sizeext {
    font-size: 14px;
    color: #a59e98;
}
#container{
    width:100%;
    max-width:1461px;
    margin-top:146px;
}
td#tdIdRight>div#pListMain {
    display: none !important;
}
.title01 a {
    font-size: 14px;
    color:#74675c;
}

.itemPrice{
    font-family: 微軟正黑體;
}
@media(max-width: 1461px) {
    div#itdTopRVue {
    margin-left: 100px;
    }
    div#itdTopLVue {
    flex: 0 0 calc(100% - 560px - 100px);
}


}
div#itdMid,.p2item {
    margin-top: 16px;
}
div#itdMid h2 {
    margin: 0;
    margin-top: 16px;
}
.title01 p {
    margin: 0;
}
.sztxt01{
    color:#E4c000;
}
.sztxt02{
    color:#E4c000;
}
.sztxt03{
    color:#333;
}
.sztxt04{
    color:#77a600;
}
.trace {
    flex: 0 0 20px;
    margin-left: 20px;
}
.trace img{
    width:100%;
    cursor:pointer;
}
.trace, .Merno {
    margin-top: 5px;
}