@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato); 

body{ font-family:'微軟正黑體','Microsoft Jhenghei'; min-width:1200px;}

.event_wrapper{ width:100%;}
.event_wrapper .container{ width:100%; }
.event_wrapper .container .header{ width:100%; height:420px; background:#fcfcfc url(../images/top_bg.jpg) repeat-x top center; background-size:auto 400px;}
.event_wrapper .container .header .main{ width:1200px; margin:0 auto; position:relative;}
.event_wrapper .container .header .main .top { position:absolute; left:100px; top:0px; width:1000px; z-index:99;}
.event_wrapper .container .header .main .top a.logo{  display:block; float:left; margin:12px 0 0 40px; }
.event_wrapper .container .header .main h2{ text-indent:-9999px; position:absolute; top:0;}

/*FB_LIKE連結*/
.fb_like_box{ float:right; margin:10px 0 0 0;}


.label_fb{ display:none;}
.label_ihergo{ display:none;}

.event_wrapper .container .header .main .slogan {position: absolute; left: 100px; top: 0px; width: 1000px; z-index: 99; margin-top: 42px;}
.event_wrapper .container .header .main .slogan .anniversary{ display: block; float: left;}
.event_wrapper .container .header .main .slogan .anniversary img{ width:350px; margin: 205px 0 0 350px;}

.event_wrapper .container .content{width:100%; background:#fcfcfc; padding:10px 0 60px 0;}
.event_wrapper .container .content .con_center{ width:1000px; margin:0 auto;}

.event_wrapper .container .footer{ width:100%; height:84px; background:#fbbd23;}
.event_wrapper .container .footer p{ color:#FFF; letter-spacing:1px; font-size:12px; text-align:center; line-height:84px;}

.event_wrapper .container .content .con_center .goods{  background:#fff3d2; width:280px; padding:15px 15px; border-radius:10px; display:inline-block; position:relative; vertical-align:top; margin:15px 10px;transform:scale(1); -webkit-transform:scale(1); transition:0.3s; -webkit-transition:0.3s;}
/*.event_wrapper .container .content .con_center .MarR0{ margin-right:0;}*/
.event_wrapper .container .content .con_center .goods:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.3s; -webkit-transition:0.3s;}
.event_wrapper .container .content .con_center .goods .discount{ width:80px; height:80px; border-radius:50%; background:#fbbd23; position:absolute; top:-10px; left:-10px;}
.event_wrapper .container .content .con_center .goods .discount p.number{ font-size:32px; text-align:center; color:#FFF; padding:24px 0 0 0; letter-spacing:-1px; font-weight:normal; font-family: 'Lato', sans-serif;}
.event_wrapper .container .content .con_center .goods .discount p.text{ font-size:12px; text-align:center; color:#FFF; padding:2px 0 0 0;font-weight:normal;}
.event_wrapper .container .content .con_center .goods .img_box{width:280px; height:280px;  }
.event_wrapper .container .content .con_center .goods .img_box a{ display:block; width:280px; height:280px; /*opacity: 1;filter:alpha(opacity=100); zoom:1; transition:0.3s; -webkit-transition:0.3s;*/ }
.event_wrapper .container .content .con_center .goods .img_box a img{ width:280px; height:280px; }
.event_wrapper .container .content .con_center .goods .img_box a:hover{/*opacity: 0.7;filter:alpha(opacity=70); zoom:1; transition:0.3s; -webkit-transition:0.3s;*/}
.event_wrapper .container .content .con_center .goods h3{ width:100%; height:40px; overflow:hidden; margin:8px 0 0 0;}
.event_wrapper .container .content .con_center .goods h3 a{color:#39535b; font-size:16px; font-weight:bold; line-height:20px; text-decoration:none;}
.event_wrapper .container .content .con_center .goods h3 a:hover{ text-decoration:underline; }
.event_wrapper .container .content .con_center .goods p{ font-size:14px; color:#ff6e6e; padding:5px 0 0 0; font-weight:bold; }
.event_wrapper .container .content .con_center .goods p.target_store{ background: url(../images/icon_store_normal.gif) no-repeat 0 8px;}
.event_wrapper .container .content .con_center .goods p.target_store a{padding-left: 20px;font-size: 12px;color: #888;}
.event_wrapper .container .content .con_center .goods p.target_store a:hover{ text-decoration:none; color:#aaa;}
.event_wrapper .container .content .con_center .goods p span.original{ color:#a3b0b4; text-decoration:line-through; padding:0 8px 0 0; font-weight:normal;}
.event_wrapper .container .content .con_center .goods a.btn_buy{ width:170px; height:36px; display:block; text-align:center; line-height:36px; font-size:14px; color:#fff; background:#241c71; text-decoration:none; border-radius:6px; margin:14px auto 0px;  transition:0.3s; -webkit-transition:0.3s;}
.event_wrapper .container .content .con_center .goods a:hover.btn_buy{ background:#0c0739; line-height:32px; transition:0.3s; -webkit-transition:0.3s;}

.event_wrapper .container .label_fb{ width:40px; height:145px; position:absolute; right:-21px; top:320px;}
.event_wrapper .container .label_fb a{ display:block; width:40px; height:145px; background:url(../images/label_fb.png) no-repeat left top; text-indent:-9999px;}
.event_wrapper .container .label_fb a:hover{ background-position:right top;}
.event_wrapper .container .label_ihergo{ width:40px; height:105px; position:absolute; right:-20px; top:478px;}
.event_wrapper .container .label_ihergo a{ display:block; width:40px; height:105px; background:url(../images/label_ihergo.png) no-repeat left top; text-indent:-9999px;}
.event_wrapper .container .label_ihergo a:hover{ background-position:right top;}

/*活動辦法*/
.event_note{ width:100%; background:#fff3d2; padding:64px 0;}
.event_note .note_content{ width:1000px; margin:0 auto;}
.event_note .note_content .left{ float:left;}
.event_note .note_content .right{ float:right}
.event_note .note_content .box{ width:460px;}
.event_note .note_content .box h4{ color:#0d4965; font-size:22px; font-weight:bold;}
.event_note .note_content .box p{ color:#0d4965; font-size:14px; padding:15px 0 0 0;}

/*回TOP*/
.event_wrapper .container .go_top{ width:80px; height:72px;  position:fixed; right:3%; bottom:9%; _position:absolute; z-index:16;}
.event_wrapper .container .go_top a{ display:block; width:80px; height:72px; background:url(../images/go_top.png) no-repeat 0 0; text-indent:-9999px;}
.event_wrapper .container .go_top a:hover{ opacity:0.8;filter:alpha(opacity=80);opacity:0.8;zoom:1;}