@import url(mobile-layout.css) screen and (max-width: 750px);
@import url(desktop-layout.css) screen and (min-width: 751px);
@import url("reset.css");

/*Sticky Footer */
body {
	-moz-display: flex; /*Firefox*/
	-webkit-display: flex; /*Safari and Chrome*/
	-o-display: flex;/*Opera*/
	-ms-display: block;/*IE*/
	flex-direction: column;
	height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
	background: url(../images/bg.png) repeat center top;
}
#content {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
#serviceinfo_wap_s, #footer {
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */

}

.topic_gameinfo { text-align: left;margin: 2% 4%;border-bottom: 2px solid #ff8398;}
.topic_gameinfo img {max-width: 190px;width: 100%;}
.topic_gameinfo_tt {width: 89%;margin: 0 auto;text-align: left;font-size: 1.0em;line-height: 1.6em;margin-bottom: 2em;height: 120px;overflow-y: scroll;padding: 0 0 0 0.5em;}

.game_item_wap {
    display: inline-block;
    max-width: 540px;
    padding: 1%;
    margin: 0 auto;
    width: 46%;
}
.game_top {margin-top: 1.4%;}
.game_top img {width: 100%;max-width: 540px;}
.game_tt { font-size: 1.1em;line-height: 2em;color: #1a1a1a;}
.game_dw_wap {width: 96%;margin: 0 auto;}
.game_icon {display: inline-block;margin-top: 2%;width: 22%;}
.game_icon img {width: 100%;}
.game_dw {display: inline-block;width: 76%;}
.game_dw img {width: 73%;}

@media screen and (max-width: 820px) {
.game_dw {font-size: 1.1em;}
}
@media screen and (max-width: 760px) {
.game_top img { width: 100%; max-width: 460px;}	
.game_tt { font-size:1.0em;line-height: 2.6em;}
.game_item_wap {
    display: block;
    max-width: 480px;
    padding: 1%;
    margin: 0 auto;
    width: 96%;
}
}


.btn_service {color: #fff;background-color: #7b08d6;padding: 0.2em 0.6em;text-decoration: none;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;font-weight: bold;margin-left: 0.6em;display: inline-block;}


.wapper_shop {background-color: #8600a9!important;}


.dw_wap {position: fixed;z-index: 99999;background-color: rgba(76,25,116,0.98);border: 1px solid #b58e65;max-width: 132px;right: 0.2em;bottom: 2.4em;padding: 0.2em 0.3em;text-align: center;display: block;width: 17%;max-width: 120px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.dw_wap_game {padding-bottom: 6px;}
.dw_tt {display: inline-block;padding: 2px;}
.dw_tt img {max-width: 104px;width: 96%;}
.dw_icon{display: inline-block;padding: 0 0.2em;padding-bottom: 2px;}
.qrline_tt {display: inline-block;padding: 0.6em 0.6em 0.4em 0.6em;}
.qrline_tt img {max-width: 96px;width: 100%;}
.dw_qr{width: 90%;display: inline-block;padding: 0 0.2em;border-bottom: 1px solid #8b59b2;padding-bottom: 12px;}
.dw_qr img { max-width: 110px; width: 90%;}
.dw_apple{ display: inline-block;}
.dw_qr_apple{ display: inline-block;}
.dw_qr_apple img {max-width: 112px;width: 96%;}
.dw_android{ display: inline-block;}
.dw_qr_android{ display: inline-block;}
.dw_qr_android img {max-width: 102px;width: 100%;}
.dw_icon img {max-width: 104px;width: 100%;}
.dw_apple img {max-width: 106px;width: 100%;}
.dw_android img {max-width: 106px;width: 100%;}
.mailus {color: #fff;display: inline-block;font-size: 1.3em;padding: 0.2em 0 0 0;z-index: 99999;}
.mailus a {color: #fff;}
.mailus{ display: inline-block;}
.mailus img {max-width: 96px;width: 90%;}
.dw_store_wap {display: block;padding: 0.4em 0.2em 0.6em 0.2em;}

.exchange_icon{display: inline-block;padding: 0 0.2em 0.2em 0.2em;}
.exchange_icon img {max-width: 110px;width: 90%;margin-top: 0.4em;}

.left_icon_01{display: inline-block;}
.left_icon_01 img {max-width: 110px;width: 90%;margin-top: 0.4em;}

.left_icon_02{display: inline-block;}
.left_icon_02 img {max-width: 110px;width: 90%;margin-top: 0.4em;}

@media screen and (max-width:781px) {
/*.dw_store_wap {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 640px;
    width: 100%;
    margin-top: 138%;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
}	
.dw_wap {position: absolute;z-index: 999;background-color: transparent;border: 0px solid #b58e65;width: 100%;right: auto;bottom: auto;padding: 0;}
.dw_tt {display: none;padding: 0 0 1em 0;}
.dw_icon{display: inline-block;padding-bottom: 0.4em;position: absolute;top: 0.6em;left: 0.6em;width: 20%;}
.dw_apple{display: inline-block;position: relative;width: 36%;}
.dw_qr_apple{display: none;}
.dw_android{display: inline-block;position: relative;width: 36%;}
.dw_qr_android{display: none;}
.dw_icon img {max-width: none;width: 100%;}
.dw_apple img {max-width: none;width: 100%;}
.dw_android img {max-width: none;width: 100%;}	
.mailus { display: block;font-size: 1.6em;padding: 0.8% 0 0 0;}*/

}
.exchange_wap {background-color: #f3c8ff;max-width: 980px;margin: 0 auto;padding-bottom: 100px;color: #444;}
.exchange_bg {background-color: #f3c8ff;padding: 1em 0.2em 0 0.2em;overflow: hidden;}
.exchange_topic {width: 98%;margin: 0 auto;font-size: 1.1em;padding: 0.5em 0;color: #ffffff;text-align: center;border: 0;max-width: 560px;background-color: #301962;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}

.exchange_ch {max-width: 560px;width: 98%;margin: 0 auto;text-align: center;padding: 20px 0;background-color: #fff;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.exchange_ch input {width: 86%;position: relative;height: 30px;font-size: 15px;padding-left: 8px;border: 1px solid #5a5a5a;}
.exchange_notice {max-width: 560px;margin: 0px auto;width: 96%;font-size: 0.95em;line-height: 1.6em;text-align: left;}
.exchange_notice_topic {text-align: center;border-bottom: 1px solid #5a5a5a;padding: 8px 0 6px 0;font-size: 1.1em;color: #222;}
.exchange_notice ul {margin-left: 20px;padding-top: 2px;color: #5a5a5a;line-height: 1.6em;}
.exchange_notice li { list-style-type: decimal;}
.exchange_ch_no { max-width: 360px;;}
.exchange_ch_btn {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: "Segoe UI","微軟正黑體",sans-serif;
	color: #ffffff;
	font-size: 1.4em;
	padding: 10px 0;
	border: solid #650080 1px!important;
	text-decoration: none;
	display:inline-block;
	margin: 1% auto;
	background: #9300df;
	background-image: -webkit-linear-gradient(top, #9300df, #7300af);
	background-image: -moz-linear-gradient(top, #9300df, #7300af);
	background-image: -ms-linear-gradient(top, #9300df, #7300af);
	background-image: -o-linear-gradient(top, #9300df, #7300af);
	background-image: linear-gradient(to bottom, #9300df, #7300af);
	margin-top: 0.4em;
	width: 200px;
}
.exchange_ch_btn:hover {
	background: #a900ff;
	/*background: #ff8398;*/
	background-image: -webkit-linear-gradient(top, #a900ff, #8700ce);
	background-image: -moz-linear-gradient(top, #a900ff, #8700ce);
	background-image: -ms-linear-gradient(top, #a900ff, #8700ce);
	background-image: -o-linear-gradient(top, #a900ff, #8700ce);
	background-image: linear-gradient(to bottom, #a900ff, #8700ce);
}
.exchange_tt {padding: 1em 0 2em 0;line-height: 1.4em;width: 90%;margin: 0 auto;}
.exchange_btn1 {
    width: 38%;
    padding: 0.6em 0;
    display: inline-block;
    background: #5d0075;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0.5%;
    min-width: 100px;
}
.exchange_btn2 {
    width: 38%;
    padding: 0.6em 0;
    display: inline-block;
    background: #fff;
    color: #616161;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #8a8989;
    margin: 0 0.5%;
    min-width: 100px;
}

.news_topstay { background-color: #ffe6e6; }
.news_topstay_icon {position: absolute;right: 2%;top: 16px;width: 8%;text-align: right;}
.news_topstay_icon img {max-width: 36px;width: 100%;}
.news_topstay .news_tt {width: 82%;}


/*211013新增*/
.exchange_gate_btnemj {width: 98%;padding: 0 1px;}
.exchange_gate_btnlive {width: 98%;padding: 0 1px;}
.exchange_gate_btnemj img, .exchange_gate_btnlive img {max-width: 250px;width: 48%;display: inline-block;}
@media screen and (max-width:361px) {
.exchange_gate_btnemj img, .exchange_gate_btnlive img {width: 88%;padding-bottom: 6px;}	
}
.game_index_wap{ clear: both;display: table; width: 100%; line-height:0; max-width: 974px; margin: 0 auto; text-align: center; padding: 20px 0;	background-color: #ecd8d8;}
.game_index_wap ul {}
.game_index_wap li {display: inline-block;position: relative;padding: 0;width: 34%;max-width: 140px;}
.game_index_wap img {width: 76%;max-width: 92px;padding: 2px;}
.game_index_wap p {display: block;position: relative;width: 100%;font-size: 1.1em;line-height: 30px;color: #333333;font-weight: bold;}
@media screen and (max-width:361px) {
.game_index_wap li {width: 49%;}
.game_index_wap img {width: 100%;max-width: 56px;padding: 2px;}
.game_index_wap p { font-size: 0.9em;line-height: 20px; font-weight: normal;}	
}