@charset "utf-8";
/* CSS Document */
img{
	max-width:100%;
	font-family:}

body {
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 1.428571429;
/*	color: #333333;

	background-image: url(images/top_b.png);
	background-repeat: no-repeat;
	background-position: center -50px;	
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;	
*/
background-color:#edecea;/*
cursor:url(images/24icon_mouse.png), auto;*/

}

#page{
	}
	#page_content{
		min-height:60vh;
		}
footer{
	/*background-color: #799ac5;*/
	background-color: #008e90;
	
	color: #fff;
	min-height: 70px;
	padding: 40px 10px 20px 10px;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}
footer table{
	width:60%;
	margin:auto;}	
footer .col-sm-4{
	padding-bottom:10px;}	
.color1{
	color:#1c8888;}	
.color2{
	color: #FF6600;
}		
.title{
	color:#10336b;
	font-size:200%;
	font-weight:bolder;}	
h1.title{
	color: #10336b;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	}		
.container a{
	color:#333;}	
	
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color:transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-width: thin;
	border-bottom-color: #999;
	border-left-color: #CCC;
}

.list-group-item .badge{
	/*background-color:#fff;*/
	color:#008e90;}
.bg_w{
	/*background-color:#FFF;*/
	padding:10px 0px;}	
.navbar{
	/*background-color:#61c1bf;*/
	position: relative;
	height: 100px;
	margin-bottom: 70px;
	background: url(images/top.jpg) repeat-x left top;

}	
a.bt_c,.bt_c{
	line-height: 1.1;
	color: #FFF;
	font-weight:bolder;
	text-align: center;
	background-color: #e58054;
	font-size: 140%;
	padding: 10px 40px;
	border-radius: 20px;
	margin: 10px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	}
a.bt_c:hover,.bt_c:hover{
	background-color:#1c8888;
	color:#000;
	}	
.nav-item{
	padding-top: 20px;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}	
#menu_list a.nav-link{
	line-height: 1.1;
	color: #FFF;
	text-align: center;
	background-color: #008e90;
	font-size: 140%;
	padding: 15px;
	border-radius: 10px;
	margin: 0px 10px;
	display: inline-block;
	
	}	
	
#menu_list a.active{
		background-color: #f08455;
		color:#000;
		font-weight:bolder;
	}
#menu_list a.nav-link:hover{
		background-color: #f08455;
			color:#000;
		font-weight:bolder;
}
.web_logo{
	margin:0px 10px;
	position:absolute;
	top:20px;}					
#menu_list{
	position:absolute;
	top:60px;
	right:10px;}

.store_d ul{
	font-size:120%;
	line-height:2;
	font-weight:bolder;
	 list-style: none; }	
