@charset "UTF-8";

/*-----------------------------------------------------------------------------------
	
	Author's Layout | Version: 2.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	- Basic
	- Header
	- Element
	- Footer
	- Login
	- News
	- Index
	- APP
	- Egame
	- Slots
	- Live
	- Sports
	- Poker
	- Lottery
	- Fish
	- Promotion
	- Hongbao
	- Niuniu
	- Deposit
	- Register
	- Daili
		- side Box
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
	- Basic -
-----------------------------------------------------------------*/

	* {
		margin: 0;
		padding: 0;
	}
	.w1200 {
		width: 1200px;
		margin: 0 auto;
	}
	.clear {
		clear: both;
	}
	a {
		text-decoration: none;
		color: #fff;
	}
	body {
		font-size: 12px;
		font-family: "微软雅黑";
		background-color: #F0F7FB;
		color: #fff;
		overflow-x: hidden;
		min-width: 1200px;
	}
	#container {
		padding-top: 125px;
		text-align: left;
	}
	.clearfix:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}
	img {
		vertical-align: top;
	}

	#main .wrap {
		padding: 0;
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

/* ----------------------------------------------------------------
	- Header -
-----------------------------------------------------------------*/

	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
	}
	#header .hInner {
		padding: 4px 0 4px;
		background-color: #374149;
	}
	#header .hSection {
		padding-bottom:6px;
	}
	#header .hInner .w1000 {
		position: relative;
	}
	#header .topUl {
		margin-right: 10px;
		float: left;
	}
	#header .topUl li {
		margin-right: 4px;
		color: #fff;
		line-height: 20px;
		display: inline-block;
	}
	#header .topUl a {
		color: #323232;
		margin-right: 4px;
		display: inline-block;
	}
	#header .topUl a.color1 {
		color:#00dc7c;
	}
	#header .topUl a:hover {
		color:#1379d7;
	}
	#header .topUl li.li04 {
		margin-right: 0;
		color: #999;
	}
	#header .topUl li.li04 span {
		display: inline-block;
	}
	#header .topUl li.li04 a {
		margin: 0 0 0 2px;
	}
	#header .hInner h1 {
		margin: 9px 0 0 0;
		float: left;
		color: #c6a46c;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 3.5px;
	}
	#header .hInner h1 span {
		color: #fff;
	}
	#header .hInner .listUl {
		margin-right: 4px;
		float: left;
	}
	#header .hInner .listUl li {
		margin-right: 17px;
		float: left;
		color: #fff;
		position: relative;
		/*font-size: 14px;*/
		line-height: 32px;
	}
	#header .hInner .listUl li:last-child {
		margin-right: 0;
	}
	#header .hInner .listUl li.link:before {
		width: 1px;
		height: 9px;
		position: absolute;
		left: -9px;
		top: 12px;
		background: #71787E;
		content: "";
	}
	#header .hInner .listUl li.none:before {
		display: none;
	}
	#header .hInner .listUl li span {
		margin: 0 5px;
	}
	#header .hInner .listUl li a {
		margin-right: 2px;
		color: #fff;
	}
	#header .hInner .listUl li a:hover {
		color: #32a8ff;
	}
	#header .hInner .hLink {
		margin-top: 2px;
		float: left;
	}

	/*-----头部登录-------*/
		#header .loginBox {
			margin-top: 2px;
			float: right;
			height: 28px;
		}
		#header .loginBox .formUl li {
			float: left;
			width: 140px;
			margin-right: 10px;
			position: relative;
		}
		#header .loginBox .formUl li.yanzheng {
			width: 150px;
		}
		#header .loginBox .formUl li p img {
			position: absolute;
			left: 11px;
			top: 6px;
		}
		#header .loginBox .formUl li p .test {
			left: auto;
			right: 3px;
			top: 3px;
		}
		#header .loginBox .formUl li p span {
			width: auto;
			display: block;
			position: absolute;
			right: 11px;
			top: 0;
			color: #c0c0c0;
			font-size: 14px;
			line-height: 32px;
		}
		#header .loginBox .formUl input[type=text],
		#header .loginBox .formUl input[type=password] {
			width: 100%;
			padding-left: 33px;
			margin: 0;
			height: 28px;
			line-height: 26px;
			/*border: none;*/
			color: #fff;
			font-size: 12px;
			display: block;
			background-color: transparent;
			border: 1px solid #677580;
			box-sizing: border-box;
			background: none;
		}
		#header .loginBox .formUl .yanzheng input {
			padding-left: 10px;
		}
		#header .loginBox .formUl input:focus {
			transition: all 0.3s;
			border: 1px solid #32a8ff;
		}
		#header .loginBox input::-webkit-input-placeholder {
			color: #fff;
		}
		#header .loginBox input::-moz-placeholder {
			color: #fff;
		opacity:1;
		}
		#header .loginBox input:-moz-placeholder {
			color: #fff;
		opacity:1;
		}
		#header .loginBox .yzmimg {
			display: block;
			position: absolute;
			right: 9px;
			top: 9px;
		}
		#header .loginBox .formUl li span {
			display: block;
			width: 150px;
			position: relative;
		}
		#header .loginBox .formUl li:last-child {
			width: auto;
			margin-right: 0;
		}
		#header .loginBox .formUl li .log {
			
		}
		#header .loginBox .formUl li .log {
			text-indent: -9999px;
			cursor: pointer;
			display: block;
			background: url('../images/btn01.png') no-repeat center top;	
			float: left;
			margin-right: 10px;
			width: 75px;
			height: 28px;
			transition: all 0.4s;
			border:none;
		}
		#header .loginBox .formUl li .log:hover {
			background: url('../images/btn01.png') no-repeat center -28px;
		}
		#header .loginBox .formUl .forget {
			display: block;
			position: absolute;
			right: 5px;
			top: 0;
			color: #fff;
			font-size: 12px;
			line-height: 28px;
		}
		#header .loginBox .forget:hover {
			color: #f00;
		}
		#header .loginBox .formUl .regbtn {
			margin-right: 10px;
			border: none;
			float: left;
			width: 75px;
			height: 28px;
			text-indent: -9999px;
			cursor: pointer;
			transition: all 0.4s;
			background: url('../images/btn02.png') no-repeat center top;
		}
		#header .loginBox .formUl .regbtn:hover {
			background: url('../images/btn02.png') no-repeat center -28px;
		}
		#header .loginBox .formUl .shiwan {
			float: left;
			width: 90px;
			height: 28px;
			text-indent: -9999px;
			cursor: pointer;
			transition: all 0.4s;
			background: url('../images/btn03.png') no-repeat center top;
		}
		#header .loginBox .formUl .shiwan:hover {
			background: url('../images/btn03.png') no-repeat center -28px;
		}
		#header .loginBox .signout {
			text-indent: -9999px;
			cursor: pointer;
			display: block;
			background: url('../images/btn04.png') no-repeat center top;
			float: right;
		
			width: 75px;
			height: 28px;
			transition: all 0.4s;
		}
		#header .loginBox .signout:hover {
			background: url('../images/btn04.png') no-repeat center -28px;
		}

	/*-----导航----------*/
		#header .gNaviBox {
			padding: 8px 0 0;
			background: #fff;
			position: relative;
		}
		#header .gNaviBox .subNaviBox {
			margin: 0 auto;
			width: 1240px;
		}
		#header #gNavi {
			float: left;
		}
		#header #gNavi>li {
			width: 95px;
			margin: 11px 0 0 0;
			float: left;
			font-size: 14px;
			text-align: center;
		}
		#header #gNavi .logo {
			width: 254px;
			margin: 0 8px 0 17px;
			float: left;
		}
		#header #gNavi>li:last-child {
			margin-right: 0;
		}
		#header #gNavi>li>a {
			padding: 0 0 18px;
			display: block;
			line-height: 24px;
			color: #343e46;
			font-size: 16px;
			position: relative;
		}
		#header #gNavi>li>a span {
			display: block;
			color: #a5aeb5;
			font-size: 10px;
		}
		#header #gNavi>li .hot {
			position: absolute;
			top: -18px;
			right: -8px;
			z-index: 800;
		}
		#header #gNavi>li .hot2 {
			right: -18px;
		}
		#header #gNavi>li.on>a,
		#header #gNavi>li:hover>a,
		#header #gNavi>li.on>a span,
		#header #gNavi>li:hover>a span {
			color: #32a8ff;
		}
		#header #gNavi>li.logo>a {
			background:none;
			padding: 0;
		}
		#header #gNavi>li.logo:hover>a {
			background:none;
		}
		#header #gNavi .logo a:before {
			display: none !important;
		}
		#header #gNavi .naviBox {
			display: none;
			width: 100%;
			position: absolute;
			top: 84px;
			left:0;
			z-index: 1500;
		}
		#header #gNavi .naviBox .naviSection {
			width: 100%;
			padding-top:10px;
			min-height: 234px;
			border-top: 1px solid #CCDAE6;
			background: url('../images/s_navi_bg.png') repeat center top;
		}
		#header #gNavi .naviBox.imgNavi .naviSection {
			padding-top: 0;
		}
		#header #gNavi .naviBox .naviTtl {
			padding-top: 30px;
			float: left;
		}
		#header #gNavi .subNavi {
			padding: 15px 0 15px;
			width: 960px;
			float: right;
		}
		#header #gNavi .subNavi li {
			float: left;
			height: auto;
			margin-right: 0;
			width: 120px;
			font-size: 13px;
			padding: 15px 0;
			position: relative;
		}
		#header #gNavi .subNavi li a {
			padding: 2px 0;
			height: auto;
			color: #fff;
			line-height:30px;
			background: none;
		}
		#header #gNavi .subNavi li a .txt {
			font-size: 14px;
			color: #323232;
			display: block;
			text-align: center;
			line-height: 20px;
			margin-top: 10px;
		}
		#header #gNavi .subNavi li a:hover .txt {
			color:#32a8ff;
		}
		#header #gNavi .subNavi li a .img {
			display: flex;
			display: -webkit-flex;
			height: 40px;
			align-items: center;
			-webkit-align-items: center; 
			justify-content:center;
			-webkit-justify-content:center;
		}
		#header #gNavi .subNavi li a i {
			font-style: normal;
			font-size: 14px;
			color: #1379D7;
			border: 1px solid #1379D7;
			border-radius: 25px;
			display: block;
			width: 80px;
			margin: 0 auto;
			text-align: center;
			line-height: 30px;
		}
		#header #gNavi .subNavi li a:hover i {
			background-color: #1379D7;
			color:#fff;
		}
		#header #gNavi .subNavi li .hot {
			top: 3px;
			right: -3px;
		}
		#header #gNavi .navi02 .subNavi li a,
		#header #gNavi .navi03 .subNavi li a,
		#header #gNavi .navi07 .subNavi li a {
			color: #FFF;
		}
		#header #gNavi .subNavi li.first a {
			color: #F00;
			font-weight: bold;
		}
		#header #gNavi .subNavi li .tg7 {
			color: #d33024 !important;
		}
		#header #gNavi .subNavi li .color07 {
			color: #ffd053 !important;
		}
		#header #gNavi .subNavi li .color00 {
			color: #F00 !important;
			font-weight: bold;
		}
		#header #gNavi .subNavi li a:hover {
			border-bottom: none;
			background: none;
			color: #ffdf2f;
		}
		#header #gNavi .subNavi li .arrow {
			position: absolute;
			top: -8px;
			left: 106px;
		}
		#header #gNavi .naviBox2 {
			width: 120px;
			left: -20px;
		}
		#header #gNavi .naviBox2 .subNavi {
			width:110px;
		}
		#header #gNavi .naviBox2 li .arrow {
			left: 53px;
		}

		#header #gNavi .naviSection .indexNavi {
			margin: 0 auto;
			width: 1200px;
			box-sizing: border-box;
			padding: 10px;
			position: relative;
		}
		#header #gNavi .naviSection .indexNavi .arrow {
			position: absolute;
			top: -7px;
			left: 22px;
		}
		#header #gNavi .naviSection .indexNavi .infoNavi {
			float: left;
			width: 295px;
			min-height: 406px;
			padding: 20px 0 0 20px;
			box-sizing: border-box;
			border-right: 1px solid #323237;
		}
		#header #gNavi .naviSection .indexNavi .infoNavi:last-child {
			border-right: none;
		}
		#header #gNavi .naviSection .indexNavi .subInfo {
			margin-bottom: 37px;
			overflow: hidden;
			zoom: 1;
		}
		#header #gNavi .naviSection .indexNavi .subInfo li {
			float: left;
			width: 100px;
			margin: 0 10px 6px 0;
			line-height: 24px;
			text-align: left;
			font-size: 13px;
		}
		#header #gNavi .naviSection .indexNavi .subInfo02 li {
			width: 100%;
		}
		#header #gNavi .naviSection .indexNavi .subInfo li a {
			padding: 0 0 0 5px;
			display: block;
			font-size: 13px;
			color: #fff;
		}
		#header #gNavi .naviSection .indexNavi .subInfo li a.red {
			color: #f00;
		}
		#header #gNavi .naviSection .indexNavi .subInfo li a:hover {
			color: #201109;
			font-weight: bold;
			border: none;
			background-color: #c6a46c;
		}
		#header #gNavi .naviSection .indexNavi .ttl {
			margin-bottom: 20px;
			text-align: left;
			color: #c6a46c;
			font-size: 16px;
			clear: both;
		}
		#header #gNavi .naviSection .indexNavi .more {
			clear: both;
			text-align: left;
		}
		#header #gNavi .naviSection .indexNavi .more a {
			color: #666;
			border-bottom: none;
			padding: 0;
			font-size: 12px;
			background-color: inherit !important;
		}
		#header #gNavi .naviSection .indexNavi .more a:hover {
			color: #E0DA78 !important;
			font-weight:normal !important;
		}
		#header #gNavi .reNavi {
			width: 1200px;
			margin: 0 auto;
			text-align: left;
		}
		#header #gNavi .reNavi ul {
			float: left;
			width: 150px;
			min-height: 380px;
			padding: 20px 0 0 20px;
			box-sizing: border-box;
			border-right: 1px solid #323237;
		}
		#header #gNavi .reNavi ul>li.title {
		 	color: #c6a46c;
		    font-size: 16px;
		    line-height: 1;
		    margin: 0 0 20px;
		}
		#header #gNavi .reNavi ul>li {
			line-height: 24px;
			margin: 0 10px 6px 0;
			position: relative;
		}
		#header #gNavi .reNavi ul>li .hot {
			right: 12px;
		}
		#header #gNavi .reNavi ul>li a {
			padding: 0 0 0 5px;
			display: block;
			font-size: 13px;
			color: #fff;
		}
		#header #gNavi .reNavi ul>li a:hover {
			color: #201109;
			font-weight: bold;
			background-color: #c6a46c;
		}
		#header #gNavi .naviBox .imgNavi {
			width: 610px;
			height: 200px;
			border: 1px solid #323237;
			background: url('../images/s_navi_bg.png') repeat center top;
			padding: 5px 0 5px 5px;
			box-sizing: border-box;
			border-top:2px solid #7b401e;
		}
		#header #gNavi .naviBox .imgNavi .ttl {
			float: left;
			margin-right: 10px;
		}
		#header #gNavi .imgNavi .subImg {
			float: left;
			width: 516px;
			margin-right: -10px;
			border:none;
			background:none;
			padding: 0;
		}
		#header #gNavi .imgNavi .subImg li {
			float: none;
			height: auto;
			margin: 0 0 18px;
			width: 129px;
			float: left;
			font-size: 13px;
			border-bottom: none;
			position: relative;
		}
		#header #gNavi .imgNavi .subImg li a {
			display: block;
			padding: 0;
			height: auto;
			color: #fff;
			text-align: left;
		}
		#header #gNavi .imgNavi .subImg li a img {
			margin-right: 5px;
			float: left;
		}
		#header #gNavi .imgNavi .subImg li a span {
			display: inline-block;
			line-height: 49px;
			font-size: 12px;
		}
		#header #gNavi .imgNavi .subImg li a:hover span {
			color: #f00;
		}
		#header #gNavi .imgNavi .subImg li .hot {
			top: 3px;
			right: 5px;
		}
		#header #gNavi .imgNavi .navi02 .subImg li a,
		#header #gNavi .imgNavi .navi03 .subImg li a,
		#header #gNavi .imgNavi .navi07 .subImg li a {
			color: #333;
		}
		#header #gNavi .imgNavi .subImg li a:hover {
			border-bottom: none;
			background: none;
			color: #fff;
			border-top: none;
		}
		#header .gNaviBox .link {
			margin: 10px 1px 0 0;
			width: 120px;
			float: right;
		}
		#header .gNaviBox .link a {
			display: block;
			color: #fff;
			font-size: 14px;
			line-height: 38px;
			text-align: center;
			border: 1px solid #9F865C;
			border-radius: 20px;
			box-sizing: border-box;
		}
		#header .gNaviBox .link a:hover {
			background: #c6a46c;
		}
		#header .gNaviBox .link a span {
			padding-left: 30px;
			color:#9F865C;
			display: inline-block;
			background: url('../images/h_img.png') no-repeat left center;
		}
		#header .gNaviBox .link a:hover span {
			color: #000;
			background: url('../images/h_img_over.png') no-repeat left center;
		}
		#header #gNavi li .appNavi .inner {
			margin: 0 auto;
			width: 1220px;
			padding: 19px 0 27px 20px;
			overflow: hidden;
			zoom: 1;
		}
		#header #gNavi li:nth-child(10) .appNavi .naviSection {
			min-height: 220px;
		}
		#header #gNavi li .appNavi ul {
			float: left;
		}
		#header #gNavi li .appNavi li {
			margin-right: 5px;
			float: left;
			color: #323232;
			font-size: 18px;
		}
		#header #gNavi li .appNavi li img {
			margin: 0 auto 13px;
			display: block;
		}
		#header #gNavi li .appNavi li.ma {
			color: #646464;
			font-size: 12px;
			line-height: 1.6;
		}
		#header #gNavi li .appNavi li.ma img {
			margin-bottom: 15px;
		}
		#header #gNavi li .appNavi li.ma span {
			color: #1379d7;
		}
		#header #gNavi li .appNavi .mBox {
			margin: -3px 44px 0 40px;
			padding: 0 30px 0 41px;
			width: 430px;
			height: 175px;
			float: left;
			box-sizing: border-box;
			border-left: 1px solid #B1D1ED;
			border-right: 1px solid #B1D1ED;
		}
		#header #gNavi li .appNavi .mBox li {
			margin: 0;
		}
		#header #gNavi li .appNavi .rBox {
			float: left;
		}
		#header #gNavi li .appNavi .rBox .img {
			margin-top: 3px;
			float: left;
			color: #323232;
			font-size: 18px;
		}
		#header #gNavi li .appNavi .rBox .img img {
			margin: 0 auto 17px;
			display: block;
		}
		#header #gNavi li .appNavi .rBox .txtBox {
			width: 185px;
			float: right;
			margin-top: 30px;
		}
		#header #gNavi li .appNavi .rBox .txtBox p {
			margin-bottom: 20px;
			color: #646464;
			font-size: 12px;
			line-height: 1.7;
		}
		#header #gNavi li .appNavi .rBox .txtBox p span {
			margin-bottom: 6px;
			display: block;
			color: #f5faff;
		}
		#header #gNavi li .appNavi .rBox .txtBox .btn a img {
			transition: all 0.3s;
		}
		#header #gNavi li .appNavi .rBox .txtBox .btn a:hover img {
			transform: translateY(-5px);
		}


/*-----浮窗----------*/
#cssmenu {
     position: fixed;
     padding: 0;
     margin-top: 41px;
     border: 0;
     right: 0;
         top: 123px;
     z-index: 99999;
}

#cssmenu ul,
#cssmenu li {
    list-style: none;
}

.cssmenu-menu {
    position: relative;
}

.cssmenu-menu.active {}

.cssmenu-menu-item {
    display: block;
    width: 74px;
    height: 74px;
}

.cssmenu-list {
    display: none;

    width: 175px;
  
    position: absolute;
    top: 0;
    right: 74px;
    z-index: 9;
}

