a,
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
i,
img,
input,
li,
p,
select,
span,
strong,
textarea,
ul {
    margin: 0;
    padding: 0
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 400
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

html {
    background: #333333;
}

body {
    font-family: "microsoft yahei", Arial;
    font-size: .26rem;
    line-height: 1;
    color: #000;
    -webkit-user-select: none;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li {
    list-style-type: none;
    float: left
}

a {
    text-decoration: none;
    color: #333;
    outline: 0
}

img {
    border: none;
    vertical-align: middle
}

em,
i,
var {
    font-style: normal
}

button {
    font-family: "microsoft yahei", Arial;
    outline: 0;
    cursor: pointer;
    font-size: .26rem;
    border: none
}

.mobile-wrap {
    position: relative;
    min-height: 100vh;
    width: 100%;
    float: left;
    background-color: #000;
	/*box-shadow: rgb(111 139 210 / 60%) 0px 4px 10px;*/
}

.head {
    width: 7.5rem;
    height: 1.2rem;
    position: fixed;
    display: flex;
    justify-content: space-around;
    align-items: center;
    top: 0;
    background-color: #000;
    /*box-shadow: rgb(111 139 210 / 60%) 0px 4px 10px;*/
    z-index: 999;
	border-bottom: #2f4077 1px solid;
}

.head .logo {
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.head .logo img {
    width: 2.5rem
}

.head .lbtn {
    padding: .1rem .15rem;
    background:linear-gradient(350deg, #0c78f0 0%, #24a8fc 90%, #24a8fc 100%);
    border-radius: .1rem;
    font-size: .24rem;
    color: #fff;
    height: auto;
    height: .68rem;
    display: flex;
    align-items: center;
	margin-left: -0.25rem;
	
}

.head .lbtn:hover {
   color: #ffef41;
   background:linear-gradient(350deg, #164aec 0%, #2989ff 90%, #2989ff 100%);
}

.head .rbtn {
    padding: .1rem .15rem;
    background: linear-gradient(350deg, #0c78f0 0%, #24a8fc 90%, #24a8fc 100%);
    border-radius: .1rem;
    font-size: .24rem;
    color: #fff;
    height: auto;
    height: .68rem;
    display: flex;
    align-items: center;
	margin-right: -0.3rem;
}

.head .rbtn:hover {
   color: #ffef41;
   background:linear-gradient(350deg, #164aec 0%, #2989ff 90%, #2989ff 100%);
}

.lbtn .icon {
    width: .35rem;
    height: .4rem;
    margin-right: .1rem;
	background-image: url("../img/iconAPP.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}
.rbtn .icon {
    width: .35rem;
    height: .4rem;
    margin-right: .1rem;
	background-image: url("../img/iconkf.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}

.rbtn:hover .icon {
	background-image: url("../img/iconkf_a.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}

.lbtn:hover .icon {
	background-image: url("../img/iconAPP_a.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}




.banner {
    width: 100%;
    padding-top: 1.2rem
}

.banner img {
    width: 100%;
}

.main{
	width: 100%;
	display: flex;
	height: 10rem;
	position: relative;
	top: -1.3rem;
	flex-direction: column;
}
.main .content{
	width: 100%;
	display: flex;
	flex-direction: column;
	position:  relative;
    
}

.gameall{
	width: 95%;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin: 0 auto;
}
.gameall ul{
	width: 100%;
	display: flex;
    flex-direction: row;
    align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
    border-radius: 15px;
	padding: 0.2rem 0.1rem;
}

.gameall ul li{
	width: 14%;
    height: 1.32rem;
}

.gameall ul li.game01{
}

.gameall ul .game01 a{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	font-size: .23rem;
    color: #d1cec8;
	flex-direction: column;
    align-items: center;
	
}

.gameall ul .game01 a span.icon{
	width: 100%;
	height: 1rem;
	display: flex;
    justify-content: center;
	background-image: url("../img/gamebt01.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	margin: 0 0 0.08rem 0;
}

.gameall ul .game01 a:hover{
	color: #f6dc84;
}

.gameall ul .game01 a:hover span.icon{
	background-image: url("../img/gamebt01_a.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.gameall ul li.game02{
}

.gameall ul .game02 a{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	font-size: .23rem;
    color: #d1cec8;
	flex-direction: column;
    align-items: center;
	
}

.gameall ul .game02 a span.icon{
	width: 100%;
	height: 1rem;
	display: flex;
    justify-content: center;
	background-image: url("../img/gamebt02.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	margin: 0 0 0.08rem 0;
}

.gameall ul .game02 a:hover{
	color: #f6dc84;
}

.gameall ul .game02 a:hover span.icon{
	background-image: url("../img/gamebt02_a.png");
    background-repeat: no-repeat;
    background-size: contain;
}


.gameall ul li.game03{
}

.gameall ul .game03 a{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	font-size: .23rem;
    color: #d1cec8;
	flex-direction: column;
    align-items: center;
	
}

.gameall ul .game03 a span.icon{
	width: 100%;
	height: 1rem;
	display: flex;
    justify-content: center;
	background-image: url("../img/gamebt03.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	margin: 0 0 0.08rem 0;
}

.gameall ul .game03 a:hover{
	color: #f6dc84;
}

.gameall ul .game03 a:hover span.icon{
	background-image: url("../img/gamebt03_a.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.gameall ul li.game04{
}

.gameall ul .game04 a{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	font-size: .23rem;
    color: #d1cec8;
	flex-direction: column;
    align-items: center;
	
}

.gameall ul .game04 a span.icon{
	width: 100%;
	height: 1rem;
	display: flex;
    justify-content: center;
	background-image: url("../img/gamebt04.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	margin: 0 0 0.08rem 0;
}

.gameall ul .game04 a:hover{
	color: #f6dc84;
}

.gameall ul .game04 a:hover span.icon{
	background-image: url("../img/gamebt04_a.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.gameall ul li.game05{
}

.gameall ul .game05 a{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	font-size: .23rem;
    color: #d1cec8;
	flex-direction: column;
    align-items: center;
	
}

.gameall ul .game05 a span.icon{
	width: 100%;
	height: 1rem;
	display: flex;
    justify-content: center;
	background-image: url("../img/gamebt05.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	margin: 0 0 0.08rem 0;
}

.gameall ul .game05 a:hover{
	color: #f6dc84;
}

.gameall ul .game05 a:hover span.icon{
	background-image: url("../img/gamebt05_a.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.gameall ul li.game06{
}

.gameall ul .game06 a{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	font-size: .23rem;
    color: #d1cec8;
	flex-direction: column;
    align-items: center;
	
}

.gameall ul .game06 a span.icon{
	width: 100%;
	height: 1rem;
	display: flex;
    justify-content: center;
	background-image: url("../img/gamebt06.png");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	margin: 0 0 0.08rem 0;
}

.gameall ul .game06 a:hover{
	color: #f6dc84;
}

.gameall ul .game06 a:hover span.icon{
	background-image: url("../img/gamebt06_a.png");
    background-repeat: no-repeat;
    background-size: contain;
}

/**** 網站連結 ****/

.web {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
	
}
.weblist {
  width:6.7867rem;
  height: 1.2267rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .13rem;
  padding:0 .4rem 0 .5rem;
  border-radius: 0.15rem;
  
}
.weblist:nth-last-child(1){
  margin-bottom: 0;
}

.weblist img {
  width: 2.7rem;
  height: auto;
}
.weblist span {
  width: 2rem;
  height: .6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .3rem;
  border-radius: .3rem;
  color: #fff;
}

.web .web01 {
  background-image: url("../img/weblist01.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
  border: 0.01rem solid #2f4077;
  
}

.web .web01 span {
  background:linear-gradient(0deg, #0f2759 2%, #0f2759 16%, #0f1e3f 52%, #0c1935 100%);
  border: #153985 0.035rem solid;
}

.web .web01:hover {
  border: 0.01rem solid #144af3;
  
  
}

.web .web01:hover span {
  background: #144af3;
  border: #144af3 0.035rem solid;
}

.web .web02 {
  background-image: url("../img/weblist02.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
  border: 0.01rem solid #1f4340;
  
}

.web .web02 span {
   background:linear-gradient(0deg, #0f533e 2%, #0f533e 16%, #143d35 52%, #12362f 100%);
  border: #15664d 0.035rem solid;
}

.web .web02:hover {
  border: 0.01rem solid #14b28f;
  
}

.web .web02:hover span {
  background: #009973;
  border: #009973 0.035rem solid;
}

.web .web03 {
  background-image: url("../img/weblist03.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
  border: 0.01rem solid #40362f;
  
}

.web .web03 span {
  background: linear-gradient(0deg, #4a2e17 2%, #4a2e17 16%, #3f2713 52%, #2a1f1d 100%);
  border: #633e23 0.035rem solid;
  
}

.web .web03:hover {
  border: 0.01rem solid #144af3;
  
}

.web .web03:hover span {
  background: #144af3;
  border: #144af3 0.035rem solid;
}

.web .web04 {
  background-image: url("../img/weblist04.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
  border: 0.01rem solid #3d3a27;
  
}

.web .web04 span {
  background:linear-gradient(0deg, #574e2d 2%, #574e2d 16%, #494425 52%, #3d3924 100%);
  border: #6e6135 0.035rem solid;
}

.web .web04:hover {
  border: 0.01rem solid #144af3;
  
}

.web .web04:hover span {
  background: #144af3;
  border: #144af3 0.035rem solid;
}

.web .web05 {
  background-image: url("../img/weblist05.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
  border: 0.01rem solid #224565;
  
}

.web .web05 span {
  background:linear-gradient(0deg, #146897 2%, #146897 16%, #195985 52%, #0f4468 100%);
  border: #2882b0 0.035rem solid;
}

.web .web05:hover {
  border: 0.01rem solid #144af3;
  
}

.web .web05:hover span {
  background: #144af3;
  border: #144af3 0.035rem solid;
}

.web .web06 {
  background-image: url("../img/weblist06.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
  border: 0.01rem solid #1842ad;
  
}

.web .web06 span {
  background:linear-gradient(0deg, #113fb6 2%, #113fb6 16%, #133589 52%, #0d2d7e 100%);
  border: #2e62e9 0.035rem solid;
}

.web .web06:hover {
  border: 0.01rem solid #144af3;
  
}

.web .web06:hover span {
  background: #144af3;
  border: #144af3 0.035rem solid;
}


.tt {
    width: 100%;
}

.tt img {
    width: 100%;
}



.ft {
    width: 100%;
    margin: 0 auto;
	padding: 0.35rem 0.3rem 0.5rem;
	display: flex;
    flex-direction: column;
    align-items: center;
	background-color: #232529;
}

.ft h1 {
    width: 23%;
    text-align: center;
    font-size: .32rem;
    color: #636f79;
    margin-bottom: .3rem;
	padding: 0.1rem 0;
	border-bottom: #2d93f4 0.06rem solid;
}

.ft ul li {
    font-size: .24rem;
    color: #9c9d9e;
    height: .4rem;
    line-height: .4rem;
}

.ft ul li a{
    color: #1a6aeb;
}

.ft ul li a:hover{
	text-decoration: underline
}

@media screen and (min-width: 750px) {
    html {
        zoom: 75%;
    }
}