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

body{
	font-family:Verdana, Geneva, sans-serif,"細明體","新細明體","微軟正黑體";
	font-size:12px;
	line-height:1.8em;
	color:#666;
	background:url(../_img/layout/bg_top.jpg?r=20190115) top center no-repeat, url(../_img/layout/bg_bottom.jpg?r=20190115) center bottom no-repeat;
	background-color:#000;
}

/* 網站外框 */
#wrapper{
	width:990px;
	margin:0 auto;
}

/* 網站寬 */
#header,#mainNav,#main{width:990px;position:relative;top:0;float:left;z-index:2;}

#header{
	width:990px;
	height:450px;
	background:url(../_img/layout/dHeader_bg.png?r=20180205) top center no-repeat;
}
	#header div,#header a{display:block !important;position:absolute;}
	#header_logo{
		top:0;
		left:303px;
		width:374px;
		height:108px;
		background:url(../_img/layout/logo.png?v=20211130);
	}

	#header_slogan{
		top:100px;
		left:373px;
		width:241px;
		height:42px;
		background:url(../_img/layout/slogan.png?v=20210728);
	}
	#header_member{
		top:10px;
		left:20px;
		width:265px;
		height:30px;
		font-size:14px;
		font-family:"微軟雅黑體","微軟正黑體","新細明體",arial;
	}

		#header_member #login,
		#header_member #ctl00_login{
			width:auto;
			height:auto;
			float:left;
		}
		#header_member #login .a,
		#header_member #ctl00_login .a,
		#header_member #login a,
		#header_member #ctl00_login a{
			width:250px;
			height:30px;
			display:block;
			text-align:center;
		}

		#header_member #login .p,
		#header_member #ctl00_login .p
		{
		    width:250px;
			text-align:center;
			color:#FFF;
		}

	#header_language
	{
	    position:absolute;
	    top:10px;
		right:50px;
	    display:block;
	    width:215px;
	    height:23px;
	    /*background:url(../_img/layout/payment.gif?20180425) no-repeat;*/
        background:url(../_img/layout/lottery.gif?20200211) no-repeat;
	    z-index:2;
	}
    #header_language:hover
	{
	    position:absolute;
	    top:10px;
		right:50px;
	    display:block;
	    width:215px;
	    height:23px;
	    /*background:url(../_img/layout/payment_hover.jpg?20180425) no-repeat;*/
        background:url(../_img/layout/lottery_hover.jpg?20200211) no-repeat;
	    z-index:2;
	}
	#header_language
	{
	    background-position:top left;
	}
	#header_language:hover
	{
	    background-position:top left;
	}

	div#language_pannel
	{
	    display:none;
	    margin:0;
	    padding:5px;
	    top:10px;
	    right:40px;
	    width:auto;
	    height:auto;
	    background:url(../_img/layout/transparent.png);
	    border:1px solid #ccc;
	    z-index:3;
	}
	div#language_pannel a,
	div#language_pannel a:hover
	{
	    position:relative;
	    display:block;
	    margin:3px 5px;
	    width:auto;
	    height:auto;
	    float:left;
	    color:#ccc;
	    text-align:center;
	}

	div#language_pannel a:hover
	{
	    text-decoration:underline;
	}

	#header_game_slider{
		top:60px;
		left:20px;
		width:300px;
		height:258px;
		z-index:1;
	}
		#header_game_slider ul{
			display:block;
			width:auto;
			height:auto;
		}
		#header_game_slider ul li{
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:300px;
			height:258px;
		}

	.bonus_list{
		top:145px;
		left:330px;
		width:350px;
		height:155px;
	}
		/*中獎名單*/
		#bonus_winner_list{
			width:340px;
			height:155px;
			float:left;
			overflow:hidden;
		}
		#bonus_winner_list #box{
			width:350px;
			height:auto;
			float:left;
		}
        #bonus_winner_list #box .winner_item {
            font-family: Arial, Helvetica, sans-serif;
            margin: 10px 15px 0 5px;
            position: relative;
            top: 0;
            left: 0;
            width: 150px;
            height: 150px;
            color: #fffaea;
            text-shadow: 0px .5px 2.5px #400;
            text-align: center;
            float: left;
            white-space: nowrap;
            overflow: hidden;
        }
        #bonus_winner_list #box .winner_item img {
            filter: drop-shadow(0px 0px 1px #200)
        }

        #header_winner_slider_btn, #header_winner_slider_btn:hover, #header_winner_slider_btn:active {
            width: 34px;
            height: 104px;
            background: url(../_img/layout/winner_btn.png);
            cursor: pointer;
            top: 160px;
            left: 475px;
        }
		#header_winner_slider_btn{
			background-position:top center;
		}
		#header_winner_slider_btn:hover{
			background-position:center center;
		}
		#header_winner_slider_btn:active{
			background-position:bottom center;
		}

	#header_game_slider_btn,#header_game_slider_btn:hover,#header_game_slider_btn:active{
		top:315px;
		left:110px;
		width:119px;
		height:81px;
		background:url(../_img/layout/game_slider_btn.png);
		cursor:pointer;
	}
		#header_game_slider_btn{
			background-position:top center;
		}
		#header_game_slider_btn:hover{
			background-position:center center;
		}
		#header_game_slider_btn:active{
			background-position:bottom center;
		}

	#header_package_slider{
		top:60px;
		right:20px;
		width:300px;
		height:262px;
		z-index:1;
	}
		#header_package_slider ul{
			display:block;
			width:auto;
			height:auto;
		}
		#header_package_slider ul li{
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:300px;
			height:262px;
		}

	#header_store_btn,#header_store_btn:hover{
		top:260px;
		left:5px;
		width:119px;
		height:142px;
		background:url(../_img/layout/store_btn.png?r=20220802);
		z-index:2;
	}
		#header_store_btn{
			background-position:top center;
		}
		#header_store_btn:hover{
			background-position:bottom center;
		}

	#header_game_slider_btn,#header_game_slider_btn:hover,#header_game_slider_btn:active{
		top:315px;
		left:110px;
		width:119px;
		height:81px;
		background:url(../_img/layout/game_slider_btn.png);
		cursor:pointer;
	}
		#header_game_slider_btn{
			background-position:top center;
		}
		#header_game_slider_btn:hover{
			background-position:center center;
		}
		#header_game_slider_btn:active{
			background-position:bottom center;
		}

	#header_webplay_btn, #header_webplay_btn:hover, #header_webplay_btn:active{
		position:absolute;
        top:317px;
		left:210px;
		width:194px;
		height:83px;
		background:url(../_img/layout/webplay_btn.png);
		cursor:pointer;
	}
		#header_webplay_btn{
			background-position:top center;
		}
		#header_webplay_btn:hover{
			background-position:center center;
		}
		#header_webplay_btn:active{
			background-position:bottom center;
		}

	#header_download_btn,#header_download_btn:hover,#header_download_btn:active{
		top:317px;
		left:400px;
		width:192px;
		height:88px;
		background:url(../_img/layout/download_btn.png);
		cursor:pointer;
	}
		#header_download_btn{
			background-position:top center;
		}
		#header_download_btn:hover{
			background-position:center center;
		}
		#header_download_btn:active{
			background-position:bottom center;
		}

	#header_register_btn,#header_register_btn:hover,#header_register_btn:active{
		top:317px;
		right:210px;
		width:188px;
		height:83px;
		background:url(../_img/layout/register_btn.png);
		cursor:pointer;
	}
		#header_register_btn{
			background-position:top center;
		}
		#header_register_btn:hover{
			background-position:center center;
		}
		#header_register_btn:active{
			background-position:bottom center;
		}

	#header_package_slider_btn,#header_package_slider_btn:hover,#header_package_slider_btn:active{
		top:317px;
		right:110px;
		width:119px;
		height:78px;
		background:url(../_img/layout/package_slider_btn.png);
		cursor:pointer;
	}
		#header_package_slider_btn{
			background-position:top center;
		}
		#header_package_slider_btn:hover{
			background-position:center center;
		}
		#header_package_slider_btn:active{
			background-position:bottom center;
		}

	#header_cafe_btn,#header_cafe_btn:hover{
		top:250px;
		right:-30px;
		width:160px;
		height:160px;
		background-image:url(../_img/layout/header_cafe_btn02.png);
		z-index:2;
		/* animation: HomeRightIcon steps(2) 1.2s infinite; */
	}
	#header_cafe_btn:hover{
		background-position: 0 160px;
		animation-play-state: paused;
	}

	/* @keyframes HomeRightIcon {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 305px;
		}
	} */

	#header_primary_nav{
		font-family:"微軟雅黑體","微軟正黑體","新細明體";
		top:410px;
		left:115px;
		width:auto;
		height:20px;
	}
	#header_primary_nav a,#header_primary_nav a:hover,#header_primary_nav a:active,#header_primary_nav a.active{
		position:relative;
		top:0;
		left:0;
		margin:0 7px;
		margin:0 30px;
		display:block;
		width:93px;
		height:27px;
		float:left;
		/*transition:text-shadow 1s;*/
	}

	#header_primary_nav a{
		background-position:top center;
	}
	#header_primary_nav a:hover,#header_primary_nav a.active{
		background-position:center center;
	}

	#header_primary_nav a:active{
		background-position:bottom center;
	}

		#Game_btn{
			background:url(../_img/layout/nav/game.png) no-repeat;
		}
		#Teach_btn{
			background:url(../_img/layout/nav/tute.png) no-repeat;
		}
		#Serv_btn{
			background:url(../_img/layout/nav/service.png) no-repeat;
		}
		#Mem_btn{
			background:url(../_img/layout/nav/member.png) no-repeat;
		}
		#Guild_btn{
			background:url(../_img/layout/nav/community.png) no-repeat;
		}
		#TOP100_btn{
			background:url(../_img/layout/nav/bonus.png) no-repeat;
		}
		#Downloads_btn{
			background:url(../_img/layout/nav/download.png) no-repeat;
		}
		#Goods_btn{
			background:url(../_img/layout/nav/topup.png) no-repeat;
		}