.cssmenu-menu:hover .cssmenu-list {
    display: block;
}

#cssmenu ul ul:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: 32px;
    right: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #007dcb;
    background: none;
    overflow: visible;
}

.cssmenu-list li {
    background-color: #fff;
    border-left: 1px solid #007dcb;
    border-right: 1px solid #007dcb;

    padding-top: 1.3em;
    padding-bottom: 1.3em;
    padding-left: 1.4em;
}

.cssmenu-list li:first-child {
    border-top: 1px solid #007dcb;
    border-radius: 10px 10px 0 0;
}

.cssmenu-list li:last-child {
    border-bottom: 1px solid #007dcb;
    border-radius: 0 0 10px 10px;
}

.cssmenu-list li + li:before {
    content: ' ';
    display: block;
    background: #DCDCDC;
    height: 1px;
    margin-left: 12px;
    margin-right: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cssmenu-item {
    position: relative;
}

.cssmenu-item a {
    text-decoration: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cssmenu-item .cssmenu-icon {
    margin-right: 1em;
}

.cssmenu-item span {
    display: block;
    line-height: 1.8em;
    font-family: 'STHeiti', 'microsoft yahei';
}

.cssmenu-item span b {
    display: block;
    font-weight: bold;
    color: #004763;
    font-size: 14px;
}

.cssmenu-item span em {
    display: block;
    font-style: normal;
    color: #007dcb;
    font-size: 10px;
}

.cssmenu-item:hover {
    background: -webkit-linear-gradient(#00c1ff, #0099f9);
    background: -o-linear-gradient(#00c1ff, #0099f9);
    background: -moz-linear-gradient(#00c1ff, #0099f9);
    background: linear-gradient(#00c1ff, #0099f9);
}

.cssmenu-item:hover span {}

.cssmenu-item:hover span b {
    color: #fff;
}

.cssmenu-item:hover span em {
    color: #e1ff00;
    font-weight: bold;
}

.cssmenu-qrcode {
    display: none;
    padding: 0 8px 0 0;

    position: absolute;
    top: 0;
    right: 175px;
}

.cssmenu-qrcode:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: 32px;
    right: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #02b8fd;
    background: none;
    overflow: visible;
}

.cssmenu-item:hover .cssmenu-qrcode {
    display: block;
}

.cssmenu-qrcode li {
    padding: 0;
    border: none;
    background-color: transparent;
}

.cssmenu-qrcode img {
    max-width: 119px; max-height: 119px;
    width: 119px;
    height: 119px;
    border-radius: 5px;
    border: 2px solid #02b8fd;
    overflow: hidden;
}


.cssmenu-menu i {
    display: block;
}

.cssmenu-menu-icon {
    width: 74px;
    height: 74px;
}

.cssmenu-icon {
    width: 22px;
    height: 22px;
}

.menu-item01 {
    background: url('../images/chats/menu1.png') center no-repeat;
    background: url('../images/chats/menu1hover.png') center no-repeat;
    background-size: contain;
}

.icon01-01 {
    background: url('../images/chats/I02.png') center no-repeat;
    background-size: contain;
}

.icon01-02 {
    background: url('../images/chats/I04.png') center no-repeat;
    background-size: contain;
}

.icon01-03 {
    background: url('../images/chats/I06.png') center no-repeat;
    background-size: contain;
}

.icon01-04 {
    background: url('../images/chats/I08.png') center no-repeat;
    background-size: contain;
}
.icon01-05 {
    background: url('../images/chats/d1.gif') center no-repeat;
    background-size: contain;
}
.icon01-06 {
    background: url('../images/chats/061.png') center no-repeat;
    background-size: contain;
}

.menu-item02 {
    background: url('../images/chats/menu2.png') center no-repeat;
    background: url('../images/chats/menu2hover.png') center no-repeat;
    background-size: contain;
}

.icon02-01 {
    background: url('../images/chats/I08.png') center no-repeat;
    background-size: contain;
}

.icon02-02 {
    background: url('../images/chats/I10.png') center no-repeat;
    background-size: contain;
}

.icon02-03 {
    background: url('../images/chats/I12.png') center no-repeat;
    background-size: contain;
}

.icon02-04 {
    background: url('../images/chats/I14.png') center no-repeat;
    background-size: contain;
}

.icon02-05 {
    background: url('../images/chats/I16.png') center no-repeat;
    background-size: contain;
}

.icon02-06 {
    background: url('../images/chats/I18.png') center no-repeat;
    background-size: contain;
}

.icon02-07 {
    background: url('../images/chats/I20.png') center no-repeat;
    background-size: contain;
}
.icon02-08 {
    background: url('../images/chats/I35.png') center no-repeat;
    background-size: contain;
}

.menu-item03 {
    background: url('../images/chats/menu3.png') center no-repeat;
    background: url('../images/chats/menu3hover.png') center no-repeat;
    background-size: contain;
}

.icon03-01 {
    background: url('../images/chats/I22.png') center no-repeat;
    background-size: contain;
}

.icon03-02 {
    background: url('../images/chats/I24.png') center no-repeat;
    background-size: contain;
}

.icon03-03 {
    background: url('../images/chats/I26.png') center no-repeat;
    background-size: contain;
}

.icon03-04 {
    background: url('../images/chats/I28.png') center no-repeat;
    background-size: contain;
}

.menu-item04 {
    background: url('../images/chats/menu4.png') center no-repeat;
    background: url('../images/chats/menu4hover.png') center no-repeat;
    background-size: contain;
}
.menu-item06 {
    background: url('../images/chats/menu6png') center no-repeat;
    background: url('../images/chats/menu6hover.png') center no-repeat;
    background-size: contain;
}
.cssmenu-menu-item:hover .menu-item06,.menu-item06hover {
   /* -webkit-filter: contrast(1.4);
    -moz-filter: contrast(1.4);
    -ms-filter: contrast(1.4);
    -o-filter: contrast(1.4);
    filter: contrast(1.4);*/
    background: url('../images/chats/menu61.png') center no-repeat;
    background-size: contain;
}
.menu-item07 {
    background: url('../images/chats/menu77.png') center no-repeat;
    background: url('../images/chats/menu77.png') center no-repeat;
    background-size: contain;
}
.cssmenu-menu-item:hover .menu-item07,.menu-item07hover {
    -webkit-filter: contrast(1.4);
    -moz-filter: contrast(1.4);
    -ms-filter: contrast(1.4);
    -o-filter: contrast(1.4);
    filter: contrast(1.4);
    background: url('../images/chats/menu771.png') center no-repeat;
    background-size: contain;
}
.icon04-01 {
    background: url('../images/chats/I30.png') center no-repeat;
    background-size: contain;
}

.icon04-02 {
    background: url('../images/chats/I32.png') center no-repeat;
    background-size: contain;
}

.icon04-03 {
    background: url('../images/chats/I20.png') center no-repeat;
    background-size: contain;
}

.cssmenu-menu-item:hover .menu-item01,.menu-item01hover {
   /* -webkit-filter: contrast(1.4);
    -moz-filter: contrast(1.4);
    -ms-filter: contrast(1.4);
    -o-filter: contrast(1.4);
    filter: contrast(1.4);*/
    background: url('../images/chats/menu1.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon01-01 {
    background: url('../images/chats/I01.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon01-02 {
    background: url('../images/chats/I03.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon01-03 {
    background: url('../images/chats/I05.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon01-04 {
    background: url('../images/chats/I07.png') center no-repeat;
    background-size: contain;
}
.cssmenu-item:hover .icon01-05 {
    background: url('../images/chats/d1hover.gif') center no-repeat;
    background-size: contain;
}
.cssmenu-item:hover .icon01-06 {
    background: url('../images/chats/h061.png') center no-repeat;
    background-size: contain;
}
.cssmenu-menu-item:hover .menu-item02,.menu-item02hover {
   /* -webkit-filter: contrast(1.4);
    -moz-filter: contrast(1.4);
    -ms-filter: contrast(1.4);
    -o-filter: contrast(1.4);
    filter: contrast(1.4);*/
    background: url('../images/chats/menu2.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-01 {
    background: url('../images/chats/I07.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-02 {
    background: url('../images/chats/I09.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-03 {
    background: url('../images/chats/I11.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-04 {
    background: url('../images/chats/I13.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-05 {
    background: url('../images/chats/I15.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-06 {
    background: url('../images/chats/I17.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon02-07 {
    background: url('../images/chats/I19.png') center no-repeat;
    background-size: contain;
}
.cssmenu-item:hover .icon02-08 {
    background: url('../images/chats/I36.png') center no-repeat;
    background-size: contain;
}

.cssmenu-menu-item:hover .menu-item03,.menu-item03hover {
/*    -webkit-filter: contrast(1.4);
    -moz-filter: contrast(1.4);
    -ms-filter: contrast(1.4);
    -o-filter: contrast(1.4);
    filter: contrast(1.4);*/
    background: url('../images/chats/menu3.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon03-01 {
    background: url('../images/chats/I21.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon03-02 {
    background: url('../images/chats/I23.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon03-03 {
    background: url('../images/chats/I25.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon03-04 {
    background: url('../images/chats/I27.png') center no-repeat;
    background-size: contain;
}

.cssmenu-menu-item:hover .menu-item04,
.menu-item04hover {
    /*-webkit-filter: contrast(1.4);
    -moz-filter: contrast(1.4);
    -ms-filter: contrast(1.4);
    -o-filter: contrast(1.4);
    filter: contrast(1.4);*/
    background: url('../images/chats/menu4.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon04-01 {
    background: url('../images/chats/I30hover.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon04-02 {
    background: url('../images/chats/I31.png') center no-repeat;
    background-size: contain;
}

.cssmenu-item:hover .icon04-03 {
    background: url('../images/chats/I19.png') center no-repeat;
    background-size: contain;
} 



/* ----------------------------------------------------------------
	- Element - select, .freeBox
-----------------------------------------------------------------*/

	/* select组件 */
	.bi-select{position: relative;display: inline-block;}
	.select-list{color:#fff;}
	.select-box{display:none;position: absolute;left:0;top:31px;width:100%;z-index:200;color:#c0c0c0;background-color:#374149; border: 1px solid #5D656B; box-sizing: border-box; border-radius: 6px;}
	.select-list > li { cursor: pointer;  padding:4px 11px 6px;margin-right: 0 !important;float: none !important; background: none !important;}
	.select-list > li a { color: #fff !important;}
	.select-list > li a:hover{color:#fff !important;}
	.lan_icon{ position: relative; top: -1px; width: 20px; left: -1px;}
	.lan_icon2{width: 20px; position:relative; top:0; left:-2px;}
	.se_icon{width:11px;height:6px;background: url('../images/select_icon.png') right top no-repeat;}
	.select-val{cursor: pointer;padding: 0 10px 0 12px;font-size:12px;color:#fff; border:1px solid #5D656B; height:30px; line-height:30px; background-color: #374149; border-radius: 6px;}
	.inlineMid {display: inline-block; vertical-align: middle !important;margin: 0 !important; }

	.freeBg {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 9999;
		background:rgba(0,0,0,0.6);
	}
	.freeBox {
		margin: -305px 0 0 -463px;
		width: 927px;
		height: 611px;
		position: fixed;
		left: 50%;
		top: 50%;
		display: none;
		z-index: 10000;
		box-sizing: border-box;
		background: url('../images/free_img.png') no-repeat;
	}
	.freeBox .close {
		position: absolute;
		top: 25px;
		right: 55px;
	}
	.freeBox .txtBox {
		padding: 79px 83px 0 110px;
		overflow: hidden;
		zoom: 1;
	}
	.freeBox .txtBox .lBox {
		width: 340px;
		float: left;
	}
	.freeBox .txtBox .rBox {
		margin-top: 20px;
		width: 260px;
		float: right;
		text-align: center;
	}
	.freeBox .txtBox .rBox .ttl {
		margin-bottom: 19px;
		text-align: center;
	}
	.freeBox .txtBox .rBox .img {
		margin-bottom: 29px;
		color: #323232;
		font-size: 14px;
		line-height: 2.15;
	}
	.freeBox .txtBox .rBox .img img {
		margin: 0 auto 11px;
		display: block;
	}
	.freeBox .txtBox .rBox .img span {
		display: block;
		color: #1379d7;
	}
	.freeBox .txtBox02 {
		padding-top: 96px;
		display: none;
	}
	.freeBox .txtBox .ttl {
		margin-bottom: 30px;
		text-align: center;
	}
	.freeBox .txtBox02 form .list {
		margin-bottom: 30px;
	}
	.freeBox .txtBox form .list li {
		margin-bottom: 20px;
	}
	.freeBox .txtBox form input {
		padding: 0 20px;
		width: 100%;
		height: 39px;
		color: #4b5664;
		font-size: 14px;
		line-height: 37px;
		border: 1px solid #CFDBE8;
		background: #F5FAFF;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.freeBox .txtBox form input::-webkit-input-placeholder{color:#4b5664;}
	.freeBox .txtBox form input::-moz-placeholder{color:#4b5664;opacity:1;}
	.freeBox .txtBox form input:-moz-placeholder{color:#4b5664;opacity:1;}
	.freeBox .txtBox form p {
		margin-bottom: 29px;
		color: #323232;
		font-size: 14px;
	}
	.freeBox .txtBox form p a {
		color: #1379d7;
		text-decoration: underline;
	}
	.freeBox .txtBox form .submit {
		margin: 0 -3px 10px;
		text-align: center;
	}
	.freeBox .txtBox form .submit li {
		margin: 0 3px;
		display: inline-block;
	}
	.freeBox .txtBox .link a {
		display: block;
		color: #1B89E2;
		font-size: 18px;
		line-height: 45px;
		text-align: center;
		border: 2px solid #1B89E2;
		border-radius: 5px;
	}

/* ----------------------------------------------------------------
	- Footer -
-----------------------------------------------------------------*/
	
	.footer {
		padding: 18px 0 0;
		overflow: hidden;
		background: #374149;
	}
	.footer .inner {
		margin: 0 auto 13px;
		width: 1200px;
	}
	.footer .inner .lBox {
		width: 810px;
		float: left;
	}
	.footer .inner p {
		color: #b2bdc6;
		font-size: 12px;
		line-height: 2.25;
	}
	.footer .inner p a {
		color: #b2bdc6;
	}
	.footer .inner p a:hover {
		color: #fff;
	}
	.footer .inner .ttl {
		margin-bottom: 3px;
		color: #fff;
		font-size: 16px;
	}
	.footer .inner .rBox {
		width: 363px;
		float: right;
	}
	.footer .inner .rBox .ttl {
		margin-bottom: -24px;
		position: relative;
	}
	.footer .inner .rBox .link {
		margin-bottom: 19px;
		background: url('../images/flink1.png') center no-repeat;
	}
	.footer .inner .rBox .link:hover {
		background: url('../images/f_link_over1.png?=22') center no-repeat;
	}
	.footer .inner .rBox .link:hover img {
		opacity: 0;
	}
	.footer .inner .rBox li {
		margin-bottom: 18px;
		float: left;
	}
	.footer .inner .rBox li:nth-child(2n+1) {
		width: 205px;
	}
	.footer .inner .rBox li a {
		color: #b2bdc6;
		font-size: 12px;
	}
	.footer .inner .rBox li a:hover {
		color: #fff;
	}
	.footer .linkUl {
		margin: 0 auto;
		padding-bottom: 29px;
		width: 1202px;
	}
	.footer .linkUl li {
		float: left;
	}
	.footer .fBox {
		padding: 28px 0 31px;
		border-top: 1px solid #49555E;
	}
	.footer .fInner {
		margin: 0 auto;
		width: 1200px;
	}
	.footer .fInner .fNavi {
		margin-bottom: 31px;
		text-align: center;
	}
	.footer .fInner .fNavi li {
		margin: 0 19px 0 20px;
		display: inline-block;
		position: relative;
	}
	.footer .fInner .fNavi li + li:before {
		width: 1px;
		height: 8px;
		position: absolute;
		left: -21px;
		top: 5px;
		background: #5A6772;
		content: "";
	}
	.footer .fInner .fNavi li a {
		color: #b2bdc6;
		font-size: 14px;
	}
	.footer .fInner .fNavi li a:hover {
		color: #fff;
	}
	.footer .fInner .list {
		margin-left: 180px;
	}
	.footer .fInner .list li {
		margin-right: 54px;
		float: left;
		color: #b2bdc6;
		font-size: 14px;
		text-align: center;
		cursor: pointer;
	}
	.footer .fInner .list li.li04 {
		margin-right: 47px;
	}
	.footer .fInner .list li.li05 {
		margin-right: 38px;
	}
	.footer .fInner .list li img {
		margin: 0 auto 11px;
		display: block;
	}
	.footer .fInner .list li:hover {
		color: #fff;
		background: url('../images/f_img19_over.png') no-repeat center top;
	}
	.footer .fInner .list li.li02:hover {
		background: url('../images/f_img20_over.png') no-repeat center top;
	}
	.footer .fInner .list li.li03:hover {
		background: url('../images/f_img21_over.png') no-repeat center top;
	}
	.footer .fInner .list li.li04:hover {
		background: url('../images/f_img22_over.png') no-repeat center top;
	}
	.footer .fInner .list li.li05:hover {
		background: url('../images/f_img23_over.png') no-repeat center top;
	}
	.footer .fInner .list li.li06:hover {
		background: url('../images/f_img24_over.png') no-repeat center top;
	}
	.footer .fInner .list li:hover img {
		visibility: hidden;
	}
	.footer .copyright {
		color: #b2bdc6;
		font-size: 13px;
		line-height: 54px;
		text-align: center;
		background: #2C353B;
	}

/* ----------------------------------------------------------------
	Login - After head Login - 头部登录?
-----------------------------------------------------------------*/
	
	.loginBox .subLogin ul {
	}
	.loginBox .subLogin li {
		line-height: 26px;
		display: inline;
		color: #fff;
	}
	.loginBox .subLogin li span {
		color: #fff600;
	}
	.loginBox .subLogin li a img {
		margin-left: 10px;
	}
	.loginBox .subLogin .li01{
		margin-right: 5px;
		position: relative;
	}
	.loginBox .subLogin .li01 img {
		margin-left: 2px;
		display: inline-block;
		vertical-align: middle;
	}
	.loginBox .subLogin .li01 i {
		display: inline-block;
		position: absolute;
		top: -7px;
		right: -7px;
		background-color: #ff0;
		color: #333;
		font-style: normal;
		width: 14px;
		text-align: center;
		line-height:14px;
		border-radius: 5px;
	}
	.loginBox .subLogin .li02 {
		margin-right: 5px;
	}
	.loginBox .subLogin .li03 a {
		color: #fff;
		margin: 0 2px;
	}
	.loginBox .subLogin .li03 a:hover {
		color: #fff;
	}
	.loginBox .subLogin .li03 .color1 {
		color:#00ff00;
	}
	.loginBox .subLogin .li03 .color2 {
		color:#ffff00;          
	}
	.loginBox .subLogin .li03 .color3 {
		color:#ffffff;
	}
	.loginBox .subLogin .li04 {
		margin-right: 0;
		width: 60px;
	}
	.loginBox .subLogin .li04 a {
		width: 60px;
		line-height: 24px;
		height: 24px;
		display: inline-block;
		text-align: center;
		color: #c0c0c0;
	}

/* ----------------------------------------------------------------
	- News - 公告
-----------------------------------------------------------------*/
	
	.newSection {

		height: 45px;
		position: relative;
		z-index: 200;
		border-bottom: 1px solid #DEE5E9;
		background: #fff;
	}
	.newSection .newsBox {
		width: 1200px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		font-size: 14px;
	}
	.newSection dl {
		width: 1070px;
		float: left;
	}
	.newSection .comLink {
		margin-top: 7px;
		width: 115px;
		float: right;
	}
	.newSection .comLink a {
		display: block;
		color: #35A8FF;
		font-size: 14px;
		line-height: 28px;
		text-align: center;
		border: 2px solid #35A8FF;
		border-radius: 16px;
	}
	
.newSection .comLink a:hover {
		border: 2px solid #35c9ff;
		color: #35c9ff;
}

	.newSection .comLink a img {
		margin: -3px 9px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.newSection dt {
		float: left;
		color: #32a8ff;
		font-size: 14px;
		line-height: 42px;
	}
	.newSection dt img {
		margin: -2px 5px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.newSection dd {
		height: 42px;
		color: #323232;
		line-height: 42px;
		padding: 0 0 0 96px;
	}
	.newSection dd li {
		height: 42px;
		line-height: 42px;
		overflow: hidden;
		font-size: 14px;
		color: #323232;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.newSection dd li a {
		height: 42px;
		line-height: 42px;
		overflow: hidden;
		font-size: 14px;
		color: #323232;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.newSection .hd {
		padding: 0;
		height: 5px;
		position: absolute;
		top: 14px;
		right: 0;
	}
	.newSection .hd .prev {
		margin-right: 20px;
	}
	.newSection .hd span {
		display: block;
	}
	.newSection .hd a {
		cursor: pointer;
		margin-right: 2px;
		display: block;
		color: #666;
		float: left;
	}
.newSection_fixed {
    top: 120px;
    height: 45px;
    position: fixed;
    z-index: 200;
    border-bottom: 1px solid #DEE5E9;
    background: #fff;
    width: 100%;
}
/* ----------------------------------------------------------------
	- Index -
-----------------------------------------------------------------*/
	
	#index .mainImg {
		max-width: 1920px;
		margin: 0 auto;
		height: 450px;
		position: relative;
		text-align: center;
	}
	#index .mainImg .foo {
		height: 450px;
	}
	#index .mainImg li {
		width: 1920px;
		margin: 0 auto;
		float: left;
		text-align: center;
	}
	#index .mainImg li img {
		text-align: center;
	}
	#index .mainImg .foopage {
		margin: -30px auto 0;
		text-align: center;
		z-index: 900;
		position: relative;
		box-sizing: border-box;
	}
	#index .mainImg .foopage a {
		margin: 0 3px 0 4px;
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #019ffb;
	}
	#index .mainImg .foopage a.selected {
		background: #fff;
	}
	#index .mainImg .foopage a span {
		display: none;
	}
	#index #main h2 {
		margin-bottom: 45px;
		text-align: center;
	}
	/* section 01 */
		#index #main .section01 {
			padding: 32px 0 42px;
			box-sizing: border-box;
		}
		#index #main .section01 .item {
			margin-top: 29px;
			width: 364px; /* width: 335px;*/
			float: left;
			position: relative;
			background: #fff;
			box-shadow: 0 3px 19px rgba(185,202,213,0.82);
		}
		#index #main .section01 .item02 {
			margin: 0 30px;
			width: 390px;
		}
		#index #main .section01 .item .ttl {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
		}
		#index #main .section01 .item .photo {
			margin: 0;
			/*padding-top: 2px;*/
			position: relative;
			z-index: 1;
		}
		#index #main .section01 .item .photo a { display: block; }
		#index #main .section01 .item .photo a > img {
			width: 100%; /*width: 257px;*/
			max-width: 100%;
		}
		#index #main .section01 .item:hover:before {
			background: url('../images/index/item_sm_hover.png') center no-repeat;
			background-size: contain;
		}
		#index #main .section01 .item:before {
			display: block;
			background: url('../images/index/item_sm.png') center no-repeat;
			background-size: contain;
			/* width: 343px; height: 240px;*/
			position: absolute;
			left: 0; right: 0;
			top: 0; bottom: 0;
			/*
			left: 6px; right: 6px;
			top: 6px; bottom: 6px;
			border: 2px solid #00C0FF;
			background: transparent;
			*/
			box-sizing: border-box;
			content: " ";
			z-index: 0;
		}
		#index #main .section01 .item .photo span {
			text-align: center;
			display: none;
			margin: auto;
			position: absolute;
			left: 0; right: 0;
			top: 50%;
		}
		#index #main .section01 .item02:hover:before {
			background: url('../images/index/item_lg_hover.png') center no-repeat;
			background-size: contain;
		}
		#index #main .section01 .item02:before {
			background: url('../images/index/item_lg.png') center no-repeat;
			background-size: contain;
		}
		#index #main .section01 .item .photo a:hover span {
			display: block;
		}
		#index #main .section01 .item .txtBox {
			padding: 0 9px 15px;
			/*height: 179px;*/
			position: relative;
			box-sizing: border-box;
		}
		#index #main .section01 .item .txtBox .img {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 2;
		}
		#index #main .section01 .item .txtBox p {
			height: 4.1em;
			margin-top: 5px;
			margin-bottom: 5px;
			color: #343e46;
			font-size: 12px;
			line-height: 2;
			text-align: center;
		}
		#index #main .section01 .item .txtBox ul {
			display: flex;
			justify-content: space-between;
			margin-right: 2em;
		}
		#index #main .section01 .item .txtBox li {
			margin: 0 4px;
			/*width: 71px;*/
			/*float: left;*/
		}
		#index #main .section01 .item .txtBox li a {
			display: block;
			position: relative;
			color: #323232;
			font-size: 12px;
			text-align: center;
		}
		#index #main .section01 .item .txtBox li a .img { width: 100%; }
		#index #main .section01 .item .txtBox li a img {
			margin: 0 auto 5px;
			display: block;
		}
		#index #main .section01 .item .txtBox li a span {
			padding-top: 15px;
			display: none;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0; bottom: 0.95em;
			color: #32a8ff;
			font-size: 14px;
			text-align: center;
			border: 1px solid #35A8FF;
			border-radius: 10px;
			background: rgba(255,255,255,0.89);
			box-sizing: border-box;
		}
		#index #main .section01 .item .txtBox li a:hover {
			color: #32a8ff;
		}
		#index #main .section01 .item .txtBox li a:hover span {
			display: block;
		}
		#index #main .section01 .item02:before {
			/*
			width: 400px;
			height: 280px;
			*/
		}
		#index #main .section01 .item02 .txtBox {
			padding: 7px 12px;
			/*height: 194px;*/
		}
		#index #main .section01 .item02 .txtBox .img {
			width: 2.2em;
			top: -0.6em;
			right: 0;
		}
		#index #main .section01 .item02 .txtBox .img img {
			width: 100%;
		}
		#index #main .section01 .item02 .txtBox p {
			height: 3.6em;
			/*margin-bottom: 15px;*/
		}
		#index #main .section01 .item02 .txtBox ul {
			margin-bottom: 12px;
		}
		#index #main .section01 .item02 .txtBox li {
			/*margin: 0 7px 0 8px;*/
			/*width: 76px;*/
		}
		#index #main .section01 .item02 .txtBox li a img {
			margin-bottom: 9px;
		}
		#index #main .section01 .item02 .txtBox li a span {
			padding-top: 16px;
			width: 78px;
			height: 78px;
		}
	/* section 02 */
		#index #main .section02 {
			padding: 31px 0 0;
			box-sizing: border-box;
			background: #fff;
		}
		#index #main .section02 h2 {
			margin-bottom: 0;
		}
		#index #main .section02 .tabNavi {
			float: left;
			/*margin: 50px 6px 0 0;*/
			margin: 0;
			width: 25%;
			max-width:275px;
			padding-top:50px;
			position: relative;
			z-index: 10;
		}
		#index #main .section02 .tabNavi li {
			margin-bottom: 13px;
		}
		#index #main .section02 .tabNavi li a {
			padding: 25px 0 0 20px;
			display: block;
			position: relative;
			height: 100px;
			box-sizing: border-box;
			color: #bdc9d2;
			font-size: 14px;
			box-shadow: 0 3px 14px rgba(185,202,213,0.53);
		}
		#index #main .section02 .tabNavi li.on a,
		#index #main .section02 .tabNavi li a:hover {
			color: #32a8ff;
		}
		#index #main .section02 .tabNavi li.on a span,
		#index #main .section02 .tabNavi li a:hover span {
			color: #32a8ff;
		}
		#index #main .section02 .tabNavi li a:before {
			width: 10px;
			height: 20px;
			position: absolute;
			right: -9px;
			top: 44px;
			content: "";
		}
		#index #main .section02 .tabNavi li a:before {
			background: url('../images/index/innerBox/menu-bg.png') no-repeat center right;
		}
		#index #main .section02 .tabNavi li.on a:before,
		#index #main .section02 .tabNavi li a:hover:before {
			background: url('../images/index/innerBox/menu-bg-hover.png') no-repeat center right;
		}
		/* innerBox's Tab */
		.section02 .innerBox .tabNavi {}
		.section02 .innerBox .tabNavi a {
			display:block;
			text-align: right;
			width: 264px;
			height: 74px;
			padding-right:23px;
			padding-top:28px;
			margin-bottom:30px;
			position:relative;
			background: url('../images/index/innerBox/menu-bg.png') no-repeat center left;
			background-size: cover;
		}
		.section02 .innerBox .tabNavi a.select, .section02 .innerBox .tabNavi a:hover, .section02 .tabNavi .on a {
			background: url('../images/index/innerBox/menu-bg-hover.png') no-repeat center left;
			background-size: cover;
		}
		.section02 .innerBox .tabNavi a.select h3, .section02 .innerBox .tabNavi a.select span, .section02 .innerBox .tabNavi a:hover h3, .section02 .innerBox .tabNavi a:hover span {
			color:#7f4d4f
		}
		.section02 .innerBox .tabNavi a.select i, .section02 .innerBox .tabNavi a:hover i {
			opacity:1
		}
		.section02 .innerBox .tabNavi h3 {
			width:113px;
			position: absolute;
			right:24px;
			bottom:28px;
		}
		.section02 .innerBox .tabNavi span {
			display:block;
			color:#777;
			font-size: 20px;
			margin-bottom: 13px;
		}
		.section02 .innerBox .tabNavi img {
			position:absolute;
			left:2px;
			bottom:2px;
		}
		.section02 .innerBox .tabNavi i {
			opacity:0;
			width:6px;
			height:7px;
			position:absolute;
			right:-6px;
			top:48px;
			/*background: url('../images/index/innerBox/indexClassify.png?=563') no-repeat*/
		}
		/* innerBox's Main */
		#index #main .section02 .innerBox .tabPanel {
			float: right;
			width: 75%;
			max-width: 954px;
			/*height: 590px;*/
			height: 572px;
			position: relative;
			overflow: hidden;
		}
		#index #main .section02 .innerBox .tabPanel .boxLeft {
			position: absolute;
			left: 0px;
			-webkit-animation: ani_boxLeft 0.8s linear alternate;
			animation: ani_boxLeft 0.8s linear alternate;
		}
		@keyframes ani_boxLeft{
			0%{visibility:hidden;opacity:0.2;left:80px}to{visibility:visible;opacity:1;left:0px}
		}
		#index #main .section02 .innerBox .tabPanel .boxRight {
			position: absolute;
			right: 0px;
			-webkit-animation: ani_boxRight 0.8s linear alternate;
			animation: ani_boxRight 0.8s linear alternate;
		}
		@keyframes ani_boxRight{
			0%{visibility:hidden;opacity:0.2;right:80px}to{visibility:visible;opacity:1;right:0px}
		}

		#index #main .section02 .innerBox .tabPanel .tit {
			margin-top: 50px;
			height:300px;
			line-height:300px
		}
		#index #main .section02 .innerBox .tabPanel .lis {
			text-align: center;
			width: 518px;
			height: 92px;
			line-height: 92px;
			margin: 0 auto;
			position: relative;
			z-index: 2;
		}
		#index #main .section02 .innerBox .tabPanel .lis .icon-csl {
			width:74px;
			float:left;
		}
		#index #main .section02 .innerBox .tabPanel .lis .icon-csl .hov {
			display: none;
		}
		#index #main .section02 .innerBox .tabPanel .lis .icon-csl:hover .nor {
			display: none;
		}
		#index #main .section02 .innerBox .tabPanel .lis .icon-csl:hover .hov {
			display: block;
		}
		#index #main .section02 .innerBox .tabPanel a {
			margin:30px auto 0;
			padding: 0 0 3px;
			width:168px;
			height:59px;
			line-height:52px;
			text-align:center;
			display:block;
			font-size:16px;
			letter-spacing: 0.2em;
			color:#fff;
			/*border-radius:24px;*/
			background: url('../images/index/innerBox/indexClassifyBtn.png') no-repeat;
			-webkit-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		}
		#index #main .section02 .innerBox .tabPanel a:hover {
			background: url('../images/index/innerBox/indexClassifyBtn_hover.png') no-repeat;
			padding: 3px 0 0;
			/*-webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px);*/
		}
		#index #main .section02 .innerBox .tabPanel .bg {
			position:absolute;
			right:0px;
			bottom:0;
			z-index:1;
		}

		#index #main .section02 .innerBox .tabPanel .bg .ani{
			z-index:3;
		}

		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_01-1{
			position: absolute;
			bottom: 8px;

			right: 73px;
			-webkit-animation: ani_01-1 0.6s linear infinite alternate;
			animation: ani_01-1 0.6s linear infinite alternate;
		}
		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_01-2{
			position: absolute;
			top: 0px;
			right: 252px;
			-webkit-animation: ani_01-2 0.6s linear infinite alternate;
			animation: ani_01-2 0.6s linear infinite alternate;
		}
		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_02-1{
			position: absolute;
			bottom: 28px;
			right: 230px;
			-webkit-animation: ani_02-1 0.6s linear infinite alternate;
			animation: ani_02-1 0.6s linear infinite alternate;
		}
		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_03-1{
			position: absolute;
			bottom: 98px;
			right: 60px;
			-webkit-animation: ani_03-1 0.6s linear infinite alternate;
			animation: ani_03-1 0.6s linear infinite alternate;
		}
		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_03-2{
			position: absolute;
			bottom: 166px;
			right: 15px;
			-webkit-animation: ani_03-2 0.6s linear infinite alternate;
			animation: ani_03-2 0.6s linear infinite alternate;
		}
		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_04-1{
			position: absolute;
			bottom: 63px;
			right: 16px;
			-webkit-animation: ani_04-1 0.6s linear infinite alternate;
			animation: ani_04-1 0.6s linear infinite alternate;
		}
		#index #main .section02 .innerBox .tabPanel .bg .ani .ani_04-2{
			position: absolute;
			top: 16px;
			left: 52px;
			-webkit-animation: ani_04-2 0.6s linear infinite alternate;
			animation: ani_04-2 0.6s linear infinite alternate;
		}

		@keyframes ani_01-1{
			0%{bottom:8px}to{bottom:18px}
		}
		@keyframes ani_01-2{
			0%{top:0px}to{top:10px}
		}
		@keyframes ani_02-1{
			0%{bottom:28px}to{bottom:40px}
		}
		@keyframes ani_03-1{
			0%{bottom:98px}to{bottom:85px}
		}
		@keyframes ani_03-2{
			0%{bottom:166px}to{bottom:180px;right:26px}
		}
		@keyframes ani_04-1{
			0%{bottom:63px}to{bottom:35px;right:28px}
		}
		@keyframes ani_04-2{
			0%{top:16px}to{top:0px;left:78px}
		}

		/*
		#index #main .section02 .photo {
			margin: 0 -40px 0 -79px;
			float: left;
			position: relative;
			z-index: 5;
		}
		#index #main .section02 .inner {
			margin-top: 50px;
			padding: 10px;
			width: 502px;
			height: 438px;
			float: right;
			box-sizing: border-box;
			background: url('../images/index/bg01.png') no-repeat;
		}
		#index #main .section02 .inner .txtBox {
			margin-top: 62px;
			width: 266px;
			float: left;
		}
		#index #main .section02 .inner .txtBox .ttl {
			margin-bottom: 56px;
			position: relative;
			color: #343e46;
			font-size: 24px;
			text-align: center;
		}
		#index #main .section02 .inner .txtBox .ttl img {
			margin: 0 auto 18px;
			display: block;
		}
		#index #main .section02 .inner .txtBox .ttl:before {
			margin-left: -13px;
			width: 26px;
			height: 5px;
			position: absolute;
			left: 50%;
			bottom: -34px;
			background: #C0D8EB;
			border-radius: 2px;
			content: "";
		}
		#index #main .section02 .inner .txtBox p {
			margin-bottom: 24px;
			color: #343e46;
			font-size: 12px;
			line-height: 2;
			text-align: center;
		}
		#index #main .section02 .inner .txtBox .btn {
			text-align: center;
		}
		#index #main .section02 .inner ul {
			padding: 34px 30px 0;
			width: 210px;
			height: 418px;
			float: right;
			box-sizing: border-box;
			background: #F2F8FB;
		}
		#index #main .section02 .inner li {
			margin-bottom: 10px;
		}
		#index #main .section02 .inner li a {
			height: 80px;
			box-sizing: border-box;
			display: block;
			position: relative;
			color: #343e46;
			font-size: 18px;
			text-align: center;
			border-radius: 10px;
			border-top: 2px solid #C9DAE2;
			background: #fff;
			box-shadow: 0 2px 5px rgba(185,205,220,0.31);
		}
		#index #main .section02 .inner li a img {
			margin: 0 auto 3px;
			display: block;
		}
		#index #main .section02 .inner li a span {
			padding-top: 16px;
			display: none;
			position: absolute;
			left: 0;
			top: -2px;
			width: 100%;
			height: 80px;
			color: #32a8ff;
			font-size: 14px;
			border: 2px solid #00ABFC;
			box-sizing: border-box;
			border-radius: 10px;
			background: rgba(255,255,255,0.9);
		}
		#index #main .section02 .inner li a:hover span {
			display: block;
		}
		#index #main .section02 .inner li a span img {
			margin-bottom: 8px;
		}
		*/
	/* section 03 */
		#index #main .section03 {
			/*height: 704px;*/
			height: 589px;
			background: url('../images/index/bg02.jpg') no-repeat center #eff7fa;
		}
		#index #main .section03.on {
			height: 563px;
			background-image: url('../images/index/bg03.png');
		}
		#index #main .section03 .txtBox {
			padding-top: 35px;
			width: 500px;
		}
		#index #main .section03 .txtBox .ttl {
			margin-bottom: 30px;
			text-align: center;
		}
		#index #main .section03 .TextEditor {
			margin-bottom: 59px;
		}
		#index #main .section03 .TextEditor .ttl {
			margin-bottom: 22px;
			color: #32a8ff;
			font-size: 36px;
			font-weight: bold;
			text-align: center;
		}
		#index #main .section03 .TextEditor .txt {
			margin-bottom: 22px;
			color: #343e46;
			font-size: 14px;
			line-height: 2.15;
			text-align: center;
		}
		#index #main .section03 .btn {
			text-align: center;
		}

		#index #main .section03 .TextEditor p {
			margin-bottom: 22px;
			color: #343e46;
			font-size: 14px;
			line-height: 2.15;
		}
		#index #main .section03 .TextEditor li {
			float: left;
			color: #343e46;
			font-size: 14px;
			line-height: 1.75;
			text-align: center;
		}
		#index #main .section03 .TextEditor li:first-child {
			margin-right: 74px;
		}
		#index #main .section03 .TextEditor li img {
			margin: 0 auto 20px;
			display: block;
		}
		#index #main .section03 .TextEditor li span {
			color: #32a8ff;
		}
		#index #main .section03 .txtBox .tabNavi {
			margin: 0 auto 21px;
			width: 320px;
		}
		#index #main .section03 .txtBox .tabNavi li {
			margin: 0 5px;
			width: 150px;
			float: left;
		}
		#index #main .section03 .txtBox .tabNavi li a {
			display: block;
			color: #353f4b;
			font-size: 16px;
			line-height: 44px;
			text-align: center;
			border: 2px solid #fff;
			border-radius: 24px;
			background: #fff;
			box-shadow: 0 3px 27px rgba(180,202,216,0.69);
		}
		#index #main .section03 .txtBox .tabNavi li a:hover,
		#index #main .section03 .txtBox .tabNavi li.on a {
			border: 2px solid #35A8FF;
			color: #32a8ff;
		}
		#index #main .section03 .tabPanel p {
			margin-bottom: 22px;
			color: #343e46;
			font-size: 14px;
			line-height: 2.15;
		}
		#index #main .section03 .tabPanel02 p {
			margin: 0 -10px 42px 0;
		}
		#index #main .section03 .tabPanel02 .btn {
			text-align: center;
		}
		#index #main .section03 .tabPanel02 .btn a img {
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		#index #main .section03 .tabPanel02 .btn a:hover img {
			transform: translateY(-8px);
			-webkit-transform: translateY(-8px);
		}
		#index #main .section03 .tabPanel li {
			float: left;
			color: #343e46;
			font-size: 14px;
			line-height: 1.75;
			text-align: center;
		}
		#index #main .section03 .tabPanel li:first-child {
			margin-right: 74px;
		}
		#index #main .section03 .tabPanel li img {
			margin: 0 auto 20px;
			display: block;
		}
		#index #main .section03 .tabPanel li span {
			color: #32a8ff;
		}
	/* section 04 */
		#index #main .section04 {
			padding: 31px 0 20px;
			background: #fff;
		}
		#index #main .section04 .list {
			margin: 0 -40px 0 0;
		}
		#index #main .section04 .list li {
			margin: 0 40px 20px 0;
			width: 580px;
			float: left;
			overflow: hidden;
			zoom: 1;
		}
		#index #main .section04 .list li img {
			display: block;
			float: left;
		}
		#index #main .section04 .list li p {
			padding: 10px 22px 0 29px;
			width: 467px;
			height: 113px;
			float: right;
			color: #343e46;
			font-size: 12px;
			line-height: 2;
			border: 1px solid #00C0FF;
			border-left: none;
			box-sizing: border-box;
			border-radius: 0 10px 10px 0;
		}
		#index #main .section04 .list li p span {
			margin-bottom: 4px;
			display: block;
			font-size: 18px;
		}
		#index #main .section04 .listUl {
			/*margin-right: -68px;*/
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		#index #main .section04 .listUl li {
			/*margin-right: 67px;*/
			/*float: left;*/
			position: relative;
			color: #93a8b8;
			font-size: 14px;
			line-height: 1.5;
			text-align: center;
		}
		#index #main .section04 .listUl li img {
			display: block;
		}
		#index #main .section04 .listUl li .txt {
			display: block;
			width: 100%;
			margin-top: 3em;
			margin-bottom: 3em;
		}
		#index #main .section04 .listUl li .txt span {
			display: block;
			color: #343e46;
			font-size: 18px;
		}

		.progress-wrap {
			margin: 0 auto;
			display: flex;
		}
		.progress {
			width: 175px;
			margin: 0 auto;
			box-shadow: none;
			position: relative;
		}
		.progress-01 {
			/*background: url('../images/index/img29.png') no-repeat -13px -4px;*/
		}
		.progress-02 {
			/*background: url('../images/index/img30.png') no-repeat -13px -4px;*/
		}
		.progress-03 {
			/*background: url('../images/index/img31.png') no-repeat -13px -4px;*/
		}
		.progress-04 {
			/*background: url('../images/index/img32.png') no-repeat -13px -4px;*/
		}

		.progress-bg {
			position: relative;
			width: 202px;
			height: 202px;
			background: url('../images/index/percentage-box.png') no-repeat;
			left: -10px;
			top: -6px;
		}

		.progress-text {
			color: #009af9;
			font-size: 14px;
			text-align: center;
			width: 192px;
		}

		.progress-text span {
			display: block;
			font-size: 48px;
			line-height: 75px;
			padding-top: 45px;
		}

		.progress-text span em {
			font-size: 50%;
			font-style: normal;
			vertical-align: 0.5em;
		}

		.progress-text b {
			display: block;
			font-size: 16px;
		}

		.progress-completeness {
			position: absolute;
			top: 0;
			left: 0;
		}

		.progress p {
			color: #323232;
			font-size: 16px;
			line-height: 20px;
			text-align: center;
			margin-bottom: 25px;
		}

		.progress-mask01 {
			position: absolute;
			width: 87px;
			height: 173px;
			left: 86.5px;
			top: 0;
			overflow: hidden;
			-webkit-transform-origin: left;
			transform-origin: left;
		}

		.progress-mask01 > div {
			position: absolute;
			width: 86.5px;
			height: 173px;
			left: 0;
			top: 0;
			overflow: hidden;
		}

		.progress-mask01 > div > div {
			position: absolute;
			width: 173px;
			height: 173px;
			right: 0;
			top: 0;
			overflow: hidden;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border-radius: 50%;
			border: 15px solid rgba(247,247,248,.8);
		}

		.mask01-animation01 > div {
			-webkit-transform: rotate(38deg);
			transform: rotate(38deg);
			-webkit-transform-origin: left;
			transform-origin: left;
			-webkit-animation: mask01-turn01 .7s linear .7s infinite both;
			animation: mask01-turn01 .7s linear .7s infinite both;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.mask01-animation02 > div {
			-webkit-transform: rotate(65deg);
			transform: rotate(65deg);
			-webkit-transform-origin: left;
			transform-origin: left;
			-webkit-animation: mask01-turn02 .6s linear .7s infinite both;
			animation: mask01-turn02 .6s linear .7s infinite both;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.mask01-animation03 > div {
			-webkit-transform: rotate(30deg);
			transform: rotate(30deg);
			-webkit-transform-origin: left;
			transform-origin: left;
			-webkit-animation: mask01-turn03 .3s linear .7s infinite both;
			animation: mask01-turn03 .3s linear .7s infinite both;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.mask01-animation04 > div {
			-webkit-transform: rotate(108deg);
			transform: rotate(108deg);
			-webkit-transform-origin: left;
			transform-origin: left;
			-webkit-animation: mask01-turn04 .6s linear .7s infinite both;
			animation: mask01-turn04 .6s linear .7s infinite both;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.progress-mask02 {
			position: absolute;
			width: 87px;
			height: 173px;
			left: 0;
			top: 0;
			overflow: hidden;
		}

		.progress-mask02 > div {
			position: absolute;
			width: 86.5px;
			height: 173px;
			left: 0;
			top: 0;
			overflow: hidden;
		}

		.progress-mask02 > div > div {
			position: absolute;
			width: 173px;
			height: 173px;
			left: 0;
			top: 0;
			overflow: hidden;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border-radius: 50%;
			border: 15px solid rgba(247,247,248,.8);
		}

		.mask02-animation01 > div {
			-webkit-transform: rotate(181deg);
			transform: rotate(181deg);
			-webkit-transform-origin: right;
			transform-origin: right;
			-webkit-animation: mask02-turn01 .7s linear infinite;
			animation: mask02-turn01 .7s linear infinite;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.mask02-animation02 > div {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			-webkit-transform-origin: right;
			transform-origin: right;
			-webkit-animation: mask02-turn02 .6s linear infinite;
			animation: mask02-turn02 .6s linear infinite;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.mask02-animation03 > div {
			-webkit-transform: rotate(181deg);
			transform: rotate(181deg);
			-webkit-transform-origin: right;
			transform-origin: right;
			-webkit-animation: mask02-turn03 .7s linear infinite;
			animation: mask02-turn03 .7s linear infinite;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

		.mask02-animation04 > div {
			-webkit-transform: rotate(181deg);
			transform: rotate(181deg);
			-webkit-transform-origin: right;
			transform-origin: right;
			-webkit-animation: mask02-turn04 .7s linear infinite;
			animation: mask02-turn04 .7s linear infinite;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
		@-webkit-keyframes mask01-turn01 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(38deg);
			}
		}

		@-webkit-keyframes mask01-turn02 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(142deg);
			}
		}

		@-webkit-keyframes mask01-turn03 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(0deg);
			}
		}

		@-webkit-keyframes mask01-turn04 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(108deg);
			}
		}

		@-webkit-keyframes mask02-turn01 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(181deg);
			}
		}

		@-webkit-keyframes mask02-turn02 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(175deg);
			}
		}

		@-webkit-keyframes mask02-turn03 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(181deg);
			}
		}

		@-webkit-keyframes mask02-turn04 {
			0% {
				-webkit-transform: rotate(0deg);
			}

			to {
				-webkit-transform: rotate(181deg);
			}
		}
		
