@charset "utf-8";
/* CSS Document */

html{font-size:16px;}

body{
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color:transparent; /*手機版點擊透明藍色拿掉*/
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	}

.row-5{ margin-bottom:5px;}
.row-10{ margin-bottom:10px;}
.row-15{ margin-bottom:15px;}
.row-20{ margin-bottom:20px;}
.row-30{ margin-bottom:30px;}
.row-40{ margin-bottom:40px;}
.row-50{ margin-bottom:50px;}
.row-55{ margin-bottom:55px;}
.row-60{ margin-bottom:60px;}
.row-70{ margin-bottom:70px;}
.row-80{ margin-bottom:80px;}
.row-90{ margin-bottom:90px;}
.row-100{ margin-bottom:100px;}
.row-110{ margin-bottom:110px;}
.row-120{ margin-bottom:120px;}

.l-10{ margin-left:10px;}
.l-20{ margin-left:20px;}
.l-30{ margin-left:30px;}
.l-40{ margin-left:40px;}
.l-50{ margin-left:50px;}
.l-60{ margin-left:60px;}
.l-70{ margin-left:70px;}
.l-80{ margin-left:80px;}
.l-90{ margin-left:90px;}
.l-100{ margin-left:100px;}

.f06{font-size:0.6rem;}
.f07{font-size:0.7rem;}
.f08{font-size:0.8rem;}
.f09{font-size:0.9rem;}
.f11{font-size:1.1rem;}
.f12{font-size:1.2rem;}
.f13{font-size:1.3rem;}
.f14{font-size:1.4rem;}
.f15{font-size:1.5rem;}
.f16{font-size:1.6rem;}
.f17{font-size:1.7rem;}
.f18{font-size:1.8rem;}
.f19{font-size:1.9rem;}
.f20{font-size:2rem;}
.f21{font-size:2.1rem;}
.f22{font-size:2.2rem;}
.f23{font-size:2.3rem;}
.f24{font-size:2.4rem;}
.b{ font-weight: 700;}

.rs10{ border-radius: 10px; }
.rs15{ border-radius: 15px; }
.rs20{ border-radius: 20px; }
.rs25{ border-radius: 25px; }
.rs30{ border-radius: 30px; }
.rs35{ border-radius: 35px; }
.rs50{ border-radius: 50px; }
.rs100{ border-radius: 100px; }

.red{ color: red;}

.fcc{
	display:flex;
	justify-content: center;
	align-items: center;
	}

.fd{
	flex-direction: column;
	display:flex;
	}

.fdc{
	flex-direction: column;
	display:flex;
	justify-content: center;
	align-items: center;
	}

.fdc2{
	flex-direction: column;
	display:flex;
    justify-content: center;
	}

.fdc3{
	flex-direction: column;
	display:flex;
	align-items:  center;
	}

.fdend{
	flex-direction: column;
	display:flex;
    justify-content: center;
    align-items:  flex-end;
	}

.fds{
	flex-direction: column;
	display:flex;
    justify-content: center;
    align-items: flex-start;
	}

.fl{
	display:flex;
	}
	
.flc{
	display:flex;
	align-items: center;
	}

.flcs{
	display:flex;
	align-items: center;
	justify-content:  space-around;
	}
	
.fend{
	display:flex;
	justify-content: flex-end;
	}

.fendc{
	display:flex;
	justify-content: flex-end;
    align-items: center;
	}

.fs{
	display:flex;
	justify-content: flex-start;
	}

.lr{
	justify-content: space-between;
	display:flex;
	}

.lrc {
    justify-content: space-between;
    display: flex;
    align-items: center;
	}

div{ box-sizing:border-box;}

.abr{	position:relative;	}

