@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
html,
body,
{
  margin: 0;
  padding: 0;
  height: 100%;
  box-sizing: border-box;
  line-height: 1.5;
  font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
  background-color: #4b1110;
}

a {
  text-decoration: none;
}
span{
	word-break: normal;
	width: auto;
	display: block;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
}
.main{
	display: block;
	height: auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #4b1110;
	background-image: url("../img/bg_activity.jpg");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.ro1_wrapper{
	margin: 0 auto;
	height: auto;
	max-width: 1280px;
	width: 70%;
}
.header{
	width: 100%;
}
.logo_position{
	margin: 0 auto;
}
.logo_ro1{
	float: left;
	width: 22vw;
    height: 15vw;
	left: 1vw;
    top: 4vw;
    position: relative;
}
.logo {
	float: left;
    width: 22vw;
    height: 20vw;
    top: 1vw;
    position: relative;
}
.ro1_cat{
	float: left;
	width: 19vw;
    height: 22vw;
    top: 0vw;
    position: relative;
}
.login{
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-top: -2vw;
	background-color: #ffffff;
	border-radius: 25px;
	border:solid #7a464b 5px;
	padding: 1vw 0 1vw 0;
}
.login_text{
	display: inline-block;
	float: left;
	font-size: 2vw;
	font-weight: 800;
	position: relative;
	margin-top: 1.5vw;
	margin-left: 3vw;
}
.login_text_done{
	text-align: center;
	font-size: 2vw;
	font-weight: 800;
	position: relative;
	margin-top: 0vw;
}
.login_btn_wrapper{
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 2vw;
}
.login_btn{
	display: inline-block;
	float: left;
	position: relative;
	margin: 0vw 0 0 1vw;
	width: 6vw;
	height: 6vw;
	cursor: pointer;
}
.login_btn:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
}
.gnjoy{
	background-image: url("../img/login_btn_gnjoy.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.fb{
	background-image: url("../img/login_btn_fb.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.google{
	background-image: url("../img/login_btn_google.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.apple{
	background-image: url("../img/login_btn_apple.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.baha{
	background-image: url("../img/login_btn_baha.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.event_area{
	height: auto;
	position: relative;
	margin: 1vw auto;
	background-color: #fce2ba;
	border-radius: 25px;
	border:solid #7a464b 5px;
	background-image: url("../img/gift_pattern.png");
	background-repeat: repeat-y;
	background-size: contain;
}
.info{
	display: inline-block;
	width: 60vw;
	position: relative;
	margin-left: 3vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
}
.date{
	display: inline-block;
	width: 50vw;
	height: auto;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
}
.date_left{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 2vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #351f0e;
	border-radius: 1.5vw;
	color: #fffabc;
	font-size: 1.5vw;
	font-weight: 800;
	text-align: center;
	padding: 0.5vw;
}
.date_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	float: left;
	width: 30vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	font-size: 1.2vw;
	font-weight: 400;
	margin-left: 1vw;
	margin-top: 0.6vw;
}
.member{
	display: inline-block;
	width: 50vw;
	height: 3vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
}
.member_left{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 2vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #351f0e;
	border-radius: 1.5vw;
	color: #fffabc;
	font-size: 1.5vw;
	font-weight: 800;
	text-align: center;
	padding: 0.5vw;
}
.member_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	float: left;
	width: 30vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	font-size: 1.2vw;
	font-weight: 400;
	margin-left: 1vw;
	margin-top: 0.6vw;
}
.rule{
	width: 64vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 2vw;
	margin-bottom: 1vw;
	overflow: hidden;
}
.rule_left{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 2vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #351f0e;
	border-radius: 1.5vw;
	color: #fffabc;
	font-size: 1.5vw;
	font-weight: 800;
	text-align: center;
	padding: 0.5vw;
}
.rule_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 78%;
	position: relative;
	font-size: 1.2vw;
	font-weight: 400;
	margin-left: 1vw;
	margin-top: 0.6vw;
	overflow: hidden;
}
.gift_slogan_01{
	display: inline-block;
	width: 45%;
	height: 6vw;
	position: relative;
	margin-left: 27.5%;
	margin-top: 2vw;
}
.gift_area_01{
	width: 94%;
	overflow: hidden;
	position: relative;
	margin-left: 3%;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #ffffff;
	border-radius: 25px;
	border:solid #7a464b 5px;
}
.count{
	display: inline-block;
	float: left;
	width: 50%;
	height: 2vw;
	position: relative;
	margin-left: 25%;
	margin-top: 2vw;
	background-color: #fce2ba;
	border-radius: 1.5vw;
	color: #000000;
	font-size: 1.5vw;
	font-weight: 800;
	text-align: center;
	padding: 0.5vw;
}
.getgift{
	width: 100%;
	position: relative;
	margin-top: 2vw;
	overflow: hidden;
}
.line{
	width: 80%;
	position: relative;
	margin: 0vw auto;
	border-bottom: #000000 solid 1px;
}
@keyframes bubble{
	0%{transform: scale(100%);}
	50%{transform: scale(105%);}
	100%{transform: scale(100%);}
}
.speak_bubble{
	float: left;
	width: 8vw;
	height: 8vw;
	position: relative;
	margin-left: 5vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	animation: bubble 1s infinite;
}
.speak_bubble_exchange{
	float: left;
	width: 8vw;
	height: 8vw;
	position: relative;
	margin-left: 5vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	animation: bubble 1s infinite;
}
.giftbox{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 10vw;
	position: relative;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
}
.giftbox_over{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 10vw;
	position: relative;
	margin-left: 26vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
}
.giftbox_exchange{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 10vw;
	position: relative;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
}
.gift_box_01, .gift_box_02{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 10vw;
	background-color: #f8d1d8;
	border-radius: 10vw;
	position: relative;
}
.move{
	animation: tada .5s infinite alternate;
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.7, .7, .7) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.7, .7, .7) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.gift_box_exchange_01, .gift_box_exchange_02, .gift_box_exchange_03, .gift_box_exchange_04, .gift_box_exchange_05, .gift_box_exchange_06,{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 10vw;
	background-color: #f8d1d8;
	border-radius: 10vw;
	position: relative;
}
.gift_btn_01, .gift_btn_02{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 4vw;
	position: relative;
	cursor: pointer;
}
.gift_btn_exchange_01, .gift_btn_exchange_02, .gift_btn_exchange_03, .gift_btn_exchange_04, .gift_btn_exchange_05, .gift_btn_exchange_06,{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 4vw;
	position: relative;
	cursor: pointer;
}
.gift_btn_01:hover, .gift_btn_02:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
	cursor: pointer;
}
.gift_btn_exchange_01:hover, .gift_btn_exchange_02:hover, .gift_btn_exchange_03:hover, .gift_btn_exchange_04:hover, .gift_btn_exchange_05:hover, .gift_btn_exchange_06:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
	cursor: pointer;
}
.getgift_text{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 30vw;
	position: relative;
	font-size: 1.3vw;
	font-weight: 400;
	margin-left: 2vw;
	margin-top: 0.6vw;
	overflow: hidden;
}
.getgift_text_over{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 38vw;
	position: relative;
	font-size: 3vw;
	font-weight: 400;
	margin-left: 14vw;
	margin-top: 0.6vw;
	overflow: hidden;
	text-align: center;
}
.exchangegift{
	float: left;
	display: block;
	width: 50vw;
	height: auto;
	position: relative;
	margin-left: 0vw;
	margin-top: 2vw;
}
.pool_rule{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 55vw;
	position: relative;
	font-size: 1vw;
	font-weight: 400;
	margin-left: 5vw;
	margin-top: 2vw;
	line-height: 2;
}
.pool_rule_over{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 50vw;
	position: relative;
	font-size: 1vw;
	font-weight: 400;
	margin-left: 7vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	line-height: 2;
}
.pool_example{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 52vw;
	position: relative;
	font-size: 1vw;
	font-weight: 400;
	margin-left: 5vw;
	margin-bottom: 2vw;
	line-height: 2;
	overflow: hidden;
}
.pool_notice{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 50%;
	height: 1vw;
	position: relative;
	font-size: 1vw;
	font-weight: 400;
	color: red;
	margin-left: 36%;
	margin-top: 0vw;
	line-height: 2;
}
.pool03_rule{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 52vw;
	position: relative;
	font-size: 1vw;
	font-weight: 400;
	margin-left: 5vw;
	margin-top: 1vw;
	line-height: 2;
	overflow: hidden;
}
.gift_slogan_02{
	display: inline-block;
	width: 45%;
	height: 6vw;
	position: relative;
	margin-left: 27.5%;
}
.gift_area_02{
	width: 94%;
	overflow: hidden;
	position: relative;
	margin-left: 3%;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #fff8a5;
	border-radius: 25px;
	border:solid #7a464b 5px;
}
.gift_slogan_03{
	display: inline-block;
	width: 45%;
	height: 6vw;
	position: relative;
	margin-left: 27.5%;
}
.gift_area_03{
	width: 94%;
	overflow: hidden;
	position: relative;
	margin-left: 3%;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #ffffff;
	border-radius: 25px;
	border:solid #7a464b 5px;
}
.gift_area_03_left{
	display: inline-block;
	float: left;
	width: 20vw;
	position: relative;
	margin-left: 10vw;
	margin-top: -1vw;
	margin-bottom: 2vw;
}
.gift_area_03_right{
	display: inline-block;
	float: left;
	width: 20vw;
	position: relative;
	margin-left: 2vw;
	margin-top: -1vw;
	margin-bottom: 0vw;
}
.gift_description_left{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 15vw;
	position: relative;
	font-size: 1vw;
	font-weight: 600;
	margin-left: 6vw;
	margin-top: 2vw;
	line-height: 1.6;
	color: #000000;
}
.gift_description_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 15vw;
	position: relative;
	font-size: 1vw;
	font-weight: 600;
	margin-left: 5vw;
	margin-top: 2vw;
	line-height: 1.6;
	color: #000000;
}
.calendar{
	display: inline-block;
	width: 20vw;
	height: 13vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
}
.pool3_gift{
	display: inline-block;
	width: 20vw;
	height: 13vw;
	position: relative;
	margin-left: 5vw;
	margin-top: 0vw;
}
.gift_btn_get_calendar, .gift_btn_get_special{
	display: inline-block;
	float: left;
	width: 10vw;
	height: 4vw;
	margin-left: 5vw;
	position: relative;
	background-image: url("../img/gift_btn_get.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
}
.gift_btn_get_calendar:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
}
.gift_btn_get_special:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
}
.notice{
	width: 65vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 3vw;
}
.gototop{
	width: 10%;
	position: relative;
	margin-left: 45%;
	margin-top: 2vw;
	margin-bottom: 0vw;
	cursor: pointer;
}
.gototop:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
}
.notice_rule{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 50vw;
	position: relative;
	font-size: 1vw;
	font-weight: 200;
	margin-left: 15vw;
	margin-top: 3vw;
	line-height: 1.6;
	color: #ffffff;
}
.notice_character{
	display: inline-block;
	float: left;
	width: 12vw;
	height: 30vw;
	margin-left: 0vw;
	position: relative;
	background-image: url("../img/santagirl.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.santa{
	float: left;
	width: 19vw;
	height: 30vw;
	margin-left: 80%;
	margin-top: 55%;
	position: absolute;
	z-index: 10;
}

footer {
  background-color: #4b1110;
}

@media screen and (min-width: 1280px) and (max-width: 1600px) {

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

}


@media screen and (min-width: 769px) and (max-width: 1023px) {

}

@media screen and (max-width: 768px) {

body::-webkit-scrollbar {
  display: none;
}
.ro1_wrapper{
	margin: 0 auto;
	height: auto;
	max-width: 768px;
	width: 100%;
}
.header{
	width: 100%;
}
.logo_position{
	margin: 0 auto;
}
.logo_ro1{
	float: left;
	width: 33vw;
    height: 25vw;
	left: 1vw;
    top: 7vw;
    position: relative;
}
.logo {
	float: left;
    width: 36vw;
    height: 30vw;
    top: 1vw;
    position: relative;
}
.ro1_cat{
	float: left;
	width: 30vw;
    height: 35vw;
    top: 2vw;
    position: relative;
}
.login{
	width: 95%;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-top: -2vw;
	background-color: #ffffff;
	border-radius: 25px;
	border:solid #7a464b 2px;
	padding: 1vw 0 1vw 0;
}
.login_text{
	display: inline-block;
	float: left;
	font-size: 4vw;
	font-weight: 800;
	position: relative;
	margin-top: 1.5vw;
	margin-left: 0vw;
	width: 100%;
	text-align: center;
}
.login_text_done{
	text-align: center;
	font-size: 4vw;
	font-weight: 800;
	position: relative;
	margin-top: 0vw;
	width: 100%;
	text-align: center;
}
.login_btn_wrapper{
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 18vw;
}
.login_btn{
	display: inline-block;
	float: left;
	position: relative;
	margin: 1vw 0 1vw 5.5vw;
	width: 12vw;
	height: 12vw;
	cursor: pointer;
}
.login_btn:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
}
.gnjoy{
	background-image: url("../img/login_btn_gnjoy.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.fb{
	background-image: url("../img/login_btn_fb.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.google{
	background-image: url("../img/login_btn_google.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.apple{
	background-image: url("../img/login_btn_apple.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.baha{
	background-image: url("../img/login_btn_baha.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.event_area{
	width: 95%;
	height: auto;
	position: relative;
	margin: 1vw auto;
	background-color: #fce2ba;
	border-radius: 25px;
	border:solid #7a464b 2px;
	background-image: url("../img/gift_pattern.png");
	background-repeat: repeat-y;
	background-size: contain;
}
.info{
	display: inline-block;
	width: 60vw;
	height: 20vw;
	position: relative;
	margin-left: 3vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
}
.date{
	display: inline-block;
	width: 90vw;
	height: auto;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
}
.date_left{
	display: inline-block;
	float: left;
	width: 20vw;
	height: 6vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #351f0e;
	border-radius: 6vw;
	color: #fffabc;
	font-size: 4vw;
	font-weight: 800;
	text-align: center;
	padding: 1.5vw;
}
.date_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 93%;
	position: relative;
	font-size: 4vw;
	font-weight: 400;
	margin-left: 4vw;
	margin-top: -1vw;
	overflow: hidden;
	line-height: 2;
}
.member{
	display: inline-block;
	width: 90vw;
	height: auto;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
}
.member_left{
	display: inline-block;
	float: left;
	width: 20vw;
	height: 6vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #351f0e;
	border-radius: 6vw;
	color: #fffabc;
	font-size: 4vw;
	font-weight: 800;
	text-align: center;
	padding: 1.5vw;
}
.member_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 93%;
	position: relative;
	font-size: 4vw;
	font-weight: 400;
	margin-left: 4vw;
	margin-top: -1vw;
	overflow: hidden;
	line-height: 2;
}
.rule{
	display: inline-block;
	width: 90vw;
	height: auto;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
}
.rule_left{
	display: inline-block;
	float: left;
	width: 20vw;
	height: 6vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #351f0e;
	border-radius: 6vw;
	color: #fffabc;
	font-size: 4vw;
	font-weight: 800;
	text-align: center;
	padding: 1.5vw;
}
.rule_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 93%;
	position: relative;
	font-size: 4vw;
	font-weight: 400;
	margin-left: 4vw;
	margin-top: 0vw;
	overflow: hidden;
	line-height: 2;
}
.gift_slogan_01{
	display: inline-block;
	width: 70%;
	position: relative;
	margin-left: 15%;
	margin-top: 2vw;
	margin-bottom: 10vw;
}
.gift_area_01{
	width: 94%;
	overflow: hidden;
	position: relative;
	margin-left: 3%;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #ffffff;
	border-radius: 25px;
	border:solid #7a464b 2px;
}
.count{
	display: inline-block;
	float: left;
	width: 70%;
	height: 6vw;
	position: relative;
	margin-left: 14%;
	margin-top: 2vw;
	background-color: #fce2ba;
	border-radius: 5vw;
	color: #000000;
	font-size: 4vw;
	font-weight: 800;
	text-align: center;
	padding: 2vw;
}
.getgift{
	width: 100%;
	position: relative;
	margin-top: 4vw;
	overflow: hidden;
}
.line{
	width: 80%;
	position: relative;
	margin: 4vw auto;
	border-bottom: #000000 solid 1px;
}
@keyframes bubble{
	0%{transform: scale(100%);}
	50%{transform: scale(105%);}
	100%{transform: scale(100%);}
}
.speak_bubble{
	float: left;
	width: 20vw;
	height: 20vw;
	position: relative;
	margin-left: 12vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	animation: bubble 1s infinite;
}
.speak_bubble_exchange{
	float: left;
	width: 15vw;
	height: 15vw;
	position: relative;
	margin-left: 2vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
	animation: bubble 1s infinite;
}
.giftbox{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 30vw;
	position: relative;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
}
.giftbox_over{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 30vw;
	position: relative;
	margin-left: 28vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
}
.giftbox_exchange{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 20vw;
	position: relative;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 2vw;
}
.gift_box_01, .gift_box_02{
	display: inline-block;
	float: left;
	width: 30vw;
	height: 30vw;
	background-color: #f8d1d8;
	border-radius: 30vw;
	position: relative;
}
.gift_box_exchange.gift_box_exchange_01, .gift_box_exchange_02, .gift_box_exchange_03, .gift_box_exchange_04, .gift_box_exchange_05, .gift_box_exchange_06,{
	display: inline-block;
	float: left;
	width: 20vw;
	height: 20vw;
	background-color: #f8d1d8;
	border-radius: 20vw;
	position: relative;
}
.gift_btn_01, .gift_btn_02{
	display: inline-block;
	float: left;
	width: 30vw;
	height: 12vw;
	position: relative;
	cursor: pointer;
}
.gift_btn_exchange_01, .gift_btn_exchange_02, .gift_btn_exchange_03, .gift_btn_exchange_04, .gift_btn_exchange_05, .gift_btn_exchange_06,{
	display: inline-block;
	float: left;
	width: 20vw;
	height: 10vw;
	position: relative;
	cursor: pointer;
}
.gift_btn_01:hover, .gift_btn_02:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
	cursor: pointer;
}
.gift_btn_exchange_01:hover, .gift_btn_exchange_02:hover, .gift_btn_exchange_03:hover, .gift_btn_exchange_04:hover, .gift_btn_exchange_05:hover, .gift_btn_exchange_06:hover{
	transform: translateY(-3px);
	filter: brightness(1.2);
	transition: 0.5s;
	cursor: pointer;
}	
.getgift_text{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 70vw;
	position: relative;
	font-size: 3vw;
	font-weight: 400;
	margin-left: 10vw;
	margin-top: 0.6vw;
	overflow: hidden;
	text-align: center;
}
.getgift_text_over{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 75vw;
	position: relative;
	font-size: 6vw;
	font-weight: 400;
	margin-left: 10vw;
	margin-top: 0.6vw;
	overflow: hidden;
	text-align: center;
}
.exchangegift{
	float: left;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	margin-left: 0vw;
	margin-top: 2vw;
}
.pool_rule{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 80vw;
	position: relative;
	font-size: 4vw;
	font-weight: 400;
	margin-left: 5vw;
	margin-top: 2vw;
	line-height: 2;
}
.pool_rule_over{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 78vw;
	position: relative;
	font-size: 3vw;
	font-weight: 400;
	margin-left: 7vw;
	margin-top: 0vw;
	margin-bottom: 3vw;
	line-height: 2;
}
.pool_example{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 80vw;
	position: relative;
	font-size: 2vw;
	font-weight: 400;
	margin-left: 5vw;
	margin-bottom: 2vw;
	line-height: 2;
	overflow: hidden;
}
.pool_notice{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	display: inline-block;
	width: 62%;
	position: relative;
	font-size: 3vw;
	font-weight: 400;
	color: red;
	margin-left: 19%;
	margin-top: 0vw;
	line-height: 2;
	text-align: center;
}
.pool03_rule{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 80vw;
	position: relative;
	font-size: 4vw;
	font-weight: 400;
	margin-left: 5vw;
	margin-top: 1vw;
	line-height: 2;
	overflow: hidden;
}
.gift_slogan_02{
	display: inline-block;
	width: 70%;
	position: relative;
	margin-left: 15%;
	margin-top: 2vw;
	margin-bottom: 10vw;
}
.gift_area_02{
	width: 94%;
	overflow: hidden;
	position: relative;
	margin-left: 3%;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #fff8a5;
	border-radius: 25px;
	border:solid #7a464b 2px;
}
.gift_slogan_03{
	display: inline-block;
	width: 70%;
	position: relative;
	margin-left: 15%;
	margin-top: 2vw;
	margin-bottom: 10vw;
}
.gift_area_03{
	width: 94%;
	overflow: hidden;
	position: relative;
	margin-left: 3%;
	margin-top: 0vw;
	margin-bottom: 2vw;
	background-color: #ffffff;
	border-radius: 25px;
	border:solid #7a464b 2px;
}
.gift_area_03_left{
	display: inline-block;
	float: none;
	width: 100%;
	position: relative;
	margin-left: 0vw;
	margin-top: -1vw;
	margin-bottom: 5vw;
}
.gift_area_03_right{
	display: inline-block;
	float: none;
	width: 100%;
	position: relative;
	margin-left: 0vw;
	margin-top: -1vw;
	margin-bottom: 5vw;
	text-align: center;
}
.gift_description_left{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 50%;
	position: relative;
	font-size: 4vw;
	font-weight: 600;
	margin-left: 48vw;
	margin-top: 8vw;
	line-height: 1.6;
	color: #000000;
	text-align: center;
}
.gift_description_right{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 50%;
	position: relative;
	font-size: 4vw;
	font-weight: 600;
	margin-left: 46vw;
	margin-top: 14vw;
	line-height: 1.6;
	color: #000000;
}
.calendar{
	display: inline-block;
	width: 50%;
	height: 20vw;
	position: relative;
	margin-left: 6vw;
	margin-top: -6vw;
}
.pool3_gift{
	display: inline-block;
	width: 50%;
	height: 30vw;
	position: relative;
	margin-left: 0vw;
	margin-top: -6vw;
}
.gift_btn_get_calendar{
	display: inline-block;
	float: none;
	width: 25vw;
	height: 10vw;
	margin-left: 7vw;
	margin-top: 0vw;
	position: relative;
	background-image: url("../img/gift_btn_get.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
}
.gift_btn_get_special{
	display: inline-block;
	float: none;
	width: 25vw;
	height: 10vw;
	margin-left: 6vw;
	margin-top: -20vw;
	position: relative;
	background-image: url("../img/gift_btn_get.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
}
.gototop{
	width: 25%;
	position: relative;
	margin-left: 37%;
	margin-top: 5vw;
	margin-bottom: 2vw;
}
.notice{
	width: 90vw;
	position: relative;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 3vw;
}
.notice_rule{
	font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
	width: 57vw;
	position: relative;
	font-size: 4vw;
	font-weight: 200;
	margin-left: 33vw;
	margin-top: 3vw;
	line-height: 1.6;
	color: #ffffff;
}
.notice_character{
	display: inline-block;
	float: left;
	width: 22vw;
	height: 60vw;
	margin-left: 5vw;
	position: relative;
	background-image: url("../img/santagirl.png");
	-moz-background-size:100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.santa{
	float: left;
	width: 35vw;
	height: 40vw;
	margin-left: 78%;
	margin-top: 185%;
	position: absolute;
	z-index: 10;	
}

}

@media screen and (max-width: 320px) {
.date_left{
	height: 6vw;
	font-size: 4vw;
}
.member_left{
	height: 6vw;
	font-size: 4vw;
}
.rule_left{
	height: 6vw;
	font-size: 4vw;
}
.pool_notice{
	width: 64%;
	height: 1vw;
	font-size: 2vw;
	line-height: 1.5;
}
.pool03_rule{
	width: 82vw;
}
.santa{
	float: left;
	width: 35vw;
	height: 40vw;
	margin-left: 78%;
	margin-top: 185%;
	position: absolute;
	z-index: 10;	
}
}


.clearfix{
	overflow: hidden;
}

/*pop start*/
.pop_open, .pop_exchange, .pop_special, .pop_calendar {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/noteback.png);
	background-repeat: repeat;
}

@media screen and (min-width: 769px) {
    .picblock {
        width: 50%;
		height: auto;
        position: absolute;
        left: 25%;
        top: 15%;
        overflow-x: hidden;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }
	.pop_title{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 1.5vw;
		font-weight: 400;
		margin-left: 22vw;
		margin-top: 5vw;
		overflow: hidden;
	}
	.pop_title_special{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 1.5vw;
		font-weight: 400;
		margin-left: 21vw;
		margin-top: 8vw;
		margin-bottom: 8vw;
		overflow: hidden;
	}
	.pop_title_calendar{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 1.5vw;
		font-weight: 400;
		margin-left: 21vw;
		margin-top: 8vw;
		margin-bottom: 8vw;
		overflow: hidden;
	}
	.pop_gift{
		width: 8vw;
		height: 8vw;
		margin-left: 29vw;
		margin-bottom: 1vw;
		position: relative;
		overflow: hidden;
	}
	.pop_text{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 1vw;
		font-weight: 400;
		margin-left: 22vw;
		margin-top: 0vw;
		line-height: 1.5;
		overflow: hidden;
	}
	.pop_gift_btn{
		display: inline-block;
		float: left;
		width: 10vw;
		height: 5vw;
		margin-left: 23vw;
		margin-top: 1vw;
		margin-bottom: 2vw;
		position: relative;
		cursor: pointer;
	}
	.pop_gift_btn_cancel{
		display: inline-block;
		float: left;
		width: 10vw;
		height: 5vw;
		margin-left: 1vw;
		margin-top: 1vw;
		margin-bottom: 2vw;
		position: relative;
		cursor: pointer;
	}
	.awardbg_01{
		background: url("../img/popup01.png") center no-repeat;
    	-moz-background-size: cover;
    	background-size: cover;
	}
	.awardbg_02{
		background: url("../img/popup02.png") center no-repeat;
    	-moz-background-size: cover;
    	background-size: cover;
	}

}

@media screen and (max-width: 768px) {
    .picblock {
        width: 100%;
		height: auto;
        position: absolute;
        left: 0vw;
        top: 20%;
        overflow-x: hidden;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }
	.pop_title{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		margin-left: 42vw;
		margin-top: 14vw;
		margin-bottom: 1vw;
		overflow: hidden;
	}
	.pop_title_special{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		margin-left: 44vw;
		margin-top: 14vw;
		margin-bottom: 2vw;
		overflow: hidden;
	}
	.pop_title_calendar{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		margin-left: 44vw;
		margin-top: 14vw;
		margin-bottom: 2vw;
		overflow: hidden;
	}
	.pop_gift{
		width: 20vw;
		height: 20vw;
		margin-left: 55vw;
		margin-bottom: 2vw;
		position: relative;
		overflow: hidden;
	}
	.pop_text{
		font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
		width: 50%;
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		margin-left: 42vw;
		margin-top: 0vw;
		line-height: 1.5;
		overflow: hidden;
	}
	.pop_gift_btn{
		display: inline-block;
		float: left;
		width: 30vw;
		height: 15vw;
		margin-left: 37vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
		position: relative;
		cursor: pointer;
	}
	.pop_gift_btn_cancel{
		display: inline-block;
		float: left;
		width: 30vw;
		height: 15vw;
		margin-left: 1vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
		position: relative;
		cursor: pointer;
	}
	.awardbg_01{
		background: url("../img/popup01.png") center no-repeat;
    	-moz-background-size: cover;
    	background-size: cover;
	}
	.awardbg_02{
		background: url("../img/popup02.png") center no-repeat;
    	-moz-background-size: cover;
    	background-size: cover;
	}
}


/*pop end*/