/* ----------------------------------------------------------------
	- APP -
-----------------------------------------------------------------*/
	
	#app .banner {
		background-image: url(../images/app/app_banner.jpg);
	}
	#app #main {
		background: url(../images/app/bg01.jpg) no-repeat center top;
	}
	#app #main .pages {
		margin: 0 auto;
		width: 1200px;
	}
	#app .section01 {
		padding: 60px 45px 0 0;
		position: relative;
		/*height: 668px;*/
		box-sizing: border-box;
	}
	#app .section01:before {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 1200px;
		height: 1px;
		background: #BDC9D2;
		content: "";
	}
	#app .section01 .wrap {
		/*width: auto;*/
	}
	#app .section01 .lBox {
		width: 550px;
		float: left;
		position: relative;
		z-index: 1;
	}
	#app #main .ttlBox {
		margin: 0 5px 22px 11px;
		padding-right: 11px;
		width: 468px;
		border: 1px solid #35A8FF;
		border-radius: 20px;
	}
	#app #main .ttlBox img {
		margin: -1px 0 -1px -1px;
		display: block;
		float: left;
	}
	#app #main .ttlBox .ttl {
		margin-top: 13px;
		width: 340px;
		float: right;
	}
	#app #main .ttlBox .ttl p {
		margin-bottom: 15px;
		color: #343e46;
		font-size: 36px;
		text-align: center;
	}
	#app #main .ttlBox .ttl ul {
		padding: 0 8px;
		height: 40px;
		box-sizing: border-box;
		border-radius: 20px;
		border: 2px solid #BDC9D2;
	}
	#app #main .ttlBox .ttl li {
		margin: -2px -10px;
		width: 180px;
		float: left;
	}
	#app #main .ttlBox .ttl li a {
		height: 40px;
		display: block;
		color: #343e46;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		box-sizing: border-box;
	}
	#app #main .ttlBox .ttl li.on a {
		color: #fff;
		background: #93A8B8;
		border-radius: 20px;
	}
	#app .section01 .lBox .text {
		margin: 0 0 21px;
		color: #343e46;
		font-size: 14px;
		line-height: 2.15;
	}
	#app #main .lBox .tabPanel .list {
		margin: 0 -60px 0 0;
	}
	#app #main .lBox .tabPanel .list li {
		margin: 0 60px 0 0;
		float: left;
		color: #343e46;
		font-size: 14px;
		line-height: 1.65;
		text-align: center;
	}
	#app #main .lBox .tabPanel .list li .txt {
		color: #32a8ff;
	}
	#app #main .lBox .tabPanel .list li .url {
		color: #32a8ff;
	}
	#app #main .lBox .tabPanel .list li img {
		margin: 0 auto 23px;
		display: block;
	}
	#app .section01 .photo {
		position: absolute;
		right: -405px;
		top: -60px;
	}
	#app .section02 {
		padding: 60px 0 0;
		height: 650px;
		position: relative;
		box-sizing: border-box;
	}
	#app .section02:before {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 1200px;
		height: 1px;
		background: #BDC9D2;
		content: "";
	}
	#app .section02 .wrap {
		width: auto;
	}
	#app .section02 .lBox {
		width: 502px;
		float: right;
		z-index: 1000;
		position: relative;
	}
	#app #main .section02 .lBox .ttlBox {
		margin-left: 12px;
	}
	#app .section02 .lBox .text {
		margin: 0 0 22px;
		color: #343e46;
		font-size: 14px;
		line-height: 2.15;
	}
	#app #main .section02 .lBox .list {
		margin: 0 -81px 0 7px;
	}
	#app .section02 .photo {
		position: absolute;
		left: -360px;
		top: -60px;
	}

	#app .section03 {
		padding: 60px 0 60px;
	}
	#app .section03 .inner {
		margin: 0 1px 0 0;
	}
	#app .section03 .photo {
		float: right;
	}
	#app .section03 .rBox {
		margin-top: 48px;
		width: 581px;
		float: left;
	}
	#app .section03 .rBox .ttl {
		margin-bottom: 20px;
		color: #343e46;
		font-size: 40px;
	}
	#app .section03 .rBox .ttl span {
		margin-top: 15px;
		display: block;
		color: #32a8ff;
	}
	#app .section03 .rBox p {
		margin-bottom: 41px;
		color: #343e46;
		font-size: 14px;
		line-height: 2.15;
	}
	#app .section03 .rBox .btn img {
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}
	#app .section03 .rBox .btn a:hover img {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
	}

	/* New */
		#app .it {
		    margin-bottom: 25px;
		}
		#app .it:after {
		    visibility: hidden;
		    display: block;
		    font-size: 0;
		    content: "\20";
		    clear: both;
		    height: 0;
		}
		#app .it .logo {
		    margin-right: 25px;
		    float: left;
		}
		#app .it .txt {
		    float: left;
		    width: 387px;
		    height: 120px;
		    background: url(../images/app/app-title.png) no-repeat center;
		}
		#app .bg {
			position: relative;
		    float: right;
			width: 550px;
		}
		#app .chips {
		    animation-duration: 1.8s;
		    position: absolute;
		    top: 130px;
		    left: 510px;
		    z-index: 5;
		    /*width: 14%;*/
		}
		#app .blue-dice {
		    animation-duration: 1.8s;
		    position: absolute;
		    top: 236px;
		    left: -53px;
		    z-index: 7;
		}
		#app .heart-a {
		    animation-duration: 1.5s;
		    position: absolute;
		    top: 330px;
		    left: -72px;
		    z-index: 6;
		}
		#app .shark {
		    position: absolute;
		    animation-duration: 1.8s;
		    top: 80px;
		    left: -80px;
		    z-index: 8;
		    /*width: 20%;*/
		}
		#app .spade-a {
		    animation-duration: 1.5s;
		    position: absolute;
		    top: 388px;
		    left: 488px;
		    z-index: 3;
		    /*width: 22%;*/
		}
		#app .photo-1 {
		    animation-duration: 1s;
		    position: absolute;
		    top: 32px;
		    left: 140px;
		    z-index: 3;
		}
		#app .photo-2 {
		    animation-duration: 1.6s;
		    position: absolute;
		    top: 60px;
		    left: -24px;
		    z-index: 1;
		}
		#app .photo-3 {
		    animation-duration: 1.6s;
		    position: absolute;
		    top: 60px;
		    left: 342px;
		    z-index: 1;
		}
		#app .character1 {
		    animation-duration: .8s;
		    position: absolute;
		    top: 255px;
		    left: 26px;
		    z-index: 6;
		    /*width: 38%;*/
		}
		#app .character2 {
		    animation-duration: .8s;
		    position: absolute;
		    top: 308px;
		    left: 285px;
		    z-index: 6;
		    /*width: 30%;*/
		}
		#app .btn {
		    height: 88px;
		    text-align: center;
		    padding: 3rem 0;
		    clear: both;
		}
		#app .btn a {
		    display: inline-block;
		    height: 90px;
		    width: 386px;
		}
		#app .btn a.select.ios, #main .btn a:hover.ios {
		    background: url(../images/app/ios-btn_Hover.png) no-repeat;
		}
		#app .btn a.ios {
		    background: url(../images/app/ios-btn.png) no-repeat;
		}
		#app .btn a.select.android, #main .btn a:hover.android {
		    background: url(../images/app/android-btn_Hover.png) no-repeat;
		}
		#app .btn a.android {
		    margin-left: 124px;
		    background: url(../images/app/android-btn.png) no-repeat;
		}
		#app .downTxt {
		    text-align: center;
			padding-bottom: 30px;
		}

	
