@charset "utf-8";
/* CSS Document */

/** FIX index silder arrow */
.arrow a.pre.disabled{
    background-position: 0 0;
    cursor: default;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.arrow a.next.disabled{
    background-position: -20px 0;
    cursor: default;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

sub, sup {
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 50%;

    /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0;

    /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative;

    /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup {
    /* Move the superscripted text up */
    top: -0.5em;
}

sub {
    /* Move the subscripted text down, but only half as far down as the superscript moved up */
    bottom: -0.25em;
}

.memberBox .section_1 .sider .arrow_2 div.pre{ position:absolute; left:20px; top:10px; z-index: 100; }
.memberBox .section_1 .sider .arrow_2 div.next{ position:absolute; right:20px; top:10px; z-index: 100; }

.arrow_2 div.pre a{ background-position: 0 0;}
.arrow_2 div.next a{ background-position: -31px 0;  }

.photo_thumb {
     margin: 0 auto;
     height: 140px;
     width: 230px;
     text-align: center;
 }
.photo_thumb img{
    max-height: 100%!important;
    height: auto!important;
    height:expression(this.height > 140 ? "140px" : this.height)!important;

    max-width: 100%!important;
    width: auto!important;
    width:expression(this.width > 230 ? "230px" : this.width)!important;
}


.index_banner_photo{
    height:550px;
    vertical-align:top;
    background-color: #fff;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.product_discontinued_info{
    color: red;
    font-size: 18px;
    border: 1px solid #b5b5b5;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
}

.product_history_thumb {
    margin: 0 auto;
    height: 81px;
    width: 132px;
    text-align: center;
}
.product_history_thumb img{
    max-height: 100%!important;
    height: auto!important;
    height:expression(this.height > 81 ? "81px" : this.height)!important;

    max-width: 100%!important;
    width: auto!important;
    width:expression(this.width > 132 ? "132px" : this.width)!important;
}

.product_compare_thumb {
    margin: 0 auto;
    height: 116px;
    width: 308px;
    text-align: center;
}
.product_compare_thumb img{
    max-height: 100%!important;
    height: auto!important;
    height:expression(this.height > 116 ? "116px" : this.height)!important;

    max-width: 100%!important;
    width: auto!important;
    width:expression(this.width > 308 ? "308px" : this.width)!important;
}


/*蝴利積點使用條款*/
.sign a.location{ margin:20px 5px; background:url(../../images/support_icon.gif) right top no-repeat; color:#2e79c5; padding-right:21px;
    float: right;}
.sign a.location:hover{ color:#0d5aa8;}

.qa_prod_name{
    border: 1px solid #cccccc;
    padding: 2px;
    color: #2e79c5;
    margin: 3px;
}


.pPH .big {
    position: relative;
}

.photo_shaer_bar{
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px auto;
}

.header{
    z-index: 8000;
}

/* index quick_zone 20150804 add*/
ul.quick_zone{
    list-style-type: none;
    width: 984px;
    height: auto;
    max-width: 1024px;
    position: relative;
    margin: 34px auto 34px auto !important;
    display: table;
    padding-left: 10px;
}
ul.quick_zone li{
    float: left;
    height: 100%;
    margin-top: 5px;
}
ul.quick_zone li a{
    width: 100%;
    height: 100%;
    display: block;
}

.n_content .txt a{
    word-break: break-all;
}