@charset "utf-8";
/* CSS Document */
.item_txt_style_1{color:#dcb47b;}
.game_area{
	display: block;
	height: 650px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.cashapon{
	display: block;
	padding-top: 188px;
	position: absolute;
	width: 100%;
}
.switch{
	display: block;
	height: 214px;
	width: 214px;
	margin-right: auto;
	margin-left: auto;
}
.ball_1_container{
	display: block;
	height: 250px;
	width: 360px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.ball_1{
	display: block;
	height: 180px;
	width: 180px;
	position: absolute;
	top: 20px;
	left: 90px;
}

.btn_area{
	display: block;
	height: auto;
	position: absolute;
	width: 100%;
	padding-top: 230px;
}
.btn_container_1{
	display: block;
	float: left;
}
.btn_container_1 .select_1{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/select_bg_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	width: 302px;
	margin-bottom: 20px;
	padding-top: 19px;
	text-align: right;
}
.select_style_1{
	display: inline-block;
	width: 170px;
	padding: 4px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #CCC;
	background-color: #0d1212;
	font-size: 16px;
}
.btn_server_check{
	display: inline-block;
	color: #FFF;
	background-color: #003366;
	border: 2px solid #FFF;
	border-radius: 50px;
	font-size: 16px;
	height: 44px;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 20px;
}
.btn_container_1 .token_1{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/token_bg_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #FFF;
	text-indent: 70px;
	text-align: left;
	line-height: 80px;
	font-weight: bold;
}
.btn_container_1 .top_up_1 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
}

.m_btn_container_2{
	display: none;
}
.btn_container_2{
	display: block;
	float: right;
}
.btn_container_2 .btn_1 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
}
.btn_container_2 .btn_2 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
}
.btn_container_2 .btn_3 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_4.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
}
.btn_container_2 .btn_5 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_5.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
	cursor: pointer;
}
.btn_container_2 .btn_6 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_6.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
	cursor: pointer;
}

/********/
.gift_item_container{
	display: block;
	height: auto;
	width: auto;
	text-align: center;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

.gift_item{
	display: inline-block;
	width: 140px;
	margin-bottom: 20px;
	opacity: 0;
	animation-name: gift_item_mov;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
}
@keyframes gift_item_mov{
    from {opacity: 0; transform:scale(0.1) ;}
    25% {opacity: 1; transform:scale(1.01) ;-webkit-filter:brightness(500%);}
    35% {opacity: 1; transform:scale(0.99) ;-webkit-filter:brightness(100%);}
    to {opacity: 1; transform:scale(1) rotate(0deg);}
}
.item_img{
	display: block;
	padding-top: 19px;
	height: 101px;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/gift_item_board.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}
.item_name{
	display: block;
	text-align: center;
	margin-top: 10px;
	color: #dcb47b;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	width: 100%;
	line-height: 1.2em;
	height: 2.5em;
}
.gift_info{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	opacity: 0;
	animation-name: gift_info_mov;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
}
@keyframes gift_info_mov{
    from {opacity: 0;}
    to {opacity: 1;}
}


/*****單次*****/
.one_gift{
	display: block;
	position: relative;
	height: 350px;
}
.ball_2_container{
	display: block;
	height: 116px;
	width: 196px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.ball_2_a{
	opacity: 0;
	position: absolute;
}
.ball_2_run1{
	opacity: 0;
	animation-name: ball_2_mov1;
	animation-duration: 1.5s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
}
@keyframes ball_2_mov1{
    from {top: 10px; opacity: 0;}
    15% {top: 100px; opacity: 1; }
    20% {top: 80px; opacity: 1; }
    25% {top: 100px; opacity: 1; }
    35% {top: 90px; opacity: 1; }
    40% {top: 100px; opacity: 1; }
    45% {top: 96px; opacity: 1; }
    50% {top: 100px; opacity: 1; }
    to {top: 100px; opacity: 1; }
}
.ball_2_b{
	opacity: 0;
	position: absolute;
	top:100px;
}
.ball_2_run2{
	animation-name: ball_2_mov2;
	animation-duration: 0.1s;
	animation-delay: 0.0s;
	animation-iteration-count:infinite;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
}
@keyframes ball_2_mov2{
    from {opacity: 0.8;}
    to {opacity: 1; }
}
.gift_item{
	display: inline-block;
	width: 140px;
	margin-bottom: 20px;
	opacity: 0;
	animation-name: gift_item_mov;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
}
@keyframes gift_item_mov{
    from {opacity: 0; transform:scale(0.1) ;}
    25% {opacity: 1; transform:scale(1) ;-webkit-filter:brightness(500%);}
    35% {opacity: 1; transform:scale(1) ;-webkit-filter:brightness(100%);}
    to {opacity: 1; transform:scale(1) rotate(0deg);}
}
.one_gift_item{
	display: inline-block;
	width: 140px;
	margin-bottom: 20px;
	opacity: 0;
	animation-name: one_gift_item_mov;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
	padding-top: 50px;
}
@keyframes one_gift_item_mov{
    from {opacity: 0; transform:scale(0.1) ;}
    25% {opacity: 1; transform:scale(1) ;-webkit-filter:brightness(500%);}
    35% {opacity: 1; transform:scale(1) ;-webkit-filter:brightness(100%);}
    to {opacity: 1; transform:scale(1) rotate(0deg);}
}

.one_gift_item_container{display: block;height: 350px;}
.one_item_img{
	display: block;
	padding-top: 19px;
	height: 101px;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/gift_item_board.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}
.one_item_name{
	display: block;
	text-align: center;
	margin-top: 10px;
	color: #dcb47b;
	font-size: 18px;
	font-weight: bold;
}
.one_gift_info{
	display: block;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	opacity: 0;
	animation-name: one_gift_info_mov;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
	font-weight: bold;
	margin-top: 20px;
}
@keyframes one_gift_info_mov{
    from {opacity: 0;}
    to {opacity: 1;}
}


@media only screen and (min-width: 480px) and (max-width: 768px) {
.game_area{
	display: block;
	height: 650px;
	width: 100%;
	max-width: 768px;
	min-width: 640px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.btn_area{
	display: block;
	height: auto;
	position: absolute;
	width: 100%;
	padding-top: 50px;
}
.btn_container_1{
	display: block;
	float: none;
}
.btn_container_1 .select_1{
	display: inline-block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/select_bg_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
	text-align: right;
	margin-top: 0px;
	font-size: 24px;
	line-height: 80px;
	padding-top: 0px;

}
.select_style_1{
	display: inline-block;
	width: 170px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #CCC;
	background-color: #0d1212;
	font-size: 16px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.btn_server_check{
	display: inline-block;
	color: #FFF;
	background-color: #003366;
	border: 2px solid #FFF;
	border-radius: 50px;
	font-size: 16px;
	height: 44px;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 20px;
	line-height: 44px;
}

.btn_container_1 .token_1{
	display: inline-block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/token_bg_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 302px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #FFF;
	text-indent: 70;
	text-align: left;
	line-height: 80px;
	font-weight: bold;
	margin-top: 0px;
}


.btn_container_1 .top_up_1 a{
    display: none;
}

.btn_container_2{
	display: none;
}

.m_btn_container_2{
	display: block;
	float: none;
	padding-top: 30px;
}
.m_btn_container_2 .m_right{
	display: block;
	float: right;
	padding-right: 20px;
}
.m_btn_container_2 .btn_1 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_1s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 124px;
	margin-bottom: 20px;
}
.m_btn_container_2 .btn_2 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_2s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 124px;
	margin-bottom: 20px;
}
.m_btn_container_2 .btn_5 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_5s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 124px;
	margin-bottom: 20px;
}
.m_btn_container_2 .btn_6 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_6s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 124px;
	margin-bottom: 20px;
}
.m_btn_container_2 .m_left{
	display: block;
	float: left;
	padding-left: 20px;
}
.m_btn_container_2 .btn_3 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_3s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 124px;
	margin-bottom: 20px;
}
.m_btn_container_2 .btn_4 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/btn_4s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 124px;
	margin-bottom: 20px;
	cursor: pointer;
}

}