#main{
	height:auto;
	padding:0 0 45px 0;
	background:url(../_img/layout/dTorso_top_bg.png?r=201802051717) top center no-repeat,url(../_img/layout/dTorso_bottom_bg.png?r=201802051717) bottom center no-repeat, url(../_img/layout/dTorso_bg.png?r=201802051717) top center repeat-y;
}
	#dNavi{
		margin:10px 0 0 75px;
		padding:0 0 8px 0;
		width:843px;
		height:auto;
		float:left;
		background:#000 url(../_img/layout/sub_nav_bg.gif);
		border:1px solid #000;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		box-shadow:0 0 7px #000;
	}
		#dNavi ul{
			display:block;
			width:800px;
			height:auto;
			margin:0 auto;
		}
		#dNavi ul li
		{
		    display:block;
			width:auto;
			height:auto;
			margin:5px;
			float:left;
		}
		#dNavi ul li a,#dNavi ul li a:hover,#dNavi ul li a:active,#dNavi ul li a.active
		{
			display:block;
			padding:2px 10px;
		    width:auto;
		    height:auto;
			color:#fff9d4;
			text-shadow:0 0 5px #000;
			-moz-text-shadow:0 0 5px #fff;
			-webkit-text-shadow:0 0 5px #fff;
			float:left;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			background:none;
			cursor:pointer;
		}
		#dNavi ul li a{
			border:1px solid #fff9d4;
			background-position:top center;
		}
		#dNavi ul li a:hover,#dNavi ul li a.active
		{
		    background:#483d00;
			border:1px solid #ffea00;
			background-position:center center;
			box-shadow:0 0 5px #fff660;
			-moz-box-shadow:0 0 2px #eaeaea;
			-webkit-box-shadow:0 0 2px #eaeaea;
		}
		#dNavi ul li a:active{
			border:1px solid #747474;
			background-position:bottom center;
			box-shadow:0 0 2px #000;
			-moz-box-shadow:0 0 2px #000;
			-webkit-box-shadow:0 0 2px #000;
		}

		#topListTitle{
			margin:0 0 5px 0;
			padding:10px 10px 5px 53px;
			width:780px;
			height:25px;
			color:#fff9d4;
			font-size:25px;
			float:left;
			border-bottom:1px dotted #caab00;
			background:url(../_img/layout/list/list3.gif) 15px 7px no-repeat;
		}
		#topListNav{
			font-family:"微軟正黑體";
			margin:10px 10px 0 0;
			width:auto;
			height:auto;
			color:#caab00;
			font-size:12px;
			float:right;
		}
		#topListNav a{
			color:#FF6;
		}
		#topListNav a:hover{
			color:#F90;
			text-decoration:underline;
		}

		#sideBar_left{
			position:absolute;
			top:30px;
			left:20px;
			width:30px;
			height:auto;
			float:left;
		}

		#sideBar_right{
			position:absolute;
			top:30px;
			right:15px;
			width:30px;
			height:auto;
			float:left;
		}


			.sideBar_img_btn{
				position:relative;
				top:0;
				cursor:pointer;
			}

			.sideBar_btn , .HotUnboxing_btn {
				position:relative;
				top:0;
				left: 2px;
				padding:5px 0 5px 5px;
				margin: 6px auto;
				width:20px;
				height:auto;
				cursor:pointer;
				background-color:#000;
				border:1px solid #000;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 7px #000;
				font-size:15px;
				color:#fff;
			}
			.sideBar_btn:hover ,  .HotUnboxing_btn:hover {
				border:1px solid #fff9d4;
				color:#fff9d4;
			}
			.sideBar_btn_active,
			.HotUnboxing_btn_active {
				position:relative;
				top:0;
				padding:5px 0 5px 5px;
				margin: 5px auto 10px auto;
				width:20px;
				height:auto;
				cursor:pointer;
				background:#000;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 7px #000;
				font-size:15px;
				border:1px solid #fff9d4;
				color:#fff9d4;
			}
			.slideBar_state , .HotUnboxing_state {
				color:#FC3;
			}
			.slideBar_content , .HotUnboxing_content {
				position:absolute;
				top:0;
				display:none;
				z-index: 2;
			}



	#dMiddle{
		margin:10px 0 0 75px;
		width:843px;
		height:auto;
		float:left;
		background:#fff;
		border:1px solid #666;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	#dLeft{
		margin:10px 0 0 75px;
		width:565px;
		height:auto;
		float:left;
	}

	#dRight{
		margin:10px 0 0 0;
		width:280px;
		height:auto;
		float:left;
	}
		/*  首頁內容-QR Code  */
		#QR_Code{
			display:block;
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			padding:0px;
			width:274px;
			height:120px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/qrcode/download_app.jpg?v=20231024) center no-repeat;
		}
		#QR_Code_img {
			position: absolute;
			top: 5px;
			right: 15px;
			padding: 5px;
			background: #fff;
		}
		/*  下載專區-QR Code  */
		#QR_Code1{
			display:block;
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			padding:5px;
			width:150px;
			height:238px;
			border:1px solid #fff;
			background:#fff url(../_img/index_info/qrcode/download_app1.jpg) 5px 5px no-repeat;
		}
		/*  首頁內容-MOLO  */
		#YOE_Link{
			position:relative;
			top:0;
			margin:5px 0 0 0;
			padding:0px;
			width:274px;
			height:120px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/yoe/bg.png?v=20231024) center no-repeat;
		}

		#yoe_link, #googleplay_link, #appstore_link{
            position: absolute;
            transition: backdrop-filter .1s;
		}
		#yoe_link{
            top: 50px;
            left: 10px;
            width: 115px;
            height: 60px;
		}
		#googleplay_link{
			top: 35px;
			left: 28px;
			width: 93px;
			height: 30px;
		}
		#appstore_link{
			top: 67px;
			left: 28px;
			width: 93px;
			height: 30px;
		}
		#yoe_link:hover, #yoe_link:active, #googleplay_link:hover, #googleplay_link:active, #appstore_link:hover, #appstore_link:active {
			backdrop-filter: brightness(1.2);
		}
		#YOE_Link ul{
			position:absolute;
			top:50px;
			left:120px;
		}
		/*  首頁內容-消息公告  */
		#news{
			position:relative;
			top:0;
			margin:5px 0 0 0;
			padding:10px 5px 5px 5px;
			width:545px;
			height:195px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/news/news_title.gif) 0 5px no-repeat;
		}
			#news_tag{
				margin:0 0 5px 0;
				display:block;
				float:right;
			}
				#news_tag a.moreSystem{
					display:inline-block;
					width:80px;
					height:20px;
					background:#F30;
					border-radius:5px;
					text-align:center;
					color:#FFF;
				}
				#news_tag a.moreEvent{
					display:inline-block;
					width:80px;
					height:20px;
					background:#F90;
					border-radius:5px;
					text-align:center;
					color:#FFF;
				}
				#news_tag a:hover{
					text-decoration:underline;
				}
			#news table{
				display:table;
				float:left;
			}
			#news table tr{
				border-bottom:1px dotted #ccc;
			}
			#news table .news_title
			{
			    display:block;
	            width:390px;
	            height:auto;
	            white-space:nowrap;
	            text-overflow:ellipsis;
	            overflow:hidden;
			}

		/*  首頁內容-fb專區  */
		#fb{
			display:block;
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			width:180px;
			height:170px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/FB.png?v=20230928) no-repeat;
		}

        /*  首頁內容-line專區  */
		#line{
			display:block;
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			width:180px;
			height:170px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/Line/LINE-3.jpg?r=20220316bsafd) no-repeat;
		}

		#IG{
			display:block;
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			width:180px;
			height:170px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/IG.png?r=20230928) no-repeat;
		}

		/*  首頁內容-youtube專區  */
		#youtube{
			display:block;
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			width:180px;
			height:170px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/YT.png?v=20230928) no-repeat;
		}

		/*  首頁內容-客服專區  */
		#service{
			position:relative;
			top:0;
			margin:5px 5px 0 0;
			padding:5px;
			width:264px;
			height:200px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/service/service.gif) 5px 5px no-repeat;
		}
			#service ul{
				padding:0;
				margin:0;
				position:absolute;
				top:40px;
				left:40px;
				float:left;
			}
			#service ul li{
				font-size:12px;
			}

		/*  首頁內容-友好連結  */
		#partner{
			position:relative;
			top:0;
			margin:5px 0 0 0;
			padding:5px;
			width:264px;
			height:200px;
			float:left;
			border:1px solid #333;
			background:#fff url(../_img/index_info/partner/partner.gif) 5px 5px no-repeat;
		}
			#partner ul{
				position:absolute;
				top:40px;
				left:10px;
			}
			#partner ul li{
				margin:5px;
				float:left;
				border:1px solid #333;
			}
			#partner ul li a{
				display:block;
				width:auto;
				height:auto;
			}

		/*  首頁內容-廣告  */
		#adv  ,#HotUnboxingList {
			position:relative;
			top:0;
			margin:0;
			padding:5px;
			width:264px;
			height:auto;
			float:left;
			border:1px solid #333;
			background:#000;
		}

        #adv ul{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            justify-content: space-evenly;
            min-height: 990px;
        }

        #HotUnboxingList ul {
        	height: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

		#adv ul li , #HotUnboxingList ul li {
			margin:5px;
			float:left;
			border:1px solid #333;
		}

		#adv ul li a , #HotUnboxingList ul li a {
			display:block;
			width:auto;
			height:auto;
		}

		#HotUnboxingList ul li {
			width: 100%;
		}

		/* #HotUnboxingList ul li a {
			max-height: 140px;
			overflow: hidden;
		} */

		#HotUnboxingList ul li a img {
			width: 100%;
			height: auto;
		}