.color1{ color: #b8a37f; }
.color2{ color: #edd29b; }
.color3{ color: #FFFA90; }
.yellow{ color: #F0FF00; }
.w100{ width: 100%;}
.w90{ width: 90%;}
.w80{ width: 80%;}
.w60{ width: 60%;}
.w50{ width: 50%;}
.w45{ width: 45%;}

.li-12{
	line-height: 1.2rem;
}


/*-------------------------------------login---------------------*/
.btn1{
    padding: 8px 30px;
    color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
}

.btn1:hover{
    padding: 8px 30px;
    color: #fff;
    background-color: #776a53;
}

.btn2{
    padding: 8px 30px;
    color: #fff;
    background-color: #b11516;
    cursor: pointer;
    transition: all 0.3s;
}

.btn2:hover{
    padding: 8px 30px;
    color: #fff;
    background-color: #eb1b1c;
}

.username::before{
    content:"欢迎您：";
    padding: 0 0px 0 20px;
    color: #000;
}

.money::before{
    content:"账户余额：";
    padding: 0 0 0 20px;
    color: #000;
}

.f5{
    margin-left: 3px;
    background: url("/Other/img/gr-1/93cd54b0/assets/gm1788/img/f5.svg") no-repeat;
    width: 16px;
    height: 16px;
}

.login-s {
margin: 0 10px;
}

.login-s a{
color: #000;
padding: 0 10px;
border-right: #ccc 1px solid;
}

.login-s a:hover{
color: red;
}

.login-s a:last-child{
border-right: #ccc 0px solid;
}

.headbox{
	width: 100%;
}

.headbox-con{
	width: 1360px;
	padding: 5px 10px;
	height: 38px;
    }

.headbox-con2{
	width: 1360px;
	padding: 5px 10px;
	height: 80px;
    }


/*----------------------------選單-----------------------------*/

nav{
    border-top: #e1e1e1 1px solid;
    height: 100px;
    width: 100%;
    position: relative;
}

nav > ul{
    width: 100%;
    display: flex;
    height: 100%;
    padding: 0 5%;
    box-sizing: border-box;
}

nav > ul > li{
	display: flex;
    justify-content: center;
	align-items: center;
    flex: 1;
    box-sizing: border-box;
}
nav >ul >li{
    cursor: pointer;
    height: 100%;
    border-top: 4px transparent solid;
    box-sizing: border-box;
}

nav >ul >li:hover{
    border-top: 4px solid #b8a37f;
    box-sizing: border-box;
    height: 100%;
}

.navspan{
    width: 100%;
    font-size:10px;
    -webkit-transform:scale(0.75);
    display:block;
    letter-spacing: 2px;
    margin-top: 5px;
    display: flex;
    text-align: center;
    justify-content: center;
}

nav >ul >li>a{
	font-size: 16px;
	color: #000;
    display: flex;
    justify-content: center;
	align-items: center;
    flex-direction: column;
    box-sizing: border-box;
}
/*nav >ul >li>a::after{
	content:">";
	transform: rotate(-90deg);
	color: #dadada;
	display: flex;
	margin-left: 5px;
    font-size: 12px;
}*/
nav >ul >li:nth-child(1)>a::after,nav >ul >li:nth-child(8)>a::after,nav >ul >li:nth-child(9)>a::after{
	content:"";
}
nav >ul >li:hover>a{
	
 
}
nav >ul >li:hover>a::after{
	transform: rotate(90deg);
	transition: all 0.5S;
}
nav >ul >li:hover .nav_secon{ 
    display: flex;
    justify-content: center;
}
.nav_secon{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+33 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #ffffff 33%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 33%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ededed 0%,#ffffff 33%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top:100px;
	left: 0px;
	width: 100%;
	z-index: 2;
	box-shadow: 0 4px 18px 0 rgba(0,0,0,.1);
	display: none;
    border-bottom: 1px #ededed solid;
}
.nav_secon ul{ display: flex; flex-wrap:  wrap; border-bottom: 1px #ededed solid;}
.nav_secon .center ul { 
    display: flex;
    position: absolute;
    top: 118px;
    width: 100%;
    background-color: rgba(255,255,255,0.77);
    box-shadow: #eee 0 7px 10px;
}
.nav_secon ul a{
    text-align: center;
    display: inline-block;
    border-right: 1px #ededed solid;
    padding: 10px 14px;
    color: #000; 
    box-sizing: border-box;
    /*border-bottom: 1px #ededed solid;*/
}
.nav_secon ul li:last-child a{border-right: 0px #ededed solid;} 
.nav_btn{
	background: #16c38d;
	border-radius: 3px;
	width: 100px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	margin: 10px auto;
	position: relative;
	overflow: hidden;
}
.nav_btn span{
	z-index: 2;
    position: absolute;
    width: 100px;
    height: 24px;
    top: 0;
    left: 0;
}
.nav_btn span::after{
	content: ">";
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 30px;
    vertical-align: middle;
    line-height: 15px;
    font-family: cursive;
    font-size: 12px;
	transition: all 1s;
	margin: 4px 0 4px -22px;
	opacity: 0;
}
.nav_btn:hover span::after{
	content: ">";
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 4px;
    opacity: 1;
	transition: all 0.3s;
}
.nav_btn::after{
	content:"";
	transform: rotate(360deg);
	width: 0px;
	height: 0px;
	display: inline-block; 
	transition: all 0.5s;
	position: absolute;
	top:50%;
	left: 50%;
	border-radius: 100px;
}
.nav_btn:hover::after{
	content:"";
	background: #0088fe; 
	transform: rotate(360deg);
	width: 100px;
	height: 100px;
	display: inline-block;
	top: -38px;
	left: 0%;
}
.live_img01,.live_img02,.live_img03,.live_img15,.live_img04,.live_img05,.live_img06,.live_img07,.live_img08,.live_img09,.video_img09,.video_img09-n,
.lottery_img01,.lottery_img02,.lottery_img03,.lottery_img04,
.sprts_img01,.sprts_img02,.sprts_img03,.sprts_img04,
.video_img01,.video_img02,.video_img03,.video_img04,.video_img05,.video_img06,.video_img07,.video_img08,
.liveg_img01,.liveg_img02,
.chess_img01,.chess_img02,.chess_img03{
	width: 110px;
	height: 50px;
	display: block;
	margin: 10px auto;
	background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-1.png) no-repeat;
}
.live_img01{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-2.png) no-repeat;}
.live_img03{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-5.png) no-repeat;}
.live_img15{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/wm-new.png) no-repeat;}
.live_img04{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/dg.png) no-repeat;}
.live_img05,.video_img04{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-3.png) no-repeat;}
.live_img06,.video_img06{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-4.png) no-repeat;}
.live_img07,.video_img05{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-6.png) no-repeat;}
.live_img08{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-10.png) no-repeat;}
.live_img09{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/c-7.png) no-repeat;}
.lottery_img01{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/l-1.png) no-repeat;}
.lottery_img02{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/l-2.png) no-repeat;}
.lottery_img03{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/l-3.png) no-repeat;}
.lottery_img04{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/l-4.png) no-repeat;}
.sprts_img02{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/s-4.png) no-repeat;}
.sprts_img03{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-9.png) no-repeat;}
.sprts_img04{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/S-1.png) no-repeat;}
.video_img01{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-5.png) no-repeat;}
.video_img02{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-6.png) no-repeat;}
.video_img03{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-7.png) no-repeat;}
.video_img07{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-12.png) no-repeat;}
.video_img09{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-13.png) no-repeat;}
.video_img09-n{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-13-new.png) no-repeat;}
.video_img08{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/g-8.png) no-repeat;}
.liveg_img01{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/s-6.png) no-repeat;}
.liveg_img02{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/s-5.png) no-repeat;}
.chess_img01{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/s-7.png) no-repeat;}
.chess_img02{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/s-8.png) no-repeat;}
.chess_img03{background: url(/gr-1/93cd54b0/assets/gm1788/img/nav_logo/s-9.png) no-repeat;}
/*----------------------------選單-----------------------------*/



