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: #f5f5f5;
}

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: #fff;
	/*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: #fff;
    box-shadow: rgb(117 160 193 / 60%) 0px 5px 10px -4px;
    z-index: 999;
	/*border-bottom: #2f4077 1px solid;*/
}



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

.head .logo img {
    width: 3rem
}

.head .lbtn {
    padding: .1rem .15rem;
    background:linear-gradient(350deg, #2e91ff 0%, #5bd3ff 90%, #5bd3ff 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: #fffb8e;
   background:linear-gradient(350deg, #5bd3ff 0%, #2e91ff 90%, #2e91ff 100%);
}

.head .rbtn {
    padding: .1rem .15rem;
    background: linear-gradient(350deg, #2e91ff 0%, #5bd3ff 90%, #5bd3ff 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: #fffb8e;
   background:linear-gradient(350deg, #5bd3ff 0%, #2e91ff 90%, #2e91ff 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;
  margin-bottom: 0.3rem;
	
}
.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;
  background-color: #f0f3f6;
  border: 0.035rem solid #fff;
  
}
.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 span {
  background:linear-gradient(0deg, #019cfa 2%, #019cfa 10%, #3ec9fb 100%);
}

.web .web02 span {
   background:linear-gradient(0deg, #e08c1f 2%, #e08c1f 10%, #f1c513 100%);
}

.web .web03 span {
  background:linear-gradient(0deg, #997d33 2%, #997d33 10%, #d1ae52 100%);
  
}

.web .web04 span {
   background:linear-gradient(0deg, #18429e 2%, #18429e 10%, #2f67d9 100%);
}


.web .web05 span {
   background:linear-gradient(0deg, #1b9479 2%, #1b9479 10%, #0dc481 100%);
}


.web .web06 span {
  background:linear-gradient(0deg, #002fa7 2%, #002fa7 10%, #4668d9 100%);
}

.weblist:hover {
  border: 0.035rem solid #22a7fc;
}

.weblist:hover span {
  background: #22a7fc;
}

.web .web05:hover {
  border: 0.035rem solid #14b28f;
  
}
.web .web05:hover span {
   background: #00af84;
}



.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: #f4f7fb;
}

.ft h1 {
    width: 23%;
    text-align: center;
    font-size: .32rem;
    color: #545b65;
    margin-bottom: .3rem;
	padding: 0.1rem 0;
	border-bottom: #80c8ff 0.06rem solid;
}

.ft ul li {
    font-size: .24rem;
    color: #838b90;
    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%;
    }
}