@charset "utf-8";
@import url('base.css');

html,body {
    background: transparent; 
}

body {
    font-family:"微軟正黑體"; 
    font-size: 16px;
}

#wrapper{
	/* background: transparent;  */
    background: #FFFFFF;
}

#wrap_main {padding:0; overflow:hidden;}

/*MENU*/
.game_menu {overflow:hidden;}
ul.tab_qa {width:100%;  display:block; position:absolute;}
ul.tab_qa li {text-align:center; display:block; float:left;}
ul.tab_qa li a {cursor:pointer;}

/*遊戲介紹*/
/* .Introwrap {margin:0 auto; width:300px} */
.game_wrap {width:720px; height:100%; margin:0 auto; position:relative; background:#fcf4e8;}
.game_wrap * {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*遊戲影片*/
.game_wrap #game_video {
    margin: 1em auto;
    padding: 0 0 50% 0;
    width: 85%;
    max-width: 500px;
    position: relative;
}
.game_wrap #game_video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.game_wrap .game_ban {width:100%;  margin:0px auto 5px;}
.game_wrap .game_ban img {width:100%; display:block;}
.game_wrap .game_ban_title {width:96%; margin:0px auto 5px;}
.game_wrap .game_ban_title img {width:100%; display:block;}
.game_wrap #GameBtn_div1,.game_wrap #GameBtn_div2,.game_wrap #GameBtn_div3 {width:100%; padding:1% 2%; }

.game_wrap .list_img_text {
    margin: 0 auto 2em;
    width: 80%;
    max-width:400px;
}
.game_wrap .list_img_text img {
    width: 100%;
}
.game_wrap .list_img_text .box_img {
    margin: 0 0 1em 0;
    width: 100%;
}
.game_wrap .list_img_text .box_text {
    margin: 0 0 1em 0;
    width: 100%;
    text-align: left;
    color: #000000;
}

.game_wrap .list_img_text .box_text.strategy {
    text-align: center;
}

/*遊戲介紹*/
.game_wrap .intro_table {
    margin: 0 auto;
    width: 90%;
}
.game_wrap .intro_table th {
    padding: 0.5em 0;
}
.game_wrap .intro_table th img {
    width: 100%;
}
.game_wrap .intro_table td .intro_title {
    margin: 0 0 0 3%;
    width: 90%
}
.game_wrap .intro_table td .intro_title img {
    width: 100%;
}
.game_wrap .intro_table td .intro_text {
    padding: 0.5em 0 0.5em 3%;
    width: 100%;
    color: #000000;
    font-size: 90%;
}
/*遊戲規則*/
.game_wrap hr {
    margin: 2em 0;
    border: 1px solid #e8e8e8;
}
.game_wrap .game_title {
    width: 100%; 
    height: auto; 
    line-height: 1.5; 
    font-size: 120%;
    color: #841f6f;
    font-weight: 900; 
    text-align: left; 
}

.game_wrap .game_board {padding:1% 1%; font-size:0.9em; line-height:2em; margin:0 0 10px 0; overflow:hidden;}

.game_wrap .game_board ol.list2 li {margin-left:1.3em; list-style:decimal;}
.game_wrap .newTable {
    width: 100%; 
    color: #FFFFFF;
    border: 1px solid #e841ee;
}
.game_wrap .newTable th,.game_wrap .newTable td {
    border-bottom: 1px solid #e841ee;
    border-right: 1px solid #e841ee;
    height: 3.5em;
}
.game_wrap .newTable th:nth-last-child(1),.game_wrap .newTable td:nth-last-child(1) {
    border-right: none; 
}
.game_wrap .newTable td.notLast {
    border-right: 1px solid #e841ee;
}
.game_wrap .newTable th {
    padding: 1%;
    border-bottom: 1px solid #e841ee;
    background: #000000;
    text-align: center;
}
.game_wrap .newTable th.th_left {
    text-align: left;
}
.game_wrap .newTable th>img {
    display: block;
}
.game_wrap .newTable.thIcon th>img {
    margin: 0 auto;
    width: 80%;
}
.game_wrap .newTable tbody tr:nth-child(1) td {
    border-top: 1px solid #9331bc;
}
.game_wrap .newTable tbody tr:nth-last-child(1) td {
    border-bottom: none;
}
.game_wrap .newTable td {
    padding: 1%;
    background: #3e228a;
    text-align: center;
}
.game_wrap .newTable td.td_left {
    text-align: left;
}
.game_wrap .newTable td:nth-child(1) {
    word-break: break-all;
}
.game_wrap .newTable.liststyle tr:nth-child(even) td {
    background: #4c269d;
}
.game_wrap .icon_list {
    width: 1.2em;
}
.game_wrap .icon_bonus {
    width: 35px;
}
.game_wrap .icon_bonusII {
    width: 80px;
}

.game_wrap img {
    width: 100%;
}

.game_wrap strong {
    font-size: 110%;
}

.game_wrap .pl_1 {
    padding-left: 1em;
}

.game_wrap .game_board ol.listtype01 {
    padding:0 1em 0.5em 2em; 
}
.game_wrap .game_board ol.listtype01>li{
	margin: 0;
	counter-increment: cnt;
	list-style:none;
}
.game_wrap .game_board ol.listtype01>li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
	text-align:center;
	display:inline-block;
	margin-left: -1.9em;
	width: 1.6em;
}