@media only screen and (max-width: 480px) {
.game_area{
	display: block;
	height: 650px;
	width: 100%;
	max-width: 480px;
	min-width: 360px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/m_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.switch{
	display: block;
	height: 150px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.ball_1_container{
	display: block;
	height: 250px;
	width: 320px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.ball_1{
	display: block;
	height: 140px;
	width: 140px;
	position: absolute;
	top: 20px;
	left: 90px;
}

.btn_area{
	display: block;
	height: auto;
	position: absolute;
	width: 100%;
	padding-top: 60px;
}
.btn_container_1{
	display: block;
	float: none;
}
.btn_container_1 .select_1{
	display: inline-block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_select_bg_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 304px;
	margin-bottom: 0px;
	padding-top: 14px;
	text-align: right;
	margin-top: 0px;
}
.select_style_1{
	display: inline-block;
	width: 200px;
	padding: 4px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #CCC;
	background-color: #0d1212;
	font-size: 14px;
}
.btn_server_check{
	display: inline-block;
	color: #FFF;
	background-color: #003366;
	border-radius: 50px;
	font-size: 12px;
	height: 32px;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_container_1 .token_1{
	display: inline-block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_token_bg_1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 62px;
	width: 304px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #FFF;
	text-indent: 80px;
	text-align: left;
	line-height: 60px;
	font-weight: bold;
	margin-top: 0px;
}
.btn_container_1 .top_up_1 a{
    display: none;
}

.btn_container_2{
	display: none;
}

.m_btn_container_2{
	display: block;
	float: none;
	padding-top: 15px;
}
.m_btn_container_2 .m_right{
	display: block;
	float: right;
	padding-right: 10px;
}
.m_btn_container_2 .btn_1 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_btn_1s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
}
.m_btn_container_2 .btn_2 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_btn_2s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
}
.m_btn_container_2 .btn_5 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_btn_5s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
}
.m_btn_container_2 .btn_6 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_btn_6s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
}
.m_btn_container_2 .m_left{
	display: block;
	float: left;
	padding-left: 10px;
}
.m_btn_container_2 .btn_3 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_btn_3s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
}
.m_btn_container_2 .btn_4 a{
	display: block;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_btn_4s.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
	cursor: pointer;
}

/****popup*****/
.gift_item{
	display: inline-block;
	width: 100px;
	margin-bottom: 0px;
	opacity: 0;
	animation-name: gift_item_mov;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;/***/
	animation-timing-function: ease;
	animation-fill-mode: forwards;/**(forwards 保持在最後狀態)***/
}
.item_img{
	display: block;
	padding-top: 2px;
	height: 86px;
	background-image: url(//static1.gamepanda.tw/web/gamepanda.tw/img/gacha/game/m_gift_item_board.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px;
	margin-right: auto;
	margin-left: auto;
}
.item_name{
	display: block;
	text-align: center;
	margin-top: 4px;
	color: #dcb47b;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	height: 2.5em;
}
}