.store_d ul li::before {
  content: "\2022";  
  color: #61c1bf; 
  font-weight: bold;
  display: inline-block;
  width: 1em; 
  margin-left: -1em; 
}
.store_d ul .active{
	color:#3CC;}
.item_name{
	font-size:120%;
	font-weight:bolder;}	
.table th{
	background-color:#008e90;
	color:#fff;
	font-size:120%;
	text-align:center;
	}	
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #008e90;
	border-color: #008e90;
}
.btn-primary-g{
	background-color:#61c1bf;
	color:#FFF;}
.memberbt_1{
	background-image: url(images/member_bt1_1.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
min-height:80px;
line-height:80px;
	}	
.memberbt_2{
	background-image: url(images/member_bt2_1.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
min-height:80px;
line-height:80px;
	}
.memberbt_3{
	background-image: url(images/member_bt3_1.png?1);
	background-repeat: no-repeat;
	background-position: 20px center;
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
min-height:80px;
line-height:80px;
	}		
.btn-o{
	background-color:#fe694d;
	color:#FFF;
	width:100%;
	max-width:416px;
	margin:5px;
	
	}
.btn-bu,.btn-bu:hover{
	background-color:#10336b;
	color:#FFF;
	width:100%;
	max-width:800px;
	margin:5px;
	
	}	
.color-bu{
	color:#10336b;
	}	
.color-gre{
	color:#1c8888;
	}	
.psy_coupon{
	background-color:#fff;
	
	max-width:350px;
	margin:auto;
margin-bottom:50px;
position:relative;

	}
.psy_coupon:after{
	content:"";
	height:30px;
	width:100%;
	position:absolute;
	bottom:-30px;
	
	
	background-image: url(images/coupon_footer.png);
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
	
}
.psy_coupon .col-9{
	padding:20px;
	
}
.psy_coupon .store_name{
	display: inline-block;
	padding: 10px 20px;
	border: thin solid #666;
	color: #666;
	border-radius: 40px;

	font-size: 200%;
	font-weight: bolder;
}
.psy_coupon .coupon_content{
	line-height:2;
	font-size:140%;
	color:#F63;
}
.psy_coupon .col-3{
	text-align:center;
	padding: 0px;
	background-image: url(images/counpon_right.jpg);
	background-repeat: repeat-y;
	background-position: right top;	 
	-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
	}	
.psy_coupon .col-3 span	{ content: url(images/counpon_right_w.jpg);


}
.btn-p{
	background-color:#008e90;
	color:#FFF;
	width:100%;
	max-width:416px;
	margin:5px;
	
	}
a.btn-p,a.btn-g,a.btn-o,a.btn-bu,a:hover.btn-bu{
	color:#FFF;
	}	
.btn-g{
	background-color:#1c8888;
	color:#FFF;
	width:100%;
	max-width:416px;
	margin:5px;
	
	}
	
.fi{
	margin-bottom:3px;
	display:inline-block;
	padding:3px 5px 3px 30px;
	min-height:30px;

	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
	background-repeat: no-repeat;
	background-position: left center;
	}
.fi_1{
	background-image: url(images/icon_fd_1.png);
}
.fi_2{
	background-image: url(images/icon_fd_2.png);
}	
.fi_3{
	background-image: url(images/icon_fd_3.png);
}	
.fi_4{
	background-image: url(images/icon_fd_4.png);
}	
.fi_5{
	background-image: url(images/icon_fd_5.png);
}	
.fi_6{
	background-image: url(images/icon_fd_6.png);
}	
.fi_7{
	background-image: url(images/icon_fd_7.png);
}	
.fi_8{
	background-image: url(images/icon_fd_8.png);
}	
.fi_9{
	background-image: url(images/icon_fd_9.png);
}	
.fi_10{
	background-image: url(images/icon_fd_10.png);
}	
.fi_11{
	background-image: url(images/icon_fd_11.png);
}	
.fi_12{
	background-image: url(images/icon_fd_12.png);
}	
.fi_13{
	background-image: url(images/icon_fd_13.png);
}		
.fi_14{
	background-image: url(images/icon_fd_14.png);
}	
.fi_15{
	background-image: url(images/icon_fd_15.png);
}
.fi_16{
	background-image: url(images/icon_fd_16.png);
}

.fi_1{
	background-image: url(images/icon_fd_1.png);
}
.fi_2{
	background-image: url(images/icon_fd_2.png);
}	
.fi_3{
	background-image: url(images/icon_fd_3.png);
}	
.fi_4{
	background-image: url(images/icon_fd_4.png);
}	
.fi_5{
	background-image: url(images/icon_fd_5.png);
}	
.fi_6{
	background-image: url(images/icon_fd_6.png);
}	
.fi_7{
	background-image: url(images/icon_fd_7.png);
}	
.fi_8{
	background-image: url(images/icon_fd_8.png);
}	
.fi_9{
	background-image: url(images/icon_fd_9.png);
}	
.fi_10{
	background-image: url(images/icon_fd_10.png);
}	
.fi_11{
	background-image: url(images/icon_fd_11.png);
}	
.fi_12{
	background-image: url(images/icon_fd_12.png);
}	
.fi_13{
	background-image: url(images/icon_fd_13.png);
}		
.fi_14{
	background-image: url(images/icon_fd_14.png);
}	
.fi_15{
	background-image: url(images/icon_fd_15.png);
}


.fi_1w{
	background-image: url(images/icon_fd_1w.png);
}
.fi_2w{
	background-image: url(images/icon_fd_2w.png);
}	
.fi_3w{
	background-image: url(images/icon_fd_3w.png);
}	
.fi_4w{
	background-image: url(images/icon_fd_4w.png);
}	
.fi_5w{
	background-image: url(images/icon_fd_5w.png);
}	
.fi_6w{
	background-image: url(images/icon_fd_6w.png);
}	
.fi_7w{
	background-image: url(images/icon_fd_7w.png);
}	
.fi_8w{
	background-image: url(images/icon_fd_8w.png);
}	
.fi_9w{
	background-image: url(images/icon_fd_9w.png);
}	
.fi_10w{
	background-image: url(images/icon_fd_10w.png);
}	
.fi_11w{
	background-image: url(images/icon_fd_11w.png);
}	
.fi_12w{
	background-image: url(images/icon_fd_12w.png);
}	
.fi_13w{
	background-image: url(images/icon_fd_13w.png);
}		
.fi_14w{
	background-image: url(images/icon_fd_14w.png);
}	
.fi_15w{
	background-image: url(images/icon_fd_15w.png);
}


.fi_1g{
	background-image: url(images/icon_fd_1g.png);
}
.fi_2g{
	background-image: url(images/icon_fd_2g.png);
}	
.fi_3g{
	background-image: url(images/icon_fd_3g.png);
}	
.fi_4g{
	background-image: url(images/icon_fd_4g.png);
}	
.fi_5g{
	background-image: url(images/icon_fd_5g.png);
}	
.fi_6g{
	background-image: url(images/icon_fd_6g.png);
}	
.fi_7g{
	background-image: url(images/icon_fd_7g.png);
}	
.fi_8g{
	background-image: url(images/icon_fd_8g.png);
}	
.fi_9g{
	background-image: url(images/icon_fd_9g.png);
}	
.fi_10g{
	background-image: url(images/icon_fd_10g.png);
}	
.fi_11g{
	background-image: url(images/icon_fd_11g.png);
}	
.fi_12g{
	background-image: url(images/icon_fd_12g.png);
}	
.fi_13g{
	background-image: url(images/icon_fd_13g.png);
}		
.fi_14g{
	background-image: url(images/icon_fd_14g.png);
}	
.fi_15g{
	background-image: url(images/icon_fd_15g.png);
}

.store_m a{
	display:block;
	color:#fff;
	background-color:#62b0a0;
	min-width:150px;
	text-align:center;
	padding:10px 0px;
	font-size:120%;
	margin-bottom:10px;}
.store_m a.active{
	background-color:#1d6457;
}

#casinoShuffle{
	cursor: pointer; }
.eventgamebg_0{	
	display:flex;
	align-items: stretch;
	max-width:800px;
	margin:auto;
	}
.eventgamebg_1{
	
	width:86%;
	min-height:100px;
}
.eventgamebg_2{
	width: 14%;

}
	.eventgamebg_1_1{
	 content: url(images/game_bg_01.png);
	 width:100%;}	
	 .eventgamebg_1_2_1{
	content: url(images/game_bg2_1.png);
	 width:100%;
	}	
.eventgamebg_1_2{
	position:relative;
}
.eventgamebg_game{
	position:absolute;
	top:100px;
	left:80px;
	width:80%;
	z-index:3;}
	
 .eventgamebg_2_1{
	
	 content: url(images/game_bg2_2.png);
	 width:100%;
	}	


.event_paper_top{

	}
.event_paper{
  font-family: 'Pixel';
	  letter-spacing: 0.1em;
	}
.main-content {
    min-height: 500px;
	background-color: #fff; 
	margin-bottom: 1rem;
	padding: .5em;
	 border-radius: 10px;
}	
.main-content h2 { font-size: 2em; font-weight: 600; }
.main-content h2 a:link,.main-content  h2 a:visited { font-size: .8em; }
.main-content h2.s-tit span { background-color: #7a9ac3; display: inline-block; height:100%; width: 5px; margin-right: .5rem; }
.main-content h2.s-tit { color: #7a9ac3; }
/*
.s-tit-m {
  display: block;
  
  color: #ef8359;
  position: relative;
  text-align:center;
  margin-bottom:10px;
}
.s-tit-m:before,
.s-tit-m:after {
  content: "";
  position: absolute;
  top: 50%;
  background: #ef8359;
  width: calc(40% - 50px);
  height: 1px;
}
.s-tit-m:before {
  left:2%; 
}
.s-tit-m:after {
  right:2%;
}
*/

@font-face {
  font-family: 'Pixel';
  src: local('Pixel'),
  url('images/Cubic_11_1.100_R.woff');
}
.game_time{
	font-size:120%;
	font-weight:bolder;
	padding:10px;
	color:#FFF;
	background-color: #008c8c;
	border-radius: 10px;
	border: 5px solid #FFF;
	}	
.nice_time{
	background-color:#333;
	padding:5px;
	color:#FFF;}
	.end_time{
		color:#FFF;
	display: inline-block;
	background-image: url(images/24bg_02.png);
	padding:20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align:center;
}	
.evnet_bg_1{

	font:"微軟正黑體";
	/*background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
	*/
	background-image: url(images/26bg.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
	}
.title_r_g{
	border-radius: 25px 25px;
	color: #008e8f;
	border: 2px solid #008e8f;
	padding:5px 10px;
	display:inline-block;
	
	}	
.result_c2{
	
	text-align:center;}	
.result_c2 .c_2{
	font-size:160%;
	line-height:2;
	color:#666;
	margin:20px 0px;
	}	
#psy_end_bt{
	padding:10px 40px;
	margin-top:20px;background-color:#008e8f;
	
	 border-radius: 25px 0px 0px 25px;
	 color:#FFF;
	 font-size:160%;
	 font-weight:bolder;
	 border:none;
	 }	
.coupon_re_bt{
	cursor: pointer;
	font-size: 140%;
	font-weight: bolder;
	position: absolute;
	right: -50px;
	bottom: 0px;
	border-radius: 20px;
	border: 2px double #333;
	display:inline-block;
	padding:5px 10px;
	}	 
.coupon_re_bt:hover{
	background-color:#F96;
}
.evnet_footer{
	min-height:100px;}	
.q_note{
	font-weight:900;
	line-height:1.5;
	text-align:center;}	
.q_note .schedule,.q_note .q_n{ color:#f08455;
font-weight:bolder;}	
.q_note .schedule{
	font-size:200%;}
.q_note .q_n{
	font-size:400%;}
.q_title{
	font-size:200%;
	font-weight:bolder;
	text-align:center;}		
.event_paper input[type="radio"] {
  display: none;
}

.event_paper input[type="radio"]+label {
  display: block;
  /*border: 1px solid;*/
  background-color:#008e8f;
  color:#FFF;
  font-size:140%;
  font-weight:bolder;
  text-align: center;
  padding: 7px;
    border-radius: 10px;
	margin:20px;
}

.event_paper input[type="radio"]:checked+label {
  background-color:#0C9;
}	


 
.result_subtitle{
	position:relative;
	display:inline-block;
	background-color:#008e8f;
	margin:10px 0px;
	padding:5px 20px 5px 0px;
	 border-radius: 0px 10px 10px 0px;
	 color:#FFF;
	 font-size:140%;
	 font-weight:bolder;
	}
	.result_subtitle::before{ content: ""; /*沒用到仍然要寫，雙引號內容留空*/
  width: 17px; /*設定長方形寬度*/
  height: 42px; /*設定長方形高度*/
  background: #008e8f; /*設定長方形顏色*/
  position: absolute; /*設定與<div>區塊的相對位置*/
  left: -17px; /*從<div>區塊左上角起算，與左邊距離為0，即靠左的意思*/
  top: 0px;; /*從<div>區塊左上角起算，與上方距離為100%時才開始產生這個長方形，因此長方形會在整塊<div>區塊的下方*/}
.goto_free{
	 background-color:#008e8f;
	 padding:10px;} 
.goto_free .container{
	background-color:#FFF;
	 border-radius: 10px;
	 width:75%;
	 margin:20px auto;
	
}
.bt_free_get{
	content: url(images/get_free_bt.png);
	 width:100%;}	

.space_26e{

	position:relative;
	padding:20px;
	max-width: 800px;
	margin: auto;
	margin-top:100px;
		padding-top:100px;
	border-radius: 20px;
	border: 2px solid #284370;
	background-color:#FFF;

	color:#284370;
	font-weight:bolder;
	line-height:1.5;
	}	
.space_26e::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	border-radius: 20px 20px 0px 0px;
	background: #2bb59b;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #284370;
	border-right-color: #284370;
	border-bottom-color: #284370;
	border-left-color: #284370;
}  
.space_26e .space_26e_img img{
	width:200px;

	}	
.space_26e .space_26e_img{
	position:absolute;
	top:-50px;
	    left: 50%;
    transform: translateX(-50%);}
.select_item_26 div{
	background-color:#2bb59b;
	padding:5px 1px;;
	margin:5px;
	border-radius: 10px;}
.select_item_26 label{
	color:#fff;
	font-size:80%;
	}
.evnet_bg_1_footer{
	min-height:300px;}
.result_title{
	font-weight:bolder;
	font-size:350%;
	color:#008e8f;}	
.friendly_ip_1{
	content: url(images/ip_1.png);
	 width:100%;
	}	
.friendly_ip_2{
	content: url(images/ip_2.png);
	 width:100%;
	}
.friendly_ip_3{
	content: url(images/ip_3.png);
	 width:100%;
	}
.friendly_ip_4{
	content: url(images/ip_4.png);
	 width:100%;
	}
.friendly_ip_5{
	content: url(images/ip_5.png);
	 width:100%;
	}
.friendly_ip_6{
	content: url(images/ip_6.png);
	 width:100%;
	}
.friendly_ip_7{
	content: url(images/ip_7.png);
	 width:100%;
	}
.friendly_ip_8{
	content: url(images/ip_8.png);
	 width:100%;
	}	
.friendly_ip_9{
	content: url(images/ip_9.png);
	 width:100%;
	}
.friendly_ip_10{
	content: url(images/ip_10.png);
	 width:100%;
	}
.friendly_ip_11{
	content: url(images/ip_11.png);
	 width:100%;
	}
.friendly_ip_12{
	content: url(images/ip_12.png);
	 width:100%;
	}
.friendly_ip_13{
	content: url(images/ip_13.png);
	 width:100%;
	}
.friendly_ip_14{
	content: url(images/ip_14.png);
	 width:100%;
	}
.friendly_ip_15{
	content: url(images/ip_15.png);
	 width:100%;
	}
.end_card_space{

	background-image: url(images/24bg_end.png);
	background-repeat: no-repeat;
	-moz-background-size:auto 100%;
-webkit-background-size:auto 100%;
-o-background-size:auto 100%;
background-size:auto 100%;
padding:0px 0px 50px 0px;
	}
.end_space_1{
	background-image: url(images/24bg_01.png);
background-repeat: no-repeat;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
padding:10px;
margin:10px;
		}
#end_card_space_2{		
		position:relative; display:none;
		text-align:center;
}
.end_icon_bg{
	text-align:center;
padding:30px 10px 10px 15px;
position:absolute; top:0px; left:0px;
background-image: url(images/end_icon_bg.png);
background-repeat: no-repeat;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
	}
#clickshowbt{display:block; height:600px; width:100%;
}
#end_l{
		font-size:200%;
		text-align:center;
	 }

#end_l h1{
	font-size:200%;
	  text-shadow: 
                2px 2px 0 white, 
                -2px 2px 0 white, 
                2px -2px 0 white, 
                -2px -2px 0 white,
                2px 0 0 white,
                -2px 0 0 white,
                0 2px 0 white,
                0 -2px 0 white;
				margin-bottom:20px;}
 @media all and (min-width: 768px) {
}
 @media all and (min-width: 320px) and (max-width: 768px) {
}
@media all and (min-width: 768px) and (max-width: 1000px) {
}
@media all and (max-width: 768px) {

}
@media all and (min-width: 768px) and (max-width: 1280px) {
}
@media all and (min-width: 480px) and (max-width: 768px) {
}
@media all and (min-width: 320px) and (max-width: 480px) {
	.coupon_re_bt{
		
		bottom:-80px;
		right:0px;
	
	}
	.psy_coupon{
		margin-bottom:100px;}

	
}

@media all and (max-width: 767px) {
	body {
	
	background-position: center 50px;	
	
}
	.store_m a{
		display:inline-block;
		font-size:100%;
		min-width:inherit;
		padding: 10px;
		}
	footer .col-sm-5 img {
		height:20px;
	}
	.store_d ul li{
		display:inline-block;
		margin-right:30px;
	 }	
	 
	.navbar{
	
	margin-bottom:30px;}
	footer table{
	width:100%;
	margin:auto;}
	#menu_list{	
		position:static;	
	}
.nav-item{	background-image:none;
}	
#menu_list a.nav-link{
	border: 10px solid #FFF;	
}
	.web_logo{
		position:static;
	}

		.web_logo img,.web_logo_23 img{
			height:90px;}	
	 .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;/*橫行*/
	flex-wrap: wrap;/*換行*/
  }
	#menu_list{
	/*background-color: rgba(97,193,191,0.7);
	border-radius: 0px 0px 30px 30px;*/
	}		

	.eventgamebg_game{
	top:30px;
	left:30px;
	
	}
	.slotMachine{
  width: 26%;

  height:150px;

}
.slotMachine .slot{
  height:45px;

}
	.evnet_bg_1_footer{
	min-height:300px;}
	}
	
@media all and (max-width: 1000px) {

	
}

@media all  and (min-width: 576px)  and (max-width: 768px) {

}
@media all  and (max-width: 576px)  {

}


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




}
@media all and (max-width: 768px) {
	.evnet_footer{
	min-height:50px;}	
	.end_space_1{
		display:block;
		
	}
	
}