.game_wrap .game_board ul.ul_list1 {margin:0; padding:0;}
.game_wrap .game_board ul.ul_list1>li{padding:0 0 0 1em; list-style:none;}
.game_wrap .game_board ul.ul_list1>li:before {content:'※'; position:absolute; margin:0 0 0 -1em;}

.game_wrap .t_blue {
    color: #09f;
}

.game_wrap .t_black {
    color: #000000;
}
.game_wrap .t_oran {
    color: #e67b23;
}

.game_wrap .img_size30 {
    width: 30%;
}
.game_wrap .img_size40 {
    width: 40%;
}
.game_wrap .img_size50 {
    width: 50%;
}
.game_wrap .img_size60 {
    width: 60%;
}
.game_wrap .img_size70 {
    width: 70%;
}
.game_wrap .l_size2 {
    font-size: 120%;
}

.game_wrap .l_indent1 {padding:0 0 0 1.2em; text-indent:-1.2em;}

.game_wrap .box_flex {
    display: flex; 
    justify-content: center;
    align-items: flex-start;
}
.game_wrap .box_flex.two>div {
    width: 50%;
}










.img_gap {margin:0.5em auto 0; display:block;}
.img_gap_text {margin:0; text-align:center;}




@media (max-width:720px){
	.game_wrap {width:100%}
}

@media screen and (max-width:525px) {
    body {font-size:14px;}
	.img_type1 {width:90%}
}
@media screen and (max-width:400px) {
    .game_wrap .icon_bonus {
        width: 10%;
    }
    .game_wrap .icon_bonusII {
        width: 20%;
    }
}
@media screen and (max-width:360px) {
    body {font-size:12px;}
}

@media screen and (max-width:320px) {
    body {font-size:10px;}
}

/*遊戲說明按鈕*/

/*倍率21點*/
.gameintro1305 .tab_qa {padding:5% 4% 0% 70%}
.gameintro1305 .tab_qa li {width:100%;}
.gameintro1305 .tab_qa img {width:100%;}


/*倍率鑽石馬*/
.gameintro1304 .tab_qa {padding:13% 1% 0 47%;}
.gameintro1304 .tab_qa li {margin:0 2%; width:46%;}
.gameintro1304 .tab_qa img {width:100%;}

/*三張撲克*/
.gameintro1273 .tab_qa {padding:10% 0% 0% 80%}
.gameintro1273 .tab_qa li {width:100%;}
.gameintro1273 .tab_qa img {width:100%;}

/*鴻運金牛*/
.gameintro1282 .tab_qa {padding:10% 0% 0% 80%}
.gameintro1282 .tab_qa li {width:100%;}
.gameintro1282 .tab_qa img {width:100%;}

/*魚霸王-秦皇巡海*/
.gameintro1249 .tab_qa {padding:13% 0 0 2%;}
.gameintro1249 .tab_qa li {width:27%;}
.gameintro1249 .tab_qa li:nth-child(2) {margin:0 0 0 43%;}
.gameintro1249 .tab_qa img {width:100%;}

/*大三元˙*/
.gameintro1323 .tab_qa {padding:10% 3% 0 3%;}
.gameintro1323 .tab_qa li {width:27%;}
.gameintro1323 .tab_qa li:nth-child(1) {margin: 0 45% 0 0}
.gameintro1323 .tab_qa img {width:100%;}

/*小瑪莉*/
.gameintro1028 .tab_qa {padding:17% 3% 0 15%;}
.gameintro1028 .tab_qa li {width:17%;}
.gameintro1028 .tab_qa img {width:100%;}

/*黃金列車*/
.gameintro1050 .tab_qa {padding:12% 3% 0 44%;}
.gameintro1050 .tab_qa li {width:35%;}
.gameintro1050 .tab_qa img {width:100%;}

/*餐廳賓果*/
.gameintro1036 .tab_qa {padding:12% 3% 0 33%;}
.gameintro1036 .tab_qa li {width:26%;}
.gameintro1036 .tab_qa img {width:100%;}

/*幸運賓果*/
.gameintro1232 .tab_qa {padding:22% 3% 0 9%;}
.gameintro1232 .tab_qa li {width:24%;}
.gameintro1232 .tab_qa li:nth-child(2) {margin: 0 0 0 47%}
.gameintro1232 .tab_qa img {width:100%;}

/*5PK*/
.gameintro1001 .tab_qa {padding:12% 3% 0 33%;}
.gameintro1001 .tab_qa li {width:25%;}
.gameintro1001 .tab_qa img {width:100%;}

/*經典7PK*/
.gameintro1030 .tab_qa {padding:12% 3% 0 30%;}
.gameintro1030 .tab_qa li {width:29%;}
.gameintro1030 .tab_qa img {width:100%;}

/*獎金麻將*/
.gameintro1013 .tab_qa {padding:18% 0% 0 55%;}
.gameintro1013 .tab_qa li {width:33%;}
.gameintro1013 .tab_qa img {width:100%;}