/*--------------------------banner---------------------------*/
.slider {
    width: 100%;
    max-width: 1370px;
    margin: 0px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

/*--------------------------banner---------------------------*/



/*--------------------------5格---------------------------*/
.auto-con{
    width: 100%;
    max-width: 1360px;
    position: relative;
}

.autoplay{
    width: 90%;
    display: flex;
    border-top:4px #b8a37f solid;
    box-sizing: border-box;
    padding: 20px 50px 10px 50px;
    position: relative;
    z-index: 20;
    margin-top: -9%;
    margin-bottom: 20px;
    background-color: #fff;
}

.autoplay > .slick-active{
    border-right: 1px #e1e1e1 solid;
}

.autoplay .sliderimg{
    margin-bottom: 11px;
    transition: all 0.3s;
}
.autoplay .sliderimg:hover{
    margin-bottom: 8px;
    margin-top: -3px;
}

.autoplay a{
    color: #000;
    transition: all 0.3s;
}
.autoplay a:hover{
    color: #DD0003;
}

.autoplay .slick-slide img {
    width: 100%;
    max-width: 242px;
}

/*--------------------------5格---------------------------*/


/*--------------------------跑馬燈---------------------------*/
div#abgne_marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		width: 83%;
		height: 25px;
	}
	div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
        width: 100%;
         white-space: nowrap; overflow:hidden; text-overflow:ellipsis;
        box-sizing: border-box;
        padding-right: 50px;
	}
	div#abgne_marquee ul {
		position: absolute;
		left: 30px;			/* 往後推個 30px */
	}
	div#abgne_marquee ul li a {
		display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:13px;
        letter-spacing: 1px;
		height: 25px;
		text-decoration: none;
	}
	div#abgne_marquee div.marquee_btn {
		position: absolute;
		cursor: pointer;
	}
	div#abgne_marquee div#marquee_next_btn {
		left: 5px;
	}
	div#abgne_marquee div#marquee_prev_btn {
		right: 5px;
        display: flex;
        height: 25px;
	}

.abgne_marquee{
    width: 100%;
    position: relative;
    z-index: 30;
}

.abgne_marquee .txt1{
    color: #b8a37f;
    display: flex;
}

.abgne_marquee a{
 color: #666;
}

.abgne_marquee a:hover{
 color: #DD0003;
}

.marquee_btn img{
width: 19px;
}

/*--------------------------跑馬燈---------------------------*/



/*--------------------------APP-----------------------*/
.app-box{
width: 100%;
background-color: #ebebeb;
}

.applogo-box{
width: 270px;
height: 78px;
margin: 75px 10px 40px 45px;
}

.appimg01{
width:74px;
height: 74px;
-webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.6));
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.6));
margin-right: 16px;
}

.app-box .txt2{
    line-height: 2.4rem;
    letter-spacing: 1px;
}

.appimg03{
position: absolute;
z-index: 5;
right: 50px;
top: -35px;
}

.appimg04{
position: absolute;
z-index: 10;
right: 0px;
top: -62px;
}


/*--------------------------信用-----------------------*/
.nice-box{
width: 100%;
height: 100px;
background: url("/gr-1/93cd54b0/assets/gm1788/img/nice-bg.jpg") repeat;
}

.nice-1{
flex: 1;
color: #fff;
border-left: #555 1px solid;
}

.nice-1:first-child{
flex: 1;
color: #fff;
border-left: #555 0px solid;
}

.nice-box img{
width: 60px;
height: 60px;
    margin-right: 20px;
}

.nice-box span{
color: #888;
}


/*------------------------footer-----------------------*/
footer{
background-color: #262626;
padding: 50px 10px;
box-sizing: border-box;
color: #8b744d;
}

.footer-menu a{
color: #8b744d;
display: flex;
padding: 0 25px;
letter-spacing: 1px;
border-right:1px #8b744d solid;
}

.footer-menu a:hover{
color: #cfc1aa;
}

.footer-menu a:last-child{
border-right:0px #8b744d solid;
}



/*-------------------------返回頂部-------------------*/
.backToTop {
    width: 40px;
    height: 40px;
    background-color: #807154;
    border-radius: 6px;
    right: 15px;
    bottom: 200px;
    background-image: url("/Other/img/gr-1/93cd54b0/assets/gm1788/img/up-arrow.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}



/*------------------------浮動-right-------------------*/
#aclose {
    display: none;
    position: absolute;
    z-index: 2000;
}
#aclose .aclose {
    display: flex;
    cursor: pointer;
    background: url("/Other/img/gr-1/93cd54b0/assets/gm1788/img/close-w.svg") no-repeat;
    width: 16px;
    height: 16px;
}
.aimg-1 {
    border: none;
    width:122px;
    background: url("/gr-1/93cd54b0/assets/gm1788/img/ad-bg2019.png") no-repeat top center;
    padding-top: 110px;
}

.titlebox{
    width: 100%;
    color: #fff;
    margin-bottom: 7px;
}

.aimg-2{
box-shadow: #888 0 0 5px;
width: 100px;
overflow: hidden;
border-radius: 0 0 5px 5px/5px;
}

.aimg-2 a{
width: 100px;
height: 47px;
padding: 0 8px;
font-size: 1rem;
box-sizing: border-box;
color: #2a1e12;
transition: all 0.3s;
background-color: #f5f5f5;
}

.aimg-2 a:hover{
color: #fff;
background-color: #c60504;
}