#footer{
	width:100%;
	height:auto;
	background:#000;
	float:left;
	z-index:0;
	min-height:130px;
}
	#footer_content{
		position:relative;
		top:0;
		width:990px;
		height:120px;
		margin:0 auto;
	}

		.change_lang {
			color: #fff;
			position: absolute;
			left: 488px;
			top: 13px;

		}
		.change_lang select {
			width: 100px;
			font-size: 13px;
			font-family: 微軟正黑體;
			padding: 0 5px;
			border-radius: 20px;
		}


		#footer_nav{
			position:absolute;
			top:13px;
			left:5px;
			width:auto;
			height:auto;
			z-index:1;
		}
			#footer_nav a{
				color:#fff;
				text-decoration:underline;
			}
		#footer_logo{
			position:absolute;
			top:42px;
			left:10px;
			width:475px;
			height:70px;
            line-height: 1.25;
            color: #fff;
			z-index:0;
		}
		#footer_clearify{
			position:absolute;
			top:45px;
			right:-7px;
			width:620px;
			height:90px;
			color:#ddd;
			font-size:14px;
            transform: scale(.75); /* Chrome最小字體12px, 用scale到10.5px */
            transform-origin: top right;
			line-height: 1.25;
            letter-spacing: 1.5px;
			padding:0 0 0 60px;
			background: url("/_img/icon_18.png") center left no-repeat;
			background-size: 53px;
		}
            #footer_clearify ul li{ padding-left: 1.2em}
            #footer_clearify ul li::before {
                content: "※";
                position: absolute;
                transform: translate(-1.2em);
            }