/* ----------------------------------------------------------------
	- Egame -
-----------------------------------------------------------------*/
	
	#egame .banner {
		background: url(../images/egame/egame_banner.jpg) no-repeat center top;
	}
	#egame #main {
		padding: 60px 0 59px;
		background: url(../images/egame/bg.jpg) no-repeat center top;
	}
	#main {
		position: relative;
		/*z-index: 1;*/
	}
	#egame .pages {
		padding-left: 460px;
		width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#egame #main .linkUl {
		margin: 0 -25px 59px 0;
	}
	#egame #main .linkUl li {
		margin-right: 10px;
		width: 240px;
		float: left;
	}
	#egame #main .linkUl li a {
		height: 94px;
		display: block;
		position: relative;
		padding: 19px 20px 20px 20px;
		background: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		box-shadow: 0 3px 9px rgba(174,195,204,0.5);
	}
	#egame #main .linkUl li.on a:before,
	#egame #main .linkUl li a:hover:before {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 2px solid #35A8FF;
		box-sizing: border-box;
		border-radius: 10px;
		content: "";
	}
	#egame #main .linkUl li a img {
		display: block;
		float: right;
	}
	#egame #main .linkUl li a .txtBox {
		margin-top: 6px;
		display: block;
		float: left;
		color: #748199;
		font-size: 13px;
	}
	#egame #main .linkUl li a .txtBox span {
		margin-bottom: 14px;
		display: block;
		color: #343e46;
		font-size: 18px;
	}
	#egame #main .linkUl li.on a .txtBox span,
	#egame #main .linkUl li a:hover .txtBox span {
		color: #32a8ff;
	}
	#egame #main .tabPanel {
		margin-bottom: 59px;
	}
	#egame #main .tabPanel .ttl {
		margin-bottom: 22px;
		color: #32a8ff;
		font-size: 36px;
		font-weight: bold;
		text-align: center;
	}
	#egame #main .tabPanel .txt {
		margin-bottom: 22px;
		color: #343e46;
		font-size: 14px;
		line-height: 2.15;
		text-align: center;
	}
	#egame #main .tabPanel .btn {
		text-align: center;
	}
	#egame #main .title {
		margin-bottom: 20px;
	}
	#egame #main .listUl {
		margin-bottom: 31px;
	}
	#egame #main .listUl li {
		margin: 0 -1px -1px 0;
		width: 149px;
		float: left;
	}
	#egame #main .listUl li a {
		height: 123px;
		position: relative;
		box-sizing: border-box;
		display: block;
		color: #343e46;
		font-size: 12px;
		text-align: center;
		border: 1px solid #CED5E3;
		background: #fff;
	}
	#egame #main .listUl li a:hover {
		color: #32a8ff;
	}
	#egame #main .listUl li a:hover:before {
		width: 149px;
		height: 123px;
		position: absolute;
		left: -1px;
		top: -1px;
		z-index: 2;
		box-sizing: border-box;
		border: 2px solid #35A8FF;
		content: "";
	}
	#egame #main .listUl li a img {
		display: block;
		margin: 0 auto 4px;
	}
	#egame #main .ulList li {
		width: 246px;
		float: left;
	}
	#egame #main .ulList li a {
		display: block;
		color: #93a8b8;
		font-size: 10px;
		letter-spacing: 1px;
		text-align: center;
	}
	#egame #main .ulList li img {
		margin: 0 auto 9px;
		display: block;
	}
	#egame #main .ulList li span {
		margin-bottom: 9px;
		display: block;
		color: #343e46;
		font-size: 14px;
		letter-spacing: 0;
	}

