body, div, ul, ol, li, h1, h2, h3, p, tr, td, img {
    margin: 0;
    padding: 0;
}
img {
    vertical-align: top;
}
body {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background-color: #e9587c;
    font-size:13px;
}
.max1400Box {
    margin: 0 auto;
    padding: 0;
    max-width: 1400px;
}
.max960Box {
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
}
/*主視覺*/

.mainViewBox {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.mainViewBox img {
    width: 100%;
    border: 0;
}

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


/*內容*/
.pro_content {
    clear: both;
    padding: 24px 0;
    margin: 0 auto;
    vertical-align: top;
    text-align: center;
}

/*回頂部*/

.scroll2top:link, .scroll2top:visited {
    background: url(images/gotop1.png) no-repeat 0 0;
    height: 84px;
    width: 79px;
    margin-left: 928px;
    bottom: 90px;
}
.scroll2top:hover {
    background: url(images/gotop.png) no-repeat 0 -90px;
}
/* c26模組專用 */
.group-type-ph {
    width:100%;
    padding: 0;
    margin:0 auto;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}

.ph {
    position: relative;
    display: inline-block;
    width: 32%;
    
    margin: 0 0.5% 1%;
    padding:0;
    transition: all .3s ease-out;
    box-shadow: none;
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
}
.ph a{
    display: block;
    text-decoration: none;
    border: 0;
    padding: 10px;
    background: #fff;
}
.ph-img {
    margin: 0 auto;
}
.ph-img img {
    width: 100%;
    display: block;
    margin:0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:0;
}
.ph a .ph-title {
    color: #fff;
    display: block;
    font:bold 126%/1.3 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
    height:3.2em;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin:0 auto 8px;
    padding: 8px;
    overflow:hidden;
    background-color: #f91d56;
}
.ph a:hover .ph-title {
    color: #fff100;
}


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


.ph a .ph-detail {
    padding: 0;
    margin:0 auto;
    color: #7e0047;
    font:normal 106%/1.5 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
    height:3.1em;
    overflow: hidden;
    text-align: left;

}
.ph a .ph-feature {
    display: block;
    color: #555;
    margin:0 auto 8px;
    font:normal 100%/1.5 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
    padding: 8px 0;
    overflow: hidden;
    height: 5.3em;
    border-top:1px dashed #888;
    text-align: left;
}
.ph a .price {
    font: bold 18px/1.1  "Century Gothic", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #c00;
    text-align: right;
    letter-spacing: -5px;
    margin: 0;
    display:block;
}
.ph a .price span {
    font: bold 28px/1.1  "Century Gothic", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    letter-spacing: -1px;
}
.ph a .price i{font-style:normal;}

.btnBox{
    margin:0 auto 8px;
    padding:24px 0 0;
    text-align: center;
}
.btnBox .ruleBtn,.btnBox .pdfBtn{
    display:inline-block;
    border-radius: 40px;
    border:4px solid #fff;
    background-color:#fff100;
    color:#e50067;
    text-align: center;
    vertical-align: middle;
    padding:6px 20px;
    font:700 24px/1.5 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
    box-shadow:inset 0 -5px 4px #e9c500,0 2px 4px #d24467;
    text-decoration: none;
    cursor: pointer;
    margin:0;
}
.btnBox .ruleBtn:hover,.btnBox .pdfBtn:hover{
    background-color:#703b14;
    color:#fff;
     box-shadow:inset 0 0 0 #e9c500,0 2px 4px #d24467;
}


.btnBox .ruleBtn b,
.btnBox .pdfBtn b{
    display:inline-block;
    width:46px;
    height:46px;
    vertical-align: middle;
    background:url(../img/ruleBtnIcon.png) center center no-repeat;
    background-size: cover;
    margin-right:4px;
}
.btnBox .pdfBtn b{
    background:url(../img/pdfBtnIcon.png) center center no-repeat;
    background-size: cover;
    margin-left:15px;
}
.blackLayer{
    width: 100%;
    height:100%;
    background:url(../img/bg-01.jpg) center top repeat;
    position: fixed;
    z-index: 101;
    left:0;
    top:0;
    display: none;
}
.ruleLayer{
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 102;
    left:0;
    top:0;
    display: none;
}
.introBox{
    max-width:690px;
    margin:0 auto;
    padding:0;
    position: relative;
   
}
.closeBtn{
    width:32px;
    height:32px;
    display:block;
    background-color:#666;
    cursor: pointer;
    position: absolute;
    z-index:103;
    right:0;
    top:0;
    background:url(../img/closeBtn.png) center top no-repeat;
}

.introBox .setHighBox{
    width:100%;
    margin:0 auto;
    padding:0;
     overflow-y:scroll;  
}
.introBox .setHighBox img{
    display:block;
    width:100%;
}
/* goto fb */
.go2fb:link, .go2tb:visited{position:fixed;top:auto; bottom:15px;right:0; margin-left:auto;display:block; width:20px; height:90px; background:url(/st_ec/img/icon_go2t_fb.gif) no-repeat 0 0; z-index:110;}
.go2fb:hover{background-position:-20px 0;}
.go2fb span{visibility:hidden;}