@charset "utf-8";

@media screen and (min-width: 1024px){
	
	._gif{
		mix-blend-mode:screen;
	}

	.mob_hide{
		display:block !important;
	}

	.mob_show{
		display:block !important;
	}
	
	.mob_menu_mask{		
		display:none !important;
	}	
	

	.background_body{
		background:url("../../img/background_body.png");
	}

	
	.Top{
		width:100%;
		height:70px;
		background:rgba(255,255,255,1);
		top:0;
		left:0;
		position:fixed;
		z-index:100;		
	}

	.Tops{
		height:70px;
		padding:0 30px;
		position:relative;
	}


	a.MuO,
	a.MuX,
	a.MuMember
	{
		display:none;	
	}

	a.Logo{
		width:130px;
		height:170px;
		border-radius:0 0 5px 5px;
		background:url("../../img/Logo.svg")no-repeat center center / 50%;
		display:block;
		position:absolute;
		z-index:2;
		top:0;
		left:30px;
	}


	.Menu{
		width:auto;
		height:70px;
		line-height:70px;
		float:left;	
		padding-left:40px;
		margin:0 30px 0 80px;
	}


	.MenuR{
		width:auto;
		height:70px;
		line-height:70px;
		float:right;	
	}


	.Menu .Mu,
	.MenuR .Mu
	{
		padding:0 20px;
		display:block;
		text-align:center;
		float:left;
		font-size:17px;
		cursor:pointer;
		position:relative;
	}
	
	.Menu .Mu:hover,
	.Menu .Mu.Cho,	
	.MenuR .Mu:hover,
	.MenuR .Mu.Cho
	{
		text-decoration:underline;
		color:#00506C;
		animation: uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
	}	


	.Menu::after,
	.MenuR::after
	{
		content:"";
		display:table;
		clear:both;		
	}


	/* page style */

	.page_name{
		height:30px;
		line-height:30px;
		margin:40px auto;
		text-align:center;
		font-size:27px;
		font-weight:bold;
	}

	.page_vip-card{
		width:100px;
		height:40px;
		line-height:40px;
		margin:0 auto 50px auto;
		font-size:17px;
		font-weight:bold;
		padding:0 0 0 50px;
		background:url(../../img/vip-card.png)no-repeat center left / contain;
		image-rendering:auto;
	}

	.page_note{
		margin:20px auto;
		text-align:center;
		font-size:14px;
		line-height:25px;
	}	
	
	.page_note .key{
		font-weight:bold;
		color:#FC4136;
	}	
	
	
	.page_button_next{
		width:60px;
		height:60px;
		line-height:60px;
		text-align:center;
		position:absolute;
		z-index:20;
		bottom:20px;
		right:50%;
		margin:0 -30px 0 0;
		font-size:25px;
		cursor:pointer;
	}

	#index{
		width:100%;
		height:100%;
		padding-top:70px;
		position:position;
		overflow:hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom:1px rgba(0,80,108,0.3) solid;
	}
	
	#index .main_design_img{
		width:100%;
		height:60%;
		margin:220px auto;
		position:relative;
	}		
	
	#index .main_design_imgs{
		width:100%;
		height:100%;
		margin:0 auto;
		background:url(../../img/main_design/img0.png)no-repeat center center / contain;
		position:absolute;
		z-index:0;
		top:0;
		right:0;
		
	}		
	
	#index .main_design_img .img1{
		width:600px;
		height:600px;
		position:absolute;
		z-index:1;
		top:50%;
		right:50%;
		margin:-300px -300px 0 0;
		background:url(../../img/main_design/img1.png)no-repeat center center / 110%;
		animation: move 6s linear infinite;
	}		
	
	#index .main_design_img .img2{
		width:600px;
		height:600px;
		position:absolute;
		z-index:2;
		top:50%;
		right:50%;
		margin:-300px -300px 0 0;
		background:url(../../img/main_design/img2.png)no-repeat center center / 100%;
		animation: move2 10s linear infinite;
	}	
			
	#index .main_design_img .img3{
		width:600px;
		height:600px;
		position:absolute;
		z-index:3;
		top:50%;
		right:50%;
		margin:-300px -300px 0 0;
		background:url(../../img/main_design/img3.png)no-repeat center center / 50%;
	}		

	#index .main_design_img .img4{
		width:600px;
		height:600px;
		position:absolute;
		z-index:4;
		top:50%;
		right:50%;
		margin:-450px -450px 0 0;
		background:url(../../img/main_design/img4.png)no-repeat center center / 100%;
	}		
	
	#index .main_design_img .img5{
		width:600px;
		height:600px;
		position:absolute;
		z-index:5;
		top:50%;
		right:50%;
		margin:-350px -550px 0 0;
		background:url(../../img/main_design/img5.png)no-repeat center center / 55%;
	}	
	
	#index .main_design_img .img6{
		width:600px;
		height:600px;
		position:absolute;
		z-index:6;
		top:50%;
		right:50%;
		margin:-230px -600px 0 0;
		background:url(../../img/main_design/img6.png)no-repeat center center / 60%;	
	}		
	
	#index .main_design_img .img7{
		width:600px;
		height:600px;
		position:absolute;
		z-index:4;
		top:50%;
		right:50%;
		margin:-400px -130px 0 0;
		background:url(../../img/main_design/img7.png)no-repeat center center / 80%;
	}	

	
	#index .main_design_img .img8{
		width:600px;
		height:600px;
		position:absolute;
		z-index:7;
		top:50%;
		right:50%;
		margin:-270px -370px 0 0;
		background:url(../../img/main_design/img8.png)no-repeat center center / 60%;
	}	
	
	#index .main_design_img .img9{
		width:600px;
		height:600px;
		position:absolute;
		z-index:8;
		top:50%;
		right:50%;
		margin:-250px -270px 0 0;
		background:url(../../img/main_design/img9.png)no-repeat center center / 80%;
	}	
	
	#index .main_design_img .img10{
		width:600px;
		height:600px;
		position:absolute;
		z-index:6;
		top:50%;
		right:50%;
		margin:-120px -150px 0 0;
		background:url(../../img/main_design/img10.png)no-repeat center center / 40%;
	}		
	
	
	
	#index .main_design_img .imga{
		width:100px;
		height:100px;
		position:absolute;
		z-index:18;
		top:50%;
		left:50%;
		margin:-300px 0 0 -350px;
		background:url(../../img/main_design/imga.png)no-repeat center center / 100%;
	}	
	
	
	#index .main_design_img .imgb{
		width:100px;
		height:100px;
		position:absolute;
		z-index:18;
		top:50%;
		left:50%;
		margin:100px 0 0 -250px;
		background:url(../../img/main_design/imgb.png)no-repeat center center / 100%;
	}		
	
	#index .main_design_img .imgc{
		width:100px;
		height:100px;
		position:absolute;
		z-index:18;
		top:50%;
		right:50%;
		margin:-220px -420px 0 0;
		background:url(../../img/main_design/imgc.png)no-repeat center center / 100%;
	}		
	
	
	
	@keyframes move{
	  0%{
		transform: rotate(0deg);
	  }
	  100%{
		transform: rotate(360deg);
	  }
	}	
	
	@keyframes move2{
	  0%{
		transform: rotate(360deg);
	  }
	  100%{
		transform: rotate(0deg);
	  }
	}		
	
	
	#index .main_design_name{
		width:100%;
		height:30px;
		line-height:30px;
		font-size:53px;
		text-align:center;
		font-weight:bold;
		position:absolute;
		top:140px;
		left:0;
		animation: uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
	}				

	
	#index .emoji_connatier{
		width:100%;
		height:30px;
		line-height:30px;
		font-size:37px;
		text-align:center;
		font-weight:bold;
		position:absolute;
		top:170px;
		left:0;
		mix-blend-mode:screen;
	}

	
	#index .emoji_connatier .emoji_connatiers{
		width:210px;
		height:30px;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
		margin:20px auto;
	}	

	#index .emoji_connatier .emoji_connatiers .item{
		width:30px;
		height:30px;
		flex:1;
	}

	#index .emoji_connatier .emoji_connatiers .running_connatier{
		width:160px;
		height:30px;
		line-height:30px;
		font-size:23px;
		text-align:center;
		padding:0 20px;
		flex:2;
	}

	@keyframes uk-text-shadow-glitch {
		0% {
			text-shadow: none
		}
		25% {
			text-shadow: -2px -2px 0 #ff004f,2px 2px 0 #00f7ef
		}
		50% {
			text-shadow: 2px -2px 0 #ff004f,-2px 2px 0 #00f7ef
		}
		75% {
			text-shadow: -2px 2px 0 #ff004f,2px -2px 0 #00f7ef
		}
		100% {
			text-shadow: 2px 2px 0 #ff004f,-2px -2px 0 #00f7ef
		}
	}
	@keyframes uk-flicker {
		0% {
			opacity: 0
		}
		10% {
			opacity: .6;
			transform: scale(.8)
		}
		20% {
			opacity: 0
		}
		40% {
			opacity: 1
		}
		50% {
			opacity: .2;
			transform: scale(1.1)
		}
		100% {
			opacity: 1;
			transform: scale(1)
		}
	};
		
	
	
	#news{
		width:100%;
		position:relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 0 100px 0;
	}
	
	#about_us{
		width:100%;
		position:relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 0 50px 0;
	}	
	
	#video{
		width:100%;
		position:relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 0 50px 0;
	}	
	
	#actor{
		width:100%;
		position:relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 0 50px 0;
	}
	
	#contact_us{
		width:100%;
		position:relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 0 50px 0;
	}	
	
	
	
	.page_gap_line{
		height:1px;
		background:rgba(0,80,108,0.1);
		margin:50px 0 80px 0;
	}
	
	
	/* page content style */
	
	.page_popup_mask{		
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		position:fixed;
		z-index:101;
		top:0;
		right:0;
		display:none;
	}
	
	.page_popup_container{		
		width:80%;
		height:70%;
		background:#fff;
		position:fixed;
		z-index:102;
		top:15%;
		right:10%;
		margin:0 0 0 0;
		display:none;		
	}	
	
	.page_popup_containers{		
		width:100%;
		height:100%;
		padding:30px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position:relative;
	}	
	
	.page_popup_containers_btn{		
		width:44px;
		height:44px;
		line-height:54px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position:fixed;	
		z-index:103;
		top:0;
		right:0;
		text-align:center;
		/* background:#E13738; */
		background:rgba(30,30,30,.6);
		color:#fff;
		display:block;
		font-size:21px;
	}
	
	.page_popup_containers_btn:hover{		
		color:#fff;
		text-decoration:none;
		background:rgba(30,30,30,1);
	}	


	.page_popup_containers iframe{		
		width:100%;
		height:100%;
		border:none;
	}


	.page_popup_login_container{		
		width:400px;
		height:100%;
		background:#fff url("../../img/background_body.png");
		position:fixed;
		z-index:102;
		top:0;
		right:0;
		margin:0 0 0 0;
		display:none;		
	}	
	

	.page_popup_login_containers{		
		width:100%;
		height:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position:relative;	
	}	
	

	.page_popup_login_containers_btn{		
		width:44px;
		height:44px;
		line-height:54px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position:fixed;	
		z-index:103;
		top:0;
		right:0;
		text-align:center;
		/* background:#E13738; */
		background:rgba(30,30,30,.6);
		color:#fff;
		display:block;
		font-size:21px;
	}
	
	.page_popup_login_containers_btn:hover{		
		color:#fff;
		text-decoration:none;
		background:rgba(30,30,30,1);
	}
		
	
	

	/* container style */
	
	.logo_container{
		width:200px;
		height:150px;
		margin:0 auto;
		background:url(../../img/full_logo.svg)no-repeat center center / contain;
	}	
	
	
	.data_container{
		width:calc(70% + 20px);
		margin:30px auto 100px auto;
		overflow:hidden;
	}	
	
	.data_containers{
		width:100%;
		position:relative;
		left:10px;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		gap:20px
	}
	
	.data_containers .item{	
		aspect-ratio : 16 / 10;
		width:calc(25% - 20px);
		background:#00506C;
		cursor:pointer;
		color:#fff;
		position:relative;
		text-align:center;   
		align-items:center;
		display:flex;  			
	}
	
	
	.data_containers .item2{	
		aspect-ratio : 1 / 1;
		width:calc(25% - 20px);
		background:#00506C;
		cursor:pointer;
		color:#fff;
		position:relative; 		
	}	
	
	
	.data_containers .item .mask,
	.data_containers .item2 .mask
	{	
		width:100%;
		height:100%;
		cursor:fixed;		
		top:0;
		right:0;
		background:rgba(0,0,0,0.6);
		
	}	
	
	.data_containers .item .name,	
	.data_containers .item2 .name
	{	
		width:100%;
		height:100%;
		color:#fff;
		font-size:13px;
		text-align:center;   
		align-items:center;
		justify-content:center;
		display:flex; 		
	}		
	
	.data_containers .item .mask:hover,
	.data_containers .item2 .mask:hover 
	{	
		display:block;
		background:rgba(0,0,0,0.1);
	}		
	
	.data_containers .item .member1{	
		width:50px;
		height:20px;
		line-height:20px;
		position:absolute;
		bottom:5px;
		right:60px;
		z-index:1;
		text-align:center;
		color:#fff;
		background:#79796a;
		font-size:12px;
		font-weight:bold;
	}		
	
	.data_containers .item .member2{	
		width:50px;
		height:20px;
		line-height:20px;
		position:absolute;
		bottom:5px;
		right:5px;
		z-index:1;
		text-align:center;
		color:#fff;
		background:#FFD104;
		font-size:12px;
		font-weight:bold;		
	}	
	
	
	
	
	
	/* article_container style */
	
	
	.article_container{
		width:calc(70% + 20px);
		margin:30px auto;
		overflow:hidden;
	}	
	
	.article_containers{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
	}
	
	.article_containers .image{
		width:60%;
		background:aqua;
		flex:1;
	}	
	
	.article_containers .article{
		width:40%;
		flex:1;
	}		
	
	
	
	/* data_content style */
	
	.data_contents{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;			
	}
	 
	.data_contents .left{
		width:60%;
		margin-right:30px;
	} 
	
	.data_contents .right{
		width:calc(40% - 30px);
	} 	
	
	
	/* video style */
	
	.data_contents .video{
		width:100%;
		position:relative; 
		padding-bottom:56.25%; 
		height:0; 
		overflow:hidden;				
	}
	
	 .video_content{
		width:100%;
	}	


	.video_content .video_info{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
		padding:10px 0;
	}	
	
	.video_content .video_info .member_status{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;			
	}	
	
	
	.video_content .video_info .member_status .member1{	
		width:50px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#fff;
		background:#79796a;
		font-size:12px;
		font-weight:bold;
		margin-right:5px;
	}		
	
	.video_content .video_info .member_status .member2{	
		width:50px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#fff;
		background:#FFD104;
		font-size:12px;
		font-weight:bold;	
	}		
	
	.video_content .video_info .rec_click{
		justify-content:flex-end;
		font-weight:bold;
		margin-left:auto;
		padding-right:10px;
	}

	.video_content .video_name{
		margin:20px 0;
		font-size:21px;
		font-weight:bold;
	}
	
	.video_content .video_dsc{
		padding:20px;
		background:#f1f1f1;
	}	
	
	
	
	/* forum style */
	
	.forum{
		width:100%;
		margin:30px 0;
	}
	
	.forum_name{
		height:40px;
		line-height:40px;
		margin:0 0 10px 0;
		font-size:17px;
		font-weight:bold;
		padding:0 0 0 50px;
		background:url(../../img/talking.png)no-repeat center left / contain;
		image-rendering:auto;
	}	
	
	.forum_textarea textarea{
		height:100px;
	}		
	
	
	/* rec_talk style */
	
	.rec_talk{
		padding:20px;
		background:#f1f1f1;
	}		
	
	.rec_talk .info{
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px #ddd solid;
	}		
		
	.rec_talk .info .time{
		font-size:12px;
		margin-bottom:5px;
	}	
	
	.rec_talk .info .name{
		margin:5px 0;
	}		
	
	.rec_talk .info .talk{
		margin:10px 0;
		line-height:23px;
		padding:10px;
		background:#ddd;
	}		
	
	
	/* from_container style */
	
	.from_container{
		width:calc(50% + 20px);
		margin:30px auto;
		overflow:hidden;
	}	
	
	.from_container.topfix{
		margin:0 auto 30px auto !important;
		overflow:hidden;
	}		
	
	.from_containers{
		padding-bottom:30px;
	}		

	.from_name{
		margin:10px 0;
		font-size:17px;
	}
	
	.from_name2{
		margin:20px 0;
		font-size:14px;
		font-weight:bold;
	}	
	
	.from_item{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
		padding:5px 20px;
		background:#fff;
		margin-bottom:10px;
	}
	
	
	.from_item.bg_none{
		background:none !important;
	}	
	
	.from_item .name{
		width:80px;
		height:40px;
		line-height:40px;			
		font-weight:bold;
		font-size:13px;	
		border-right:1px #eee solid;
	}	
	
	.from_item .captcha{
		width:80px;
		height:40px;
		line-height:40px;			
		font-weight:bold;
		font-size:19px;	
		border-right:1px #eee solid;
	}		
	
	.from_item .input{
		width:calc(100% - 90px);	
		height:40px;
		flex:1;
		position:relative;
	}	
	
	.from_item .text{
		width:calc(100% - 110px);	
		height:40px;
		line-height:40px;
		font-size:12px;
		padding:0 10px;
	}	
	
	.from_item .btn_check{
		width:60px;
		height:30px;
		line-height:30px;
		text-align:center;
		display:block;
		position:absolute;
		top:5px;
		right:5px;
		font-size:12px;
		background:#00506C;
		color:#fff;
		display:none;
	}		
	
	.from_item .refresh{
		width:calc(100% - 100px);	
		height:40px;
		line-height:40px;
		font-size:15px;
		padding-left:10px;
	}		
	

	.from_item .input input[type=text],
	.from_item .input input[type=password]
	{
		width:100%;
		height:40px;
		line-height:40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border:none;
		font-size:14px;
	}
	
	.from_item .input.gender select{
		width:40%;
		height:40px;
		line-height:40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
		font-size:13px;
		padding:0 10px;
		border:none;
	}	
	
	.from_item .input.ymd{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
		background:#fff;
		width:100%;
	}		
	
	.from_item .input.ymd select{
		width:30%;
		height:40px;
		line-height:40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
		font-size:13px;
		padding:0 5px;	
		border:none;		
	}		
	
	
	.from_item .input.ymd select.y{
		width:40%;
		height:40px;
		line-height:40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
		font-size:13px;
		padding:0 5px;		
		border:none;
	}		
	
	
	
	.form_tips{
		width:100%;
		height:20px;
		line-height:20px;
		font-size:13px;
		color:#ea4141;
		display:none;
	}	
	
	.from_option{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
		margin-bottom:10px;		
	}
	
	.from_option a.btn{
		text-align:center;
		background:#00506C;
		color:#fff;
		width:100px;
		height:40px;
		line-height:40px;		
	}	
	
	.from_option .link{
		width:calc(100% - 100px);
		line-height:40px;	
		text-align:center;	
	}	
	
	.from_option .link a{
		color:#5283EC;
		font-weight:bold;
		font-size:15px;
	}	
	
	.from_option .link span{
		color:rgba(0,80,108,0.3);
		padding:0 5px;
	}
	
	.form_line{
		height:1px;
		background:rgba(0,80,108,0.3);
		margin:20px 0;
		position:relative;
	}	
	
	.form_note{
		margin:10px 0;
		font-size:1px;
	}	
	
	
	.privacy{
		width:100%;
		height:100%;
	}
		
	.privacy_container{
		width:100%;
		height:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
	}	

	.privacy_containers .name{
		font-weight:bold;
		padding:10px 0;
	}	
	
	.privacy_containers .text{
		margin:10px 0 10px -20px;
		font-size:14px;
		line-height:23px;
		text-align:justify;
	}	

	.privacy_containers .text li{
		margin:0 0 10px 0;
		padding:0 20px 0 0;
	}	

	.privacy_containers .text strong{
		font-weight:bold;
		font-size:15px;
	}		
	
	.btn_google{
		width:100%;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;	
		cursor:pointer;
	}		
	
	.btn_google .icon{
		width:70px;
		height:40px;
		background:#fff url(../../img/social_logo_google_200x200.png)no-repeat center center / contain;
	}	
	
	.btn_google .text{
		width:calc(100% - 70px);
		height:40px;
		line-height:40px;
		background:#4B84F0;
		color:#fff;
		text-align:center;
	}	
	



	/* effect style */

	.swiper_news{
		width:70%;
		aspect-ratio : 1 / 0.5625;
		margin:0 auto;
		overflow:hidden;
		position:relative;	
	}

	.swiper_news .button_prev{
		width:40px;
		height:70px;
		line-height:70px;
		position:absolute;
		z-index:1;
		top:50%;
		left:0;
		margin:-35px 0 0 0;
		cursor:pointer;
		text-align:center;
		font-size:25px;
		background:rgba(255,255,255,0.8);
		border-radius:0 5px 5px 0;
	}

	.swiper_news .button_next{
		width:40px;
		height:70px;
		line-height:70px;
		position:absolute;
		z-index:1;
		top:50%;
		right:0;
		margin:-35px 0 0 0;
		cursor:pointer;
		text-align:center;
		font-size:25px;
		background:rgba(255,255,255,0.8);
		border-radius:5px 0 0 5px;		
	}	
	
	.swiper_news .swiper-pagination{
		bottom:20px !important;
		z-index:1 !important;
	}	
	
	.swiper_news .swiper-pagination .swiper-pagination-bullet-active{
		background:#E13738 !important;
	}
	
	
	.swiper_news .video_container{
		position:relative;
		width:100%;
		height:0;
		padding-bottom:56.25%;
	}	
	
	
	.swiper_news .video_container .video{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
		
	
	/* footer style */

	.footer{
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background:#00506C url("../../img/background_body.png")repeat;
		padding:30px;
	}

	.footers{

	}

	.footers .logo{
		width:300px;
		height:200px;
		margin:0 auto;
		background:url(../../img/full_logo_white.svg)no-repeat center center / contain;
	}

	.footers .social_icon{
		width:210px;
		height:70px;
		margin:20px auto;	
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		gap:10px;
	}

	.footers .social_icon .item{
		width:70px;
		height:70px;
		flex:1;		
	}

	.footers .copyright{
		height:50px;
		line-height:50px;
		text-align:center;
		color:#fff;
		margin:10px auto;
	}

	.AnchorPoint{
		position:relative;
	}

	.AnchorFix{
		position:absolute;
		top:0px;
		height: 0;
		display:block;
	}
	
	
	.BtnGoTop{
		width:70px;
		height:30px;
		line-height:45px;
		background:#00506C;
		text-align:center;
		color:#fff;
		position:fixed;
		bottom:0;
		right:50%;
		margin:0 -60px 0 0;
		display:block;
		border:1px rgba(255,255,255,0.1) solid;
		border-bottom:none;
	}
	
	
	.BtnGoStore{
		width:450px;
		height:150px;
		border-radius:5px;
		margin:0 auto 100px auto;
		background:#f53d2d;
		background:linear-gradient(-180deg,#f53d2d,#f63);
		transition:transform .2s cubic-bezier(.4,0,.2,1);
		display:flex;
		cursor:pointer;
	}

	
	.BtnGoStore:hover{
		opacity:0.9;
	}
	
	
	.BtnGoStore .logo{
		width:200px;
		height:150px;
		background:url(../../img/logo_store.png)no-repeat center center / 130px;
	}	
	
	.BtnGoStore .text{
		width:200px;
		height:50px;
		line-height:50px;
		padding:50px 0;
		font-size:22px;
		color:#fff;
	}
	
	
	

}