/* ----------------------------------------------------------------
	- Slots -
-----------------------------------------------------------------*/
	
	#slots .banner {
		background: url(../images/slots/slots_banner.jpg) no-repeat center top;
	}
	#slots #main {
		    padding-top: 30px;
    margin-bottom: 30px;
		background: url(../images/slots/bg01.jpg) no-repeat center top;
	}
	#slots .pages {
		width: 1200px;
		margin: 0 auto;
	}
	#slots .pages .linkUl {
		margin: 0 -20px 30px 0;
	}
	#slots .pages .linkUl li {
		margin-right: 20px;
		width: 285px;
		float: left;
	}
	#slots .pages .linkUl li a {
		padding: 4px 4px 9px;
		display: block;
		position: relative;
		color: #343e46;
		font-size: 16px;
		line-height: 53px;
		text-align: center;
		border-radius: 10px;
		background-color: #FFF;
		border: 1px solid #fff;
		box-shadow: 0 4px 10px #d7dbde;
	}
	#slots .pages .linkUl li a:hover {
		border: 1px solid #35A8FF;
	}
	#slots .pages .linkUl li a .img {
		display: block;
		position: relative;
	}
	#slots .pages .linkUl li a:hover .img:before {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.59;
		background: #343e46;
		border-radius: 10px;
		content: "";
	}
	#slots .pages .linkUl li a:hover .img:after {
		width: 85px;
		height: 74px;
		position: absolute;
		left: 96px;
		top: 59px;
		z-index: 1;
		background: url(../images/slots/btn.png) no-repeat;
		content: "";
	}
	#slots .pages .linkUl li a .txtBox {
		display: block;
	}
	#slots .pages .linkUl li a .txt {
		margin-bottom: -1px;
		display: block;
	}
	#slots .pages .linkUl li a .txt img {
		margin: -2px 12px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	#slots .pages .linkUl li a .priceBox {
		margin: 0 auto;
		width: 264px;
		display: block;
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height: 36px;
		background: url(../images/slots/bg02.png) no-repeat;
	}
	#slots .pages .linkUl li a .priceBox .price {
		margin-left: 10px;
		font-weight: bold;
	}
	#slots .pages .linkUl li a .priceBox .price span {
		color: #eaff00;
		font-size: 17px;
	}
	#slots #main .section {
	    height: 359px;
		border: 1px solid #D0D6E2;
		background: #fff;
	}
	#slots #main .section ul {
		margin-bottom: 22px;
	}
	#slots #main .section li {
		width: 171px;
		float: left;
	}
	#slots #main .section li a {
		display: block;
		position: relative;
		color: #343e46;
		font-size: 14px;
		line-height: 59px;
		text-align: center;
		border-right: 1px solid #D0D6E2;
		border-bottom: 1px solid #D0D6E2;
	}
	#slots #main .section li:nth-child(7n) {
		width: 172px;
	}
	#slots #main .section li:nth-child(7n) a {
		border-right: none;
	}
	#slots #main .section li a:hover {
		color: #32a8ff;
	}
	#slots #main .section li a:hover:before {
		width: 171px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
		box-sizing: border-box;
		border: 2px solid #35A8FF;
		content: "";
	}
	#slots #main .section li:nth-child(7n) a:before {
		width: 173px;
	}
	#slots #main .section li a img {
		margin: -6px 10px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	#slots #main .section li a .dj {
		display: block;
		position: absolute;
		right: -11px;
		top: -6px;
		z-index: 99;
	}
	#slots #main .section .photo {
		margin: 0 auto;
		display: inline-block;
	}
	#slots .listUl {
		position: relative;
	}
	#slots .listUl .on {
        background: linear-gradient(to left, #d7eaf9, #ffffff);
	}
	#slots .tabBox {
    	padding: 9px 0;
    	overflow: hidden;
	}
	#slots .topBox .tabUl li:hover a::before {
		content: ' ';
		display: block;
		background: url("../images/slots/gotopalay.png") center no-repeat rgba(52, 62, 70, 0.4);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 91;
	}

/* More */
	#slots #AddTo a::before{
    	background: none !important;
	}
	#slots #main .section #AddTo a:hover {
    	color: #343e46;
	}
	#slots #main .section .on #AddTo a:active { 
    	background: none !important;
	}
	#slots #main .section #AddTo a:hover:before {
		border: none;
	}
	#slots #AddTo a:hover{
		background: rgba(52, 62, 70, 0.1) !important;
	}

/* ----------------------------------------------------------------
	- Live -
-----------------------------------------------------------------*/
	
	.banner {
		height: 280px;
		background: url(../images/live/live_banner.jpg) no-repeat center top;
	}
	#live #main {
		padding: 30px 0 0;
		background: url(../images/live/bg01.jpg) no-repeat center top;
	}
	#live .pages {
		width: 1200px;
		margin: 0 auto;
	}
	#live #main .itemBox {
		margin: 0 -20px 30px 0;
	}
	#live #main .item {
		margin-right: 20px;
		width: 590px;
		float: left;
	}
	#live #main .item a {
		display: block;
		position: relative;
		border-radius: 10px;
		box-shadow: 0 3px 9px rgba(174,195,204,0.5);
	}
	#live #main .item a .txtBox {
		padding: 21px 42px 20px 43px;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: none;
		box-sizing: border-box;
		background: #fff;
		border-radius: 10px;
		border: 1px solid #35A8FF;
	}
	#live #main .item a:hover .txtBox {
		display: block;
	}
	#live #main .item a .txtBox .ttlBox {
		margin-bottom: 21px;
	}
	#live #main .item a .txtBox .lBox {
		margin-top: 2px;
		float: left;
	}
	#live #main .item a .txtBox .ttl {
		margin-bottom: 19px;
		color: #343e46;
		font-size: 18px;
	}
	#live #main .item a .txtBox .ttl img {
		margin: -3px 10px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	#live #main .item a .txtBox p {
		color: #343e46;
		font-size: 12px;
	}
	#live #main .item a .txtBox .btn {
		float: right;
	}
	#live #main .item a .txtBox ul {
		margin: 0 -12px 0 -10px;
	}
	#live #main .item a .txtBox li {
		width: 75px;
		float: left;
		color: #343e46;
		font-size: 12px;
		text-align: center;
	}
	#live #main .item a .txtBox li span {
		margin: 0 auto 10px;
		padding-top: 9px;
		width: 47px;
		height: 47px;
		display: block;
		text-align: center;
		border: 1px solid rgba(50,168,255,0.3);
		border-radius: 50%;
		box-sizing: border-box;
	}
	#live #main .listUl {
		margin-right: -25px;
	}
	#live #main .listUl li {
		margin: 0 25px 30px 0;
		width: 220px;
		float: left;
		position: relative;
		color: #343e46;
		font-size: 18px;
		box-shadow: 0 3px 9px rgba(174,195,204,0.5);
		background: #fff;
		border-radius: 5px;
	}
	#live #main .listUl li a {
		display: block;
		position: relative;
		color: #343e46;
		font-size: 18px;
	}
	#live #main .listUl li a:hover {
		color: #32a8ff;
	}
	#live #main .listUl li a:hover:before {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		/*box-sizing: border-box;*/
		border: 2px solid #35A8FF;
		border-radius: 5px;
		content: "";
	}
	#live #main .listUl li a:hover:after {
		width: 85px;
		height: 74px;
		position: absolute;
		left: 68px;
		top: 92px;
		background: url(../images/live/btn02.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo03 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo03_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo04 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo04_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo05 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo05_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo06 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo06_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo07 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo07_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo08 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo08_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo09 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo09_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo10 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo10_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo11 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo11_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo012 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo12_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo13 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo13_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo14 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo14_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo15 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo15_hov.png) no-repeat;
		content: "";
	}
#live #main .listUl .photo16 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo16_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo17 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo17_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo18 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo18_hov.png) no-repeat;
		content: "";
	}
		#live #main .listUl .photo19 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo19_hov.png) no-repeat;
		content: "";
	}
		#live #main .listUl .photo20 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo20_hov.png) no-repeat;
		content: "";
	}
		#live #main .listUl .photo21 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo21_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo22 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo22_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo23 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo23_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo24 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo24_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl .photo25 a:hover:before {
		width: 220px;
		height: 320px;
		position: absolute;
		left: -2px;
		top: -2px;
		background: url(../images/live/photo25_hov.png) no-repeat;
		content: "";
	}
	#live #main .listUl li .txtBox {
		display: block;
		position: absolute;
		left: 21px;
		bottom: 20px;
	}
	#live #main .listUl li .txtBox img {
		margin-bottom: 6px;
		display: block;
	}
	#live #main .listUl li .more .txtBox {
		width: 100%;
		left: 0;
		text-align: center;
	}

/* ----------------------------------------------------------------
	- Sports -
-----------------------------------------------------------------*/
	
	#sports .banner {
		background: url(../images/sports/sports_banner.jpg) no-repeat center top;
	}
	#sports #main {
		padding: 31px 0 29px;
		background: url(../images/sports/bg.jpg) no-repeat center top;
	}
	#sports .pages {
		width: 1200px;
		margin: 0 auto;
	}
	#sports .pages ul {
		margin: 0 -20px 11px 0;
	}
	#sports .pages li {
		margin: 0 20px 20px 0;
		width: 285px;
		height: 289px;
		float: left;
		position: relative;
		box-shadow: 0 3px 9px rgba(174,195,204,0.5);
	}
	#sports .pages li a {
		display: block;
		position: relative;
	}
	#sports .pages li a .btn {
		position: absolute;
		left: 101px;
		top: 57px;
		z-index: 20;
		display: none;
	}
	#sports .pages li a:hover .btn {
		display: block;
	}
	#sports .pages li a:hover:before {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		border: 3px solid #35A8FF;
		box-sizing: border-box;
		content: "";
	}
	#sports .pages li a:hover:after {
		width: 285px;
		height: 185px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.6;
		background: #343e46;
		content: "";
	}
	#sports .pages li .txtBox {
		display: block;
		padding: 30px 0 0 21px;
		width: 100%;
		height: 104px;
		z-index: 2;
		color: #93a8b8;
		font-size: 12px;
		box-sizing: border-box;
		background-color: #FFF;
		position: relative;
	}
	#sports .pages li a:hover .txtBox {
		color: #32a8ff;
	}
	#sports .pages li .txtBox span {
		margin-bottom: 14px;
		display: block;
		color: #343e46;
		font-size: 18px;
	}
	#sports .pages li a:hover .txtBox span {
		color: #32a8ff;
	}
	#sports .pages li .txtBox img {
		position: absolute;
		right: 20px;
		top: 28px;
	}
	#sports .pages .img {
		text-align: center;
	}
	#sports .pages li.more .txtBox {
		color: #91a3af;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#sports .pages li.more .arrow {
		display: block;
		position: absolute;
		right: 20px;
		top: 31px;
		width: 42px;
		height: 42px;
		background: url(../images/sports/arrow.png) no-repeat center top;
	}

/* ----------------------------------------------------------------
	- Poker -
-----------------------------------------------------------------*/
	
	#poker .banner {
		background: url(../images/poker/poker_banner.jpg) no-repeat center top;
	}
	#poker #main {
		padding: 30px 0;
		background: url(../images/poker/bg01.jpg) no-repeat center top;
	}
	/*#poker #main li a {
		display: block;
		position: relative;
		color: #343e46;
		font-size: 16px;
		line-height: 55px;
		text-align: center;
	}*/
	#poker #main li a:hover {
		color: #32a8ff;
	}
	#poker #main .linkUl li a img {
		margin: -2px 10px 0 -1px;
		display: inline-block;
		vertical-align: middle;
	}
	/*#poker #main .photo img {
		margin: 0 auto;
		display: block;
	}*/
	#poker #main .section {
		padding-bottom: 10px;
		border: 1px solid #D0D6E2;
		background: #fff;
	}
	#poker #main .section .listUl ul {
		margin-bottom: 22px;
	}
	#poker #main .section .listUl li {
		width: 171px;
		float: left;
	}
	#poker #main .section .listUl li a {
		display: block;
		position: relative;
		color: #343e46;
		font-size: 14px;
		line-height: 59px;
		text-align: center;
		border-right: 1px solid #D0D6E2;
		border-bottom: 1px solid #D0D6E2;
	}
	#poker #main .section .listUl li:nth-child(7n) {
		width: 172px;
	}
	#poker #main .section .listUl li:nth-child(7n) a {
		border-right: none;
	}
	#poker #main .section .listUl li a:hover {
		color: #32a8ff;
	}
	#poker #main .section .listUl li a:hover:before {
		width: 171px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
		box-sizing: border-box;
		border: 2px solid #35A8FF;
		content: "";
	}
	#poker #main .section .listUl li:nth-child(7n) a:before {
		width: 173px;
	}
	#poker #main .section .listUl li a img {
		margin: -6px 5px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	#poker #main .section .listUl li a .dj {
		display: block;
		position: absolute;
		right: -11px;
		top: -6px;
		z-index: 10;
	}
	#poker #main .section .photo {
		margin: 0 auto;
		display: inline-block;
	}
	/* */
	#poker .pages {
	    width: 1200px;
	    margin: 0 auto;	
		/*min-height: 700px;
	    position: relative;*/
	}
	#poker .pages .linkUl {
	    margin: 0 -20px 30px 0;
	}
	#poker .pages .linkUl li {
	    margin-right: 20px;
	    width: 285px;
	    float: left;
	}
	#poker .pages .linkUl li a {
	    display: block;
	    position: relative;
	    color: #343e46;
	    font-size: 16px;
	    line-height: 53px;
	    text-align: center;
	    border-radius: 10px;
	    background-color: #FFF;
	    border: 1px solid #fff;
	    box-shadow: 0 4px 10px #d7dbde;
		height: 295px;
	}
	#poker .pages .linkUl li a .img {
	    display: block;
	    position: relative;
	}
	#poker .pages .linkUl li a .txtBox {
	    display: block;
	}
	#poker .pages .linkUl li a .txt {
	    display: block;
	}
	#poker .pages .linkUl li .txt img {
	    margin: -5px 12px 0 0 !important;
	    display: inline-block;
	    vertical-align: middle;
	}
	#poker .pages .linkUl li a:hover {
	    border: 1px solid #35A8FF;
	}
	#poker .pages .linkUl li a:hover .img1:after {
	    width: 285px;
	    height: 238px;
	    position: absolute;
		left: -1px;
	    top: -2px;
	    z-index: 1;
	    background: url(../images/poker/qb-01_hover.png) no-repeat top;
	    content: "";
	}
	#poker .pages .linkUl li a:hover .img2:after {
	    width: 285px;
	    height: 238px;
	    position: absolute;
		left: -1px;
	    top: -2px;
	    z-index: 1;
	    background: url(../images/poker/qb-02_hover.png) no-repeat top;
	    content: "";
	}
	#poker .pages .linkUl li a:hover .img3:after {
	    width: 285px;
	    height: 238px;
	    position: absolute;
		left: -1px;
	    top: -2px;
	    z-index: 1;
	    background: url(../images/poker/qb-03_hover.png) no-repeat top;
	    content: "";
	}
	#poker .pages .linkUl li a:hover .img4:after {
	    width: 285px;
	    height: 238px;
	    position: absolute;
		left: -1px;
	    top: -2px;
	    z-index: 1;
	    background: url(../images/poker/qb-4_hover.png) no-repeat top;
	    content: "";
	}
	/* Tab Content */
	#poker .tabBox {
	    padding: 9px 0;
	    overflow: hidden;
	}
	#poker .titleBox {
	    height: 100px;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    margin-top: 28px;
	    margin-bottom: 30px;
	    position: relative;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	}
	#poker .titleBox .tit img {
		border: 0;
	    vertical-align: middle;
	}
	#poker .titleBox .searchbox {
	    background: #f5f5f5;
	    width: 246px;
	    height: 50px;
	    margin-right: 14px;
	    border-radius: 50px;
	    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15);
	}
	#poker .titleBox .searchbox form {
	    height: 50px;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	#poker .titleBox .searchbox .int {
	    font-size: 16px;
	    line-height: 16px;
	    background: transparent;
	    width: 160px;
	    padding: 0 0 0 20px;
	    border: 0;
	}
	#poker .titleBox .searchbox .searchbtn {
	    color: transparent;
	    display: block;
	    background: url(../images/poker/search-btn.png) center right no-repeat;
	    width: 65px;
	    height: 50px;
	    border: 0;
	}
	#poker .gameUl {
	    min-height: 480px;
	    margin-left: 9px;
	}
	#poker .gameUl li {
	    width: 190px;
	    height: 187px;
	    float: left;
	    margin: 0 7px 7px 0;
	    text-align: center;
	    position: relative;
	    background: url(../images/poker/bg.png) no-repeat center center;
	}
	#poker .gameUl li a {
	    display: inline-block;
	    width: 190px;
	    height: 187px;
	    border-radius: 10px;
	    padding-bottom: 0px;
	    position: relative;
	    vertical-align: middle;
	    /*transition-property: transform;
	    -webkit-transition: all 1s;
	    -moz-transition: all 1s;
	    -o-transition: all 1s;*/
	}
	#poker .gameUl li a:hover::after {
	/*	display: none;*/
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0px;
	    right: 0;
	    width: 190px;
	    height: 187px;
	    margin: auto;
	    background: url(../images/poker/hov.png) no-repeat center top;
	    z-index: 2;
	}
	#poker .gameUl li a:hover {
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	}

	#poker .gameUl li img {
	    max-width: 125px;
	    max-height: 120px;
	    margin: 25px auto 0;
	}
	#poker .gameUl li a span {
	    text-decoration: none;
	    color: #000;
	    font-size: 16px;
	    font-weight: bold;
	    margin-top: 3px;
	    display: block;
	    text-align: center;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 14px;
	    z-index: 2;
	}
	#poker .clearfix::after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: "\20";
	    clear: both;
	    height: 0;
	}
	#poker i.tip {
	    display: block;
	    width: 50px;
	    height: 35px;
	    position: absolute;
	    top: 8px;
	    left: 5px;
	    z-index: 4;
	}
	#poker .ky-icon {
	    background: url(../images/poker/tab-logo/ky.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .fg-icon {
	    background: url(../images/poker/tab-logo/fg.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .leg-icon {
	    background: url(../images/poker/tab-logo/leg+.png?=3) left center no-repeat;
	    background-size: contain;
	}
	#poker .mg-icon {
	    background: url(../images/poker/tab-logo/mg.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .jdb-icon {
	    background: url(../images/poker/tab-logo/jdb.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .nw-icon {
	    background: url(../images/poker/tab-logo/nw.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .hlqp-icon {
	    background: url(../images/poker/tab-logo/hlqp.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .vg-icon {
	    background: url(../images/poker/tab-logo/vg.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .js-icon {
	    background: url(../images/poker/tab-logo/js1.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .yg-icon {
	    background: url(../images/poker/tab-logo/yg.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .mt-icon {
	    background: url(../images/poker/tab-logo/mt.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .bsp-icon {
	    background: url(../images/poker/tab-logo/bsp.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .drs-icon {
	    background: url(../images/poker/tab-logo/drs.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .scg-icon {
	    background: url(../images/poker/tab-logo/scg.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .gpk-icon {
	    background: url(../images/poker/tab-logo/gpk.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .cq-icon {
	    background: url(../images/poker/tab-logo/cq9.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .jl-icon {
	    background: url(../images/poker/tab-logo/jl2.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .bts-icon {
	    background: url(../images/poker/tab-logo/bts.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .wwg-icon {
	    background: url(../images/poker/tab-logo/wwg.png) left center no-repeat;
	    background-size: contain;
	}
	#poker .tag-type-02 .gameUl li a::before {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 92px;
	    height: 89px;
	    background: url(../images/poker/OX/tip.png) no-repeat left top;
	    z-index: 3;
	}
	#poker .gameUl li .gameImg {
	    width: 145px;
	    height: 145px;
	    margin: 10px auto 0;
	    background-repeat: no-repeat;
	    background-position: center left;
	}
	#poker .gameUl li:hover .gameImg {
	    background-position: center right;
	}
	#poker .listUl .on {
	    background: linear-gradient(to left, #d7eaf9, #ffffff);
	}
	#poker .topBox .tabUl li:hover a::before {
		content: ' ';
		display: block;
		background: url("../images/poker/gotopalay.png") center no-repeat rgba(52, 62, 70, 0.4);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 91;
	}

/* ----------------------------------------------------------------
	- Lottery -
-----------------------------------------------------------------*/
	
	#lottery .banner {
		background-image: url(../images/lottery/lottery_banner.jpg);
	}
	#lottery #main {
		padding: 10px 0 30px;
		background: url(../images/lottery/bg01.jpg) no-repeat center top;
	}
	#lottery .pages {
		width: 1200px;
		margin: 0 auto;
	}
	#lottery #main .list {
		margin: 0 -20px 0 0;
	}
	#lottery #main .list li {
		margin: 20px 20px 0 0;
		width: 285px;
		height: 320px;
		float: left;
		box-sizing: border-box;
		box-shadow: 0 4px 10px #d7dbde;
		background: url(../images/lottery/bg02.png) no-repeat center top;
	}
	#lottery #main .list li a {
		padding: 40px 30px 0;
		height: 320px;
		display: block;
		position: relative;
		color: #343e46;
		font-size: 18px;
		box-sizing: border-box;
	}
	#lottery #main .list li a:hover {
		color: #32a8ff;
		background: url(../images/lottery/bg03.png) no-repeat center top;
	}
	#lottery #main .list li a:hover:before {
		width: 199px;
		height: 199px;
		position: absolute;
		left: 43px;
		top: 40px;
		opacity: 0.5;
		background: #343e46;
		border-radius: 50%;
		content: "";
	}
	#lottery #main .list li a:hover:after {
		width: 85px;
		height: 74px;
		position: absolute;
		left: 101px;
		top: 103px;
		z-index: 1;
		background: url(../images/lottery/btn.png) no-repeat;
		content: "";
	}
	#lottery #main .list li a > img {
		margin: 0 auto;
		display: block;
	}
	#lottery #main .list li a span {
		padding: 20px 0 0;
		display: block;
		line-height: 43px;
		position: relative;
	}
	#lottery #main .list li a span img {
		display: block;
		float: right;
		width: 42px;
		margin-right: -10px;
	}
	#lottery #main .list li.more {
		padding-top: 272px;
		color: #343e46;
		font-size: 18px;
	}
	#lottery #main .list li.more span {
		display: block;
		text-align: center;
	}
	#lottery #main .list li.more img {
		margin: -2px 8px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
#lottery #main .list li.more:hover {
	    color: #32a8ff;
}
#lottery #main .list li .gz {
	    position: absolute;
    top: 186px;
    
    margin-left: 122px;
    z-index: 10000000;
    cursor: pointer;
    color: #32a8ff;
}

/* ----------------------------------------------------------------
	- Fish -
-----------------------------------------------------------------*/
	
	#fish .banner {
		background: url(../images/fish/fish_banner.jpg) no-repeat center top;
	}
	#fish #main {
		padding: 25px 0;
		background: url(../images/fish/bg01.jpg) no-repeat center top;
	}
	#fish #main .pages {
		margin: 0 auto;
		width: 1210px;
	}
	#fish #main .section ul {
		margin-right: -2px;
	}
	#fish #main .section li {
		margin-right: 2px;
		width: 200px;
		float: left;
	}
	#fish #main .section li a {
		padding-top: 33px;
		height: 210px;
		display: block;
		position: relative;
		color: #343e46;
		font-size: 14px;
		text-align: center;
		box-sizing: border-box;
		background: url(../images/fish/bg02.png) no-repeat;
	}
	#fish #main .section li a:hover {
		color: #32a8ff;
		background: url(../images/fish/bg03.png) no-repeat;
	}
	#fish #main .section li a:hover .img img {
		opacity: 0.3;
	}
	#fish #main .section li a:hover:before {
		width: 85px;
		height: 74px;
		position: absolute;
		left: 58px;
		top: 57px;
		z-index: 1;
		background: url(../images/fish/btn.png) no-repeat;
		content: "";
	}
	
	#fish #main .section li a img {
		margin: 10px auto 20px;
		display: block;
	}
	#fish #main .section li.more {
		padding-top: 68px;
		height: 210px;
		color: #343e46;
		font-size: 14px;
		text-align: center;
		box-sizing: border-box;
		background: url(../images/fish/bg02.png) no-repeat;
	}
	#fish #main .section li.more img {
		margin: 0 auto 55px;
		display: block;
	}

	#fish .pages {
	    width: 1200px;
	    margin: 0 auto;
	}
	#fish .pages .linkUl {
	    /*margin: 0 -20px 30px 0;*/
		margin: 6px -20px 30px 4px;
	}
	#fish .pages .linkUl li {
	    margin-right: 20px;
	    width: 285px !important;
	    float: left;
	}
	#fish .pages .linkUl li a {
	    display: block;
	    position: relative;
	    color: #343e46;
	    font-size: 16px;
	    line-height: 53px;
	    text-align: center;
	    border-radius: 10px;
	    background-color: #FFF;
	    border: 1px solid #fff;
	    box-shadow: 0 4px 10px #d7dbde;
		height: 295px;
	}
	#fish .pages .linkUl li a .img {
	    display: block;
	    position: relative;
	}
	#fish .pages .linkUl li a .txtBox {
	    display: block;
	}
	#fish .pages .linkUl li a .txt {
	    display: block;
		margin-top: -7px;
	}
	#fish .pages .linkUl li .txt img {
	    margin: -5px 12px 0 0 !important;
	    display: inline-block;
	    vertical-align: middle;
	}
	#fish .pages .linkUl li a:hover {
	    border: 1px solid #35A8FF;
	}
	#fish .pages .linkUl li a:hover .img1:after {
	    width: 285px;
	    height: 236px;
	    position: absolute;
		left: 0px;
	    top: 0px;
	    z-index: 1;
	    background: url(../images/fish/by-01_hover.png) no-repeat top;
	    content: "";
	}
	#fish .pages .linkUl li a:hover .img2:after {
	    width: 285px;
	    height: 236px;
	    position: absolute;
		left: 0px;
	    top: 0px;
	    z-index: 1;
	    background: url(../images/fish/by-02_hover+.png) no-repeat top;
	    content: "";
	}
	#fish .pages .linkUl li a:hover .img3:after {
	    width: 285px;
	    height: 236px;
	    position: absolute;
		left: 0px;
	    top: 0px;
	    z-index: 1;
	    background: url(../images/fish/by-03_hover.png) no-repeat top;
	    content: "";
	}
	#fish .pages .linkUl li a:hover .img4:after {
	    width: 285px;
	    height: 236px;
	    position: absolute;
		left: 0px;
	    top: 0px;
	    z-index: 1;
	    background: url(../images/fish/by-04_hover.png) no-repeat top;
	    content: "";
	}


