.wrapper{ position:relative; width:100%; text-align:left; overflow: hidden; font-family:"Noto Sans TC","Microsoft JhengHei","Apple LiGothic Medium"; transition: all 0.2s; background-color: #ffffec; }
.wrapper img{ border:0; vertical-align:top;}


.wrapper .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top;}
.wrapper .bgJRPass{background-image: url(../images/bgJRPass.jpg);}

.wrapper .bgFeatureSanin{background-image: url(../images/bgFeatureSanin.jpg);}
.wrapper .bgFeatureSanyo{background-image: url(../images/bgFeatureSanyo.jpg);}

#JRPass{position: relative; min-height: 896px;}
#FeatureSanin{position: relative; height: 1630px;}
#FeatureSanyo{position: relative; height: 1660px;}
#goods{position: relative;}


.wrapper h1{background: url(../images/main.jpg) center top no-repeat; height: 639px; text-indent: -9999px;}

.wrapper nav#mddNav{width: 100%; background: #000; text-align: center; z-index: 100;}
.wrapper nav#mddNav ul{max-width: 1220px; margin: 0 auto; padding:14px 0; }
.wrapper nav#mddNav li{display: inline-block; width: 24%; border-right:solid 1px #fff; font-size: 21px; }
.wrapper nav#mddNav li:last-child{ border:none; }
.wrapper nav#mddNav li a{color: #fff; transition: all 0.2s;}
.wrapper nav#mddNav li a:hover{color:#ffd400; }
.wrapper nav#mddNav.fixed{position: fixed; top: 0;}
.wrapper nav#mddNav.fixed ul{padding:8px 0; }
.wrapper nav#mddNav.fixed li{ font-size: 16px;}

h2.kitty{position: absolute; left:50%; top:0; margin: 43px 0 0 314px; animation:kitty 0.6s infinite alternate; transition: all 0.5s;}
h2.kitty:hover{animation: paused; filter:brightness(1.1); }
@keyframes kitty {
   from { transform: translateY(5px); }
     to { transform: translateY(-5px); }
}



#JRPass a.btnSanin{position: absolute; left: 50%; top: 0; margin:560px 0 0 -665px; 
    animation:btnJRPass 0.4s linear infinite alternate; transition: 0.2s all;}
#JRPass a.btnSanyo{position: absolute; left: 50%; top: 0; margin:560px 0 0 426px;
    animation:btnJRPass 0.4s 0.4s linear infinite alternate; transition: 0.2s all;}
@keyframes btnJRPass {
   from {transform: scale(1);}
     to {transform: scale(0.95);}
}
#JRPass a.btnSanin:hover , #JRPass a.btnSanyo:hover{filter:hue-rotate(90deg);}

#JRPass .winner{position: absolute;  padding: 730px 0px 20px 0; left: 50%;
    margin: 0 0 0 -261px; width: 50%; max-width: 526px;font-size:18px;color:#fff;z-index: 999;line-height: 1.5;}
#JRPass .winner a:link,#JRPass .winner a:visited{color:#fff100;}

#JRPass .info{position: relative;  padding: 850px 0 0 0; left: 50%;
    margin: 0 0 0 -610px; width: 100%; max-width: 1220px;}
#JRPass .info a.btnInfo , #JRPass .info a.btnInfoClose{display: block; background: #04425e; text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: 38px;
    font-weight: 200;
    letter-spacing: 0.1em;
    transition: all 0.2s}
#JRPass .info a.btnInfoClose{text-decoration: underline;}
#JRPass .info a.btnInfoClose:hover{text-decoration: none; filter: brightness(1.2);}
#JRPass .info .explanation{font-size: 14px; line-height: 1.5;     padding: 10px 0;     border: 2px dotted #04425e; box-sizing: border-box; padding: 1.5%; border-top: none; border-bottom: none;}

.Feature p{position: relative; max-width: 1120px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    left: 50%;
    margin: 0 0 0 -546px;
    height: 250px;
    }
.Feature p.A{padding: 728px 0 0 0;}
.Feature p.B{padding: 733px 0 0 0;}

.Feature .goBlog a{position: absolute; left:50%; top:0; z-index: 99;     display: block;}
.Feature .goBlog a img{transition: all 0.2s; }
.Feature .goBlog a:hover img{transform: scale(0.97); filter: brightness(1.1);}
.Feature .goBlog a.btnSaninFood{margin: 254px 0 0 -575px; }
.Feature .goBlog a.btnSaninSight{margin: 992px 0 0 178px; }
.Feature .goBlog a.btnSanyoFood{margin: 254px 0 0 -575px; }
.Feature .goBlog a.btnSanyoSight{margin: 992px 0 0 225px; }

.Feature .goBlog a.p1{margin: 268px 0 0 -218px;}
.Feature .goBlog a.p2{margin: 223px 0 0 189px;}
.Feature .goBlog a.p3{margin: 992px 0 0 -577px;}
.Feature .goBlog a.p4{margin: 999px 0 0 -187px;}
.Feature .goBlog a.p5{margin: 237px 0 0 -218px;}
.Feature .goBlog a.p6{margin: 230px 0 0 199px;}
.Feature .goBlog a.p7{margin: 997px 0 0 -565px;}
.Feature .goBlog a.p8{margin: 1005px 0 0 -196px;}


.bn{margin: 0 auto; width: 94%;
    max-width: 1220px; padding-top: 50px;}




.votedBtn { position: relative; }
.votedBtn::after { content: "你今日已投票過"; position: absolute; top:calc(50% - 20px); left: 0; width: 100%; height: 40px;
font: 20px/40px "微軟正黑體"; color: #fff; text-align: center; background: rgba(0,0,0,0.8) }