@import url("reset.css");
@charset "utf-8";
body {
    background: url(../images/bodyBg.gif) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/*主視覺*/

.visual {
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.visual img {
    width: 100%;
    display: block;
    margin: 0 auto;
}







/*內容區塊*/


/*sale-banner*/

.sale {
    max-width: 90%;
    margin:20px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.sale img { 
    width:100%;
    display: block;
    margin: 0 auto;
}



.content {
    margin: 0 auto;
    padding: 30px 15px;
    box-sizing: border-box;
}


.pro_content{
    max-width: 1400px;
    margin:0 auto;
    padding:0;

}
/*.menu-1st.stuck{position:fixed; z-index:995; top:0px; background-color:#680527;}*/

.tag.stuck {
    position: fixed;
    z-index: 997;
    background-color: #fffdd0;
    display: block;
    top: 40px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3)
}

a[name^="a"] {
    position: relative;
    top: -90px;
}

a[name^="p"] {
    position: relative;
    top: -90px;
}


/*3塊廣告*/

.adBox {
    width: 98%;
    margin: auto;
    padding-top: 3%;
}

.adBox div a {
    width: 95%;
    margin: auto;
    display: block;
}

.adBox div a img {
    width: 100%;
    display: block;
}


/*回頂部*/

.scroll2top:link,
.scroll2top:visited {
    background: url(../images/top.png) no-repeat 0 0;
    height: 80px;
    width: 80px;
    position: fixed;
    bottom: 50px;
    right: 0;
    margin-left: 0;
}

.scroll2top:hover {
    background: url(../images/top1.png);
}


/*【 調整C26模組 】*/

.group-type-ph {
    overflow:hidden;
}


.ph {
    width: 33%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding:15px;    
    margin:0;
    float:left;
    box-shadow: none;

}



.ph.left {
    margin-left: 0;
}

.ph-img {
    margin: 0;
}

.ph-img img {
    width: 100%;
    height: auto;
}

.ph a:link,
.ph a:visited {
    text-decoration: none;
    border: none;
    color: #555;
    border: 1px solid #dedede;
    display: block;
    transition: all .3s ease-out;
    position: relative;
    background-color:#fff;
}
.ph a:hover {
    border: 1px solid #aeaeae;
    box-shadow: 0 2px 7px 5px rgba(128, 128, 128, .4);
}
.ph a img {
    border: none;
}

.ph-title {
    display: block;
    font:bold 20px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
    padding: 8px 15px;
    overflow: hidden;
    margin-bottom: 2rem;
    color:#ffee5a;
    background-color:#c00;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top:2px solid #e80000;
}


/*主標*/

.ph-feature {
    display: block;
    font:bold 16px/1.2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
    padding: 0 1em;
    margin-bottom: 60px;
    text-align: left;
    letter-spacing: 1px;
    overflow: hidden;
    color:#666;
        
}


/*內文*/

.ph-detail {
    color: #fff;
    background-color: #ff5438;
    padding: 5px 8px;
    position: absolute;
    top: 0;
    left:0;
    margin:8px auto auto 8px;
    border-radius: 30px;
    font:bold 14px/1.2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
}

.ph .price {
    color: #ff5a7d;
    font:normal 12px/1.2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
    width: 100%;
    padding:15px;
    text-align: right;
    letter-spacing: -1px;
    background: url(../images/price_bg.jpg) no-repeat right bottom;
    position: absolute;
    bottom:0;
    left:0;
}

.ph .price span {
    font:700 24px/1.2 Verdana;
    padding:0;
    margin:0;
}

.price i {
    font:normal 12px/1.2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
}