/* ----------------------------------------------------------------
	- Promotion -
-----------------------------------------------------------------*/
	
	#promotion1 .banner {
		background: url(../images/promotion/promotion_banner.jpg) no-repeat center top;
	}
	#promotion #main {
		padding: 30px 0;
		position: relative;
		background: url(../images/promotion/bg01.jpg) no-repeat center top;
	}
	#promotion #main .wrap {
		margin: 0 auto;
		width: 1200px;
		position: relative;
		border: 1px solid #B7C6E1;
		box-sizing: border-box;
		background-color: #FFF;
	}
	#promotion #main .navi {
		margin-bottom: 20px;
		padding: 7px 20px;
		text-align: center;
		border-bottom: 1px solid #B7C6E1;
	}
	#promotion #main .navi li {
		margin: 0 20px 0 0;
		width: 97px;
		position: relative;
		float: left;
	}
	#promotion #main .navi li a {
		display: block;
		color: #343e46;
		font-size: 14px;
		line-height: 35px;
		text-align: center;
		box-sizing: border-box;
		background: url(../images/promotion/bg02.png) no-repeat;
	}
	#promotion #main .navi li a:hover,
	#promotion #main .navi li.on a {
		color: #32a8ff;
		background: url(../images/promotion/bg03.png) no-repeat;
	}
	#promotion #main .bannerUl {
		margin-left: 2px;
	}
	#promotion #main .bannerUl li {
		margin: 0 0 20px 18px;
		float: left;
	}
	#promotion #main .bannerUl li .jsBox {
		display: none;
		margin: 5px 20px 10px 0;
	}
	#promotion #main .bannerUl li .jsBox p {
		padding: 15px 0 0;
		color: #43474f;
		line-height: 2;
	}
	#promotion .cover {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 9999;
		background: rgba(255,255,255,0.5);
	}
	#promotion .pop {
		margin-left: -600px;
		padding: 0 7px;
		box-sizing: border-box;
		width: 1200px;
		height: 685px;
		position: absolute;
		left: 50%;
		top: 23px;
		display: none;
		z-index: 10000;
		box-sizing: border-box;
		box-sizing: border-box;
		background: url(../images/promotion/bg06.png) no-repeat;
	}
	#promotion .pop .close {
		position: absolute;
		right: 30px;
		top: 23px;
	}
	#promotion .pop .subPop {
		position: relative;
		border-radius: 20px;
		background: #fff;
	}
	#promotion .pop .subPop .bgBox {
		padding: 30px 23px 28px;
	}
	#promotion .pop .ttl {
		padding-bottom: 2px;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		line-height: 63px;
		text-align: center;
		background: url(../images/promotion/bg01.png) no-repeat center top;
	}
	#promotion .pop .ttl span {
		display: inline-block;
	}
	#promotion .pop .ttl img {
		display: inline-block;
		vertical-align: middle;
		margin: 0 15px;
	}
	#promotion .pop dl {
		margin-bottom: 30px;
		padding-bottom: 5px;
		border-bottom: 1px solid #BDC9D2;
	}
	#promotion .pop dt {
		margin-bottom: 12px;
		color: #32a8ff;
		font-size: 18px;
		font-weight: bold;
	}
	#promotion .pop dd {
		padding-bottom: 20px;
	}
		#promotion .pop dd p {
		color: #374149;
		font-size: 14px;
		line-height: 2.0;
	}
	#promotion .pop dd p span {
		color: #ff0000;
	}
	#promotion .pop dd table {
		margin: 12px 0 10px;
		width: 1140px;
		border-collapse: collapse;
	}
	#promotion .pop dd th,
	#promotion .pop dd td {
		color: #374149;
		font-size: 12px;
		line-height: 33px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #BDC9D2;
	}
	#promotion .pop dd th {
		background: #E8F4FC;
		color: #2991e4;
		font-weight:bold;
		font-size: 14px;
	}
	#promotion .pop .listUl {
		margin: 0 auto;
		width: 380px;
	}
	#promotion .pop .listUl li {
		margin: 0 5px;
		width: 180px;
		float: left;
	}
	#promotion .pop .listUl li a {
		display: block;
		color: #32a8ff;
		font-size: 18px;
		line-height: 50px;
		text-align: center;
		background: url(../images/promotion/bg04.png) no-repeat;
	}
	#promotion .pop .listUl li a:hover {
		color: #fff;
		background: url(../images/promotion/bg05.png) no-repeat;
	}

/* ----------------------------------------------------------------
	- Hongbao -
-----------------------------------------------------------------*/
	
	#hongbao .banner {
		background-image: url(../images/hongbao/hongbao_banner.jpg);
	}
	#hongbao #main {
		padding: 30px 0 0;
		background: url(../images/hongbao/bg01.jpg) no-repeat center top;
	}
	#hongbao #main .pages {
		margin: 0 auto;
		width: 1200px;
	}
	#hongbao #main ul {
		margin-right: -40px;
	}
	#hongbao #main li {
		margin: 0 38px 30px 0;
		width: 210px;
		height: 310px;
		float: left;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		color: #fff;
		font-size: 16px;
		text-align: center;
		border-radius: 5px 5px 8px 5px;
		box-shadow: 0 12px 20px rgba(184,42,39,0.44);
		background: url(../images/hongbao/bg02.png) no-repeat;
	}
	#hongbao #main li:hover {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
	}
	#hongbao #main li a {
		padding-top: 101px;
		display: block;
		color: #fff;
	}
	#hongbao #main li:hover a {
		color: #fffc00;
	}
	#hongbao #main li a img {
		margin: 0 auto 7px;
		display: block;
	}
	#hongbao #main li.more {
		padding-top: 262px;
		box-sizing: border-box;
		transform: none !important;
		-webkit-transform: none !important;
	}

/* ----------------------------------------------------------------
	- Niuniu -
-----------------------------------------------------------------*/
	
	#niuniu .banner {
		background-image: url(../images/niuniu/niuniu_banner.jpg);
	}
	#niuniu #main {
		padding: 30px 0 0;
		background: url(../images/niuniu/bg01.jpg) no-repeat center top;
	}
	#niuniu #main .pages {
		margin: 0 auto;
		width: 1200px;
	}
	#niuniu #main li {
		margin: 0 16px 35px 23px;
		width: 200px;
		float: left;
		position: relative;
	}
	#niuniu #main li a {
		padding: 9px 0 0 0;
		display: block;
		color: #343e46;
		font-size: 14px;
		text-align: center;
		background: url(../images/niuniu/bg02.png) no-repeat center top;
	}
	#niuniu #main li.more {
		color: #343e46;
		font-size: 14px;
		text-align: center;
		background: url(../images/niuniu/bg02.png) no-repeat center top;
	}
	#niuniu #main li a:hover {
		color: #32a8ff;
		background-image: url(../images/niuniu/bg03.png);
	}
	#niuniu #main li a .img {
		margin: 0 auto 20px;
		display: block;
	}
	#niuniu #main li a:hover .img {
		opacity: 0.3;
	}
	#niuniu #main li a .btn {
		display: none;
		position: absolute;
		left: 58px;
		top: 64px;
	}
	#niuniu #main li a:hover .btn {
		display: block;
	}
	#niuniu #main li.more .img {
		margin: 79px auto 90px;
		display: block;
	}

/* ----------------------------------------------------------------
	- About -
-----------------------------------------------------------------*/
	
	.mb0 {
		margin-bottom: 0 !important;
	}
	#about #main {
		padding: 31px 0 37px;
		background: url(../images/about/bg01.jpg) no-repeat center top;
	}
	#about #main .wrap {
		margin: 0 auto;
		padding: 0 19px;
		width: 1200px;
		position: relative;
	}
	#about #main .pages {
		overflow: hidden;
		zoom: 1;
	}
	#about #main .sideUl {
		margin: 0 0 30px 262px;
	}
	#about #main .sideUl li {
		margin-right: 19px;
		width: 97px;
		float: left;
	}
	#about #main .sideUl li a {
		display: block;
		color: #343e46;
		font-size: 16px;
		line-height: 35px;
		text-align: center;
		background: url(../images/about/bg02.png) no-repeat;
	}
	#about #main .sideUl li a:hover,
	#about #main .sideUl li.on a {
		color: #32a8ff;
		background: url(../images/about/bg03.png) no-repeat;
	}
	#about #conts {
		padding: 38px 27px 38px 30px;
		border: 1px solid #D5E1EA;
		background: #fff;
	}
	#about #conts .photo {
		margin: 60px 0 30px 50px;
		padding: 23px 22px 0 0;
		float: right;
		background: url(../images/about/bg04.png) no-repeat;
	}
	#about #conts h2 {
		margin-bottom: 28px;
		color: #343e46;
		font-size: 24px;
		    font-weight: bold;
    text-align: left;
	}
	#about #conts h3 {
		margin-bottom: 33px;
		color: #32a8ff;
		font-size: 24px;
		font-weight: normal;
	}
	#about #conts h4 {
		margin: 0 0 20px;
		color: #32a8ff;
		font-size: 18px;
		font-weight: normal;
	}
	#about #conts .h3Ttl {
		margin-bottom: 43px;
	}
	#about #conts p {
		margin-bottom: 45px;
		color: #343e46;
		font-size: 14px;
		line-height: 2.58;
	}
	#about #conts p a {
		color: #32a8ff;
	}
	#about #conts .ttl {
		margin-bottom: 10px;
	}
	#about #conts p span {
		color: #32a8ff;
	}
	#about #conts .txt {
		margin-bottom: 39px;
		text-indent: 2em;
	}
	#about #conts .title {
		font-size: 16px;
		color: #323232;
	}
	#about #conts .textUl li {
		color: #343e46;
		font-size: 14px;
		line-height: 2.15;
		text-indent: -13px;
		padding: 0 0 20px 13px;
	}
	#about #conts .textUl li a {
		color: #32a8ff;
		font-weight: bold;
	}
	#about #conts .textUl li span {
		color: #32a8ff;
		font-weight: bold;
	}
	#about #conts .note {
		margin-bottom: 0;
		color: #32a8ff;
		font-size: 20px;
		text-align: center;
	}
	#about #conts table {
		margin-bottom: 40px;
		width: 100%;
		border-collapse: collapse;
	}
	#about #conts th,
	#about #conts td {
		color: #343e46;
		font-size: 14px;
		line-height: 38px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #BDC9D2;
	}
	#about #conts th {
		background: #E8F4FC;
		font-weight:normal;
	}

/* ----------------------------------------------------------------
	- Deposit -
-----------------------------------------------------------------*/
	
	#deposit .newSection {
		border-top: 1px solid #F6F6F6;
	}
	#deposit #main {
		padding: 29px 0 38px;
	}
	#deposit .pages {
		margin: 0 auto;
		width: 1200px;
		padding: 26px 30px 1px;
		border-radius: 10px;
		background: #fff;
		box-sizing: border-box;
		box-shadow: 0 3px 5px rgba(219,232,243,0.73);
	}
	#deposit .pages h2 {
		margin-bottom: 17px;
		padding-bottom: 31px;
		color: #323232;
		font-size: 30px;
		text-align: center;
		border-bottom: 3px solid #E7E7E7;
	}
	#deposit .pages .txt {
		margin-bottom: 19px;
		color: #636363;
		font-size: 14px;
		line-height: 2.6;
	}
	#deposit .pages h3 {
		margin-bottom: 29px;
		padding: 27px 0 0 22px;
		position: relative;
		border-top: 1px dotted #CFDBE8;
		color: #636363;
		font-size: 14px;
		font-weight: normal; 
	}
	#deposit .pages h3:before {
		width: 3px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 27px;
		background: #A58F5A;
		content: "";
	}
	#deposit .pages h3 span {
		margin-bottom: 19px;
		display: block;
		color: #a58f5a;
		font-size: 24px;
		font-weight: bold;
	}
	#deposit .pages ul {
		margin: 0 -20px 10px 0;
	}
	#deposit .pages li {
		margin: 0 20px 18px 0;
		width: 269px;
		float: left;
	}
	#deposit .pages li a {
		display: block;
		color: #353f4b;
		font-size: 18px;
		line-height: 72px;
		text-align: center;
		background: url(../images/deposit/bg01.png) no-repeat;
	}
	#deposit .pages li a:hover {
		color: #fff;
		background: url(../images/deposit/bg02.png) no-repeat;
	}
	#deposit .pages li a span {
		color: #a58f5a;
	}
	#deposit .pages li a:hover span {
		color: #fff;
	}
	#deposit .pages li a img {
		margin: -2px 10px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	#deposit .pages .txt02 {
		margin: -5px 0 27px 23px;
		line-height: 1.5;
	}
	#deposit .pages .txt02 span {
		color: #a58f5a;
	}

