@charset "utf-8";
/* CSS Document */
@import url("reset.min.1.2.css");
*{margin:0; padding:0;list-style-type: none;
	-webkit-box-sizing:border-box; /*Safari Chrome*/
	-moz-box-sizing:border-box; /*Firefox*/
	box-sizing:border-box;
	/* image-rendering:-moz-crisp-edges;          Firefox        */
	image-rendering:-o-crisp-edges;            /* Opera          */
	image-rendering:-webkit-optimize-contrast; /* Safari         */
	image-rendering:optimize-contrast;         /* CSS3 Proposed  */
	-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
  }


html{font-size:15px;}
html ,body{height:100%; overflow-x: hidden; scroll-behavior:smooth;}
body{margin:0; padding:0; background-color:rgba(0, 0, 0, 0); font-family: '微軟正黑體','Maven Pro', 'Droid Sans','Myriad Pro', Helvetica, Verdana, Geneva, sans-serif; font-size:75%; color:#fffec9;}
div{ font-size:1em;}
.clear{ height:0; clear:both; font-size:0em!important;}

/*像素比例尺*/.ruler{ height:18px; background:url(../images/ruler.png) no-repeat left top; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none;}
.header {z-index: 888;}
.fixed_bg{background:#000 url(../images/bg.jpg?v=202205) no-repeat 50% 0; position:fixed; top:70px; right:0; bottom:0; left:0; z-index:-1;}

.all{width:100%; height:100%;  }

.container{width:100%; max-width:666px; min-width:150px; margin:0 auto; padding:0; text-align:left; position:relative;top:74px}
.content{ width:100%; max-width:666px; }
.content_m{ width:100%; max-width:665px; background:url(../images/bg_content.jpg) repeat-y center top;background-size: contain;}

/*top按鈕*/
/*
#sorolldiv1{width:50%; position: absolute; left:0; bottom:0; z-index:9999;}
#sorolldiv1 a{ position:relative; display:block;}
#sorolldiv1 a:hover{top:-1px;}
*/
#btn_top{margin:0 0 0 320px; position:fixed; left:50%; bottom:0.5%; display:block; z-index:99;}
#btn_top:hover{ cursor:pointer; bottom:1px;}

/* ---版頭區---- */
.top{width:100%; height:418px; position:relative; z-index:1;background:url(../images/top.png) no-repeat center top;}
.top_in{width:100%; /* min-height:405px; */ position:relative; z-index:1;/* background:url(../images/top_inside.png) no-repeat center top; background-size: contain; */}
.top_board{width:100%; margin:0 auto; text-align:center;}
.top_s{width:100%; height:auto; display:none;}
.top_in .top_s{display:block;}

.top_btn{width:100%; max-width:640px; height:auto; position:absolute; top:0.5%; z-index:99;}
.top_btn ul{width:100%; height:auto;}
.top_btn ul li{height:auto; list-style:none; float:left;}
.top_btn ul li.fb_1{width:7%; margin:0 0 0 0;}/*btn_fb*/
.top_btn ul li.fb_2{width:93%; padding:0.8% 0 0 0;}/*fb讚*/

.btn_fb{width:100%; max-width:41px; height:41px;}
.btn_fb a{background:url(../images/btn_fb.png) no-repeat; background-size:contain;}
.btn_fb a:hover{background:url(../images/btn_fb_ov.png) no-repeat; background-size:contain; }
.btn_fb a{width:100%; height:100%; background-size:contain; display:block;}

/* logo*/
.logo_block,.logo_block_in{width:100%; bottom:18%; left:50%; position:absolute; transform: translateX(-50%); z-index:1;}
.logo_block_in{bottom:10%;}
.btn_logo,.btn_logo_in{width:36%; max-width:238px; margin: 0 auto;}
.btn_logo a,.btn_logo_in a{width:100%; height:100%; display:block; background:url(../images/btn_logo.png) no-repeat; background-size:contain; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.btn_logo a,.btn_logo_in a{width:100%; height:100%; background-size:contain; display:block;}
.btn_logo a:hover,.btn_logo_in a:hover{background:url(../images/btn_logo.png) no-repeat; background-size:contain; background-position:0 -5px; filter: brightness(120%);}
.btn_logo img,.btn_logo_in img{width: 100%; height:auto;background-size: contain;}



/* 右側浮動*/
.float_block{width:203px; /*height:600px;*/ padding:70px 0 0 0; overflow:hidden; background:url(../images/float_block.png) no-repeat center top; position:absolute; left:102%; z-index:99; transition: opacity .3s;} 

.appicon_float{width:122px; height:122px; margin: 0 auto; background:url(../images/appicon_float.png);}

.qr_code_float{width:120px; height:118px; margin:3px auto;  background:url(../images/qr_code_float.png);}

.btn_1s_float{width:123px; height:40px; margin:0 auto;}
.btn_1s_float a{width:100%; height:100%; background:url(../images/float_menu.png) no-repeat 0px 0px; display:block;}
.btn_1s_float a:hover{background-position:-123px 0px;}

.btn_2s_float{width:123px; height:41px; margin: 3px auto;}
.btn_2s_float a{width:100%; height:100%; background:url(../images/float_menu.png) no-repeat 0px -41px; display:block;}
.btn_2s_float a:hover{background-position:-123px -41px;}

.btn_3s_float{width:123px; height:41px; margin: 3px auto;}
.btn_3s_float a{width:100%; height:100%; background:url(../images/float_menu.png) no-repeat 0px -82px; display:block;}
.btn_3s_float a:hover{background-position:-123px -82px;}

.btn_download{ width:120px; height:73px; margin:0 auto;;}
.btn_download a{ width:100%; height:100%;display:block; background: url(../images/btn_download.png) no-repeat;}
.btn_download div{width:120px; height:73px; position: absolute; border:0;}
#btn_c1{ background:url(../images/btn_download.png) no-repeat 0 0;}
#btn_c2{ background:url(../images/btn_download.png) no-repeat 0 -73px;}
a.btn_download_a{ width:100%; height:100%; background:url(../images/btn_download.png) no-repeat 0 -1000px; display:block; position:absolute;}
a.btn_download_a:hover{ background-position:0 -146px; position:relative; top:-1px;}
.div_block {display:block; position:absolute;}
.div_none {display:none; position:absolute;}

/*--↓ 20190726新增vip按鈕 開始 ↓--*/
.btn_vip{width:100%; max-width:202px; padding-top:2rem; }
.btn_vip a{width:100%; display:block; position:relative; top:0; transition:all .2s;}
.btn_vip a:hover{top:-2%; filter:brightness(115%)/*  hue-rotate(20deg) */;}
.btn_vip img{width:100%; height:auto;}

/*--↓ 20250520新增vip按鈕 開始 ↓--*/
.btn_rankings{padding-top:initial; }
.rankings{width: 100%;max-width: 800px;margin: 0 auto;}
.rankings_top{width: 100%;display: flex;}
.rankings_logo{width: 25%;position: relative;z-index: 3;padding-top: 1vw;}
.rankings_logo img{width: 110%;}
.st{width: 75%;display: flex;position: relative;z-index: 1;padding-top: 1vw;}
.rankings_top li{width:33%;background-size: 100% 100%;padding:7vw 2vw 1vw 0vw;text-align: right;margin-left: -.5vw;}
.rankings_top li:nth-of-type(1){background:	url('../images/st1.png') left top no-repeat;background-size: 100%;}
.rankings_top li:nth-of-type(2){background:	url('../images/st2.png') left top no-repeat;background-size: 100%;}
.rankings_top li:nth-of-type(3){width: 34%; background:	url('../images/st3.png') left top no-repeat;background-size: 100%;padding:7vw 3vw 1vw 0vw;}
.rankings_bg{width: 100%;padding:3vw 5vw;filter: drop-shadow(0px 0px 10px rgb(0, 0, 0));
	font-size: 1.3rem;text-align: center;font-weight: bold;line-height: 1.6;
	background: #290950;  margin-top:-3vw;  border: 4px solid #fcf287;  border-radius: 20px;
  	display: flex;  justify-content: left;  flex-wrap: wrap;  overflow: hidden;position: relative;z-index: 2;}
.rankings_name,.rankings_money{font-size: 1.2rem;color: rgb(251, 235, 4);line-height: 1.3;}
.rankings_money{font-size: 1.3rem;}

.level_form{ 
    width:100%; margin:0 auto; background: #23054d; margin-top:.75rem; 
    border:2px solid rgba(158, 62, 249,1); border-radius: 20px;font-size: 1.3rem;
    display: flex; justify-content:left; flex-wrap: wrap; overflow: hidden;
}

.list_tt,.list_item{width:100%; display: flex; justify-content:left; flex-wrap: wrap;}
.list_tt>div,.list_item>div{padding: .5rem;}
.list_tt>div,.list_item>div{ display: flex; justify-content: center; align-items: center;}
.list_tt>div{ height: 50px;}
.list_item>div{ height:50px;
	background-image: linear-gradient(to bottom, #6a0377,#18003c);}


.list_tt{
    background-image: linear-gradient(to bottom, #ffee04, #ffee04, #ffee04, #ffee04, #ffee04);
    letter-spacing:2px; font-weight:800;color: rgb(81, 1, 126);
}
/* .list_tt>div{border-right: 1px solid rgba(149, 71, 222,0.8);} */
/* .num{width: 10% !important;}
.name{width:20% !important;}
.money{width:70% !important;} */

.list_tt > div:nth-of-type(1), .list_item > div:nth-of-type(1) {width: 15%;}
.list_tt > div:nth-of-type(2), .list_item > div:nth-of-type(2) {width: 30%;}
.list_tt > div:nth-of-type(3), .list_item > div:nth-of-type(3) {width: 55%;}

.mobile_mode{display:none;}
/*--↑ 20190726新增vip按鈕 結束 ↑--*/


@media screen and (max-width:900px) {
	.float_block{opacity:0;}

	.btn_vip{width:18%; padding-top:0; position:absolute; right:16vw; top:0.5rem; z-index:1111;}
	.btn_rankings{ right:0;}
	
}

@media screen and (max-width:739px) {
.mobile_mode{display:block;z-index:33;}
/*--↓ 20250520新增vip按鈕 開始 ↓--*/
.rankings_top {flex-direction: column;}
.st {width:90%; padding-top: 0;margin: 0 auto;}
.rankings_top li {margin-left: 0vw;}
.rankings_bg {margin-top: 0vw;}
.rankings_logo {width: 50%;margin: 0 auto;}
.rankings_top li:nth-of-type(3){width: 33%;}
.rankings_top li,.rankings_top li:nth-of-type(3) {padding: 9vw 2vw 1vw 0vw;}
.rankings_name, .rankings_money,.list_item,.list_tt {font-size: 1rem;}
.list_tt > div:nth-of-type(2), .list_item > div:nth-of-type(2) {width: 35%;}
.list_tt > div:nth-of-type(3), .list_item > div:nth-of-type(3) {width: 50%; }
}




	
/* ------APP按鈕_for首頁----- */
.btn{width:100%; max-width:640px; height:auto; position:relative; margin:0 auto;  /* top:73%; padding-left:7%; */ overflow:hidden; z-index:99;}
.btn ul{ width:100%; height:auto; margin:0 auto; display:flex; justify-content: center;}
.btn ul>div{display: none;}
.btn ul li{height:auto; list-style:none; /* float:left; */ display:block; }

.btn ul li.appicon_s{ width:10.5%; }/*appicon*/
.btn ul li.appmid{ width:30%; }/*下載*/
.btn ul li.applr{width:30%;}
.btn ul li img { width:100%; height:auto; }
.btn ul li a{ width:100%; display:block;}
.btn ul li a img{ border:0; outline:none;}
.btn ul li a:hover img{ margin:0; position:relative; top:-1px;}

.appicon_s01{display:block;}/*appicon*/
.appicon_b01{display:none;}/*appicon*/


.new_btn{width:100%; height:auto; position:absolute; left:50%; bottom:2%; z-index:999; transform: translateX(-50%);}
.new_btn ul{width:70%; margin:0 auto; display:flex; justify-content:center; transition:all 0.5s;}
.new_btn ul div{display: none;}
.new_btn ul li{width:33.3%;}
.new_btn ul li a{width:100%; display:block;}
.new_btn ul li a img{ width:100%; height:auto; position:relative; top:0;/*chrome*/-webkit-transition:all 0.3s; /*firefox*/-moz-transition:all 0.3s; transition:all 0.3s;}
.new_btn ul li a:hover img{ margin:0; filter: brightness(120%); top:-3px;}



/* ------遊戲影片------ */
.pv_block{ width:100%; /* max-width:644px; */ margin:0 auto; position:relative; background:url(../images/pv_bg.png) no-repeat center top;}
.pv_mask{ width:100%; max-width:558px; margin:0 auto; z-index:99; position:relative;}
.pv_frame{ width:100%;/*  max-width:546px; */ margin:0 auto;  display:block;}

.btn_pv{width:13%; /* max-width:111px; height:111px; */ position:absolute; left:50%; top:45%; z-index:99; transform: translate(-50%); aspect-ratio: 1 / 1;}
.btn_pv a{width:100%; height:100%; background:url(../images/btn_pv.png) no-repeat left top / contain; display:block; opacity:.8; transition:all .3s;}

@media (hover) {
	.btn_pv a:hover{opacity:1; transform: translateY(-3%);}
}

/* ------主選單------ */
.menu_block{ width:100%; max-width:666px; height:132px; margin:0 auto; position:relative;background:url(../images/menu_bg.png) no-repeat bottom;  }

.menu_list{width:100%; max-width:640px; height:auto; position:absolute; left:50%; top:6%; transform: translateX(-50%);}
.menu_list ul{width:100%; max-width:600px; margin:0 auto; padding:0; display: flex; justify-content:center;}
.menu_list ul li{width:25%; max-width:150px;}
.menu_list ul li a{width:100%; height:100%; display:block;}
.menu-list ul li img{ max-width:100%; height:auto;}

/*粉絲團*/
.menu_list ul li.btn_menu_01 a{background:url(../images/btn_menu_01.png) no-repeat center;}
.menu_list ul li.btn_menu_01 a:hover{background:url(../images/btn_menu_01_ov.png) no-repeat center; background-size:contain; }
.menu_list ul li.btn_menu_01 a{width:100%; height:100%; background-size:contain; display:block;}

/*官網儲值*/
.menu_list ul li.btn_menu_02 a{background:url(../images/btn_menu_02.png) no-repeat center;}
.menu_list ul li.btn_menu_02 a:hover{background:url(../images/btn_menu_02_ov.png) no-repeat center; background-size:contain; }
.menu_list ul li.btn_menu_02 a{width:100%; height:100%; background-size:contain; display:block;}

/*虛寶兌換*/
.menu_list ul li.btn_menu_03 a{background:url(../images/btn_menu_03.png) no-repeat center;}
.menu_list ul li.btn_menu_03 a:hover{background:url(../images/btn_menu_03_ov.png) no-repeat center; background-size:contain; }
.menu_list ul li.btn_menu_03 a{width:100%; height:100%; background-size:contain; display:block;}

/*客服信箱*/
.menu_list ul li.btn_menu_04 a{background:url(../images/btn_menu_04.png) no-repeat center;}
.menu_list ul li.btn_menu_04 a:hover{background:url(../images/btn_menu_04_ov.png) no-repeat center; background-size:contain; }
.menu_list ul li.btn_menu_04 a{width:100%; height:100%; background-size:contain; display:block;}




/* ---標題列--- */
.title{width:100%; text-align:center; position:relative; overflow:hidden; z-index:20;}
.title_original{width:100%; max-width:644px;}

.title_first_l{width:100%; max-width:644px;}/* 第一排 *//*大*/
.title_first_s{display:none;}/* 第一排 *//*小*/


/* ----最新活動---- */
.act_block{width:100%; max-width:644px; margin:0 auto; margin-bottom:2em;}

/* ----banner 輪播---- */
.banner_block{ position:relative; }

.banner_frame{ width:100%; max-width:644px; display:block;background:url(../images/banner_bg.png) no-repeat center; background-size:contain;}
.banner_mask{width:100%; max-width:644px; margin:0 auto; z-index:3; position:absolute; top:0px; left:0px;}

#abgneBlock {width:100%; max-width:640px; margin:0 auto; padding:0; position:relative; overflow:hidden; border-radius:10px; }
#abgneBlock ul.list{
	width:100%;
	/*margin:0 auto;
	padding:1% 1% 1% 0%;*/
	position:absolute;
	z-index:2;
	left: 4px;
	top: 1%;
}
#abgneBlock ul.list li{width:100%; max-width:640px;/*height:auto; margin:0 auto; display:block;*/ float:left;}
#abgneBlock ul.list li a{display:block;}
#abgneBlock ul.list li img{width:100%; /*max-width:640px;float:left;*/ height:auto; border:0px; }

/* ------最新消息------ */



/*標題_字*/
.date_in,.topic_in{ height:100%; margin:0; text-align:left; float:left;}
.date_in{ width:30%; padding:2% 0 0% 5.5%; font-size:1.3em; color:#0796e8; line-height:1.3em; white-space:nowrap; }
.topic_in{width:100%; padding:0.7% 5% 2% 5%; font-size:1.6em; color:#FFF; line-height:1.4em; font-weight:bold; overflow:hidden;  box-sizing: border-box;}

.news_con_bt{width:100%; text-align:center; position:relative;}
.news_con_padding{ width:100%; max-width:644px; display:block;}

.frame_bt{width:100%; text-align:center; position:relative;}
.frame_m{width:100%;max-width:644px;margin:0 auto; position:relative;background:url(../images/frame_bg.png) repeat-y;background-size:contain;}






/* ------最新消息------ */
.news_block{ padding:0 0 0 0; width:100%;max-width:666px;height:auto ;margin:0 auto; margin-bottom: 1em; } 
.news_block_in{width:100%;max-width:640px;height:auto ;margin:0 auto; margin-bottom: 1em; } 
/*外列表_短版*//*20180914修改*/
.news_list{width:65.5%; max-width:640px; min-height:250px; margin:0; /*padding:0;*/ padding:1% 3%; z-index:99; }
.news_list ul{width:100%;}
.news_list ul li{ width:100%; max-width:640px; display:block;}
.news_list ul li a{ width:100%; display: flex; flex-wrap: nowrap;}/*20180914修改*/
.news_list ul li a:hover .date,.news_list_in ul li a:hover .date{color:#ff7950; }/*滑過 */
.news_list ul li a:hover .topic,.news_list_in ul li a:hover .topic{color:#f8e8d9;}/*滑過 */

.news_list ul li a>div.clear{display: none;}

/*表格深色_單數*/
.news_list ul li:nth-child(odd) {background:url(../images/list_bg_01.png) no-repeat bottom; background-size:100% 100%;}
.news_list ul li:nth-child(odd):hover {background:url(../images/list_bg_01_ov.png) no-repeat bottom; background-size:100% 100%;}
/*表格淺色_偶數*/
.news_list ul li:nth-child(even) {background:url(../images/list_bg_02.png) no-repeat bottom; background-size:100% 100%;}
.news_list ul li:nth-child(even):hover {background:url(../images/list_bg_02_ov.png) no-repeat bottom; background-size:100% 100%;}


/*內列表*/
.news_list_in{width:98.5%; max-width:640px; margin:0 auto; padding:0;/*background-color:#000;*/}
.news_list_in ul{width:100%;}
.news_list_in ul li{ width:100%; max-width:640px; display:block;}
.news_list_in ul li a{width:100%; display: flex; flex-wrap: nowrap;}

	
/*表格深色_單數*/
.news_list_in ul li:nth-child(odd) {background:url(../images/list_bg_01.png) no-repeat bottom; background-size:100% 100%;}
.news_list_in ul li:nth-child(odd):hover {background:url(../images/list_bg_01_ov.png) no-repeat bottom; background-size:100% 100%;}
/*表格淺色_偶數*/
.news_list_in ul li:nth-child(even) {background:url(../images/list_bg_02.png) no-repeat bottom; background-size:100% 100%;}
.news_list_in ul li:nth-child(even):hover {background:url(../images/list_bg_02_ov.png) no-repeat bottom; background-size:100% 100%;}


/*列表_字*//*20180914修改*/
.date,.topic{font-size:1rem; line-height:1.7rem; text-align:left; text-shadow:1px 1px 0px #523822; white-space:nowrap;}/*20180914修改*/
.date{ /* width:32%; */ padding:3% 1% 2% 5.5%; color:#ff3c00;}
.topic{width:68%; padding:3% 5.5% 2% 0%; color:#f2e2d3; font-weight:250; overflow:hidden; text-overflow:ellipsis; }

/*內列表_字*/
.date_in2,.topic_in2{ height:100%; margin:0; text-align:left; float:left;}
.date_in2{ width:24%; /*background-color:#000;*/ padding:2% 0 2% 5.5%; font-size:1.44em; text-shadow:1px 1px 0px #523822; color:#50c4e5; line-height:1.6em; white-space:nowrap; }
.topic_in2{width:76%; /*background-color:#fff;*/ padding:2% 5.5% 2% 0%; font-size:1.44em; text-shadow:1px 1px 0px #523822; color:#f2e2d3; line-height:1.6em; font-weight:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*活動專區*/
.acthot_block{width:100%;max-width:640px;height:auto ;margin:0 auto; padding:0 0 0 0; margin-bottom: 1em;position: relative; } 
.act_menu{width: 100%;max-width:640px;position: relative;}
.act_menu ul{width: 100%;height: 100%;}
.act_menu ul li{width: 25%; max-width:160px; height:100%;  float: left;}
.act_menu ul li img{width: 100%; height: auto;background-size: contain;}
.act_menu ul li a{width: 100%;height: 100%; display: block; background-repeat: no-repeat;background-size: contain;}
.act_menu ul li.btn01 a{background-image:url(../images/act_menu_01.png);}
.act_menu ul li.btn02 a{background-image:url(../images/act_menu_02.png);}
.act_menu ul li.btn03 a{background-image:url(../images/act_menu_03.png);}
.act_menu ul li.btn04 a{background-image:url(../images/act_menu_04.png);}
.act_menu ul li.btn01 a:hover{background-image:url(../images/act_menu_01_ov.png);}
.act_menu ul li.btn02 a:hover{background-image:url(../images/act_menu_02_ov.png);}
.act_menu ul li.btn03 a:hover{background-image:url(../images/act_menu_03_ov.png);}
.act_menu ul li.btn04 a:hover{background-image:url(../images/act_menu_04_ov.png);}
.act_con_mid{width:100%; max-width:640px; min-height:240px; background:url(../images/act_frame_mid.png) repeat-y; background-size:contain; }
.act_con_bt{width:100%; text-align:center; position:relative;}

/*活動專區*/
.act_info{width: 93%;height: auto;margin:0 auto;position: relative;padding-bottom: 1em;}
.act01img{width: 100%;height:auto; background-size:contain;}
.act01_list{width: 100%;height: auto; max-width:640px;position: relative;}
.act01_list ul{width:99.7%;max-width: 600px; height:100%;}
.act01_list ul li img{width: 100%; height: auto;background-size: contain;}
.act01_list ul li{width: 100%; display: block;border: 1px solid #eda416; background-size:contain; }
.act01_list ul li a{width: 100%;height: auto;display: block;background-repeat: no-repeat;}
.act01_list ul li a:hover{border-color:#f6b558;}
.act01_list_img{width: 100%;height:auto; max-height:150px; display:block; background-image: url(../images/600x150.jpg); background-size:contain; background-repeat:no-repeat; overflow:hidden;}
.act01_list_text{width:100%;height: auto;box-sizing: border-box; padding: 1em;}
.t1{font-size:1.6em;line-height: 1.3em;color: #FBF217;}
.t2{font-size:1.25em;line-height: 1.3em;text-align: justify;}

/*列表表格*/
table{width: 100%;}
table tr{ background: url(../images/list_bg_02.png) no-repeat bottom/cover;}
table td{padding:0.6em; font-size:1.21em; line-height:2em; color: aliceblue; text-align:center;}
table td.list{text-align:left;}
table td a{color:#FFF8F8;}
table td a:hover{color: #FCE289;}

/*帳號登入*/
.step_form{width: 80%;position: relative;padding-top:3em;margin: auto;}
.step_form ul{width:100%; margin: auto;position: relative;}
.step_form ul li {width:50%; height: auto;float:left; margin: auto;position: relative;text-align: center;}
.step_form ul li img {background-size: contain;}
.step_form ul li a{width: 100%;height: auto; display: block; background-repeat: no-repeat; background-position: center top;}
.step_form ul li.btn01 a{background-image: url(../images/login_btn_fb.jpg);}
.step_form ul li.btn02 a{background-image: url(../images/login_btn_game.jpg);}
.step_form ul li a:hover{position: relative;top: 0.3em;}

.cashtext{font-size: 2em;line-height: 2em; color: aliceblue; margin: 0 auto;text-align: center;position: relative;}

.step1_form{width:80%;position: relative;padding-top:3em;margin: auto;text-align: center;}
.step1_form ul li{padding:0.3em 0; line-height: 1.8em;}
.step1_form ul li:last-child{border-bottom: 0;}
.step1_form ul li div:nth-child(1),.step1_form ul li div:nth-child(2){float:left;}

.step1_form ul li div:nth-child(1){ width:31%; text-align: right;}
.step1_form ul li div:nth-child(2){ width:69%; text-align: left;}

.step4_form{width:80%;position: relative;padding-top:3em;margin: auto;text-align: center;}
.step4_form ul li{padding:0.3em 0; line-height: 1.8em;}
.step4_form ul li:last-child{border-bottom: 0;}
.step4_form ul li div:nth-child(1),.step4_form ul li div:nth-child(2){float:left;}

.step4_form ul li div:nth-child(1){ width:31%; text-align: right;}
.step4_form ul li div:nth-child(2){ width:69%; text-align: left;}

.step2_form{width:80%;position: relative;padding-top:3em;margin: auto;text-align: center;}
.step2_form ul li{padding:.5em 0; line-height: 1.8em;}
.step2_form ul li:last-child{border-bottom: 0;}
.step2_form ul li div:nth-child(1),.step2_form ul li div:nth-child(2){float:left;}

.step2_form ul li div:nth-child(1){ width:31%; text-align: right;}
.step2_form ul li div:nth-child(2){ width:69%; text-align: left;}

.step3_form{width:86%;position: relative;padding-top:3em;margin: auto;text-align: center;}
.step3_form ul li{padding:.5em 0; line-height: 1.8em;}
.step3_form ul li:last-child{border-bottom: 0;}
.step3_form ul li div:nth-child(1),.step3_form ul li div:nth-child(2){float:left;}

.step3_form ul li div:nth-child(1){ width:31%; text-align: right;}
.step3_form ul li div:nth-child(2){ width:69%; text-align: left;}

.service01_form{width:80%;position: relative;padding-top:3em;margin: auto;text-align: center;}
.service01_form ul li{padding:.5em 0; line-height: 1.8em;}
.service01_form ul li:last-child{border-bottom: 0;}
.service01_form ul li div:nth-child(1),.service01_form ul li div:nth-child(2){float:left;}

.service01_form  ul li div:nth-child(1){ width:31%; text-align: right;}
.service01_form  ul li div:nth-child(2){ width:69%; text-align: left;}

.step1 iframe{
transform-origin: 0px 0px 0px;
transform: scale(0.8, 0.8);

-ms-transform-origin: 0px 0px 0px;		/* IE 9 */
-ms-transform: scale(0.8, 0.8); 		/* IE 9 */

-webkit-transform-origin: 0px 0px 0px;	/* Safari 和 Chrome */
-webkit-transform: scale(0.8, 0.8);	/* Safari 和 Chrome */

-moz-transform-origin: 0px 0px 0px;		/* Firefox */
-moz-transform: scale(0.8, 0.8);		/* Firefox */

-o-transform-origin: 0px 0px 0px;		/* Opera */
-o-transform: scale(0.8, 0.8);		/* Opera */

}


.cashtext_right{font-size:1.5em;line-height: 1.5em;color: aliceblue;text-align:left; position: relative;}
.cashtext_left{font-size:1.5em;line-height: 1.5em;color: aliceblue;text-align:right; position: relative;}
.name{float: left;color: #C47234;}
.message{font-size:1.5em;color: #FFDA5D; font-weight:bold;}
.input{font-size: 2em;}
.hei {width:20em; height:10em;}
.textarea{width: 100%;}

.btn_f{width:100%;max-width:130px;height:auto; margin:0 auto;padding-top:3em; text-align: center;}
.btn_f img{width: 100%;height: 100%;display: block;}
.btn_f a:hover{position: relative;top: 0.3em;}

.btn_ff{width:100%;height:auto; }
.btn_ff ul{width: 40%;max-width: 260px; margin:0 auto; position: relative;}
.btn_ff li{width: 50%; max-width: 130px; height: auto;float: left;}
.btn_ff img{max-width:100%;display: block;}
.btn_ff li.btn01{background-position: right;}
.btn_ff a:hover{position: relative;top: 0.3em;}
.cash_btn{width:90%; height:100%; position: relative; margin:0 auto;}
.cash_btn ul{width: 100%; margin: auto; position: relative;}
.cash_btn ul li{width: 33%; max-width: 185px; height: auto;float: left;}
.cash_btn ul li img {width: 100%;height: 100%; background-position: center top;}
.cash_btn ul li a{display: block;background-repeat: no-repeat; background-size: contain;}
.cash_btn ul li.btn01 a{background-image: url(../images/cash_btn01.png);}
.cash_btn ul li.btn02 a{background-image: url(../images/cash_btn02.png);}
.cash_btn ul li.btn03 a{background-image: url(../images/cash_btn03.png);}
.cash_btn ul li.paybtn01 a{background-image: url(../images/pay_btn01.png);}
.cash_btn ul li.paybtn02 a{background-image: url(../images/pay_btn02.png);}
.cash_btn ul li.paybtn03 a{background-image: url(../images/pay_btn03.png);}
.cash_btn ul li.paybtn04 a{background-image: url(../images/pay_btn04.png);}
.cash_btn ul li.paybtn05 a{background-image: url(../images/pay_btn05.png);}
.cash_btn ul li.paybtn06 a{background-image: url(../images/pay_btn06.png);}
.cash_btn ul li a:hover{background-position: 0 0.1em;}

.btn_signout{width:20.0%; max-width:100px; position:absolute;top:-0.5em;right: 0; z-index:99;}
.btn_signout img{width:100%; height:100%; display:block;}
.btn_signout a:hover{background-position: 0 -1em; }
.inquire_form{width:95%;position: relative; margin:1em auto;text-align: center;border: 1px solid #eda416}

.service_btn{width:60%; height:100%; position: relative; margin:0 auto;}
.service_btn ul{width: 100%; margin: auto; position: relative;}
.service_btn ul li{width:50%; max-width: 185px; height: auto;float: left;}
.service_btn ul li img {width: 100%;height: 100%; background-position: center top;}
.service_btn ul li a{display: block;background-repeat: no-repeat; background-size: contain;}
.service_btn ul li.btn01 a{background-image: url(../images/service_btn01.png);}
.service_btn ul li.btn02 a{background-image: url(../images/service_btn02.png);}
.service_btn ul li a:hover{background-position: 0 0.1em;}

@media screen and (-webkit-min-device-pixel-ratio:0){ 
.news_con{ font-size:1.2em;} 

.date_in{ font-size:1.3em;}/*公告內容_字*/
.topic_in{font-size:1.4em;}

} /*chrome and safari*/
.news_con{width:85%; margin:0 auto; padding:1em 0 1.5em 0; font-size:1.4em; line-height:2em; color:#fff;}
/*.news_con img{width:100%; max-width:640px; height:auto;}*/
/*20200716*/
.news_con img{ max-width:100%!important; height:auto!important;}


/* 公告_標題 */
.news_topic{width:97%; max-width:640px; margin:0 auto;}
.news_topic ul{width:100%;}
.news_topic ul li{ width:100%; max-width:640px; background:url(../images//topic_bg.png) no-repeat bottom; background-size:100% 50%; display:block;}
.topic_line_block{width:97%; max-width:640px; max-height:6px; margin:0 auto; padding-bottom:1%; z-index:1;}
.topic_line{width:100%; max-width:637px; height:6px; background:url(../images//topic_line.png) no-repeat center; background-size:100% 100%; float:right;}

/*公告內容_字*/
.date_in,.topic_in{ height:100%; margin:0; text-align:left; float:left; }
.date_in{ width:30%; padding:2% 0 0% 5.5%; font-size:1.3em; text-shadow:1px 1px 0px #523822; color:#ff3c00; line-height:1.3em; white-space:nowrap; }
.topic_in{width:100%; padding:0.7% 5% 2% 5%; font-size:1.6em; text-shadow:1px 1px 0px #523822; color:#f2e2d3; line-height:1.4em; font-weight:bold; overflow:hidden; }

/*公告_底、框、人物*/

.news_con_top{width:100%; text-align:center; position:relative;}
.news_con_mid{width:100%; max-width:640px; min-height:240px; background:url(../images/content_bg_mid.png) repeat-y; background-size:contain; }
.news_con_bt{width:100%; text-align:center; position:relative;}
/*20180914修改*/
.news_m{width:100%; max-width:640px; min-height:240px; margin:0 auto; 
    background-image:url(../images/news_bg_l.png),url(../images/news_bg_r.png),url(../images/news_bg_rep.png);
    background-repeat: no-repeat;
    background-position: left top,right top,center top;
    background-size:auto 100%,auto 100%,97% 100%;
}/*20180914修改*/
.news_con_padding{ width:100%; max-width:640px; display:block;}
.news_con a{color:#fff298}


/*攻略頁籤*/
ul,li{margin:0;padding:0;}
.tabs_block{width:97%; max-width:640px; padding:1.5% 1.7% 1.8% 1.7%;  margin:0 auto;}
#tabs{ z-index:1; width:100%; max-width:600px; padding:0 0.8%; margin:0 auto;}
#tabs li{
	border-bottom:none;
	/* display:inline-block; */
	margin:0.2% 0.1% 0.2% 0.1%;/*[上面邊界值] [右邊邊界值] [下面邊界值] [左邊邊界值]*/
	padding:0.65%;
	color:#e7e5d9;
	cursor:pointer;
	text-shadow:1px 1px 1px #4d0705;
	background:url(../images//btn_out.png) no-repeat center top;
	max-width:91px; 
	width:100%; 
	height:100%;
	max-height:48px;
	font-family:"微軟正黑體", "黑體";
	font-size:1.4em;
	text-align:center;
	font-weight:500;
	line-height:2em;
	white-space:nowrap;
	background-size:100% 100%;
	float:left;
}
#tabs li:hover{color:#fff; background:url(../images//btn_ov.png) no-repeat center top; background-size:100% 100%;text-shadow:1px 1px 1px #803300;}
#tabs li.enable{
	background:url(../images//btn_ov.png) no-repeat center top; background-size:100% 100%;
	max-width:91px; max-height:48px; text-shadow:1px 1px 1px #803300; color:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ #tabs li{ font-size:120%;} }  /*chrome and safari*/
.line_block{width:97.5%; max-width:640px; max-height:12px; margin:0 auto; z-index:1;}
.tabs_line{width:100%; max-width:640px; height:4px; background:url(../images//tabs_line.png) no-repeat center; background-size:100% 100%; float:right;}







/* ------遊戲特色------ */
.game_pic_block{ max-width:644px; height:auto; margin:0 auto;}
.game_pic_frame{ width:100%; height:auto;}

.game_pic_01,.game_pic_02,.game_pic_03,.game_pic_04,.game_pic_05,.game_pic_06
{width:100%; max-width:309px; margin:0 auto; background-repeat: no-repeat; background-position:center; background-size:98% 98%; border-radius:5%; position:relative; z-index:99;}

.game_pic_01{ background-image:url(../images/01_2048X2732.jpg);}
.game_pic_02{ background-image:url(../images/02_2048X2732.jpg);}
.game_pic_03{ background-image:url(../images/03_2048X2732.jpg);}
.game_pic_04{ background-image:url(../images/04_2048X2732.jpg);}
.game_pic_05{ background-image:url(../images/05_2048X2732.jpg);}
.game_pic_06{ background-image:url(../images/06_2048X2732.jpg);}

.nbs-flexisel-container {width:100%;max-width:644px;}

.nbs-flexisel-inner {max-width:644px;}

.game_pic_block img{filter:drop-shadow(0px 0px 3px rgb(0, 0, 0));}

/*頁數_箭頭圖樣 */
.page_menu{width:100%; max-width:320px; height:auto; margin:0 auto; padding:4% 0 0 0; text-align:center;}
.page_menu ul{width:100%; display:block; margin:0; padding:0; }
.page_menu ul li{width:20%; text-align:center; line-height:22px; display:block; float:left;}
.page_menu ul li img{ max-width:100%; height:auto;}
.page_menu ul li a{width:100%; height:100%; display:block; text-decoration:none; }
.page_menu ul li a:hover{ margin:0px; position:relative; top:-2px;}/* 滑過 */
.page_menu ul li span{display:block;}

.select_menu{height:45px; padding:0 5px; font-size:18px; color:#090000;}


/* 回首頁& 回列表按鈕 */
.btn_more{width:20.0%; max-width:105px; height:47px; position:absolute; right:5.5%; top:22%;  z-index:99;}
.btn_more a{background:url(../images/btn_more.png) no-repeat;}
.btn_more a:hover{background:url(../images/btn_more_ov.png) no-repeat; background-size:contain; }
.btn_more a{width:100%; height:100%; background-size:contain; display:block;}

.btn_back{width:20.0%; max-width:105px; height:47px; position:absolute; right:5.5%; top:22%;  z-index:99;}
.btn_back a{background:url(../images/btn_back.png) no-repeat;}
.btn_back a:hover{background:url(../images/btn_back_ov.png) no-repeat; background-size:contain; }
.btn_back a{width:100%; height:100%; background-size:contain; display:block;}

.btn_home{width:20.0%; max-width:105px; height:47px; position:absolute; right:5.5%; top:22%;  z-index:99;}
.btn_home a{background:url(../images/btn_home.png) no-repeat;}
.btn_home a:hover{background:url(../images/btn_home_ov.png) no-repeat; background-size:contain; }
.btn_home a{width:100%; height:100%; background-size:contain; display:block;}

.btn_home_bt,.btn_back_bt{ width:28%; max-width:130px;height:auto; margin:0 auto; padding:0.5% 0 4% 0; text-align:center;  position:relative; top:1%;}
.btn_home_bt img,.btn_back_bt img{ width:100%; height:auto; margin:0 auto; display:block;}
.btn_home_bt a:hover img,.btn_back_bt a:hover img{ position:relative; top:-1px;}


/* 版權copyright */
.cr{ width:100%; margin:0 auto; padding:1.2rem 0; position:relative; color: aliceblue; text-shadow:0 0 5px rgba(0,0,0,1),0 0 4px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1);
display:flex;/*for all browser*/ display:-ms-flexbox;/*for ie10*/ flex-wrap:wrap;/*for all browser*/ -ms-flex-wrap:wrap;/*for ie10*/justify-content:center;/*for all browser*/ -ms-flex-pack:center;/*for ie10*/align-items:center;/*for all browser*/ -ms-flex-align:center;/*for ie10*/}
.cr a{color: aliceblue;}
.cr a:hover{color:beige;}

.cr img{width:100%; height:auto; border:0;}

.cr_link{width:100%; text-align:center; font-size: 1.1rem; }
.cr_link,.footer_content,.footer_lv,.memo{margin-top:0.3rem; padding:0.1rem 0; position: relative; z-index: 1;}

.footer_content{width:100%; display:flex;/*for all browser*/ display:-ms-flexbox;/*for ie10*/justify-content:center;/*for all browser*/ -ms-flex-pack:center;/*for ie10*/align-items:center; flex-wrap: wrap;}
.footer_content>div.clear{display: none;}
.footer_uj{width:20%; margin:0; }
.footer_txt{min-width:55%; padding:0; color:#FFF; font-size:.65rem; display:flex;/*for all browser*/ display:-ms-flexbox;/*for ie10*/justify-content:center;/*for all browser*/ -ms-flex-pack:center;/*for ie10*/align-items:flex-end;/*for all browser*/-ms-flex-align:end;/*for ie10*/}
.footer_txt p{ line-height:1.3rem; white-space:nowrap;}

.clear{clear:both;}

.footer_lv{width:100%; max-width:270px; display:flex;/*for all browser*/ display:-ms-flexbox;/*for ie10*/flex-direction: row;-ms-flex-direction: row;justify-content:center;-ms-flex-pack:justify; align-items: center;}
.footer_left{width:15%; max-width:36px; min-width:20px; margin-bottom: 0.3rem;}


.footer_right{padding-left:.5rem;display:flex;/*for all browser*/ display:-ms-flexbox;/*for ie10*/flex-direction: column;-ms-flex-direction: column;justify-content:center;-ms-flex-pack:justify;}
.footer_txt2{color:#ececec; font-size: .6rem; /* white-space:nowrap; */ line-height: .9rem; text-align: justify;}

.cr_frame{width:100%; height:100%; position: absolute; left:0; top:0; z-index:0; display: flex; flex-direction: column;}
.cr_frame_m{flex-grow: 1; flex-shrink: 1; background: url(../images/copyright_02.png) repeat-y left top / 100% auto;}




/*遊戲服務條款 2018/03新增 */
.terms_con{width:85%; margin:0 auto; padding:1em 0 1.5em 0; color:#fff; font-size:1em; font-family: Verdana, Geneva, sans-serif!important; line-height:2em;text-align:justify;word-wrap: break-word; } 
.terms_con h1{ font-size:1.8em; font-weight:bold;color: #F8E91A;text-align: center;}
.terms_con h2{ font-size:1.5em; font-weight:bold;}

.terms_con ul{ padding:0 0 0 1em;}
.terms_con ul li{ list-style:none;}
.terms_con ul li a{ color:#3FF;}
.terms_con ul li a:hover{ text-decoration:underline;}
.terms_con ul li p.rule{margin:0.8em 0 0 0;}
.terms_con ul li.list02{padding:0 0 0 2em;}
.terms_con ul li.list03{padding:0 0 0 4em;}

.terms_con ul li ul li{list-style:disc;}
.terms_con ul li h2{ font-size:1.5em; margin:0.8em 0 0.3em 0; font-weight:bold;}
.terms_con ul li h3{ font-size:1.1em; margin:0.5em 0 0.2em 0; font-weight:bold;}

.terms_con ul li ol{padding:0 0 0 1em;font-weight:bold;}

.terms_con ul li ol li{margin-left:1rem; padding-left:0em; list-style:decimal;}
.terms_con ul li ul li ul li{list-style:none;}
.terms_con ul li ul li ol li ol li{ margin:0 0 0 1em; list-style: cjk-ideographic;}
.terms_con ul li ul li ol li ol li ul li{margin:0em; list-style: circle;}
.terms_con ul li ol li ul li,.terms_con ul li ul li ol li ul li{list-style:disclosure-closed;}
.notice{ color:#FF8;}

/* -浮動x關閉按鈕 by 平台- */
.btn_bar {width: 0%;height: 32px;float: left;}
.btn_close{ width:22px; height:22px; position:absolute; right:5px; top:5px;}
.btn_close a{ width:100%; height:100%; background: url(../images/btn_close.png) no-repeat; display:block;}
.btn_close a:hover{ background-position:0 bottom;}

@media screen and (max-width:675px) {
/* 回首頁& 回列表按鈕 */
.btn_more{width:20.0%; max-width:112px; height:47px; position:absolute; right:3%; top:20%; z-index:99;}
.btn_back{width:20.0%; max-width:112px; height:47px; position:absolute; right:3%; top:20%; z-index:99;}
.btn_home{width:20.0%; max-width:112px; height:47px; position:absolute; right:3%; top:20%; z-index:99;}
}

@media screen and (max-width:640px) {
	.inside .fixed_bg{background-size:cover;}
	.top{height:auto;}
	.top_in{min-height:1px;}
	.top_s{display:block!important;}
	
	/* .logo_block,.logo_block_in{ max-width:328px; top:30% ; z-index:10; overflow:hidden;} */
	
	/* .btn_logo,.btn_logo_in{width:65%;margin: 4% auto 0 auto;} */
	
	/* .new_btn{top:75%;} */
	
	.btn_ff ul{width: 60%;}
	.textarea{width:94%;}
	/*列表表格 RWD*/
	table{overflow: hidden;}
	table thead{display:none;}
	
	table tbody tr{padding:1em 3%; display:block;}	
	
	table td{padding:0; font-size:1.3em; text-align:left; font-weight:bold; display: block;}
	
	table tbody td:before{color:#ccc; display:inline-block; font-weight: normal!important;}
	
	.act03_table td.info1:before{content:"次序：";}
	.act03_table td.info2:before{content:"玩家暱稱：";}
	.act03_table td.info3:before{content:"狀態：";}
	.act03_table td.info4:before{content:"違反內容：";}
	.act03_table td.info5:before{content:"時間(起)：";}
	.act03_table td.info6:before{content:"時間(迄)：";}

	.cash03_table td.info1:before{content:"交易日期：";}
	.cash03_table td.info2:before{content:"訂單編號：";}
	.cash03_table td.info3:before{content:"訂單訊號：";}
	.cash03_table td.info4:before{content:"狀態：";}
	
	.service02_table td.info1:before{content:"日期：";}
	.service02_table td.info2:before{content:"問題內容：";display: block;}
	.service02_table td.info3:before{content:"狀態：";}
	
	.service03_table td.info1:before{content:"回覆日期：";}
	.service03_table td.info2:before{content:"問題編號：";}
	.service03_table td.info3:before{content:"狀態：";}
	/*列表表格 RWD*/	
	.step1_form{width:100%;padding-top: 0;}
	.step1_form ul{padding:3%;}
	.step4_form{width:100%;padding-top: 0;}
	.step4_form ul{padding:3%;}
	.step2_form{width:100%;padding-top: 0;}
	.step2_form ul{padding:3%;}
	.step3_form{width:100%;padding-top: 0;margin: 1em;}
	.step3_form ul{padding:3%;}
	.service01_form{width:100%;padding-top: 0;}
	.service01_form ul{padding:3%;}
	/* ------APP按鈕----- */
	/* .btn{width:100%; max-width:640px; height:auto; position:relative; margin:0 auto; bottom:0.7%; padding-left:5%; overflow:hidden; z-index:99;} */
	.btn_in{width:100%; max-width:640px; height:auto; position:absolute; margin:0 auto; bottom:0.7%; padding-left:1%; overflow:hidden; z-index:1;}
	
	
	.container{max-width:640px; overflow:hidden;}
	.title_original,.banner_frame img{ width:100%; height:auto;}	
	



	/* 回首頁& 回列表按鈕 */
	.btn_more,.btn_back,.btn_home{width:17.5%; max-width:105px; height:47px; position:absolute; right:4%; top:20%; z-index:99;}	
	
	#abgneBlock {width:100%; border:0px; top:0;}
    .banner_block{ position:relative; padding:0 0 1.3% 0;}
	.banner_mask,.games_mask{max-width:none;}

	.cr img {width:100%; height:auto;}

	.btn_home_bt,.btn_back_bt{ width:40%; height:auto; top:0.5%;}
	
	/*top按鈕*/
	#btn_top{ width:15%; max-width:50px; height:auto; margin:0; position:fixed; left:auto; right:0.5%; bottom:0.5%;}
	
	.news_m{ min-height:0;}
	.news_list{min-height:0;}

		.nbs-flexisel-container {width:98%;}

	}

@media screen and (max-width:635px) {
	
	
	.act_block{margin-bottom:1em;}
	.step_form{padding-top:0em;}
	.step_form ul li {width:100%;}
	.step1_form ul li {width:100%;}
	.step1_form ul li div:nth-child(1){width: auto;max-width: 31%;text-align: left;}
	.step1_form ul li div:nth-child(2){width: auto;max-width: 100%;}
	.step1_form>ul>li:nth-child(3) div,.step1_form>ul>li:nth-child(4) div,.step1_form>ul>li:nth-child(5) div{width:100%;max-width: 100%; text-align: left;}
	
	.step4_form ul li {width:100%;}
	.step4_form ul li div:nth-child(1){width: auto;max-width: 31%;text-align: left;}
	.step4_form ul li div:nth-child(2){width: auto;max-width: 100%;}
	.step4_form>ul>li:nth-child(4) div,.step1_form>ul>li:nth-child(5) div{width:100%;max-width: 100%; text-align: left;}
	
		/*.step2_form ul li div:nth-child(1){ width:100%; text-align: center;}
	.step2_form ul li div:nth-child(2){ width:100%;	text-align: center;}*/
	.step2_form ul li div:nth-child(1){width: auto;max-width: 31%;text-align: left;}
	.step2_form ul li div:nth-child(2){width: auto;max-width: 69%;}
	.step2_form>ul>li:nth-child(4) div,.step2_form>ul>li:nth-child(6) div{width:100%;max-width: 100%; text-align: left;}
	

	.step3_form ul li div:nth-child(1){text-align: left;}
	.step3_form>ul>li:nth-child(1) div,.step3_form>ul>li:nth-child(2) div,.step3_form>ul>li:nth-child(3) div{width:100%; text-align: left;}
	
	
}


@media screen and (max-width:550px) {
		/*20180914修改.topic{width:64%;}*/
/*	.date{ width:27%;  font-size:1.2em; line-height:1.9em;}
	.topic{ width:68%;  font-size:1.2em; line-height:1.9em;}*/
    .new_btn ul{width:95%;}

	.date{padding-left:1%;}
	.news_list ul li{background-position: -15px bottom!important;}

	/* 回首頁& 回列表按鈕 */
	.btn_more,.btn_back,.btn_home{width:16%; max-width:105px; height:47px; position:absolute; right:4%; top:20%; z-index:99;}
	
	/* 版權copyright */
	.cr{ padding:1rem; line-height: 1.2rem; }



	.footer_txt{ align-items:center;text-align:center;}
	.footer_uj{ width: 45%; max-width:140px;}
	.cr_link{font-size:1.2rem;}
	.footer_txt p{ line-height:1rem;}
	.cr .memo{ padding: 0 0.9rem;}

}


@media screen and (max-width:515px) {
	.cashtext_left{font-size:1.3em;}
	.cashtext_right{font-size:1.3em;}
}

@media screen and (max-width:499px) {
	.nbs-flexisel-container {width:92%;}

}

@media screen and (max-width:480px) {
	.top_btn ul li.fb_1{width:12%; margin:0 0 0 0;}/*btn_fb*/
    .top_btn ul li.fb_2{width:88%; padding:-0.5% 0 0 0;}/*fb讚*/
	
	.date{padding-left: 5.5%;}
	.news_list ul li{background-position: left bottom!important;}
	
	.btn_home_bt,.btn_back_bt{ width:50%; height:auto; top:0.5%;}
	
	.menu_block{height:100px;}
	        /*20180914修改*/
			.news_list{width: 100%;}
			.news_m{background-image:url(../images/news_bg_l.png),url(../images/news_bg_r_s.png),url(../images/news_bg_rep.png);}

	.cashtext_left{font-size:1.3em;}
	.cashtext_right{font-size:1.3em;}
	.message{font-size:1.3em;}
	.cash_btn ul li.paybtn01,.cash_btn ul li.paybtn02,.cash_btn ul li.paybtn03,.cash_btn ul li.paybtn04,.cash_btn ul li.paybtn05,.cash_btn ul li.paybtn06{width: 50%;}
	.btn_ff ul{width: 80%;}
	.service01_form ul li div:nth-child(1){width: auto;max-width: 31%;text-align: left;}
	.service01_form ul li div:nth-child(2){width: auto;max-width: 69%;}
	.service01_form ul li div:nth-child(1){text-align: left;}
	.service01_form>ul>li:nth-child(3) div,.service01_form>ul>li:nth-child(4) div,.service01_form>ul>li:nth-child(5) div,.service01_form>ul>li:nth-child(6) div,.service01_form>ul>li:nth-child(7) div{width:100%;max-width: 100%; text-align: left;}

	.cr_link{font-size:1.1rem;}
	}

@media screen and (max-width:428px) {
	.cr_link{font-size: 1.0rem;}
	.footer_txt p{white-space: normal;}
	.rankings_name, .rankings_money,.list_item,.list_tt {font-size: .85rem;}
	.rankings_logo img {width: 100%;}


}
@media screen and (max-width:400px) {
	.date,.topic{font-size:1em; line-height: 1em;}
	.topic{ width:80%; padding:3% 3% 4% 0%;}	

	/* .news_list{min-height:150px;} */
	.cashtext_left{font-size:1.2em;}
	.cashtext_right{font-size:1.2em;}
	.message{font-size:1.2em;}
	table td{font-size:1.2em;}


	
	
}

@media screen and (max-width:375px) {
	.inside .fixed_bg{background-size:250%;}
/*20180914修改    .news_m{ background:url(../images/news_bg_ss.png) no-repeat center top; background-size: contain;}
    .date,.topic{padding:0% 3% 0% 3%; font-size:1em; line-height:2.3em;}
    .date{ width:20%;}
    .topic{ width:80%;}*/
	.iframe-style{ transform: scale(0.85);transform-origin:0 0 0;}

	.cr_link{font-size:.8rem;}
	.footer_uj{ width:55%;}
	.footer_lv{flex-wrap:wrap;}

	.rankings_name, .rankings_money,.list_item,.list_tt {font-size: .8rem;}
}

@media screen and (max-width:240px) {
	.news_list ul{padding:3% 0;}
	.news_list ul li a{flex-wrap:wrap;}
	.news_list .date,.news_list .topic{width:100%;}
	.news_list .date{padding:3% 3% 1% 3%;}
	.news_list .topic{padding:1% 3% 3% 3%;}
}