.aimg-2 a svg{
    width: 20px;
    height: 20px;
    fill: #807154;
}

.aimg-2 a:hover svg {
    fill: #fff;
}
	
.aimg-2 a:nth-child(odd){
    background-color: #fff;
}

.aimg-2 a:nth-child(odd):hover{
    background-color: #c60504;
}


/*------------------------浮動-left-------------------*/
.aimg-3{
    border: none;
    width:100px;
}

.titlebox-1{
    width: 100%;
    height: 30px;
    background-color: #edd29b;
    color: #000;
    border-radius:  5px 5px 0 0/5px;
}

.abgne_close_ad{
    display: flex;
    cursor: pointer;
    background: url("/Other/img/gr-1/93cd54b0/assets/gm1788/img/close.svg") no-repeat;
    width: 16px;
    height: 16px;
}
	
#abgne_float_ad {
    display: none;
    position: absolute;
    z-index: 2000;
}
#abgne_float_ad .abgne_close_ad {
    display: block;
    text-align: right;
    cursor: pointer;
    font-size: 12px;
}
#abgne_float_ad a img {
    border: none;
}



/*-------------------------登入頁--------------------------*/
.lo-box{
    width: 980px;
    height: 460px;
    margin: 70px 60px 160px 0;
    position: relative;
    background-image: url("/gr-1/93cd54b0/assets/gm1788/img/login-bg1-1.png");
    background-repeat: no-repeat;
    padding-top: 50px;
}

.lo-bg1{
    width: 700px;
    height: 450px;
    background-color: #f5f5f5;
    border-radius: 0 0 10px 0 / 10px;
    z-index: -1;
    position: absolute;
    top: 5px;
    right: 0;
}

.lo-bg2{
    width: 155px;
    height: 159px;
    background: url("/gr-1/93cd54b0/assets/gm1788/img/login-bg2.png") no-repeat;
    position: absolute;
    top: -12px;
    right: -10px;
}

.txt4{
    padding-right: 188px;
    letter-spacing: 1px;
}

.txt5{
    padding-right: 188px;
    letter-spacing: 3px;
}

.inputbox{
    padding-right: 44px;
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}

.input-user{
    width: 250px;
    height: 35px;
    border: 0;
    border-bottom: #c5c5c5 1px solid;
    background-color: transparent;
    padding: 0 5px;
    box-sizing: border-box;
}

.input-user-1{
    width: 155px;
    height: 30px;
    border: 0;
    border-bottom: #c5c5c5 1px solid;
    background-color: transparent;
    padding: 0 5px;
    box-sizing: border-box;
	margin-right: 10px;
}

.error{
    color: #dc3545;
    padding: 6px 0 0 0;
}