/* ----------------------------------------------------------------
	- Register -
-----------------------------------------------------------------*/
	
	
	.registerBox {
		padding: 19px 36px 0 60px;
		width: 907px;
		height: 708px;
		z-index: 20000;
		box-sizing: border-box;
		    margin: 0 0 0 125px;
		background: url(../images/register/bg01.png) no-repeat;
	}
	.registerBox .title {
		margin: 0 26px 47px 0;
		text-align: center;
	}
	.registerBox .close {
		position: absolute;
		right: 16px;
		top: 12.5px;
	}
	.registerBox .lBox {
		padding-right: 44px;
		width: 505px;
		float: left;
		position: relative;
		box-sizing: border-box;

	}
	.registerBox .lBox dt {
		margin-right: 21px;
		width: 80px;
		float: left;
		clear: both;
		color: #32a8ff;
		font-size: 14px;
		font-weight: bold;
		line-height: 39px;
		text-align: right;
	}
	.registerBox .lBox dt img {
		margin: -2px 4px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.registerBox .lBox dd {
		margin-bottom: 10px;
		position: relative;
	}
	.registerBox .lBox dd input {
		padding: 0 19px;
		width: 360px;
		height: 39px;
		color: #343e46;
		font-size: 14px;
		line-height: 39px;
		box-sizing: border-box;
		background: #EEF6FB;
		border: 1px solid #BDC9D2;
		box-shadow: none;
		border-radius: 4px;
	}
	.registerBox .lBox dd input::-webkit-input-placeholder{color:#343e46;}
	.registerBox .lBox dd input::-moz-placeholder{color:#343e46;opacity:1;}
	.registerBox .lBox dd input:-moz-placeholder{color:#343e46;opacity:1;}
	.registerBox .lBox dd img {
		position: absolute;
		right: 0;
		top: 0;
	}
	.registerBox .lBox .agree {
		margin: 8px 10px 0 0;
		color: #343e46;
		font-size: 14px;
		padding-left: 100px;
	}
	.registerBox .lBox .agree input {
		margin: -2px 10px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.registerBox .lBox .agree a {
		color: #32a8ff;
	}
	.registerBox .lBox .agree a:hover {
		color: #f00;
	}
	.registerBox .lBox .list {
		margin: 22px 0 7px 8px;
		text-align: center;
	}
	.registerBox .lBox .list li {
		margin: 0 3px;
		display: inline;
	}
	.registerBox .lBox .list li a {
		width: 129px;
		display: inline-block;
		height: 49px;
		text-align: center;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		background: url(../images/register/btn01.png) no-repeat left top;
	}
	.registerBox .lBox .list .btn02 a {
		background-image: url(../images/register/btn02.png);
	}
	.registerBox .lBox .list li a:hover {
		background-position: left -49px;
	}
	.registerBox .lBox .note1 {
		clear: both;
		margin-right: -40px;
		color: #343e46;
		font-size: 12px;
		line-height: 2.5;
	}
	.registerBox .lBox .note1 .txt1 {
		margin-bottom: -3px;
		display: block;
		color: #32a8ff;
		font-size: 14px;
		font-weight: bold;
	}
	.registerBox .lBox .note1 .icon {
		color: #ff0000!important;
	}
	.registerBox .lBox:before {
		width: 1px;
		height: 556px;
		position: absolute;
		right: -17px;
		top: 1px;
		background: #BDC9D2;
		content: "";
	}
	.registerBox .rBox {
		margin-top: 35px;
		width: 257px;
		float: right;
		text-align: center;
	}
	.registerBox .rBox .logo {
		margin: 0 0 20px -15px;
	}
	.registerBox .rBox .img {
		margin-bottom: 36px;
		color: #343e46;
		font-size: 14px;
	}
	.registerBox .rBox .img img {
		margin: 0 auto 21px;
		display: block;
	}
	.registerBox .rBox .img span {
		margin-top: 16px;
		display: block;
		color: #32a8ff;
	}

/* ----------------------------------------------------------------
	- trial -
-----------------------------------------------------------------*/
	
	.trialBg {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 19999;
		background: rgba(255,255,255,0.5);
	}
	.trialBox {
		padding: 19px 36px 0 60px;
		width: 907px;
		height: 708px;
		position: fixed;
		left: 50%;
		top: 50%;
		z-index: 20000;
		display: none;
		box-sizing: border-box;
		margin: -354px 0 0 -453px;
		background: url(../images/register/bg01.png) no-repeat;
	}
	.trialBox .title {
		margin: 0 26px 59px 0;
		text-align: center;
	}
	.trialBox .close {
		position: absolute;
		right: 16px;
		top: 12.5px;
	}
	.trialBox .lBox {
		padding-right: 44px;
		width: 505px;
		float: left;
		position: relative;
		box-sizing: border-box;
		padding-top: 70px;
	}
	.trialBox .lBox dt {
		margin-right: 21px;
		width: 80px;
		float: left;
		clear: both;
		color: #32a8ff;
		font-size: 14px;
		font-weight: bold;
		line-height: 39px;
		text-align: right;
	}
	.trialBox .lBox dt img {
		margin: -2px 4px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.trialBox .lBox dd {
		margin-bottom: 10px;
		position: relative;
	}
	.trialBox .lBox dd input {
		padding: 0 19px;
		width: 360px;
		height: 39px;
		color: #343e46;
		font-size: 14px;
		line-height: 39px;
		box-sizing: border-box;
		background: #EEF6FB;
		border: 1px solid #BDC9D2;
		box-shadow: none;
		border-radius: 4px;
	}
	.trialBox .lBox dd input::-webkit-input-placeholder{color:#343e46;}
	.trialBox .lBox dd input::-moz-placeholder{color:#343e46;opacity:1;}
	.trialBox .lBox dd input:-moz-placeholder{color:#343e46;opacity:1;}
	.trialBox .lBox dd img {
		position: absolute;
		right: 0;
		top: 0;
	}
	.trialBox .lBox .agree {
		margin: 8px 10px 0 0;
		color: #343e46;
		font-size: 14px;
		padding-left: 100px;
	}
	.trialBox .lBox .agree input {
		margin: -2px 10px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.trialBox .lBox .agree a {
		color: #32a8ff;
	}
	.trialBox .lBox .agree a:hover {
		color: #f00;
	}
	.trialBox .lBox .list {
		margin: 22px 0 7px 8px;
		text-align: center;
	}
	.trialBox .lBox .list li {
		margin: 0 3px;
		display: inline;
	}
	.trialBox .lBox .list li a {
		width: 129px;
		display: inline-block;
		height: 49px;
		text-align: center;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		background: url(../images/register/btn01.png) no-repeat left top;
	}
	.trialBox .lBox .list .btn02 a {
		background-image: url(../images/register/btn02.png);
	}
	.trialBox .lBox .list li a:hover {
		background-position: left -49px;
	}
	.trialBox .lBox .note {
		margin-right: -40px;
		color: #343e46;
		font-size: 12px;
		line-height: 2.5;
	}
	.trialBox .lBox .note .txt {
		margin-bottom: -3px;
		display: block;
		color: #32a8ff;
		font-size: 14px;
		font-weight: bold;
	}
	.trialBox .lBox .note .icon {
		color: #ff0000;
	}
	.trialBox .lBox:before {
		width: 1px;
		height: 556px;
		position: absolute;
		right: -17px;
		top: 1px;
		background: #BDC9D2;
		content: "";
	}
	.trialBox .rBox {
		margin-top: 35px;
		width: 257px;
		float: right;
		text-align: center;
	}
	.trialBox .rBox .logo {
		margin: 0 0 20px -15px;
	}
	.trialBox .rBox .img {
		margin-bottom: 36px;
		color: #343e46;
		font-size: 14px;
	}
	.trialBox .rBox .img img {
		margin: 0 auto 21px;
		display: block;
	}
	.trialBox .rBox .img span {
		margin-top: 16px;
		display: block;
		color: #32a8ff;
	}
	.trialBox dd p{
		padding-left: 19px;
		width: 360px;
		height: 39px;
		color: #343e46;
		font-size: 14px;
		line-height: 39px;
	}

/* ----------------------------------------------------------------
	- Daili -
-----------------------------------------------------------------*/
	
	.daili .photo {
		/*margin-top: 10px !important;*/
	}
	#about #main .navi {
		margin-bottom: 40px;
		padding-bottom: 22px;
		text-align: center;
		border-bottom: 1px solid #1E1E1E;
	}
	#about #main .navi li {
		margin: 0 2px;
		display: inline;
	}
	#about #main .navi  a {
		padding: 1px 18px;
		display: inline-block;
		color: #636363;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
	}
	#about #main .navi  a:hover,
	#about #main .navi .on a {
		padding: 0 17px;
		color: #21499c;
		border: 1px solid #21499c;
		border-radius: 26px;
	}
	.daili .pages form {
		width: 555px;
		float: left;
	}
	.daili .pages form dl {
		margin: 30px 0;
	}
	#about #main form dt {
		margin-right: 20px !important;
		width: 86px !important;
		float: left !important;
		clear: both !important;
		color: #636363 !important;
		font-size: 14px !important;
		line-height: 50px !important;
		text-align: right !important;
	}
	#about #main form dt span {
		color: #FF7000;
	}
	#about #main form dd {
		margin-bottom: 10px;
		width: 400px;
		float: left;
		position: relative;
	
		zoom: 1;
	}
	#about #main form dd > input {
		padding: 0 20px;
		width: 400px;
		height: 50px;
		color: #636363;
		font-size: 14px;
		line-height: 48px;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: none;
		border-radius: 5px;
	}
	#about #main form dd input::-webkit-input-placeholder{color:#636363;}
	#about #main form dd input::-moz-placeholder{color:#636363;opacity:1;}
	#about #main form dd input:-moz-placeholder{color:#636363;opacity:1;}
	#about #main form dd select {
		padding: 0 16px;
		width: 400px;
		height: 50px;
		color: #636363;
		font-size: 14px;
		line-height: 48px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		box-shadow: none;
		border-radius: 5px;
	}
	#about #main form dd.select {
		margin-right: -20px;
		width: 420px;
	}
	#about #main form dd.select select {
		margin-right: 10px;
		width: 85px;
		float: left;
	}
	#about #main form dd textarea {
		padding: 15px 20px;
		width: 400px;
		height: 200px;
		color: #636363;
		font-size: 14px;
		line-height: 1.5;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: none;
		border-radius: 5px;
	}
	#about #main form dd img {
		position: absolute;
		right: 0;
		top: 0;
	}
	#about #main form dd label {
		margin-right: 20px;
		display: block;
		float: left;
		position: relative;
	}
	.daili .pages form dd label input {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
	}
	.daili .pages form dd label span {
		padding-left: 23px;
		display: block;
		color: #b4b4b4;
		font-size: 14px;
		line-height: 50px;
		background: url(../images/daili/radio.png) no-repeat left center;
	}
	.daili .pages form dd label input:checked + span {
		background-image: url(../images/daili/radio_on.png);
	}
	#about #main form ul {
		margin: 0 auto;
		width: 380px;
		text-align: center;
	}
	#about #main form .list02 {
		margin: 30px 0 0 100px;
	}
	#about #main form ul li {
		margin: 0 5px;
		width: 129px;
		float: left;
	}
	#about #main form ul li a {
		display: block;
	}
	#about #main form .list02 li a {
		color: #21499C;
		font-size: 16px;
		line-height: 45px;
		text-align: center;
		border: 2px solid #21499C;
		border-radius: 5px;
	}
	#about #main form .list02 li a:hover {
		color: #fff;
		background: #21499C;
	}
	.daili .pages form .agree {
		margin-bottom: 30px !important;
		text-align: center;
	}
	.daili .pages form .agree input {
		margin: -2px 5px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.daili .pages p {
		line-height: 2.6;
		color: #969696;
		font-size: 14px;
	}
	.daili .pages .headLine02 {
		color: #c6a46c;
	}
	.daili .partnerTable {
		margin-bottom: 30px;
		width: 100%;
		border-collapse: collapse;
	}
	.daili .partnerTable th {
		padding: 3px;
		color: #fff;
		font-size: 14px;
		line-height: 30px;
		vertical-align: middle;
		text-align: center;
		border: 1px solid #21499c;
		background-color: #0f4ba1;
	}
	.daili .partnerTable td {
		padding: 3px;
		color: #323232;
		line-height: 30px;
		font-size: 14px;
		vertical-align: middle;
		text-align: center;
		border: 1px solid #21499c;
	}
	.daili .partnerTable td span {
		color: #F00;
	}
	.daili .pages dd {
		line-height: 2.6;
		color: #969696;
		font-size: 14px;
	}
	.daili .pages dl {
		clear: both;
	
		zoom: 1;
	}
	.daili .pages dl.last {
		border-bottom: none;
	}
	.daili .pages h2 {
		padding-top: 20px;

		font-weight:normal;
	}
	.daili .pages dt {
		line-height: 2.2;
		float: left;
		font-size: 18px;
		color: #636363;
		position: relative;
	}
	.daili .pages dd {
		float: left;
		width: 900px;
	}
	.daili .pages dd p {
		margin-bottom: 30px;
	}
	.daili .pages dd p.indent30 {
		text-indent: -25px;
		padding-left: 25px;
	}
	.daili .pages dd .color {
		color: #21499c;
	}
	.daili .pages dd .color2 {
		color: #f05f1d;
	}

	.daili .pages table span {
		color: #32a8ff;
	}

	body {
		position: relative;
	}

	/* side Box */

		.sideBox {
			position: fixed;
			top:140px;
			right: 0;
			width: 93px;
			z-index: 8100;
			transition: all 0.4s;
		}
		.sideBox>ul>li {
			padding: 0 0 10px 10px;
			position: relative;
		}
		.sideBox>ul>li {
			display: block;
			height: 70px;
			background: url(../images/side_bg01.png) no-repeat 10px top;
		}
		.sideBox>ul>li:hover {
			background: url(../images/side_bg02.png) no-repeat 10px top;
		}
		.sideBox ul>li .sub {
			display: none;
			width: 180px;
			position: absolute;
			top: 0;
			left: -180px;
			background-color: #FFF;
			border: 2px solid #0049FF;
			box-sizing: border-box;
		}
		.sideBox ul>li:hover .sub {
			display: block;
		}

		.sideBox ul>li .sub li {
			text-align: center;
			padding: 10px 12px 0;
			line-height: 20px;
			font-size: 13px;
			box-sizing: border-box;
			position: relative;
		}
		.sideBox ul>li .sub li a {
			display: flex;	
			display: -webkit-flex;
			align-items: center;
			color: #1579d4;
			padding: 15px 0 15px 8px;
			box-sizing: border-box;
			border-bottom: 1px solid #DCDCDC;
			position: relative;
		}
		.sideBox ul>li .sub li:hover {
			background-color: #0049FF;
		}
		.sideBox ul>li .sub li a:before {
			display: none;
			content:'';
			position: absolute;
			top: 50%;
			right: -14px;
			width: 5px;
			height: 11px;
			margin-top: -6px;
			background: url(../images/side_icon.png) no-repeat center top;
		}
		.sideBox ul>li .sub li:hover a:before {
			display: block;
		}
		.sideBox ul>li .sub li:hover a {
			border-bottom: 1px solid #0049FF;
		}
		.sideBox ul>li .sub li a p {
			margin-left: 8px;
			text-align: left;
			color: #323130;
			line-height: 22px;
		}
		.sideBox ul>li .sub li a p span {
			display: block;
			color: #0049ff;
		}
		.sideBox ul>li .sub li a:hover span,
		.sideBox ul>li .sub li a:hover p {
			color: #fff;
		}
		.sideBox ul>li .sub li .ma {
			display: none;
			position: absolute;
			top: 0;
			left: -130px;
		}
		.sideBox ul>li .sub li:hover .ma {
			display: block;
		}
		.sideBox ul>li .sub li a span {
			display: block;
		}
		.sideBox ul>li .sub li:hover span img {
			visibility: hidden;
		}
		.sideBox ul>li .sub li:hover .icon12 img,
		.sideBox ul>li:nth-child(2) .sub li:hover span img {
			visibility: inherit;
		}
		.sideBox ul>li .sub li:hover .icon01 { background: url(../images/side04_on.png) no-repeat center top; }
		.sideBox ul>li .sub li:hover .icon02 { background: url(../images/side05_on.png) no-repeat center top; }
		.sideBox ul>li .sub li:hover .icon03 { background: url(../images/side06_on.png) no-repeat center top; }
		.sideBox ul>li .sub li:hover .icon04 { background: url(../images/side07_on.png) no-repeat center top; }
		.sideBox ul>li .sub li:hover .icon10 { background: url(../images/side14_on.png) no-repeat center top; }
		.sideBox ul>li .sub li:hover .icon11 { background: url(../images/side15_on.png) no-repeat center top; }

/*-------PG下拉框--開始-------*/
	
	.pgBox{
		display:none;
		width: 340px;
		height: 425px;
		position: absolute;
		left: -145px;
		top: 26px;
		background: url(../images/pgbg.png) no-repeat center top;
		z-index: 10;
		padding-top: 45px;
		box-sizing: border-box;
		
	}	
	#header .hInner .listUl > li:hover .pgBox {
		display:block;
	}

	#header .hInner .pgBox .pglist {
		display: flex;
    	justify-content: space-around;
    	margin: 23px 30px 2px;
    	flex-wrap: wrap;
	}
    
	#header .hInner .pgBox .pglist .gm {
		margin: 0px 0px 6px;
		line-height: 30px;
		
	}
	#header .hInner .pgBox .pglist .gm a {
		display: block;
		position: relative;
		color: #121a26;
		font-size: 14px;
		text-align: center;
		margin-right: 0px;
	}
		
	#header .hInner .pgBox .pglist .gm a img {
		margin: 0 auto 0px;
		display: block;
	}
	#header .hInner .pgBox .pglist .gm a span {
		padding-top: 15px;
		display: none;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 0; 
		bottom:30px;
		color: #32a8ff;
		font-size: 14px;
		text-align: center;
		border: 1px solid #35A8FF;
		border-radius: 10px;
		background: rgba(255,255,255,0.89);
		box-sizing: border-box;
		margin: 0 0px;
	}

	#header .hInner .pgBox .pglist .gm .hot {
    	position: absolute;
    	top: -20px;
   	 	left: 30px;
    	z-index: 800;
	}
	#header .hInner .pgBox .pglist .gm a:hover {
		color: #32a8ff;
	}
	#header .hInner .pgBox .pglist .gm a:hover span {
		display: block;
	}
	#header .hInner .pgBox .pgmore {
		display: block;
		width: 265px;
		height: 38px;
		color:#fff;
		font-size:15px;
		margin: 0 auto;
    	border-radius: 50px;
		text-align: center;
    	line-height: 38px;
		letter-spacing: 1px;
		background: -webkit-linear-gradient(-90deg, #6ed5ff 0%, #119bf6 100%);
		background: linear-gradient(to bottom, #6ed5ff 0%,#6ed5ff 5%, #119bf6 80%, #127bcf 100%);
		box-shadow: inset 1px 3px 5px 0px #ffffff;
		
	}
	#header .hInner .pgBox .pgmore:hover {
		color:#159ff5;
		box-shadow: none;
		border: 1px solid transparent;
  		background-clip: padding-box, border-box;
  		background-origin: padding-box, border-box;
        background-image: linear-gradient(to right, #fff, #fff), linear-gradient(180deg, #6ed5ff 0%, #119bf6 100%);
		
	}
	

   /*-------PG下拉框--結束-------*/

.tabPanel .submit {
	float: left;
	border:none;
	width: 129px;
	height:49px;
	margin-right: 10px;
	 background: url(../images/daili/btn01.png) no-repeat center top;
	 cursor: pointer;
	  transition: all 0.3s;
}
.tabPanel .reset {
	float: left;
	border:none;
	width: 129px;
	height:49px;
	 background: url(../images/daili/btn02.png) no-repeat center top;
	 cursor: pointer;
	     -webkit-transition: all 0.3s;

}
.tabPanel .submit:hover {
        background-position: left -49px;
    }
.tabPanel .reset:hover {
        background-position: left -49px;
    }
#register #main {
		padding: 31px 0 37px;
		background: url(../images/about/bg01.jpg) no-repeat center top;
	}
	#register #main .wrap {
		margin: 0 auto;
		padding: 0 19px;
		width: 1200px;
		position: relative;
	}
	#register #main .pages {
		overflow: hidden;
		zoom: 1;
	}
#register #main form dd select {
    padding: 0 16px;
    margin-right: 20px;
       width: 65px;
    float: left;
    color: #636363;
    font-size: 14px;
    line-height: 48px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 5px;
        margin-right: 10px;
            margin-top: 8px;
    margin-bottom: 16px;
}
#register .submit {
	margin-left: 90px;
	float: left;
	border:none;
	width: 129px;
	height:49px;
	margin-right: 10px;
	 background: url(../images/daili/btn01.png) no-repeat left top;
	 cursor: pointer;
	 transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#register .reset {
	float: left;
	border:none;
	width: 129px;
	height:49px;
	 background: url(../images/daili/btn02.png) no-repeat left top;
	 cursor: pointer;
	     transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#register .submit:hover {
		background-position: left -49px;
	}
#register .reset:hover {
		background-position: left -49px;
	}