/* list style*/
ul.list1{margin:0 0 10px 30px;list-style:url(../_img/layout/list/list1.gif);color:#900;font-weight:bold;}
ul.list1 a{color:#da2c00;}
ul.list1 a:hover{color:#da2c00;text-decoration:underline;}
ul.list1 strong{
	color:#600;
	font-weight:bold;
}
ul.list1 p{
	color:#333;
}
ul.list2{
	margin:0 0 0 15px;
	list-style:url(../_img/layout/list/list2_15x15.gif);
	color:#1E4647;
	font-weight:bold;
	font-size:12px;
}

ul.list3{margin:0 0 10px 30px;list-style:url(../_img/layout/list/list3_15x15.gif);color:#360;font-weight:bold;}
ul.list3 strong{
	color:#063;
}
ul.num{margin:0 0 10px 30px;list-style:decimal;}


/*按鈕style*/
/*bt1*/
.btn,.btn:hover,.btn:active
{
			display:block;
			width:auto;
			height:21px;
			padding:1px 10px;
			margin:5px;
			float:left;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			background:url(../_img/layout/btn_bg.jpg) repeat-x;
			cursor:pointer;
			color:#fffbf0;
			text-shadow:0 0 5px #9a7216;
			-moz-text-shadow:0 0 5px #9a7216;
			-webkit-text-shadow:0 0 5px #9a7216;
}
.btn{
			border:1px solid #CEA70A;
			background:url(../_img/layout/btn_bg.jpg) top center repeat-x;
}
.btn:hover{
			border:1px solid #CEA70A;
			background-position:center center;
			box-shadow:0 0 2px #9a7216;
			-moz-box-shadow:0 0 2px #9a7216;
			-webkit-box-shadow:0 0 2px #9a7216;
}
.btn:active{
			border:1px solid #CEA70A;
			background-position:bottom center;
			box-shadow:0 0 1px #795d19;
			-moz-box-shadow:0 0 1px #795d19;
			-webkit-box-shadow:0 0 1px #795d19;
}

/*bt2*/
.btn2,.btn2:hover,.btn2:active{
	font-weight:bold;
					display:block;
					cursor:pointer;
					margin:0 5px;
					padding:5px 5px 0 5px;
					width:91px;
					height:25px;
					color:#ae0e0e;
					font-size:15px;
					background:url(../_img/layout/btn.png) no-repeat;
					text-align:center;
					float:left;
}
.btn2{
					background-position:top center;
}
.btn2:hover{
					background-position:middle center;
}
.btn2:active{
					background-position:bottom center;
}

/*btn3*/
.btn3,.btn3:hover,.btn3:active
		{
			display:block;
			width:auto;
			height:21px;
			padding:1px 10px;
			margin:5px;
			float:left;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			background:url(../_img/layout/btn2_bg.jpg) repeat-x;
			cursor:pointer;
			color:#333;
			text-shadow:0 0 5px #fff;
			-moz-text-shadow:0 0 5px #fff;
			-webkit-text-shadow:0 0 5px #fff;
		}
		.btn3{
			border:1px solid #666;
			background-position:top center;
		}
		.btn3:hover{
			border:1px solid #666;
			background-position:center center;
			box-shadow:0 0 2px #eaeaea;
			-moz-box-shadow:0 0 2px #eaeaea;
			-webkit-box-shadow:0 0 2px #eaeaea;
		}
		.btn3:active{
			border:1px solid #747474;
			background-position:bottom center;
			box-shadow:0 0 2px #000;
			-moz-box-shadow:0 0 2px #000;
			-webkit-box-shadow:0 0 2px #000;
		}

/*舊css設定*/
input,textarea{
	font-size:12px;
	line-height:1.8em;
	color:#666;
	padding:1px 3px;
}
input{
	height:16px;
}
a{
	color:#666;
	text-decoration:none;
}
a:hover,
a:focus{
	color:#000;
}

/* 立即玩 */
#WebLink {
	display:none;
	width: 610px;
	height: 388px;
	position:absolute;
	left:50%;
    margin-left:-310px;
	top: 378px;
	padding:0 0 0 0;
	background:url(../_img/layout/webplay.png?v=20190925);
	z-index:5;
}
#closeWebLinkBtn,#closeUnavailableBtn {
    position:relative;
    display:block;
    top:-46px;
    left:553px;
    width: 102px;
	height: 102px;
    cursor:pointer;
    background:url(../_img/layout/closeWebLinkBtn.png) top left no-repeat;
}
#WebLink a#HDTry, #WebLink a#HDTry:hover {
    position:absolute;
		top:146px;
		left:70px;
		display:block;
    	width: 184px;
    	height: 183px;
}
    #WebLink a#HDTry:hover {
        background:url(../_img/layout/WebLink_HDTryBtn.png) top left no-repeat;
    }

    #WebLink a#Molo, #WebLink a#Molo:hover {
    position:absolute;
		top:160px;
		left:327px;
		display:block;
    	width: 246px;
    	height: 77px;
}
    #WebLink a#Molo:hover {
        background:url(../_img/layout/WebLink_MoloBtn.png) top left no-repeat;
    }
    #WebLink a#Fb, #WebLink a#Fb:hover {
    position:absolute;
		top:230px;
		left:329px;
		display:block;
    	width: 244px;
    	height: 60px;
}
    #WebLink a#Fb:hover {
        background:url(../_img/layout/WebLink_FbBtn.png) top left no-repeat;
    }
    #WebLink a#Try, #WebLink a#Try:hover {
    position:absolute;
		top:282px;
		left:329px;
		display:block;
    	width: 244px;
    	height: 61px;
}
    #WebLink a#Try:hover {
        background:url(../_img/layout/WebLink_TryBtn.png) top left no-repeat;
    }
    #unavailable {
        display:none;
	    width: 413px;
	    height: 265px;
	    position:absolute;
	    left:50%;
        margin-left:-210px;
	    top: 378px;
	    padding:0 0 0 0;
	    background:url(../_img/layout/unavailable.png?20190124);
	    z-index:5;
    }
    #closeUnavailableBtn {left:358px;top:-43px;}
	/*#WebLink a#Molo,#WebLink a#Molo:hover{
		position:absolute;
		top:38px;
		left:50px;
		display:block;
    	width: 262px;
    	height: 58px;
	}

	#WebLink a#Try,#WebLink a#Try:hover{
		position:absolute;
		top:106px;
		left:50px;
		display:block;
    	width: 262px;
    	height: 33px;
		float:left;
	}*/

	/*fb小按鈕*/
	/*#WebLink a#Fb,#WebLink a#Fb:hover
	{
		position:absolute;
		top:147px;
		left:50px;
		display:block;
    	width: 262px;
    	height: 33px;
		float:left;
	}*/

	/*msn小按鈕*/
	/*#WebLink a#Msn,#WebLink a#Msn:hover
	{
		position:absolute;
		top:143px;
		left:238px;
		display:block;
    	width: 40px;
    	height: 40px;
		float:left;
	}*/

	/*qq小按鈕*/
	/*#WebLink a#qq,#WebLink a#qq:hover
	{
		position:absolute;
		top:143px;
		left:84px;
		display:block;
    	width: 40px;
    	height: 40px;
		float:left;
	}*/

	/*weibo小按鈕*/
	/*#WebLink a#weibo,#WebLink a#weibo:hover
	{
		position:absolute;
		top:143px;
		left:136px;
		display:block;
    	width: 40px;
    	height: 40px;
		float:left;
	}*/

	/*#WebLink a#Molo:hover, #WebLink a#Try:hover,
	#WebLink a#Fb:hover,#WebLink a#Msn:hover,
	#WebLink a#qq:hover,#WebLink a#weibo:hover
	{
		background:#FF9;
		opacity:0.2;
		filter:alpha(opacity=20);
		_background:none;
	}*/

    #WebLinkmask {
    position: fixed;
    _position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    _height: 700px;
    background: #111111;
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-align: center;
    vertical-align: middle;
    display:none;
}

