@import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);#free-block{z-index:999;position:relative;background:url(/images/24/bg-about.png) no-repeat left bottom;padding-bottom:40px}
#free-block section{width:80%}
#free-block .title{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-webkit-animation-duration:1s}
#free-block #productWrap,#free-block .row{margin:35px 0 0;width:35%;float:left;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-webkit-animation-duration:1s}
#free-block #productWrap ul li{position:relative}
#free-block #productWrap ul li h3{position:absolute;padding:15px 0;width:100%;background:#3e93cf;bottom:0;text-align:center}
#free-block #productWrap ul li h3 a{color:#fff}
#free-block .row{margin:100px 0 0 20%;width:30%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#free-block h4{margin-bottom:20px;font-size:35px;line-height:40px;color:#3e3e3e}
#free-block h4 b{display:block;font-family:'cwTeXFangSong',serif;font-size:25px}
#free-block article,#free-block p{font-size:20px;color:#676767;line-height:150%;font-weight:bold}
#free-block p{font-size:16px;font-weight:normal;margin-top:10px}
#about-wrap{position:relative}
#about-wrap .imgbox{position:absolute;left:0;top:0;width:55%;z-index:9;background-image:url(/images/24/about-shadow.png);background-position:100% 100%;background-repeat:no-repeat;height:545px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;-webkit-animation-duration:1s}
#about-wrap .imgbox img{width:100%;height:100%;object-fit:cover}
#about-wrap .red{position:absolute;background: #222;width:54%;right:0;top:0;height:100%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-webkit-animation-duration:0.5s}
#about-wrap section{z-index:999;width:75%;margin:0 20%}
.about-contain{width:45%;float:right;margin:80px 0;position:relative;z-index:2}
.about-contain h4{margin-top:116px;margin-bottom:10px}
.about-contain article{color:#c6c6c6;text-align:justify;font-size:16px;line-height:220%;letter-spacing:.5px}
.about-contain p{margin-top:40px}
.about-contain p a{color:#fff;font-size:18px;font-weight:bold;background:#e11515;padding:15px 40px;display:inline-block;text-align:center}
.about-contain p.aboutUs,#contact .contain .txt p.contactUs{margin-bottom:50px;font-family:'cwTeXFangSong',serif;font-size:30px;color:#fff;font-weight:bold;letter-spacing:3px}
#news{background: #222;padding:80px 0}
#news h4{text-align:center;margin:0 0 80px;font-size: 30px;color: #fff;letter-spacing: 3px;font-weight: bold;line-height: 150%;}
.newsWrap .hd{text-align:center;margin-top:30px}
.newsWrap .hd a{display:inline-block;width:33px;height:33px;background-image:url(/images/24/sccorw.png);background-repeat:no-repeat}
.newsWrap .hd a.prev{background-image:url(/images/24/sccorw2.png)}
.newsWrap .bd{width:80%;margin:0 auto;}
.newsWrap .bd ul li{overflow:hidden}
.newsWrap .bd ul li a.photo{float:left;width: 45%;display:block;overflow:hidden}
.newsWrap .bd ul li a.photo img{width:100%}
.newsWrap .bd ul li .newstxt{float:right;width: 50%;color:#fff;padding:10px 0}
.newsWrap .bd ul li .newstxt a{color:#fff;}
.newsWrap .bd ul li .newstxt h3{font-size: 20px;}
.newsWrap .bd ul li .newstxt article{font-size:16px;margin:15px 0;overflow:hidden;height:auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newsWrap .bd ul li .newstxt .more{font-size:14px;text-align:right}
.newsWrap .bd ul li .newstxt .more a{background: #e11515;padding: 10px 20px;display: inline-block;}
#contact{background-image:url(/images/24/bg-addwoman.png),url(/images/24/bg-add.png);background-repeat:no-repeat;background-position:80% 100%,50% 0%;padding:50px 0}
#contact .contain{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-webkit-animation-duration:1s}
#contact .contain .txt{}
#contact .contain .txt h4{margin-bottom:10px}
#contact .contain .txt p,#contact .contain .txt p a{font-size:16px;color:#403f3f;line-height:170%}
#contact .contain .txt p.contactUs{color:#4b4b4b}
#contact .contain #g-map{margin-top:10px}
#contact .contain #g-map iframe{width:540px;height:290px}

#pro-article{padding: 70px 0;background: #222;}
#pro-article .tabs{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color: #ffffff;display:block;padding: 10px 45px;position:relative;background: #333;margin: 0 10px;font-weight: 500;letter-spacing: 1px;}
#pro-article .tabs li a img{width: 40px;margin-right: 10px;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
#pro-article .tabs li:hover a, #pro-article .tabs li.active a{color: #fff;background: #e11515;}
#casinoList{position:relative;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin: 0 auto;align-items: center;}
#casinoList .photoBox{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;width: 50%;}
#casinoList .info{width: 45%;}
#casinoList .info div.wow{display:flex;flex-wrap: wrap;align-items: center;}
#casinoList .info .back_water{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:20px;align-items:center}
#casinoList .info .back_water span{font-family:'Lato',sans-serif;font-size:20px;color: #fff;}
#casinoList .info .back_water span:first-child{font-family:'Noto Sans TC',sans-serif;background:#e11515;font-size:12px;padding: 5px 20px;color: #fff;margin-right: 10px;}
#casinoList .info .hotList{display:flex;flex-wrap:wrap;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#casinoList .info .hotList li{margin-right:20px;margin-bottom:15px}
#casinoList .info .hotList li a{display:flex;flex-direction:column;align-items:center}
#casinoList .info .hotList li a .photo{background: #333;border-radius:50%;display:flex;justify-content:center;align-items:center;width:90px;height:90px}
#casinoList .info .hotList li:hover a .photo{background:#e11515}
#casinoList .info .hotList li a .photo img{width:70px}
#casinoList .info .hotList li a p{color:#fff;font-size:15px;margin-top:11px}
#casinoList .info h3{position:relative;font-size: 40px;color:#fff;font-weight: 500;line-height: 100%;}
#casinoList .info:hover h3{animation:animatedIcon 1s;-webkit-animation:animatedIcon 1s infinite linear;-moz-animation:animatedIcon 1s infinite linear;-ms-animation:animatedIcon 1s infinite linear;-o-animation:animatedIcon 1s infinite linear}
#casinoList .info p.wow{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-size: 48px;opacity: .15;font-family: 'Raleway', sans-serif;font-weight: bold;line-height: 100%;margin: 20px 0;color: #eee;}
#casinoList .info article{margin: 0 0 50px;line-height:180%;font-size: 15px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color: #fff;}

@media screen and (max-width:1919px){
	#free-block{margin-top:0}
	#about-wrap .imgbox{width: 50%;height: 100%;}
	#about-wrap section{width: 90%;margin: 0 5%;}
}
@media screen and (max-width:1679px){
	#cis h1 a{width:50%}
	#free-block{background-position:-50% bottom}
}
@media screen and (max-width:1340px){
	.menu ul li{margin:10px 10px 20px}
	#free-block #productWrap{width:50%}
	#free-block .row{margin:30px 0 0 5%;width:45%}
	#about-wrap section{position:inherit;}
	#about-wrap .imgbox,#about-wrap .red{width:50%;height: 100%;}
	.about-contain h4{margin-top:56px}
}
@media screen and (max-width:1190px){
	#free-block{background-size:70%}
	#about-wrap{}
	#contact{background-position:95% 100%,50% 0%}
	header{position:inherit}
	header section{width:95%;padding:0 2.5%}
	.menu ul li a{font-size:16px}
}
@media screen and (max-width:980px){
	#cis,#cis h1 a{left:0;background:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
	#cis h1 a{top:10px;left:20px}
	header{padding-bottom:15px}
	.menu,.menu ul li a span{text-align:center}
	.menu{position:absolute;margin-top: 10px;padding:10px 0;width:100%;height:100vh;background: rgb(0 0 0 / 90%);right:0;z-index:999}
	.menu ul li a{color:#fff}
	#topnav{margin-top:0}

	#free-block{background-position:0 50%;background-size:100%;z-index:1}
	#free-block .title{margin-top:40px}
	#free-block #productWrap,#free-block .row{margin:15px 0;width:100%}
	#about-wrap section{}
	#about-wrap .imgbox{display:none}
	#about-wrap .red,.newsWrap .bd ul li a.photo,.newsWrap .bd ul li .newstxt{width:100%;}
	.newsWrap .bd ul li .newstxt{margin-top: 20px;}
	.about-contain{width: 100%;float: none;margin: 0;}
	#contact{background-size:30%,cover}
	#pro-article .tabs li{width: 50%;margin-bottom: 15px;}
}
@media screen and (max-width:768px){
	#webview,#cis{height:auto}
	#cis h1 a{width:90%}
	#casinoList .photoBox{width: 100%;margin-bottom: 20px;}
	#casinoList .info{width:100%;}
}
@media screen and (max-width:660px){
	#about-wrap section{width:480px}
	#free-block .title img{width:100%}
	#about-wrap{height:700px;background-position:50% 100%;background-size:100%}
	#contact{background-image:url(/images/24/bg-add.png);background-size:cover}
	#pro-article .tabs li a{padding: 10px 20px;}
}
@media screen and (max-width:500px){
	#free-block{background-position:0 40%}
	#free-block .row,#free-block h4 img,#news h4 img,.newsWrap .bd{width:100%}
	#free-block .row{margin-top:50px}
	#about-wrap section{width:90%;margin:0 5%}
	.newsWrap .bd ul li a.photo{height:180px}
	.newsWrap .bd{padding-bottom:0}
	.newsWrap .bd ul li .newstxt article{overflow:hidden;text-overflow:ellipsis;height:50px}
	#about-wrap{height:600px}
	.nav-func{padding:15px 0}
}