.inputbox input::-webkit-input-placeholder { color: #b5b4b4; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; font-size: 14px; }
.inputbox input::-moz-placeholder { color: #b5b4b4; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; }
.inputbox input::-moz-placeholder{color:#b5b4b4; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
.inputbox input:-ms-input-placeholder{color: #b5b4b4; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}

.forget{
    color: #353535;
    background-color: #fff;
    border: 1px #c5c5c5 solid;
    padding: 4px 8px;
    transition: all 0.3s;
	width: 50px;
}

.forget:hover{
    color: #fff;
    border: 1px red solid;
    background-color: red;
}

.forget-1{
    color: #353535;
    background-color: #fff;
    border: 1px #c5c5c5 solid;
    padding: 4px 8px;
    transition: all 0.3s;
	width: 100px;
}

.forget-1:hover{
    color: #fff;
    border: 1px red solid;
    background-color: red;
}

.input-n{ border: 0; background-color: transparent; width: 100%; }

.verification{
    background-size: cover;
    width: 47px;
    height: 19px;
}



/*------------------------------運動內頁-banner-----------------------*/
.banner-box{
    width: 100%;
    max-width: 1903px;
    height: 475px;
}

.sports{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/sports-banner-tw.png") no-repeat top center, url("/gr-1/93cd54b0/assets/gm1788/img/sports-banner-1.png") no-repeat -20px 500px;
}

.slot5{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/slot-banner-tw.png") no-repeat top center, url("/gr-1/93cd54b0/assets/gm1788/img/sports-banner-1.png") no-repeat -20px 500px;
}

.event5{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/event-banner-tw.png") no-repeat top center;
}

.live5{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/live-banner-tw.png") no-repeat top center;
}

.movie5{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/movie5-banner-en.png") no-repeat top center;
}

.lot5{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/lot-banner-tw.png") no-repeat top center;
}

.s1{
    background: url("/gr-1/93cd54b0/assets/gm1788/img/sports-banner-1.png") no-repeat;
    position: absolute;
    width: 116px;
    height: 116px;
    top: -261px;
    right: 234px;
}

.sport-con-bg{
    width: 1172px;
    height: 901px;
    background: url("/gr-1/93cd54b0/assets/gm1788/img/sports-con-bg.png") no-repeat top center;
    position: relative;
}


.sport-con-bg .btn{
    margin: 52px 0 0 39px;
}

.live-con-bg{
    width: 1172px;
    height: 800px;
    background: url("/gr-1/93cd54b0/assets/gm1788/img/live-con-bg.png") no-repeat top center;
    position: relative;
}


.movie-con-bg{
    width: 1172px;
    height: 800px;
    background: url("/gr-1/93cd54b0/assets/gm1788/img/movie-con-bg.png") no-repeat top center;
    position: relative;
}

.movie-con-bg .btn{
    margin: 52px 0 0 39px;
}


.lot-con-bg{
    width: 1172px;
    height: 800px;
    background: url("/gr-1/93cd54b0/assets/gm1788/img/lot-con-bg.png") no-repeat top center;
    position: relative;
}


.live-con-bg .btn{
    margin: 52px 0 0 39px;
}

.lot-con-bg .btn{
    margin: 52px 0 0 39px;
}

.sp_btn01{ 
    width: 137px;
    height: 154px;
    margin-right: 30px; 
}

.sbtn1{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-1.png") no-repeat; }
.sbtn2{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-2.png") no-repeat; }
.sbtn3{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-3.png") no-repeat; }
.sbtn4{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-4.png") no-repeat; }
.sbtn5{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-5.png") no-repeat; }
.sbtn6{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-6.png") no-repeat; }
.sbtn10{  background: url("/gr-1/93cd54b0/assets/gm1788/img/sbtn-10.png") no-repeat; }

.sbtn1:hover, .sbtn2:hover, .sbtn3:hover, .sbtn4:hover, .sbtn5:hover, .sbtn6:hover, .sbtn10:hover,
.livebtn1:hover, .livebtn2:hover, .livebtn3:hover, .livebtn4:hover, .livebtn5:hover,
.lotbtn1:hover, .lotbtn2:hover, .lotbtn3:hover, .lotbtn4:hover, .lotbtn5:hover
{
    animation: sp_anlogo 1s ; 
}

@keyframes sp_anlogo{
	/*/*0%{ transform: rotatey(0);  }
    100%{ transform: rotatey(360deg); }*/*/
}


.sp_img01,.sp_img02,.sp_img03,.sp_img04,.sp_img05,.sp_img06{
	width: 300px;
	display: flex;
    position: relative;
    overflow: hidden;
    color: #fff;
    letter-spacing: 1px;
}

.livebtn1{  background: url("/gr-1/93cd54b0/assets/gm1788/img/livebtn-1.png") no-repeat; }
.livebtn2{  background: url("/gr-1/93cd54b0/assets/gm1788/img/livebtn-2.png") no-repeat; }
.livebtn3{  background: url("/gr-1/93cd54b0/assets/gm1788/img/livebtn-3.png") no-repeat; }
.livebtn4{  background: url("/gr-1/93cd54b0/assets/gm1788/img/livebtn-4.png") no-repeat; }
.livebtn5{  background: url("/gr-1/93cd54b0/assets/gm1788/img/livebtn-5.png") no-repeat; }

.moviebtn5{  background: url("/gr-1/93cd54b0/assets/gm1788/img/moviebtn-1.png") no-repeat; }

.live-img01,.live-img02,.live-img03,.live-img04{
	width: 300px;
	display: flex;
    position: relative;
    overflow: hidden;
    color: #fff;
    letter-spacing: 1px;
}

.lotbtn1{  background: url("/gr-1/93cd54b0/assets/gm1788/img/lotbtn-1.png") no-repeat; }
.lotbtn2{  background: url("/gr-1/93cd54b0/assets/gm1788/img/lotbtn-2.png") no-repeat; }
.lotbtn3{  background: url("/gr-1/93cd54b0/assets/gm1788/img/lotbtn-3.png") no-repeat; }
.lotbtn4{  background: url("/gr-1/93cd54b0/assets/gm1788/img/lotbtn-4.png") no-repeat; }
.lotbtn5{  background: url("/gr-1/93cd54b0/assets/gm1788/img/lotbtn-5.png") no-repeat; }

.lot-img01,.lot-img02,.lot-img03,.lot-img04{
	width: 300px;
	display: flex;
    position: relative;
    overflow: hidden;
    color: #fff;
    letter-spacing: 1px;
}

.sp_img{
    animation:sp_box 1s ;
	-moz-animation:sp_box 1s ; /* Firefox */
	-webkit-animation:sp_box 1s ; /* Safari and Chrome */
	-o-animation:sp_box 1s ; /* Opera */
	/*animation-iteration-count:infinite;*/
    position: absolute;
	top: 340px;
    right: 166px;
}

@keyframes sp_box{
    0% { 
    position: absolute;
	top: 340px;
    right: 0px;
    }
    100% { 
    position: absolute;
	top: 340px;
    right: 166px;
    }
}

.sp_img span{
    line-height: 1.6rem;
    width: 90%;
    text-shadow: #333 0 0 6px;
}

.live_img{
    animation:live_box 1s ;
	-moz-animation:live_box 1s ; /* Firefox */
	-webkit-animation:live_box 1s ; /* Safari and Chrome */
	-o-animation:live_box 1s ; /* Opera */
	/*animation-iteration-count:infinite;*/
    position: absolute;
	top: 263px;
    right: 168px;
}

@keyframes live_box{
    0% { 
    position: absolute;
	top: 263px;
    right: 0px;
    }
    100% { 
    position: absolute;
	top: 263px;
    right: 168px;
    }
}

.live_img span{
    line-height: 1.6rem;
    width: 90%;
    text-shadow: #333 0 0 6px;
}


.lot_img{
    animation:lot_box 1s ;
	-moz-animation:lot_box 1s ; /* Firefox */
	-webkit-animation:lot_box 1s ; /* Safari and Chrome */
	-o-animation:lot_box 1s ; /* Opera */
	/*animation-iteration-count:infinite;*/
    position: absolute;
	top: 263px;
    right: 168px;
}

@keyframes lot_box{
    0% { 
    position: absolute;
	top: 263px;
    right: 0px;
    }
    100% { 
    position: absolute;
	top: 263px;
    right: 168px;
    }
}

.lot_img span{
    line-height: 1.6rem;
    width: 90%;
    text-shadow: #333 0 0 6px;
}
 
.ball{
    width: 80px;
    height: 80px;
    background: #d2b37c;
    border-radius: 80px;
    padding: 10px;
    background: #e1d4aa;
    border: hsla(0,0%,0%,.3) 10px solid;
    background-clip: padding-box;
    color: #fff;
    text-shadow: #333 0 0 6px;
    transition: all 0.3s;
}

.ball:hover{
    color: #9A0002;
    background: #e1d4aa;
    border: hsla(0,0%,0%,.5) 10px solid;
    background-clip: padding-box;
    text-shadow: #fff 0 0 6px,#fff 0 0 6px,#fff 0 0 6px;
}


.logo99{
	height: auto;
	width: 180px;
}


.slot-con-bg{
    width: 1172px;
    height: auto;
	min-height: 600px;
	background-color: #b8a37f;
    position: relative;
	border-top: #71634a 4px solid;
	margin-bottom: 80px;
	padding: 0 30px 30px;
}


.slot-con-bg .btn{
    margin: 20px 0 0 0px;
}

.slot_btn01{
	width: auto;
	min-width: 100px;
	padding: 5px 30px;
	height: 60px;
	background-color: #fff;
	border-right: #71634a 2px solid;
	border-left: #71634a 2px solid;
	color: #333;
	border-radius: 10px;
	margin: 0 10px;
	transition: all 0.3s;
}

.slot_btn01:hover{
	height: 60px;
	padding: 5px 50px;
	background-color:#edd29b;
	border-right: #6979a3 1px solid;
	border-left: #6979a3 1px solid;
	color: #333;
}

.games{
	padding: 6px 6px 11px 6px;
	background-color: #fff;
	border-radius: 6px;
	color: #333;
	transition: all 0.3s;
	margin: 0 1% 40px 1%;
}

.games:hover{
	color: #fff;
	background-color: #ff0806;
	letter-spacing: 5px;
}

.games img{
	width: 100%;
	max-width: 146px;
	height: 100%;
	max-height: 189px;
	margin-bottom: 10px;
}


.slot_img{
	margin-top: 50px;
	flex-wrap: wrap;
}


/*關於我們*/
.slot_img h1{
	font-size: 2rem;
	color: #fff;
	width: 100%;
	padding: 10px;
	background-color: rgba(128, 113, 84);
	letter-spacing: 5px;
	margin-bottom: 30px;
	border-radius: 8px;
}

.about-txt1{
	width: 75%;
	color: #0c0306;
	text-align: justify;
	line-height: 1.9rem;
	margin-bottom: 50px;
}

.about-txt1 p{
	width: 100%;
	margin-bottom: 17px;
}

.about-input1{
	width: 60%;
	height: 40px;
	border-radius: 6px;
	border: 0;
	padding: 0 6px;
	font-size: 1.2rem;
	font-family: "微軟正黑體",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	margin-bottom: 25px;
}

.about-textarea{
	width: 60%;
	max-width: 100%;
	height: auto;
	min-height: 200px;
	border-radius: 6px;
	border: 0;
	padding: 3px 6px;
	font-size: 1.2rem;
	font-family: "微軟正黑體",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	margin-bottom: 25px;
}

.aboutbtn1{
    padding: 8px 50px;
    color: #fff;
    background-color:rgba(128, 113, 84);
    cursor: pointer;
    transition: all 0.3s;
}

.aboutbtn1:hover{
    padding: 8px 80px;
    color: #fff;
    background-color: #776a53;
}


/*註冊*/
.reg-title{
	margin-top: 60px;
	color: #6979a3;
}

.reg-title span{
	margin-top: 15px;
	color: #333;
	font-size: 0.9rem;
	width: 100%;
}

.r-checkbox{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.bet-lightbox{
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	z-index: 10000;
	top: 0;
}

.lightbox-1{
	width: 90%;
	max-width: 450px;
	height: auto;
	min-height: 220px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
}

#close2{}

/*-----------------------優惠------------*/
.event-1{
	margin-top: 50px;
	border: #fff 2px solid;
	width: 100%;
	height: 312px;
	overflow: hidden;
}

.event-1 img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.question_status { 
	display: none;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.event-1-con{
	background-color: #000;
	padding: 20px;
}

.event-1-con img{
	width: 100%;
	
}


/*-------------------------------------儲值--------------*/
.subNavBox{width:200px;border:solid 1px #e5e3da;}
.subNav{
	border-bottom:solid 1px #e5e3da;
	cursor:pointer;
	font-weight:bold;
	color:#101010;
	padding:20px 0px 20px 20px;
	background-position:95% 50%}

.subNav:hover{color:#b11516;}

.currentDd{color:#b11516}

.currentDt{}

.navContent{display: none;border-bottom:solid 1px #e5e3da;}

.navContent li a{
	display: block;
    width: 100%;
    height: auto;
    padding: 16px 0;
    text-align: center;
    color: #fff;
    background-color: rgb(21, 21, 21);
}

.navContent li{
	border-bottom: #fff 1px solid;
}

.navContent li:last-child{
	border-bottom: #fff 0px solid;
}

.navContent li a:hover{color:#fff;background-color:#b11516;}
.navContent li a.on{color:#fff;background-color:#b11516;}


.subNav.on{color:#fff;background-color:#b11516;}

.navContent .vs-s{
	display: block;
    width: 100%;
    height: auto;
    padding: 16px 0;
    text-align: center;
    color: #fff;
    background-color: rgb(21, 21, 21);
}

.navContent .vs-s{
	border-bottom: #fff 1px solid;
}

.navContent .vs-s:last-child{
	border-bottom: #fff 0px solid;
}

.navContent .vs-s:hover{color:#fff;background-color:#b11516;}







.sv-con-bg{
    width: 1172px;
    height: auto;
	min-height: 600px;
	background-color: #151515;
    position: relative;
	border-top: #71634a 4px solid;
	margin-bottom: 80px;
	padding: 30px 30px;
}

.sv-menubox{
	width: 22%;
	min-height: 222px;
	background-color: #cacaca;
}

.sv-txt1{
	font-size: 0.9rem;
	padding: 15px;
}

.sv-txt1 p{
	margin-bottom: 10px;
}

.sv-txt1 p span{
	color: #b11516;
	font-weight: bold;
}


.sv-menubox-right{
	width: 78%;
	height: auto;
    min-height: 600px;
	background-color: #353533;
}

.sv-menubox-right h1{
	width: 100%;
	height: auto;
	padding: 16px 0;
	background-color: #b11516;
	color: #fff;
}

.sv-menubox-right h1 span{
	padding: 5px 16px;
	background-color: #111;
	font-size: 1.1rem;
	border-radius: 6px;
	margin-left: 16px;
}

.sv-s1{
	width: 80%;
	border: 1px #eee solid;
	border-radius: 10px;
	overflow: hidden;
	padding: 8px;
	margin-bottom: 20px;
}

.svimg{
	width: 41%;
	height: 100%;
}

.svimg img{
	width: 100%;
	height: 100%;
}

.sv-txtbox{
	padding: 10px;
	width: 59%;
}

.sv-txtbox h2{
	color: #F0FF00;
	font-weight: bold;
}

.sv-txtbox h3{
	color: #fff;
}

.sv-txtbox-100{
	padding: 10px;
	width: 100%;
}

.sv-txtbox-100 h2{
	color: #F0FF00;
	font-weight: bold;
}

.sv-txtbox-100 h3{
	color: #fff;
	line-height: 1.5rem;
}

.sv-btn2{
	width: 100%;
	padding: 10px 0;
	color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
}

.sv-btn2:hover{
	width: 100%;
	padding: 10px 0;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
}

.sv-btn3{
	min-width: 30%;
	padding: 10px 0;
	color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
}

.sv-btn3:hover{
	min-width: 30%;
	padding: 10px 0;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
}

.fin03-btn1{
	padding: 10px 0;
	color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
	border-radius: 5px;
}

.fin03-btn1:hover{
	padding: 10px 0;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
	border-radius: 5px;
}

.f03-conbox{
	width: 80%;
}

.f03-s1{
	width: 100%;
	height: auto;
	min-height: 40px;
	color: #fff;
}

.f03-s1 p{
	width: auto;
	min-width: 130px;
	color: #fff;
}

.f03-input1 {
    width: 30%;
	min-width: 200px;
    height: 36px;
    border-radius: 6px;
    border: 0;
    padding: 0 6px;
    font-size: 1rem;
    font-family: "微軟正黑體",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}


.f03-s1  select{
	width: 32%;
	min-width: 220px;
    height: 36px;
    border-radius: 6px;
    border: 0;
	padding: 0 6px;
	font-size: 1rem;
	font-family: "微軟正黑體",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}


/*---------------查核流水----------*/
.bet10-s1{
	width: 100%;
	height: auto;
	min-height: 30px;
	font-size: 0.9rem;
}

.bet10-s2{
	width: 100%;
	height: auto;
	min-height: 30px;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	background-color: #d2d2d2;
    color: #000;
	padding: 5px 0;
	line-height: 1.3rem;
}

.bet10-s3{
	width: 100%;
	height: auto;
	min-height: 30px;
	padding: 5px 0;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	line-height: 1.3rem;
}

.lightbox-f03 {
    width: 98%;
    max-width: 1000px;
    height: auto;
    min-height: 220px;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

.tc{
	text-align: center;
}

.bet10-s2 div{
	width: 7.4%;
}

.bet10-s3 div{
	width: 7.4%;
}

.w10{
	width: auto;
	min-width: 9%;
}

.f03bigbox{
	height: auto;
	min-height: 300px;
}

/*------------------------綁定銀行卡----------*/
.sv-s4{
	width: 80%;
	color: #fff;
	line-height: 1.3rem;
}

.sv-s4 p{
	font-size: 1.2rem;
}

.bet10-s4{
	width: 80%;
	height: auto;
	min-height: 30px;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	background-color: #d2d2d2;
    color: #000;
	padding: 5px 0;
	line-height: 1.3rem;
}

.bet10-s4 div, .bet10-s5 div{
	width: 100%;
	padding: 5px;
}

.bet10-s5{
	width: 80%;
	height: auto;
	min-height: 30px;
	padding: 5px 0;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	line-height: 1.3rem;
	background-color: #fff;
}


/*-----------------------主錢包帳戶轉點----------------------*/
.bet10-s6 div, .bet10-s7 div{
	width: 50%;
}

.bet10-s6{
	width: 80%;
	height: auto;
	min-height: 40px;
	font-size: 1rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	background-color: #d2d2d2;
    color: #000;
	padding: 5px 0;
	line-height: 1.3rem;
}

.bet10-s7{
	width: 80%;
	height: auto;
	min-height: 40px;
	padding: 5px 0;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	line-height: 1.3rem;
	background-color: #fff;
}


.f01txt{
	padding: 10px;
	background-color: rgba(0,0,0,0.60);
	color: #b8a37f;
}

.f01txt p{
	display: flex;
	align-items: center;
	height: auto;
	min-height: 25px;
	font-size: 0.9rem;
}



.f01-s90{
	width: 100%;
	height: auto;
	min-height: 40px;
	color: #fff;
}

.f01-s90 p{
	width: auto;
	min-width: 80px;
	color: #fff;
}

.f01-s90 img{
	width: 100%;
	margin-left: 3px;
	cursor: pointer;
}

/*----------------------------帳務記錄----------------------*/

.r01-input1 {
    width: 30%;
    min-width: 200px;
    height: 36px;
    border-radius: 6px;
    border: 0;
    padding: 0 6px;
    font-size: 0.7rem;
    font-family: "微軟正黑體",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

.bet10-s8{
	width: 80%;
	height: auto;
	min-height: 30px;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	background-color: #d2d2d2;
    color: #000;
	padding: 5px 0;
	line-height: 1.3rem;
}

.bet10-s8 div, .bet10-s9 div{
	width: 20%;
}

.bet10-s9{
	width: 80%;
	height: auto;
	min-height: 30px;
	padding: 5px 0;
	font-size: 0.8rem;
	border-top: #eee 1px solid;
	align-items: stretch;
	justify-content: center;
	display: flex;
	line-height: 1.3rem;
	background-color: #fff;
}


/*--------------------優惠-------*/
.event-1-con h1{
	color: #f9f587;
	font-size: 1.2rem;
	margin-bottom: 20px;
	margin-top: 20px;
}

.event-1-con p{
	color: #fff;
	font-size: 0.9rem;
	padding: 0px 0 20px 15px;
	width: 100%;
	letter-spacing: 1px;
	line-height: 1.4rem;
}

.event-1-con table{
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
	color: #111;
	font-size: 0.7rem;
}

.event-1-con table .t-head{
	background-color: #edd29b;
	border-bottom: #000 1px solid;
}

.event-1-con table .t-head td{
	padding: 10px 0;
	border-right: #000 1px solid;
}

.event-1-con table .t-con{
	background-color: #EBEBEB;
	border-bottom: #000 1px solid;
}

.event-1-con table .t-con td{
	padding: 10px 0;
	border-right: #000 1px solid;
}

.event-1-con ul{
	padding: 0px 0 25px 25px;
}

.event-1-con ul li{
	color: #fff;
	font-size: 0.9rem;
	padding: 0px 0 20px 0px;
	letter-spacing: 1px;
	line-height: 1.4rem;
	list-style-type: disc; 
}

.dib{ display: inline-block !important; line-height: 1.1rem;}

.in-menuicon{
	width: 38px;
	margin-bottom: 5px;
}


/*------------------------推薦好友-------------*/
.friimg{
	width: 100%;
	max-width: 100px;
	height: 100%;
	border: 6px #fff solid;
}

.friimg img{
	width: 100%;
	height: 100%;
}

.fritxt{
	width: 100%;
	background-color: #fff;
	padding: 10px 10px;
	line-height: 1.3rem;
}

.fri-s1{
	width: 90%;
	border: 1px #eee solid;
	border-radius: 10px;
	overflow: hidden;
	padding: 25px 8px;
	margin-bottom: 20px;
}

.sv-btn4{
	padding: 12px 20px;
	width: 90px;
	color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
}

.sv-btn4:hover{
	padding: 12px 20px;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
}



/*推薦賺錢*/
.fritxt-1{
	line-height: 1.4rem;
}

.fritxt-1 p{
	margin-bottom: 8px;
	font-size: 1rem;
}


.sv-btn5{
	padding: 8px 37px;
    color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 0px 0 5px;
	border-radius: 5px;
}

.sv-btn5:hover{
	padding: 8px 37px;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
	border-radius: 5px;
}

.sv-btn6{
	padding: 8px 10px;
    color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 0px 0 5px;
	border-radius: 5px;
	flex: 1;
}

.sv-btn6:hover{
	padding: 8px 10px;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
	border-radius: 5px;
}


.sv-btn40{
	padding: 10px 30px;
	color: #fff;
    background-color: #b8a37f;
    cursor: pointer;
    transition: all 0.1s;
	box-shadow: #7b6d55 0 4px 0;
	margin-bottom: 4px;
}

.sv-btn40:hover{
	padding: 10px 30px;
	color: #fff;
    background-color: #776a53;
    cursor: pointer;
	box-shadow: #7b6d55 0 0px 0;
	margin-top: 4px;
	margin-bottom: 0px;
}


.p172{padding-left: 172px;}

.r01-input11 {
    width: 30%;
    min-width: 140px;
    height: 36px;
    border-radius: 6px;
    border: 0;
    padding: 0 6px;
	color: #000;
	background-color: #fff;
    font-family: "微軟正黑體",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}


.b0{
	border: 0;
}


.in-icon7 {
    height: 18px;
    width: 18px;
    margin-right: 3px;
    display: flex;
}






















































/*
.xxx:active{}
.xxx:last-child{}
.xxx:first-child{}
.xxx:nth-child(odd){ background-color:#ccc;	} 奇數
.xxx:nth-child(even){ background-color:#ccc; } 偶數
*/

/*
.in-leftbox .box-s::-webkit-scrollbar-track {
	background-color: rgba(255,255,255,0);
	}

.in-leftbox .box-s::-webkit-scrollbar {
	height:10px;
	width:0px;
	background-color: transparent;
	}

.in-leftbox .box-s::-webkit-scrollbar-thumb {
	background-color: transparent;
	}
*/


/*卷軸
align-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
display: flex;
底下看情況增加
overflow-x:hidden;
overflow-y:auto;
flex-direction: row;
*/

/*CSS 梯形
transform: perspective( 30px ) rotateX(5deg);
*/

/*webkit瀏覽器專用
.demo-2::-webkit-input-placeholder { color: red; }
/*Firefox 4-18瀏覽器專用
.demo-2 input::-moz-placeholder { color: red; }
/*Firefox 19+瀏覽器專用
.demo-2 input::-moz-placeholder{color:red;}
/*IE10瀏覽器專用
.demo-2:-ms-input-placeholder{color: red;}
*/

/*陰影
.drop-shadow {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.7));
}
*/

/*透明邊線
.ball{
    border: hsla(0,0%,100%,.5) 30px solid;
    background-clip: padding-box;
}
*/