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

a.red_btn{color:#fff;
      box-shadow:0 0 8px rgba(0, 0, 0, 0.2);
      background:#da316c; /* Old browsers */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74482), color-stop(100%,#da316c)); /* Chrome,Safari4+ */
      background: linear-gradient(to bottom,  #f74482 0%,#da316c 100%); /* W3C */}

a.red_btn:hover{
 	  box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
	  background:#da316c; /* Old browsers */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74482), color-stop(100%,#da316c)); /* Chrome,Safari4+ */
      background: linear-gradient(to bottom,  #f74482 0%,#da316c 100%); /* W3C */}	  	 

.main_wrp a.gray_btn{ background:#bdcaca; color:#405257; cursor:default;}
.center_wrp a.gray_btn{ background:#49aaba; color:#001013; cursor:default;}

.top_wrp{ background:url(../images/bg_top.jpg) repeat;}
.top_wrp .bg_content{ background:url(../images/bg_top_2.jpg) no-repeat center center;width:100%; height:502px;}
.main_wrp{background:url(../images/bg_main.jpg) repeat; }
.center_wrp{background:url(../images/bg_center.jpg) repeat;padding:50px 0;}
.bottom_wrp{background:url(../images/bg_bottom.jpg) repeat;padding:50px 0;}
.footer_wrp{ background:#182b30; padding:40px 0;}
.content_box{ width:980px; margin:0 auto; position:relative;}

.top_wrp .ie8_block{ display:none; display:block\9; background:#000\9; width:980px\9; height:502px\9; background:url(../images/bg_ie8_block.png) no-repeat center center\9;}
:root .top_wrp .ie8_block{ display:none;}
.top_wrp a.store_sign_up{ display:block; color:#fff; position:absolute; right:120px; top:70px; width:120px; height:28px; line-height:28px; text-align:center; border:1px solid #fff; border-radius:6px; font-size:14px; letter-spacing:2px; z-index:1;}
.top_wrp a.store_sign_up:hover{ background:#b31070; border:1px solid #b31070; text-decoration:none; transition:0.2s; -webkit-transition:0.2s;}
.top_wrp a.store_sign_up{animation:store_sign_up 2s ease 0s 1 normal; -webkit-animation:store_sign_up 2s ease 0s 1 normal;/*名字_秒數_效果_延遲_播放_倒帶*/}
@keyframes store_sign_up{0%{filter:alpha(opacity=0);opacity:0;}  100%{ filter:alpha(opacity=100);opacity:1;}}
@-webkit-keyframes store_sign_up{0%{filter:alpha(opacity=0);opacity:0;}  100%{ filter:alpha(opacity=100);opacity:1;}}
.top_wrp .logo{ width:109px; height:34px; background:url(../images/logo.png) no-repeat; position:absolute; left:0px; top:12px; z-index:1;} 
.top_wrp .logo a{ display:block; width:109px; height:34px;}
.top_wrp .total_bonus{ position:absolute; right:106px; top:406px; text-align:center; width:324px; background:url(../images/bg_total_bonus.png) no-repeat center center; z-index:1;}
.top_wrp .total_bonus p{ color:#fff; display:inline-block; font-size:14px; letter-spacing:2px; vertical-align:middle;}
.top_wrp .total_bonus p span.number{ width:24px; height:26px; background:#7b0045; border-radius:6px; display:inline-block; text-align:center; line-height:24px;  font-size:16px; vertical-align:middle;}
.top_wrp .total_bonus{animation:total_bonus 3s ease 0s 1 normal; -webkit-animation:total_bonus 3s ease 0s 1 normal;/*名字_秒數_效果_延遲_播放_倒帶*/}
@keyframes total_bonus{0%{filter:alpha(opacity=0);opacity:0; }  100%{ filter:alpha(opacity=100);opacity:1; }}
@-webkit-keyframes total_bonus{0%{filter:alpha(opacity=0);opacity:0; }  100%{ filter:alpha(opacity=100);opacity:1;}}

.main_wrp .main_list{ width:100%; overflow:hidden; position:relative; height:470px;}
.main_wrp ul.main_store_list{ width:1000%; position:absolute; margin:70px 0 0 0;}
.main_wrp ul.main_store_list li{ float:left; padding:0 34px;}
.main_wrp ul.main_store_list li .taked{opacity:0.4}
.main_wrp ul.main_store_list li .store_box{ position:relative;} 
.main_wrp ul.main_store_list li .store_box .img_box{ width:280px; height:280px; background:#D8D8D8; border:5px solid #fff; border-radius:4px; overflow:hidden;}
.main_wrp ul.main_store_list li .store_box .img_box a{ width:280px; height:280px; display:block;overflow:hidden;}
.main_wrp ul.main_store_list li .store_box .store_name{ padding:16px 0 0 0;}
.main_wrp ul.main_store_list li .store_box h2{ width:180px; height:34px; line-height:34px; float:left;}
.main_wrp ul.main_store_list li .store_box h2 a{font-size:16px; font-weight:bold; color:#275770; } 
.main_wrp ul.main_store_list li .store_box h2 a:hover{ text-decoration:none;}
.main_wrp ul.main_store_list li .store_box a.take_btn{width:110px; height:34px; line-height:34px; display:block; float:right; text-align:center; font-size:14px; letter-spacing:1px; border-radius:6px; }
.main_wrp ul.main_store_list li .store_box a.take_btn:hover{ text-decoration:none;}
.main_wrp ul.main_store_list li .store_box .bonus_box{ background:#da316c; width:96px; height:96px; border-radius:100px; position:absolute; top:-15px; left:-15px;}
.main_wrp ul.main_store_list li .store_box .bonus_box p.text{ color:#fff; text-align:center; font-size:13px; letter-spacing:1px; padding:20px 0 5px 0;}
.main_wrp ul.main_store_list li .store_box .bonus_box p.price{ color:#fff; text-align:center;font-family: 'Roboto', sans-serif; font-size:26px; letter-spacing:-1px;}

.content_box h3{ text-align:center; color:#1b5c7e; letter-spacing:3px; font-size:24px; padding:0 0 40px 0;}

.center_wrp ul.center_list{ margin:0 -18px 0 -14px;}
.center_wrp ul.center_list li{ float:left; padding:0 17px 40px;}
.center_wrp ul.center_list .store_box{}
.center_wrp ul.center_list .taked{opacity:0.4}
.center_wrp ul.center_list .store_box .img_box{width:160px; height:100px;  border:3px solid #fff; background:#D8D8D8;}
.center_wrp ul.center_list .store_box .img_box a{ display:block; width:160px; height:100px; overflow:hidden;}
.center_wrp ul.center_list .store_box h4{ padding:10px 0 0 0;}
.center_wrp ul.center_list .store_box h4 a{ color:#194061; font-size:15px;}
.center_wrp ul.center_list .store_box h4 a:hover{ text-decoration:none;}
.center_wrp ul.center_list .store_box .bottom{ padding:10px 0 0 0;}
.center_wrp ul.center_list .store_box .bottom p{ display:inline-block; vertical-align:middle; width:80px; height:28px; line-height:28px; font-size:14px; font-weight:bold; color:#da316c;}
.center_wrp ul.center_list .store_box .bottom a{ display:inline-block; vertical-align:middle; width:80px; height:28px; font-size:13px; letter-spacing:1px; text-align:center; line-height:28px; border-radius:5px;}
.center_wrp ul.center_list .store_box .bottom a:hover{ text-decoration:none;}

.bottom_wrp{}
.bottom_wrp p{ color:#1d5968; font-size:14px; padding:0 0 8px 0;}
.bottom_wrp p a{ text-decoration:underline;color:#1d5968;}
 
.footer_wrp .left{ float:left; padding:20px 0 0 0;}
.footer_wrp .left p{ color:#7b9097; font-size:13px; letter-spacing:1px; padding:0 0px 4px 0;}
.footer_wrp .left p span{ padding:0 20px 0 0; }
.footer_wrp .right{ float:right;}
.footer_wrp .right .logo{ width:78px; height:72px; background:url(../images/footer_logo_1.jpg) no-repeat;}

.event .light_box_title{ background:#DA316C; color:#fff;}
.event .content_box{ padding:0;}
.light_box_wrp .content_box{ width:auto;}
.lightbox_event{ width:500px; background:#efefef; padding:30px 70px; border-radius:0 0 10px 10px;}
.lightbox_event h3{ font-weight:normal; color:#DA316C; font-size:18px; padding:0 0 8px 0; letter-spacing:1px; text-align:left;}
.lightbox_event h4{ font-weight:normal; font-size:15px;  padding:0 0 20px 0; margin:0 0 10px 0; border-bottom:1px solid #d9d9d9;letter-spacing:2px;}
.lightbox_event .input_box{ padding:4px 0px;}
.lightbox_event .input_box p{ display:inline-block; vertical-align:middle; font-size:15px; font-weight:bold; width:62px;}
.lightbox_event .input_box input{ display:inline-block; vertical-align:middle; width:300px;}
.lightbox_event .btn_box{ margin:10px 0 0 0;  border-top:1px solid #d9d9d9;}
.lightbox_event .ok_box{ padding:15px 0 15px 0;}
.lightbox_event .ok_box h3{ text-align:center;}