#register  .n {
    padding-left: 19px;
    width: 360px;
    height: 39px;
    color: #343e46;
    font-size: 14px;
    line-height: 39px;
}
.swiper-container {
    margin-top: 197px;
    height:450px;
    min-width:1200px
}
.swiper-container .swiper-slide {
    text-align:center;
    background-repeat:no-repeat;
    background-position:50% 0
}
.swiper-container .swiper-pagination {
    bottom:10px!important
}
.swiper-container .swiper-pagination-bullet {
    width:8px;
    height:8px;
    text-align:center;
    background:#019ffb;
    border-radius: 50%;
    opacity:1
}
.swiper-container .swiper-pagination-bullet-active {
      background: #fff;
}
.swiper-container .swiper-slide a {
	float: left;
	width: 100%;
	height:100%;
}

#event {
    width: 100%;
    height: 100%;
    /*    background-attachment: fixed;*/
    background: url(../images/event/bg.png) no-repeat;
    background-size: 100% auto;
    /*    background-position: center 70px;*/
    background-color: #1c2d6f;
}

#event .banner {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    max-height: 850px;
    margin: auto;
    background-size: contain;
}


#event .banner .mainpic {
    position: relative;
    width: 100%;
    height: 38vw;
    top: 0;
    background: url(../images/event/topimage.png) no-repeat;
    background-size: contain;
}

#event .banner .l_c {
    position: absolute;
    width: 100%;
    height: 38vw;
    margin-top: -38vw;
    background: url(../images/event/left_c.png) no-repeat;
    animation: float 3s infinite alternate;
    background-size: contain;
}

#event .banner .r_c {
    position: absolute;
    width: 100%;
    height: 38vw;
    margin-top: -38vw;
    background: url(../images/event/right_c.png) no-repeat;
    background-size: contain;
    animation: float 3s infinite alternate;
    animation-delay: 2s;
}

#event .banner .light1 {
    position: absolute;
    width: 100%;
    height: 38vw;
    margin-top: -38vw;
    background: url(../images/event/light1.png) no-repeat;
    background-size: contain;
    mix-blend-mode: overlay;
    animation: show1 3s infinite alternate, float 3s infinite alternate;
    /*    animation-delay: 10s;*/
}

#event .banner .light2 {
    position: absolute;
    width: 100%;
    height: 38vw;
    margin-top: -38vw;
    background: url(../images/event/light2.png) no-repeat;
    background-size: contain;
    mix-blend-mode: overlay;
    animation: show1 2s infinite;
    animation-delay: 3s;
}

#event .banner .light3 {
    position: absolute;
    width: 100%;
    height: 38vw;
    margin-top: -38vw;
    background: url(../images/event/light3.png) no-repeat;
    background-size: contain;
    mix-blend-mode: screen;
    animation: show1 1.5s infinite;
    /*    animation-delay: 3s;*/
    -webkit-mask-image: linear-gradient(to top, transparent, #fff, transparent);
    -webkit-mask-size: 100% 50%;
    mask-image: linear-gradient(to top, transparent, #fff, transparent);
    mask-size: 100% 50%;
    animation: clip-fade 1s infinite linear;
}

#event .banner .laser {
    position: absolute;
    width: 100vw;
    height: 100vw;
    margin-top: -35vw;
    margin-left: -28vw;
    background: url(../images/event/laser.png) no-repeat;
    background-size: contain;
    mix-blend-mode: screen;
    animation: laser 7s infinite linear;
    animation-delay: 3s;
    opacity: 0;
}

#event .banner .mainlight {
    position: absolute;
    width: 100%;
    height: 90%;
    background: url(../images/event/bgfx.png) no-repeat;
    background-position: center -100px;
    background-size: 100% auto;
    -webkit-mask-image: linear-gradient(to top, transparent, #fff 10%, #fff 40%, transparent, #fff 50%, #fff 90%, transparent);
    -webkit-mask-size: 100% 50%;
    mask-image: linear-gradient(to top, transparent, #fff, transparent);
    mask-size: 100% 50%;
    animation: clip-fade 1.5s infinite linear;

}

@keyframes laser {

    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
    }

    5% {
        transform: rotate(180deg) scale(3);
        opacity: 1;
    }

    10% {
        transform: rotate(360deg) scale(0.5);
        opacity: 1;
    }

    11% {
        transform: rotate(360deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        opacity: 0;
    }
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0vw);
    }

    50% {
        transform: translateY(1vw);
    }

}

@keyframes clip-fade {
    0% {
        -webkit-mask-position: bottom;
        mask-position: bottom;
    }

    100% {
        -webkit-mask-position: top;
        mask-position: top;
    }
}

#event #main {
    margin-top: -10%;
}

#event #main .pages {
    margin: 0 auto;
    width: 1200px;
}

#event .section01 {
    /*    padding: 60px 45px 0 0;*/
    position: relative;
    /*height: 668px;*/
    box-sizing: border-box;
    margin-top: -14vw;
}

#event .section01:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1200px;
    height: 1px;
    /*background: #BDC9D2;*/
    content: "";
}

#event .section01 .wrap {
    /*width: auto;*/
}

#event .section01 .wrap .btn {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

#event .section01 .wrap .btn div {
    cursor: pointer;
    width: 343px;
    height: 135px;
}

#event .section01 .wrap .btn .btn1 {
    grid-area: 1 / 1 / 2 / 5;
}

#event .section01 .wrap .btn .btn2 {
    grid-area: 1 / 5 / 2 /9;
}

#event .section01 .wrap .btn .btn3 {
    grid-area: 1 / 9 / 2 / 13;
}

#event .section01 .wrap .btn .btn4 {
    grid-area: 2 / 3 / 3 / 7;
    margin-top: -25px;
}

#event .section01 .wrap .btn .btn5 {
    grid-area: 2 / 7 / 3 / 11;
    margin-top: -25px;
}

#event .section01 .lBox {
    width: 550px;
    float: left;
    position: relative;
    z-index: 1;
}

#event #main .ttlBox {
    margin: 0 5px 22px 11px;
    padding-right: 11px;
    width: 468px;
    border: 1px solid #35A8FF;
    border-radius: 20px;
}

#event #main .ttlBox img {
    margin: -1px 0 -1px -1px;
    display: block;
    float: left;
}

#event #main .ttlBox .ttl {
    margin-top: 13px;
    width: 340px;
    float: right;
}

#event #main .ttlBox .ttl p {
    margin-bottom: 15px;
    color: #343e46;
    font-size: 36px;
    text-align: center;
}

#event #main .ttlBox .ttl ul {
    padding: 0 8px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 2px solid #BDC9D2;
}

#event #main .ttlBox .ttl li {
    margin: -2px -10px;
    width: 180px;
    float: left;
}

#event #main .ttlBox .ttl li a {
    height: 40px;
    display: block;
    color: #343e46;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}

#event #main .ttlBox .ttl li.on a {
    color: #fff;
    background: #93A8B8;
    border-radius: 20px;
}

#event .section01 .lBox .text {
    margin: 0 0 21px;
    color: #343e46;
    font-size: 14px;
    line-height: 2.15;
}

#event #main .lBox .tabPanel .list {
    margin: 0 -60px 0 0;
}

#event #main .lBox .tabPanel .list li {
    margin: 0 60px 0 0;
    float: left;
    color: #343e46;
    font-size: 14px;
    line-height: 1.65;
    text-align: center;
}

#event #main .lBox .tabPanel .list li .txt {
    color: #32a8ff;
}

#event #main .lBox .tabPanel .list li .url {
    color: #32a8ff;
}

#event #main .lBox .tabPanel .list li img {
    margin: 0 auto 23px;
    display: block;
}

#event .section01 .photo {
    position: absolute;
    right: -405px;
    top: -60px;
}

#event .section02 {
    padding: 60px 0 0;
    height: 650px;
    position: relative;
    box-sizing: border-box;
}

#event .section02:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1200px;
    height: 1px;
    background: #BDC9D2;
    content: "";
}

#event .section02 .wrap {
    width: auto;
}

#event .section02 .lBox {
    width: 502px;
    float: right;
    z-index: 1000;
    position: relative;
}

#event #main .section02 .lBox .ttlBox {
    margin-left: 12px;
}

#event .section02 .lBox .text {
    margin: 0 0 22px;
    color: #343e46;
    font-size: 14px;
    line-height: 2.15;
}

#event #main .section02 .lBox .list {
    margin: 0 -81px 0 7px;
}

#event .section02 .photo {
    position: absolute;
    left: -360px;
    top: -60px;
}

#event .section03 {
    padding: 60px 0 60px;
}

#event .section03 .inner {
    margin: 0 1px 0 0;
}

#event .section03 .photo {
    float: right;
}

#event .section03 .rBox {
    margin-top: 48px;
    width: 581px;
    float: left;
}

#event .section03 .rBox .ttl {
    margin-bottom: 20px;
    color: #343e46;
    font-size: 40px;
}

#event .section03 .rBox .ttl span {
    margin-top: 15px;
    display: block;
    color: #32a8ff;
}

#event .section03 .rBox p {
    margin-bottom: 41px;
    color: #343e46;
    font-size: 14px;
    line-height: 2.15;
}

#event .section03 .rBox .btn img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#event .section03 .rBox .btn a:hover img {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
}




#event .btn div.btn1 {
    background: url(../images/event/tab1.png) no-repeat;
}

#event .btn div.select.btn1,
#event .btn div:hover.btn1 {
    background: url(../images/event/tab1_h.png) no-repeat;
}

#event .btn div.btn2 {
    background: url(../images/event/tab2.png) no-repeat;
}

#event .btn div.select.btn2,
#event .btn div:hover.btn2 {
    background: url(../images/event/tab2_h.png) no-repeat;
}

#event .btn div.btn3 {
    background: url(../images/event/tab3.png) no-repeat;
}

#event .btn div.select.btn3,
#event .btn div:hover.btn3 {
    background: url(../images/event/tab3_h.png) no-repeat;
}

#event .btn div.btn4 {
    background: url(../images/event/tab4.png) no-repeat;
}

#event .btn div.select.btn4,
#event .btn div:hover.btn4 {
    background: url(../images/event/tab4_h.png) no-repeat;
}

#event .btn div.btn5 {
    background: url(../images/event/tab5.png) no-repeat;
}

#event .btn div.select.btn5,
#event .btn div:hover.btn5 {
    background: url(../images/event/tab5_h.png) no-repeat;
}

#event .downTxt {
    text-align: center;
    padding-bottom: 30px;
    margin-top: -40px;
}

#event .downTxt .title {
    font-size: 40px;
    text-align: center;
    padding-top: 24px;
    box-sizing: border-box;
    text-shadow: 0px 0px 8px rgb(255, 1, 1), 0px 0px 10px rgb(255, 1, 1), 0px 0px 12px rgb(255, 1, 1), 0px 0px 14px rgb(255, 1, 1);
    font-weight: 600;
}

#event .downTxt .fr {
    text-align: left;
    padding: 30px 68px;
    background-image: url(../images/event/border-mid.png);
    background-size: 100% 100%;
    background-position: center top;
}

#event .downTxt .fr .title {
    display: block;
    margin: -20px auto 0 auto;
    background: url(../images/event/maintitle_bg.png) no-repeat;
    width: 704px;
    height: 107px;
}

#event .downTxt .fr h3 {
    text-align: left;
    padding: 10px 0;
    margin-left: -30px;
}

#event .downTxt .fr p {
    font-size: 18px;
    line-height: 2;
}

#event .downTxt .fr p a {
    color: #5cffff;
}

#event table {
    margin: 12px 0 10px;
    width: 100%;
    border-collapse: collapse;
}

#event th,
#event td {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}

#event th {
    background: #1d62e0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 50px;

}

#event .hots {
    margin: 10px auto 60px auto;
    width: 100%;

}

#event .hots .title {
    display: block;
    margin: 0px auto 10px auto;
}

#event .hots .game {
    width: 397px;
    height: 270px;
    display: inline-block;
    margin: 20px 0;

}

#event .hots .game a {
    width: 100%;
    display: block;
    text-align: center;
}

#event .hots .game a img {
    width: 100%;
    height: auto;
    display: block;


}

#event .hots .game a:hover img {
    -webkit-animation: glow 2s ease-in-out both infinite;
    animation: glow 2s ease-in-out both infinite;
}

/*漸層動態*/

@-webkit-keyframes glow {

    0%,
    100% {
        filter: drop-shadow(0 0 2px snow)drop-shadow(0 -1px 2px #45ffe7)drop-shadow(-1px 1px 2px yellow)drop-shadow(1px 1px 2px #45ffe7);
    }

    33% {
        filter: drop-shadow(0 0 2px snow)drop-shadow(0 -1px 2px cyan)drop-shadow(-1px 1px 2px #45ffe7)drop-shadow(1px 1px 2px cyan);
    }

    66% {
        filter: drop-shadow(0 0 2px snow)drop-shadow(0 -1px 1px yellow)drop-shadow(-1px 1px 2px cyan)drop-shadow(1px 1px 2px yellow);
    }
}

@keyframes glow {

    0%,
    100% {
        filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.7))drop-shadow(0 -1px 1px rgba(69, 255, 231, 0.7))drop-shadow(-1px 1px 1px rgba(247, 255, 31, 0.7))drop-shadow(1px 1px 1px rgba(69, 255, 231, 0.7));

    }

    33% {
        filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.7))drop-shadow(0 -1px 1px cyan)drop-shadow(-1px 1px 1px rgba(69, 255, 231, 0.7))drop-shadow(1px 1px 1px cyan);

    }

    66% {
        filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.7))drop-shadow(0 -1px 1px rgba(247, 255, 31, 0.7))drop-shadow(-1px 1px 1px cyan)drop-shadow(1px 1px 1px rgba(247, 255, 31, 0.7));

    }
}

/*閃電動態*/
.lightning {
    position: absolute;
    width: 100vw;
    /*    margin: auto;*/
    margin-left: 0;
    margin-top: -38vw;
    z-index: 99;
}

.lightning div img {
    display: block;
    margin: auto;
    width: 100%;
}

.lightning .lightning1 {
    width: 250px;
    height: 320px;
    position: absolute;
    margin-left: 32vw;
    margin-top: 0vw;
    animation: flash_light 3s infinite;
}

.lightning .lightning2 {
    position: absolute;
    margin-left: 57vw;
    animation: flash_light 5.1s infinite;
    animation-delay: -1.0s;
}

.lightning .lightning3 {
    position: absolute;
    margin-left: 600px;
    margin-top: -50px;
    animation: flash_light 6s infinite;
    animation-delay: -1.5s;
}


.lightning4 {
    width: 320px;
    position: absolute;
    right: 8vw;
    margin-top: -2vw;
    opacity: 0;
    animation: flash_light2 2s infinite;
    /*    animation-delay: 0.3s;*/
    transform: rotate(180deg);
    background-blend-mode: screen;
}

@keyframes show1 {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes flash_light {
    0% {
        height: 0px;
        opacity: 0.5;
    }

    7.5% {
        height: 320px;
    }

    8%,
    12%,
    16% {
        opacity: 0.5;
    }

    10%,
    14% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        height: 320px;
        opacity: 0;
    }
}

@keyframes flash_light2 {
    0% {
        opacity: 0;
    }

    7.5% {
        opacity: 0;
    }

    8%,
    12%,
    16% {
        opacity: 0.5;
    }

    10%,
    14% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {

        opacity: 0;
    }
}

/*遊戲圖標動態*/

.icon01 {
    position: absolute;
    margin-top: 10px;
    margin-left: 1600px;
    animation: slogan 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* Firefox */
    -moz-animation: slogan 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    /* Safari and Chrome */
    -webkit-animation: slogan 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    /* Opera */
    -o-animation: slogan 5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

.icon02 {
    position: absolute;
    margin-top: 420px;
    margin-left: 80px;
    animation: slogan2 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* Firefox */
    -moz-animation: slogan2 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    /* Safari and Chrome */
    -webkit-animation: slogan2 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    /* Opera */
    -o-animation: slogan2 5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

@keyframes slogan {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(-80deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }
}

@-moz-keyframes slogan {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(-80deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }
}

@-webkit-keyframes slogan {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(-80deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }
}

@-o-keyframes slogan {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(-80deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateY(0deg);
    }
}

@keyframes slogan2 {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(-70deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }
}

@-moz-keyframes slogan2 {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(-70deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }
}

@-webkit-keyframes slogan2 {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(-70deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }
}

@-o-keyframes slogan2 {
    0% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    25% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(-70deg);
    }

    50% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }

    75% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(90deg);
    }

    100% {
        transform-origin: 65% center;
        transform: perspective(1920px) rotateX(0deg);
    }
}


/*火焰動態*/

.fire {
    position: absolute;
    margin-top: 420px;
    margin-left: 1650px;
    width: 274px;
    height: 224px;
    background-image: url(../images/event/fire.png);
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-animation: fire 1s steps(6) infinite;
    animation: fire 1s steps(6) infinite;

}

@-webkit-keyframes fire {
    from {
        background-position: 0px;
    }

    to {
        background-position: -1644px;
    }
}

@keyframes fire {
    from {
        background-position: 0px;
    }

    to {
        background-position: -1644px;
    }
}

/*雷電動態*/

.lights {
    position: absolute;
    margin-top: -30vw;
    margin-left: 40vw;
    /*
    left: 20px;
    left: -20px;
*/
    width: 50vw;
    height: 10vw;
    background-image: url(../images/event/lights.png);
    background-repeat: no-repeat;
    background-size: auto;
    -webkit-animation: lights 1.5s steps(25) infinite;
    animation: lights 1.5s steps(25) infinite;
    animation-delay: 3s;
    opacity: 0;

}

@-webkit-keyframes lights {
    from {
        background-position: 0px 0px;
        opacity: 0;
    }

    to {
        background-position: 0px -4500px;
        opacity: 1;
    }
}

@keyframes lights {
    from {
        background-position: 0px 0px;
        opacity: 0;
    }

    to {
        background-position: 0px -4500px;
        opacity: 1;
    }
}

/*光束動態*/

.flash {
    position: absolute;
    width: 410px;
    height: 30px;
    margin-top: 265px;
    margin-left: 900px;
    background-image: url(../images/event/flash.png);
    background-repeat: no-repeat;
    /*    background-position: 0 0;*/
    animation: flash 1s infinite;
    -webkit-animation: flash 1s infinite;
}

.flash2 {
    position: absolute;
    width: 410px;
    height: 30px;
    margin-top: 355px;
    margin-left: 775px;
    background-image: url(../images/event/flash.png);
    background-repeat: no-repeat;
    /*    background-position: -60px 0;*/
    animation: flash2 1s infinite;
    -webkit-animation: flash2 1s infinite;

}

@keyframes flash {
    0% {
        background-position: 255px 0px;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        background-position: -60px 0px;
        opacity: 0;
    }
}

@-webkit-keyframes flash {
    0% {
        background-position: 255px 0px;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        background-position: -60px 0px;
        opacity: 0;
    }
}

@keyframes flash2 {
    0% {
        background-position: -60px 0px;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        background-position: 255px 0px;
        opacity: 0;
    }
}

@-webkit-keyframes flash2 {
    0% {
        background-position: -60px 0px;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        background-position: 255px 0px;
        opacity: 0;
    }
}

/*光圈動態*/

.circle {
    position: absolute;
    width: 307px;
    height: 315px;
    background-image: url(../images/event/circle01.png);
    background-repeat: no-repeat;
    margin-top: 170px;
    margin-left: 1560px;
    animation: circle 2s linear infinite;
    -webkit-animation: circle 2s linear infinite;
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        opacity: 0;
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 0;
    }
}

.circle2 {
    position: absolute;
    width: 117px;
    height: 116px;
    background-image: url(../images/event/circle02.png);
    background-repeat: no-repeat;
    margin-top: 265px;
    margin-left: 1664px;
    animation: circle2 2s linear infinite;
    -webkit-animation: circle2 2s linear infinite;
}

@keyframes circle2 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        opacity: 0;
    }

    50% {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        opacity: 0;
    }
}


.main_image{height:280px;overflow:hidden;position:relative;}
.main_image ul{width:100%;height:600px;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:280px;}

div.flicking_con{position:absolute;bottom:-10px;left:35%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float: left;width: 8px;
    height: 8px;
    text-align: center;
    background: #019ffb;
    border-radius: 50%;
    margin-right: 5px;
    opacity: 1;}
div.flicking_con a.on{ background: #fff;}