/*  主要內容  */

/*  頁尾  */

/*clearfix*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
}
/*Mac OS IE不適用\*/
* html .clearfix{
	height:1%;
}
*+html .clearfix{
	height:1%;
}
.clearfix{
	display:block;}

.cust
{
    float:left;width:300px;color:#666;font-size:12px;
}
.emp
{
    float:right;text-align:left;width:300px;color:#666;font-size:12px;padding:0 0 0 50px;border-left:1px solid #ccc;
}
#starbabyArea {
    position:relative;
    width:114px;
    height:187px;
    top:180px;
    left:982px;
}
.cardstation {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin-left: 15px;
    margin-bottom: 100px;
    background-image: url(../_img/layout/starbaby/cardstation.png?v=20210715);
    background-size: 102% auto;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 0 10px #56dff9;
    position: relative;
    transition: all 0.25s ease-out;
}
.cardstation::before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    box-shadow: 0 0 0 2px #56dff9;
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}
.cardstation::after{
    content:"";
    position: absolute;
    width: 75%;
    height: 75%;
    top: 115%;
    left: 12.5%;
    background: url(../_img/layout/starbaby/gonow.png);
    background-size: 100% auto;
}
.cardstation:hover {
    box-shadow: 0 0 25px #56dff9;
}
.cardstation:hover::before {
    transform: scale(1);
    opacity: 1;
}
.starbaby {
    position: relative;
    display:block;
    width: 65px;
    height: 176px;
    left: 0;
    bottom: 0;
    background: url(../_img/layout/starbaby/nor.gif?r=20180130) bottom left no-repeat;
    z-index:9;
}
    .starbaby:hover {
        width: 114px;
        height: 176px;
        background-image: url(../_img/layout/starbaby/hover.png?r=20180130);
        left: 0;
        bottom: 0;
    }

.sr-only{
	position: fixed;
	top: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	user-select: none;
}