/*20160930 by kevin*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Reset ��见��-------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dt, dd, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*//*靽格㺿�典� by kevin 20140822*/
	/*vertical-align: baseline;*//*靽格㺿�典� by kevin 20140822*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*//*靽格㺿�典� by kevin 20140822 ��敶梢𣳽��蝬脤��*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

body{ 
	margin: 0; 
	padding: 0;
	background: #fff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "敺株��迤暺煾��", "�鰵蝝唳�𡡞��";
	/*overflow-x: hidden;*/
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;/*閫�捱iphone璈怠像頧㕑�𤾸�𤩺�摮𡑒�𠰴之����誯��*/

	font-family:var(--mandarin_font); 
	
}

/* ~~ ��蝝�/璅嗵惜�詨�硋膥 ~~ */
ul, ol, dl { /* �眏�䲰�讛汗�膥銋钅�梶�撌桃㺭嚗峕�雿喃�𨀣�閙糓�銁皜��鱓銝凋蝙�鍂�妟撖砍漲��甈�雿漤�㯄�𥪜�𢠃�羓�䎚���箔�靽脲�銝��稲嚗峕�典虾隞亙銁�躰ㄐ����𡁏�閬�����𧶏�峕�硋銁皜��鱓���鉄��皜��鱓���𤌍 (LI��DT��DD) 銝𦠜���𡁏�閬�����譌��隢贝�䀝�𧶏�屸膄��墧�典神�亥��箇鸌摰𡁶��詨�硋膥嚗�炏���銁甇文嘑銵𣬚�雿𨀣平撠��滨�𢠃＊蝷箏� .nav 皜��鱓�� */
	padding: 0;
	margin: 0;
}

/*-----�𣏾�𣏾�𣏾�𤘪鰵憓鮋�典� by kevin 20150108 �箔�蝬脩楊�𣏾�𣏾�𣏾��-----*/
ul, ol {
	padding-left:40px;
}
/*-----�爗�爗�爗�烐鰵憓鮋�典� by kevin 20150108 �箔�蝬脩楊�爗�爗�爗��-----*/

/*h1, h2, h3, h4, h5, h6,*/ p {	margin: 0; padding: 0;}

/*img{ display:block;}*//*皜��膄IE7銝𧢲䲮皞Ｖ��*/

a img { /* �坔�钅�詨�硋膥��蝘駁膄��𣂷�𤤿�讛汗�膥�銁敶勗�讐眏���鞉���滨�墧�嚗�蔣�誩𪂹��齿�憿舐內����鞱身��滩𠧧�𦠜� */
	border: none;}

.clearfloat { /* �坔�钅�𧼮ê̌�虾�𦆮蝵桀銁 <br /> ��𣇉征�蒾�� Div 銝𠺪�𣬚訜�𡁏𦻖�銁 #container �扳�敺䔶��𧢲筑��� Div 敺峕䲮����敺䔶��见��蝝� (憒���𨅯�� #container 蝘駁膄��硋�硋枂 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a{ 
	/*color:#ccc;*//*靽格㺿�典� by kevin 20140814 ��敶梢𣳽��蝬脩楊�� 銝滚�靝蝙�鍂*/
	text-decoration: none;
	outline: none;/* for Firefox Google Chrome  *//*霈弌暺墧�𦠜�銝齿��枂�𣶹獢�蝺�*/
  	behavior:expression(this.onFocus=this.blur());  /* for IE *//*霈弌暺墧�𦠜�銝齿��枂�𣶹獢�蝺�*/
}
a:hover { 
	/*color:#ccc;*//*靽格㺿�典� by kevin 201450108 憭芷�靝���隞亙⏛���*/
	text-decoration:underline;
	/*opacity:0.9;�鰵憓鮋�典� by kevin 20150121*//*��敶梢𣳽��頛芣偘 �⏛�膄 by kevin 20150324*/
}
	
a:active, a:focus {/* �坔�钅�詨�硋膥蝢斤��虾隞亥�㮖蝙�鍂�枤�𥿢撠舘汗��雿輻鍂��嚗䔶�笔�䔶蝙�鍂皛煾�删�雿輻鍂��銝�璅����厩㮾��𣬚�皛煾�𡡞�娪�𨰜�� */
	text-decoration: none; }
	
area {
	outline:none;
}
/*------------------------------------------CSS Reset 蝯鞉��-------------------------------*/

/*------------------------------------------icon-摮堒�� ��见��-------------------------------*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

.lsf-icon:before {
  content:attr(title);
}
/*------------------------------------------icon-摮堒�� 蝯鞉��-------------------------------*/















/*Webkit,Opera9.5+,Ie9+ �綉������烾�詨�𡝗���憿讛𠧧*/
::selection {
	background:var(--primary_color);
	color:#fff;
}

/*Mozilla Firefox �綉������烾�詨�𡝗���憿讛𠧧*/
::-moz-selection {
	background:var(--primary_color);
	color:#fff;
}

.wrap {
	width: 85.6%;
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 990px){
	.wrap {
		width: 90%;
	}

}

@media (max-width: 767px){
	.wrap {
		/* width: calc(100% - 15px * 2); */
		/* width: auto;
		padding: 0px 15px; */
	}

}





/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "敺株��迤暺煾��", "Microsoft JhengHei", "�鰵蝝唳�𡡞��";
	font-size:15px;
	border-radius:3px;
	border: solid 1px #aeaeae;
	font-family:var(--mandarin_font); 
}
input[type="text"]   , .input,                 input[type="password"], 
input[type="search"] ,  input[type="email"]  , input[type="tel"] , 
input[type="time"]   ,  input[type="number"] , input[type="date"]{
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    width: 100%;
    transition: 0.2s ease all;
    padding: 0px 6px 0px 6px;
    box-sizing: border-box;
}

.member_loginBg input[type="text"]   , .member_loginBg input[type="password"], 
.member_loginBg input[type="search"] ,  .member_loginBg input[type="email"]  , .member_loginBg input[type="tel"] , 
.member_loginBg input[type="time"]   ,  .member_loginBg input[type="number"] , .member_loginBg input[type="date"]{
	margin: 0;
	padding: 0;
	outline: none;
	vertical-align: middle;
	height: 51px;
	line-height: 51px;
	width: 100%;
	transition: 0.2s ease all;
	padding: 0px 16px 0px 16px;
	box-sizing: border-box;
	border: none;
	border-radius: 28.5px;
	background: #F5F5F5;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
	/* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
	-webkit-appearance: none;
}
	input[type="text"]:focus   , .input:focus,   input:focus , input[type="password"]:focus, 
	input[type="search"]:focus , input[type="email"]:focus   , input[type="tel"]:focus , 
	input[type="time"]:focus   , input[type="number"]:focus  , input[type="date"]:focus{
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	width: 100px;
	height:42px;
	background:var(--primary_color);
	color:#fff;
	border-radius:5px;
	line-height:42px;
	transition: 0.2s ease all;
	letter-spacing:1px;
}
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
		opacity:0.7;
	}
	
	input[type="reset"] {
		background:#555;
	}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: baseline;
	cursor:pointer;
}
textarea {
	margin: 0;
	padding: 0;
	outline: none;
	vertical-align: middle;
	line-height: 24px;
	width: 100%;
	resize: none;
	height: 117px;
	transition: 0.2s ease all;
	box-sizing: border-box;
	padding: 3px;
	border: none;
	border-radius: 28.5px;
	background: #F5F5F5;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
	/* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
	-webkit-appearance: none;
}
	textarea:focus {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	padding: 9px 0px 10px 7px;
	transition: 0.2s ease all;
	background:#fff;
	letter-spacing:1px;
	-webkit-appearance: none;	/* Safari ��� Chrome */
       -moz-appearance: none;	/* Firefox */
        -ms-appearance: none;	/*for Internet Explorer*/
         -o-appearance: none;	/*for Opera*/
            appearance: none;
	background: #fff url(../images/select_arrow.png) no-repeat;
	background-size: 13px;
	background-position:right;
	padding-right:18px !important;
	width: 100%;
}
	select::-ms-expand {	/*for Internet Explorer*/
		display: none;
	}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}
	






@media (max-width: 990px) {

	.member_loginBg input[type="text"]   , .member_loginBg input[type="password"], 
	.member_loginBg input[type="search"] ,  .member_loginBg input[type="email"]  , .member_loginBg input[type="tel"] , 
	.member_loginBg input[type="time"]   ,  .member_loginBg input[type="number"] , .member_loginBg input[type="date"]{
	
height: auto;
	
line-height: 40px;
	}
}







/*-------頛芣偘----------------------------------------------------------------------------*/
.banner_area{
	display: flex;
overflow: hidden;
}
.banner_area.fixed {
    /* z-index: -3; */
    transition: 0.3s ease all;
    opacity: 0;
}
.banner_left{
	width: 24%;

	display: none;
}

.banner_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner_right{
	width: 100%;
	/* width: 76%; */
	position: relative;
}
	/* .banner_right .banner , */
	.banner_right .swiper-container_pc ,
	.banner_right .swiper-container_pc .swiper-wrapper ,
	.banner_right .swiper-container_pc .swiper-wrapper .swiper-slide ,
	.banner_right .swiper-container_pc .swiper-wrapper .swiper-slide *{
		height: 100% !important;
	}


.banner {
	background:#fff;
	position:relative;
}
.banner a{
	display: block;
}
.pcBanner, .mobileBanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner_switch{
	display: flex;
	align-items: center;
	position: absolute;
    left: 2%;
    bottom: 2%;
}
.banner_dot{
	position: absolute;
	right: 9%;
	bottom: 2%;
	z-index: 2;
}
.banner_dot ul{
	padding-left: 0;
	display: flex;
}
.banner_dot ul li{
list-style-type: none;
width: 32px;
height: 7px;
background-color: #ccc;
margin-right: 10px;
border-radius: 50px;
cursor: pointer;
}
.banner_dot ul li:last-of-type{
	margin-right: 0;
}
.banner_dot ul li.active{
	background-color: #B08559;
}
body .swiper-button-prev, 
body .swiper-button-next {
    position: absolute;
    top: 50%;
    margin: 0px;
    /* z-index: 10;
    cursor: pointer; */
    width: 34px;
    height: 34px;
    background-size: 34px;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
body .swiper-button-prev{		
	background-image: url(../images/arrow_left.png);
}
body .swiper-button-next{
	background-image: url(../images/arrow_right.png);
}
body .swiper-button-prev.swiper-button-prev05{		
	left: -5%;
}
body .swiper-button-next.swiper-button-next05{
	right: -5%;
}
body .swiper-button-prev:after, 
body .swiper-button-next:after {
    /* content: 'prev'; */
	display: none;
}


body .banner_switch .swiper-button-prev, 
body .banner_switch .swiper-button-next {
    position: unset;
    
    width: 34px;
    height: 34px;
    background-size: 34px;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

	/*頛芣偘��*/
	.swiper-container {
		height:auto;
	}
		.swiper-slide img {
			width:100%;
			height:auto;
		}
		
		
		/*頛芣偘暺鮋��*/
		body .swiper-pagination {
			z-index: 888;
			height: 10px;
			opacity: 1;			
		}


		body .banner_switch .swiper-pagination {
			position: unset;
			width: fit-content;
			height: unset;
			color: #fff;
			padding: 0 10px;
			box-sizing: border-box;
			
		}
		




		body .swiper-pagination-clickable .swiper-pagination-bullet {
			background-color: #fff;
			z-index: 5;
			display: inline-block;
			width: 10px;
			height: 10px;
			opacity: 1;
		}
		body .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
			background-color: var(--primary_color);
		}

		.index_bannerArea .swiper-pagination {
			left: 15px !important;
			text-align: left;
		}
		

		
		/*頛芣偘��*/
		.swiper-container {
			height:auto;
		}
			.swiper-wrapper {
			}
				.swiper-slide {
				}
					.swiper-slide img {
						width:100%;
						height:auto;
					}
		
			.swiper-active-switch {/*頛芣偘暺鮋�䂿訜��齿芋撘�*/
			  /* background: #c42605; */
			}
			
				.pcBanner ,
				.mobileBanner {
					/* background-position: center;
					background-repeat: no-repeat;
					background-size: cover; */
				}

				.pcBanner {
				}
				.mobileBanner {
					display:none;
				}
				
				

@media (max-width: 990px){
	.pcBanner{
		display: none;
	}
	.mobileBanner {
		display: block;
	}
	.banner_left{
		display: none;
	}
	
	.banner_right{
		width: 100%;
		position: relative;
	}
	.banner_dot{
		display: none;
	}
	body .swiper-button-prev.swiper-button-prev05{		
		left: 0%;
	}
	body .swiper-button-next.swiper-button-next05{
		right: 0%;
	}
}



				
	

/*-------��蝐�------------------------------------------------------------------------*/
.tab_area {
	/* border-bottom: solid 1px #c4c4c4; */
}
	.tabs_btn_now {
		transition:0.3s ease all;
		font-size:16px;
		line-height:39px;
		padding:0px 36px 0px 36px;
		text-align:center;
		display:none;
		position:relative;
		background:#fff;
		border-bottom: solid 1px #e3e3e3;
		font-weight:bold;
	}
		.tabs_btn_now:hover {
			background:#fff;
		}
		.tabs_btn_now_arrow {
			position: absolute;
			border-top: solid 5px #333;
			top: 17px;
			right: 20px;
			border-left: solid 5px rgba(255, 255, 255, 0);
			border-right: solid 5px rgba(255, 255, 255, 0);
		}
		
	.img-scroll { 
		height:39px; 
		position:relative;
	}
		.img-list { 
			position:relative; 
		}
			ul.tabs {
				margin:0; 
				padding:0; 
				list-style:none;
			}
				.tabs li { 
					line-height:39px;
					float:left;
					position: relative;
					font-size:14px;
					width: auto;
					color:#808080;
					/* border-right: solid 1px #c4c4c4; */
					margin-right: 10px;
				}
				.tabs li:last-of-type{
					margin-right: 0;
				}
					.tabs span { 
						text-decoration:none;
						display:block;
						padding:0px 15px;
						transition:0.3s ease all;
						text-align:center;
						cursor:pointer;
						border-radius: 24px;
						border: 2px solid var(--fourth_color);
						color: var(--fourth_color);
						background: #FFF;
						font-size: 20px;
						font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
						font-weight: 700;
						letter-spacing: 5px;
						/* text-indent: -2.5px; */
						text-indent: 5px;  /*��删�箇蔭銝�*/
						box-sizing: border-box;
					}
						.tabs li span:hover {
							color:#fff;
							border: 2px solid var(--fourth_color);
							background: var(--fourth_color);
						}
						
					.tabs li.active span{
						/*�訜��齿芋撘�*/
						color:#fff;
							border: 2px solid var(--fourth_color);
							background: var(--fourth_color);
					}
						.tabs li.active span {
							
						}
						.tabs li.active:after {
							position:absolute;
							bottom:-6px;
							left:50%;
							margin:0px 0px 0px -10px;
						}
		
		#tab1{}
		.tab_content{}

/*�𤩎���折���蝐斤�蝬脩楊��*/
.p_tab_text_area {
	background:transparent;
	padding:10px;
}
@media (max-width: 990px) {
	.tabs span {
		font-size: 16px;
	}
}
					@media (max-width: 760px){
						/*��蝐�*/
						.tab_area {
							position:relative;
						}
							.tabs_btn_now {
								display:block;
							}
							
							.img-scroll {
								display:none;
								height:auto;
								/*position: absolute;*/
								width: 100%;
								z-index: 999;
							}
							ul.tabs {
								padding-top: 10px;
							}
								.tabs li, .img-scroll1 .tabs li, .img-scroll2 .tabs li, .img-scroll3 .tabs li, .img-scroll4 .tabs li, .img-scroll5 .tabs li {
									float:none;
									text-align:center;
									width:100%;
									font-size:15px;
									border-radius:0px;
									border: none;
									border-bottom: none;
									padding-bottom: 10px;
								}
									.tabs li.active:after {
										content:"";
									}
					}

			


					






/*-------撽𡑒�厩Ⅳ----------------------------------------------------------------------------*/
.captcha {
	line-height: 37px;
    padding: 0px 0px 5px 0px !important;
}
	.captcha input[type="text"] {
		width:80px;
		margin-right:5px;
		border: none;
		border-radius: 28.5px;
		background: #F5F5F5;
		/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
		/* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
		-webkit-appearance: none;
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #333;
		/* background: #333; */
		border-radius: 5px;
		padding: 0px 11px;
		font-size: 14px;
		line-height: 29px;

		font-size: min(max(0.88vw, 14px), 17px); /*摮烾�𥪜之撠� 0.88vw����撠誩�� 14px����憭批�� 17px*/
		line-height: 1.1;
		display: inline-block;
		margin: 9px 0px 7px;		
		text-decoration:none;
		font-weight: 600;
		display: inline-flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:var(--primary_color);
	}










/*-------銵典鱓��----------------------------------------------------------------------------*/

/*銵典鱓��摨�*/
.form_area_bg {
	/* width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 20px; */
}

	/*銵典鱓���躰酉*/
	.form_remark {
		font-size: 15px;
		line-height: 22px;

		line-height: 1.4;
		font-size: min(max(0.9vw, 15px), 18px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 15px����憭批�� 18px*/
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.form_remark span{
			display: inline-block;
			box-sizing: border-box;
		}
		/*敹�憛勇con*/
		.requirde_icon {
			display:inline-block;
			/* border-radius:3px; */
			font-size: 17px;
			/* color:#fff; */
			color: var(--primary_color);
			line-height: 1;
			padding:0px 5px;
		}
		.form_remark .requirde_icon{
			color: #fff;
			background-color: var(--primary_color);
			padding: 5px 6px 0px;
			border-radius: 3px;
			margin-right: 10px;
		}






	/*----- 銵典鱓�� -----*/
	.form_area {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
		.form_list {
			box-sizing:border-box;
			font-size:15px;
			line-height:1.5;

			/*font-size: min(max(0.9vw, 15px), 18px);*/ /*摮烾�𥪜之撠� 0.9vw����撠誩�� 15px����憭批�� 18px*/

			font-size: min(max(1.0vw, 16px), 20px); /*摮烾�𥪜之撠� 1.0vw����撠誩�� 16px����憭批�� 20px*/
			width:100%;
			padding:15px 0px 0px 0px;
		}
		.video_search_area .form_list{
			padding-top: 0;
		}
		.form_list.fLType2{
			width:49%;
		}
		.form_list.fLType3{
			width:42.3%;
		}
			.fL_tit {
				font-weight:bold;
				padding:3px 0px 6px 0px;
				position:relative;
				font-size: 18px;
				font-size: min(max(1.0vw, 16px), 20px); /*摮烾�𥪜之撠� 1.0vw����撠誩�� 16px����憭批�� 20px*/
			}
				/*敹�憛勇con*/
				.fL_tit .requirde_icon {
					/* position:absolute; */
					/* right:0px; */
				}
				
			.fL_info {
			}
				/*瘝埝�㕑撓�交���*/
				/* .fL_info.no_input {
					padding: 10px 0px 25px 0px;
					line-height: 24px;
				} */
				
				.fL_info label {
					display:inline-block;
				}
					

				.fL_info.eyes{
					position: relative;
				   }
				   
				   .eyes_icon {
					position: absolute;
					right: 20px;
					top: 50%;
					transform: translateY(calc( -50% - 0px ));
					cursor: pointer;
				   }
				   .eyes img{
					width: 20px;
					height: auto;
				   }
				   
				   .eyes_icon img.open{
					display: block;
				   }
				   .eyes_icon img.close{
					display: none;
					
				   }
				   
				   
				   .eyes_icon.active img.open{
					display: none;
				   }
				   .eyes_icon.active img.close{
					display: block;
				   }


			/*----- �𧑐��璅��� -----*/
			.fLR_address.fL_info {
				position:relative;
				padding-left: 333px !important;
			}
				.fLR_address select {
					padding: 0;
					padding-left: 16px;
					position:absolute;
					left:0px;
					width:100px;
					height: auto;
					line-height: 40px;
					border: none;
					border-radius: 28.5px;
					background: #F5F5F5  url(../images/select_arrow.png) no-repeat;
					background-size: 14px;
					background-position: calc(100% - 10px) 50%;
					padding-right: 30px !important;
					/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
					/* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
					-webkit-appearance: none;
				}
				.fLR_address select:nth-of-type(2) {
					position:absolute;
					left:110px;
				}

				.fLR_address input.fLRA_postalCode {
					position:absolute;
					width:100px;
					left:220px;
				}
				.fLR_address input.fLRA_address {
				}
			

						
					/*���𠯫璅���*/
					.birthday{						
					}
					/* .fL_info.birthday {
					}
						.fL_info.birthday select {
							margin:0px 0px 0px 0px;
						} */




			/* ----- radio+checkbox�詨�𡝗�--------------------------  */
			.item_RadioCheckArea{
				padding-top: 9px;
				display: flex;
				align-items: center;
				flex-wrap: wrap;		
			}
				.item_RadioCheckArea .item_RadioCheck{
					display: flex;
					align-items: center;
				}
				.item_RadioCheckArea .item_radio,
				.item_RadioCheckArea .item_checkbox {
					position: absolute;
					display: none; 
				}
				
				.item_RadioCheckArea .item_radio[disabled],
				.item_RadioCheckArea .item_checkbox[disabled] {
					cursor: not-allowed; 
				}
				
				.item_RadioCheckArea .item_radio + label,
				.item_RadioCheckArea .item_checkbox + label {
					position: relative;
					/*display: block;*/
					padding-left: 30px;
					cursor: pointer;
					vertical-align: middle; 
					
					/* font-weight: bold; */
					/* margin-right: 10px; */
					margin: 2px 10px 2px 0;
				}

				.item_RadioCheckArea .item_radio + label a,
				.item_RadioCheckArea .item_checkbox + label a {
					text-decoration: none;
					color: var(--primary_color);
				}
				.item_RadioCheckArea .item_radio + label a:hover,
				.item_RadioCheckArea .item_checkbox + label a:hover {
					opacity: 0.5;
				}
				  
					.item_RadioCheckArea .item_radio + label:hover:before,
					.item_RadioCheckArea .item_checkbox + label:hover:before {
						animation-duration: 0.4s;
						animation-fill-mode: both;
						animation-name: hover-color; 
					}
					
					.item_RadioCheckArea .item_radio + label:before,
					.item_RadioCheckArea .item_checkbox + label:before {
						position: absolute;
						/*top: 0;*/
						/* top: -1px; */
						top: 50%;
    					transform: translateY(-50%);
						left: 0;
						display: inline-block;
						width: 20px;
						height: 20px;
						content: '';
						border: 1px solid #c0c0c0; 
					}
					
					.item_RadioCheckArea .item_radio + label:after,
					.item_RadioCheckArea .item_checkbox + label:after {
						position: absolute;
						display: none;
						content: ''; 
					}
				
				.item_RadioCheckArea .item_radio[disabled] + label,
				.item_RadioCheckArea .item_checkbox[disabled] + label {
					cursor: not-allowed;
					color: #444444;
					/* color: #e4e4e4;  */
				}
				
					.item_RadioCheckArea .item_radio[disabled] + label:hover, 
					.item_RadioCheckArea .item_radio[disabled] + label:before, 
					.item_RadioCheckArea .item_radio[disabled] + label:after,
					.item_RadioCheckArea .item_checkbox[disabled] + label:hover,
					.item_RadioCheckArea .item_checkbox[disabled] + label:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:after {
						cursor: not-allowed; 
					}
					
					.item_RadioCheckArea .item_radio[disabled] + label:hover:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:hover:before {
						border: 1px solid #e4e4e4;
						animation-name: none; 
					}
					
					
					.item_RadioCheckArea .item_radio[disabled] + label:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:before {
						border-color: #e4e4e4; 
					}
				
				.item_RadioCheckArea .item_radio:checked + label:before,
				.item_RadioCheckArea .item_checkbox:checked + label:before {
					animation-name: none; 
				}
				
				.item_RadioCheckArea .item_radio:checked + label:after,
				.item_RadioCheckArea .item_checkbox:checked + label:after {
					display: block; 
					border-color: #fff;
				}
				
				.item_RadioCheckArea .item_radio + label:before {
					border-radius: 50%; 
				}
				
				.item_RadioCheckArea .item_radio + label:after {
					/*top: 7px;*/
					/* top: 6px; */
					top: 50%;
    				transform: translateY(-50%);
					left: 7px;
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background: var(--primary_color);
				}
				
				.item_RadioCheckArea .item_radio:checked + label:before {
					border: 1px solid #000;
					border-color:var(--primary_color);
				}
				
				.item_RadioCheckArea .item_radio:checked[disabled] + label:before {
					border: 1px solid #c9e2f9; 
				}
				
				.item_RadioCheckArea .item_radio:checked[disabled] + label:after {
					background: #c9e2f9; 
				}
				
				.item_RadioCheckArea .item_checkbox + label:before {
					border-radius: 3px; 						
				}
				
				.item_RadioCheckArea .item_checkbox + label:after {
					top: 2px;
					left: 7px;
					box-sizing: border-box;
					width: 6px;
					height: 12px;
					transform: rotate(45deg);
					border-width: 2px;
					border-style: solid;
					/* border-color: #fff; */
					border-color: #000639;
					border-top: 0;
					border-left: 0; 
				}
				
				.item_RadioCheckArea .item_checkbox:checked + label:before {
					border:var(--primary_color);
					background:var(--primary_color);
				}
				
				.item_RadioCheckArea .item_checkbox:checked[disabled] + label:before {
					border: #c9e2f9;
					background: #c9e2f9; 
				}






			/*瑼娍���𠰴�單見撘�*/
			.inputFile {
				position:relative;
				border: solid 1px #aeaeae;
				background:#fff;
				border-radius: 3px;
				padding:0px 80px 0px 0px;
				/* margin: 0px 0px 17px; */
			}
				.inputFile input[type='text'] {
					border:none;
					background:none;
				}
				.inputFile label {
					position: absolute;
					top: 0px;
					left:0px;
					width:100%;
					text-align:right;
				}
					.inputFile label div {
						background: var(--primary_color);
						color: #fff;
						font-size: 15px;
						line-height: 42px;
						text-align:center;
						width:80px;
						display: inline-block;
						transition:0.3s ease all;
					}
						.inputFile label:hover div {
							background: var(--fifth_color);
						}
				.inputFile input[type='file'] {
					display:none;
				}
				
				/*瑼娍���𠰴�豚utton*/
				.upload {
					position: relative;
					padding-right: 90px;
				}
					.upload .upload_button {
						position: absolute;
						right: 0;
						top: 0;
						background: var(--secondary_color);
						border-color: var(--secondary_color);
						height: auto;
						line-height: 42px;
						color: #fff;
						width: 80px;
						border-radius: 3px;
						font-size: 15px;
					}
		
					.upload .upload_button:hover{
						background: var(--third_color);
						border-color: var(--third_color);
						transition: 0.3s ease all;
					}
					









						
				/*��峕�𤩺�脲狡*/
				.agreeToTerms {
					font-size: min(max(1.0vw, 18px), 25px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
					line-height:1.1;
					text-align:center; 
					margin: 20px 0px 0px;
				}
					.agreeToTerms strong {
						padding:10px 0px;
						display:inline-block;
					}
					.agreeToTerms a {
						display: inline-block;
						color:var(--sixth_color);
						text-decoration:none;
						font-size: inherit;
						line-height: inherit;
						transform: translateY(3px);
					}	
					.agreeToTerms a:hover {
						opacity:0.5;
					}					
						.agreeToTerms .item_RadioCheckArea {
							/* display: inline-flex; */
							display: inline;
							padding: 0;
							font-size: inherit;
							line-height: inherit;
						}
							.agreeToTerms .item_RadioCheckArea .item_RadioCheck {
								/* display: inline-flex; */
								display: inline;
								font-size: inherit;
								line-height: inherit;
							}
								.agreeToTerms .item_RadioCheckArea .item_radio + label:before, 
								.agreeToTerms .item_RadioCheckArea .item_checkbox + label:before {
									top: 4px;
									transform: translateY(0);
								}
								.agreeToTerms .item_RadioCheckArea .item_checkbox + label {
									margin:  0;
									display: inline;
									font-size: inherit;
									line-height: inherit;
								}
								.agreeToTerms .item_RadioCheckArea .item_checkbox + label:after {
									top: 6px;
								}
				/* .agreeArea{
				}	
				.agreeArea.textArea {
					text-align: left;
					height: 200px;
					border-radius: 0.1875em;
					border: solid 0.0625em #aeaeae;
					overflow-y: auto;
					word-break: break-word;
					padding: 10px;
				}	 */
					







@media (max-width: 990px){

	/*----- 銵典鱓�� -----*/
	.form_area {
		display: block;
		flex-direction: unset;
		flex-wrap: unset;
		justify-content: unset;
	}

		.form_list.fLType2 {
			width: 100%;
		}
		.fL_tit {
			font-size: 16px;
		}
		/*瘝埝�㕑撓�交���*/
		/* .fL_info.no_input {
			padding: 0px 0px 5px 0px;
		}
		.fL_info label {
			padding: 6px 0px;
		} */


		/*----- �𧑐��璅��� -----*/
		.fLR_address.fL_info {
			padding-left: 0px !important;
		}
			.fLR_address select {
				width:49%;
			}
			.fLR_address select:nth-of-type(2) {
				left:auto;
				width:49%;
				right: 0;
			}

			.fLR_address input.fLRA_postalCode {
				position:static;
				width:100%;
				left:auto;
				/* margin-top: 52px; */
				margin-top: 50px;
			}
			.fLR_address input.fLRA_address {
				margin-top:10px;
			}


}
@media (max-width: 540px) {
	.form_list.fLType3{
		width:100%;
		/* padding-bottom: 15px; */
	}
}
@media (max-width: 320px){
	/*���𠯫璅���*/
	/* .fL_info.birthday {
		letter-spacing: 0px;
		white-space: nowrap;
		font-size: 12px;
	} */
}
	








/*-------hack----------------------------------------------------------------------------*/
.hack {
	padding:20px;
}
	.hack_demo {
		float:left;
		width:50%;
		line-height:200px;
		text-align:center;
		box-sizing:border-box;
		border: solid 1px #CCC;
	}
	
/* IE10��11��edge璅∪�� */
@media all and (-ms-high-contrast:none) {
	.ie10Up {
		color: #fff;
		/* background:#06F; */
		background: var(--primary_color);
	}
	*::-ms-backdrop, .ie10Up {
		color: #fff;
		/* background:#06F; */
		background: var(--primary_color);
	}
}

/*firefox*/
@-moz-document url-prefix() { 
	.firefox {
		color: #fff;
		background: var(--primary_color);
	}
}

/*Safari��稪hrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.safariAndChrome {
		color: #fff;
		background: #333;
	}
}























/*/////////////////////////////////////////////////////////*/
/*-------�梁鍂��憛�--------*/
/*/////////////////////////////////////////////////////////*/

/*�函�坔�梁鍂璅���*/
:root {
    /* --primary: Aquamarine; */
    /*--foreign_font:'Quicksand', sans-serif;*/       /*�函�坔�𡝗���堒��*/
	--foreign_font: 'Roboto', sans-serif;   /*�函�坔�𡝗���堒��*/
	--mandarin_font:"Chiron Sung HK WS";   /*�函�嗘葉����堒��*/
	--primary_color:#7D593B;                    /*�函�嗘蜓�𠧧�𠧧蝣�*/
	--secondary_color: #FEF4D9;              /*�函�蹱活閬��𠧧�𠧧蝣�*/
	--third_color: #B7462D;                   /*�函�嗵洵銝㕑𠧧�𠧧蝣�*/   
	--fourth_color: #e8ae42;                 /*�函�嗵洵��𥡝𠧧�𠧧蝣�*/	
	--fifth_color: #75B7C8;                  /*�函�嗵洵鈭磰𠧧�𠧧蝣�*/
	--sixth_color: #ED6D3E;              /*�函�嗵洵�剛𠧧�𠧧蝣�*/
}



.body_in{
	background: url(../images/bg.webp);
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% 200px;  /* 撖� 擃�*/
}
.main{
	/* padding-top: 90px; */
}


@media (max-width: 990px){
	
	.main {
		/* padding-top: 52px; */
	}	
}









/*/////////////////////////////////////////////////////////*/
/*-------�折��梁鍂��憛�--------*/
/*/////////////////////////////////////////////////////////*/


.main.inmain{
}
	
	/*----- �折�banner -----*/
	.inbanner{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding: 17.5% 0;
	}
	





	/*----- 銝𦠜䲮��憛� -------------------------*/
	.pageContent_topArea{
		/* padding: 10px 0px; */
		padding:30px 0px 10px;
		/* border-bottom: 1px solid #e3e3e3; */
	}
		
		/*----- 暻萄�撅� -----*/
		.crumb_bg{
			color: #777777;
			/* font-size: 14px; */
			line-height: 1.5;
			font-size: min(max(0.88vw, 14px), 17px); /*摮烾�𥪜之撠� 0.88vw����撠誩�� 14px����憭批�� 17px*/
		}
			.crumb_area{				
				display: flex;				
				flex-wrap: wrap;
				align-items: center;
			}
				.crumb_area i{
					display: inline-block;
					vertical-align: middle;
					/* font-size: 18px;
					line-height: 20px; */

					font-size: min(max(1.0vw, 16px), 20px); /*摮烾�𥪜之撠� 1.0vw����撠誩�� 16px����憭批�� 20px*/
				}
				.crumb_area i:nth-of-type(1){
					color: var(--primary_color);
				}
				.crumb_area a{
					text-decoration: none;
					display: inline-block;
					vertical-align: middle;
					color: inherit;
					/* font-size: 14px; */					
					font-size: inherit; 
					line-height: inherit;
					transition: 0.3s ease all;
				}
				.crumb_area span:first-of-type a{
					color: var(--primary_color);
				}
				/*hover*/
				.crumb_area a:hover{
					opacity: 0.5;
					/* color: #252525; */
					transition: 0.3s ease all;
				}
				
				.crumb_area span{
					display: block;
					vertical-align: middle;
					/* font-size: 14px;
					line-height: 20px; */
					box-sizing: border-box;
				}	
	
	
	
	/*�折��批捆��憛�*/
	.pageContent{
		padding: 50px 0px;
		position: relative;
	}
	
	

	/*----- �折�璅䠷����1 -----*/
	.right_title{
		color: var(--primary_color);
		font-size: 60px;
		font-size: min(max(2.5vw, 22px), 61px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
		font-weight: 900;
		line-height: 1;
		letter-spacing: 15px;
		
		text-indent: 15px;   /*��删�箇蔭銝�*/
		/* text-indent: 7.5px; */
		/* text-indent: -7.5px; */
		text-align: center;
		position: relative;
		z-index: 5;
		margin-bottom: 50px;
	}
		.right_title:after{	
			position: absolute;
			content: '';
			max-height:50px;
			max-width: 340px;
			width: 60%;
			height: 75%;
			background-color: var(--secondary_color);
			bottom: -10px;
			left: 50%;
			transform: translateX(-50%);
			z-index: -1;
		}
		.right_title strong{	
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}	
	





	/*----- �折�璅䠷����3 -----*/
	.right_title3{
		text-align: left;
		letter-spacing: 6px;
		text-indent: -3px;
		text-indent: unset;
		font-size: min(max(2vw, 18px), 61px);
		font-weight: 700;
		margin-bottom: 0px;
		/*line-height: 1;
		letter-spacing: 15px;
		text-indent: 7.5px;
		text-align: center;
		position: relative;
		z-index: 5;
		margin-bottom: 50px; */
	}
		.right_title3:after{	
			display: none;
			/* position: absolute;
			content: '';
			max-height:50px;
			max-width: 340px;
			width: 60%;
			height: 75%;
			background-color: var(--secondary_color);
			bottom: -10px;
			left: 50%;
			transform: translateX(-50%);
			z-index: -1; */
		}
		.right_title3 strong{	
			/* font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit; */
		}	
	






		/*----- 蝬脩楊��憛� -----*/
		.text_area{
			/* font-size: 16px; */
			font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
			color: #000;
			line-height:1.5;
		}
			.text_area img{
				max-width: 100%;
				height: auto;
			}		
			.text_area iframe{
				max-width: 100%;
			}


		
			
		/*----- ��厰�� -----*/
		.btn_area {
			text-align:center;
			margin:30px 0px 0px;
			font-size: min(max(1.0vw, 16px), 22px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
		}
			.btn_area input{
				font-size: inherit;
				max-width: 255px;
				width: 80%;
				padding: 0;
				box-sizing: border-box;
				border-radius: 24px;
				border: 2px solid var(--sixth_color);
				background: #FFF;
				color: var(--sixth_color);
				font-weight: 700;
				letter-spacing: 3.25px;
				/* text-indent: -1.625px; */
				text-indent: 3.25px;   /*��删�箇蔭銝�*/
				height: auto;
			}
			.btn_area input:hover{
				background:  var(--sixth_color);
				color: #FFF;
				opacity: 1;
			}
			.btn_area input:nth-child(2n+1) {
			}	
			.btn_area input:nth-child(2n) {
				background:#231815;
				color: #fff;
			}	
			.member_loginBg .btn_area input{
				width: 100%;
				max-width: unset;
				border-radius: 32px;
				/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
				/* font-size: 22px; */
				font-size: inherit;
				font-weight: 700;
				line-height: 51px;
				line-height: 42px;
				height: auto;
			}
		
			
			
		/*disAbled��厰��*/
		.btn_area.disabled input ,
		.btn_area.disabled button{
			cursor: default;
			background: #c5c5c5;
			color: #e4e4e4;
			border-color: #c5c5c5;
		}	
			






/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

	/*----- �折�璅䠷����1 -----*/
	.right_title{
		font-size: min(max(1.8vw, 25px), 61px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
		letter-spacing: 10px;
		text-indent: -5px;
		/* text-indent: 5px; */
		margin-bottom: 30px;
	}
	.right_title:after {
		max-height: 35px;
		max-width: 225px;
		width: 40%;
		height: 50%;
		bottom: 0px;
	}
}


@media (max-width: 990px){
	
.main.inmain {
}	
	

	/*----- 銝𦠜䲮��憛� -------------------------*/
	.pageContent_topArea{
		padding:10px 0px 10px;
		border-bottom: 1px solid #e3e3e3;
	}


	/*�折��批捆��憛�*/
	.pageContent{
		padding: 25px 0px;
	}


		/*----- �折�璅䠷����1 -----*/
		.right_title{
			/* font-size: 18px; */
			line-height: 1.2;
			margin-bottom: 25px;
		}
			.right_title:after {
				max-width: 250px;
			}



		/*----- �折�璅䠷����3 -----*/
		.right_title3{
			letter-spacing: normal;
			text-indent: unset;
			/* text-indent: unset;
			font-size: min(max(2vw, 18px), 61px);
			font-weight: 700; */
			margin-bottom: 0px;
		}
		.member_loginBg .btn_area input {
			font-size: 18px;
			line-height: 40px;
			/* height: 40px; */
		}
}

	

@media (max-width:425px){

	/*----- �折�璅䠷����1 -----*/
	.right_title{
		/* margin-bottom: 10px; */
		margin-bottom: 15px;
	}

	/*----- �折�璅䠷����3 -----*/
	.right_title3{
		margin-bottom: 0px;
	}

}


/*----- 撌血𢰧��憛� -------------------------*/

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



	/*撌血��*/
	.left{
		box-sizing: border-box;
		width: 225px;
	}
				
		/*撌血�湔�䠷��*/
		.left_title{
			font-size: 20px;
			letter-spacing: -1px;
			text-indent: -0.5px;
			background-color: #b08559;
			color: #fff;
			padding: 13px 10px 10px;		
		}
			.left_title span{
				font-size: 15px; 
				color: #fff;
				padding-top: 10px;
				letter-spacing: 1px;
				text-indent: -0.5px;
				display: block;
				font-weight: normal;
				font-family: var(--foreign_font);
			}
		
		/*撌血�湧�詨鱓��𡑒”*/
		.leftListArea{
			/*background-color: #fcfcfc;*/
		}
			.leftList{
				font-size:18px;
			}
				.leftList > a{
					display:block;
					/*padding: 13px 45px 13px 35px;*/
					padding: 13px 45px 11px 10px;
					text-decoration:none;
					color:#000;
					position: relative;
					font-size: 15px;
					line-height: 22px;
					word-break: break-word;
					
					border-bottom: 1px dashed #cecece;
				}
					
				.leftList.active > a{
					/* background-color: #ececec; */
					background-color: var(--secondary_color);
				}
				.leftList:hover > a{
					/* background-color:#ececec; */
					background-color: var(--secondary_color);
				}
					
					/*隞�”�扳�躰��*/
					/*.leftList_icon.first{
						position: absolute;
						left: 10px;
						top: 16px;
					}*/
						.leftList_icon i{
							font-size: 19px;
							line-height: 14px;
							color: #777;
						}
					
					/*��蠘�賢�滨迂*/	
					.leftList_title{
						display: inline-block;
						vertical-align: bottom;
					}
					
					/*�䲮��烐�躰��*/
					.leftList_icon.direction{
						position: absolute;
						right: 10px;
						top: 16px;
					}
						/*�䲮��烐�躰�𪊺��睲�见�閖��*/
						.leftList_icon.direction i.down{
							display: block;
						}
						/*�䲮��烐�躰�𪊺��睲�𦠜𤣰���*/
						.leftList_icon.direction i.up{
							display: none;
						}
						
						
					/*active*/ /*�䲮��烐�躰�𪊺��睲�见�閖��*/
					.leftList.active .leftList_icon.direction i.down{
						display: none;
					}
					/*active*/ /*�䲮��烐�躰�𪊺��睲�𦠜𤣰���*/
					.leftList.active .leftList_icon.direction i.up{
						display: block;
					}
					
					
					
				
				/*撌血�湧�詨鱓��𡑒”蝚砌��惜*/
				.leftList_open{
					display: none;
				}
				.leftList_open.active{
					display:block;
				}
					.leftList_open_list{
					}
						.leftList_open_list a {
							display: block;
							transition: 0.3s ease all;
							color: #999;
							text-decoration:none;
							padding: 13px 10px 11px 25px;
							font-size: 15px;
							line-height: 22px;
							font-weight:normal;
							word-break: break-word;
							border-bottom: 1px dashed #cecece;
						}
						.leftList_open_list.active a {
							color: var(--primary_color);
						}
						.leftList_open_list a:hover {
							color: var(--primary_color);							
						}

	/*�𢰧��*/
	.right{
		box-sizing:border-box;
		width: calc(100% - 300px);		
	}


	/*�∪椰�湧�詨鱓*/
	.right.no_left{
		width: 100%;
		padding: 0;
	}

	
	/*�𢰧�游�批捆��憛�*/
	.right_contentBg{	
		padding-top: 20px;
	}
	
	



@media (max-width: 990px){

	.page{
		display: block;
		flex-wrap: unset;
		justify-content: unset;
	}
	
	
	/*撌血��*/
	.left{
		width:100%;
		margin-bottom: 10px;
		position: static;
	}
	
		/*撌血�渲”�鱓��滨迂*/
		.left_title {
			position: relative;
			cursor: pointer;
			background-color: #fff;
			padding: 10px 50px 10px 15px;
			font-size: 17px;
			letter-spacing: 1px;
			text-indent: -0.5px;
			color: #000;
			border: 1px solid #777;
		}
			.left_title span{
				display:inline-block;
				font-size: 13px;	
				color: #000;
			}
			
			.left_title:after {
				content: '';
				position: absolute;
				border-left: solid 6px rgba(255,255,255,0);
				border-right: solid 6px rgba(255,255,255,0);
				border-bottom: solid 6px rgba(255,255,255,0);
				border-top: solid 10px var(--primary_color);
				top: 50%;
				right: 15px;
				transform: translateY(calc(-50% + 4px));
				transform-origin: center;
				transition:.5s ease all;
			}
			.left_title.active:after {
				/* top: 50%;
				right: 15px; */
				transform: translateY(calc(-50% - 3px)) rotate(180deg);
				transition:.5s ease all;
			}
			
		
		/*撌血�渲”�鱓*/
		.leftListArea{
			display:none;
			background: #fcfcfc;
			border: 1px #dbdbdb solid;
		}
		
			.leftList > a{
				padding: 13px 45px 11px 15px;
			}
				
				/*�䲮��烐�躰��*/
				.leftList_icon.direction{
					right: 11px;
				}
				
				.leftList_open_list a{
					padding: 13px 45px 11px 30px;
				}
	
	/*�𢰧��*/ /*�∪椰�湧�詨鱓*/
	.right ,
	.right.no_left{
		width:100%;
		/* padding: 35px 0px 0; */
		padding: 0;
	}
	
	
}






/*/////////////////////////////////////////////////////////*/
/*-------�舐窗��穃��--------*/
/*/////////////////////////////////////////////////////////*/

/* �舐窗��穃�穃�憛� */
.contactArea{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;	
}

    /* �舐窗��穃�穃�憛𩗴eft */
	.contact_left{
		box-sizing: border-box;
		padding: 0 15px;
		/* width: 50%; */
		width: 39%;
	}
		.contact_left .text_area{
		}
			.contact_left .text_area a{
				color: inherit;
			}
			.contact_left .text_area iframe{	
				width: 80%;	
				max-width: 100%;	
			}


    /* �舐窗��穃�穃�憛𢵄ight */
	.contact_right{
		box-sizing: border-box;
		padding: 0 15px;
		/* width: 50%; */
		width: 61%;
	}





	.form_list.ask{
		display: none;
	}




		.contact_right input[type="email"]{
			border: none;
			border-radius: 28.5px;
			background: #F5F5F5;
			/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
			-webkit-appearance: none;
		}
		.contact_right input[type="text"] ,
		.contact_right input[type="tel"] ,
		.contact_right input[type="number"] ,
		.contact_right input[type="date"] ,
		.contact_right input[type="time"] ,
		.contact_right input[type="email"] ,
		.contact_right textarea ,
		.contact_right .captcha input[type="text"] {
			padding: 3px 10px;
			border: none;
			border-radius: 28.5px;
			background: #F5F5F5;
			box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
		}

		.contact_right .inputFile {
			border: none;
			background:transparent;
		}
			.contact_right .inputFile  input[type="text"]{
				border-radius: 28.5px 0 0 28.5px;
			} 
			/* .contact_right .inputFile  input[type="file"]{
				padding: 3px 10px;
				border: none;
				border-radius: 28.5px 0 0 28.5px;
				background: #F5F5F5;
				box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
			}  */
			.contact_right .inputFile label div {
				/* background: var(--primary_color);
				color: #fff;
				font-size: 15px;
				line-height: 42px;
				text-align: center;
				width: 80px;
				display: inline-block;
				transition: 0.3s ease all; */
				border-radius: 0 28.5px 28.5px 0;
				box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
			}




@media (max-width: 1024px){

/* �舐窗��穃�穃�憛� */
.contactArea{
	display: block;
	flex-wrap: unset;
	margin: 0;	
}

    /* �舐窗��穃�穃�憛𩗴eft */
	.contact_left{
		padding: 0 0px;
		width: 100%;
	}
		.contact_left .text_area iframe{	
			width: 100%;	
			max-width: unset;	
		}

    /* �舐窗��穃�穃�憛𢵄ight */
	.contact_right{
		padding: 30px 0 0px;
		width: 100%;
	}

}















/*/////////////////////////////////////////////////////////*/
/*-------���彍��堒�憛�--------*/
/*/////////////////////////////////////////////////////////*/

.number_pageArea{
	text-align:center;
	margin:30px 0px 0px;
	position: relative;
    z-index: 5;
	font-family: var(--foreign_font);
}
	/*撌血�游�憛�*/
	.numberPage_leftArea{
		display: inline-block;
		vertical-align: middle;
	}	
		.numberPage_leftList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_leftList a{
				display: block;
				text-decoration: none;
			}
			
			/*modify by pekey 20181114*/
			img.hover_after{
				display: none;
				background-color: var(--primary_color);
				border-radius: 50%;
			}
			/*modify by pekey 20181114*/
			.numberPage_leftList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_leftList a:hover img.hover_before{
				display: none;
			}
		
	/*銝剝�枏�憛�*/
	.numberPage_middleArea{
		display: inline-block;
		vertical-align: middle;
		padding: 0px 8px;

		font-family: poppins, sans-serif;
		font-weight: 500;
		font-style: normal;
	}
		.numberPage_middleList{
			display: inline-block;
			vertical-align: middle;
			padding: 0px 4px;
		}
			.numberPage_middleList a{
				display: block;
				text-decoration: none;
				width: 31px;
				
				border-radius: 100%;
				background-color: transparent;
				color: #808080;

				padding: 8px 0px;
				font-size: 15px;
				line-height: 1;
			}
			/*active*/
			.numberPage_middleList.active a{
				background-color: var(--primary_color);
				color: #fff;
			}
			/*hover*/
			.numberPage_middleList a:hover{
				background-color: var(--primary_color);
				color: #fff;
			}
	
	/*�𢰧�𠰴�憛�*/	
	.numberPage_rightArea{
		display: inline-block;
		vertical-align: middle;
	}
		.numberPage_rightList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_rightList a{
				display: block;
				text-decoration: none;
			}
			
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_before{
				display: none;
			}
		
	.numberPage_leftList span ,
	.numberPage_rightList span{
		display: inline-block;
		box-sizing: border-box;
		font-size: 21px;
		line-height: 23px;
		color: var(--primary_color);
		vertical-align: middle;
		font-weight: bold;
	}	
	





@media (max-width: 990px){
	
	.number_pageArea{
		padding: 40px 0px 15px;
	}

}
	
@media (max-width: 640px){
	
	.number_pageArea {
		/*padding-top: 30px;*/
		padding: 30px 0px 0px;
	}
	
		.numberPage_leftList:first-child{
			display: none;
		}
		
	.numberPage_middleArea{
		padding: 0px;
	}
		.numberPage_middleList{
			padding: 0px;
		}
		
		.numberPage_rightList:last-child{
			display: none;
		}
		
	
}




/*/////////////////////////////////////////////////////////*/
/*-------�䰻��𧢲凒憭�--------*/
/*/////////////////////////////////////////////////////////*/
.more_btn{
	width: fit-content;
}
.more_btn a{
	display: flex;
	align-items: center;
	text-decoration: none;
	color: var(--primary_color);
	font-size: 15px;
	font-size: min(max(0.9vw, 15px), 18px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 15px����憭批�� 18px*/
	font-weight: 700;
	letter-spacing: 3.25px;
	text-indent: -1.625px;
	transform: scale(1);
	transition: all .3s ease;
	transform-origin: left;
}

.more_btn a img{
	display: inline-block;
	width: 34px;
	margin-left: 15px;
	transform: translateX(0px);
	transition: all .3s ease;
}

.more_btn a:hover{
	transform: scale(1.1);
}
.more_btn a:hover img{
	transform: translateX(10px);
}


/*/////////////////////////////////////////////////////////*/
/*-------�𤩎����𡑒”��𥕦之憛�--------*/
/*/////////////////////////////////////////////////////////*/
.product_list_Bg{
	display: flex;
}
.product_list{
	width: 25%;
	position: relative;
	overflow: hidden;
}
.product_list_img{
	background: url(../product/images/product_list01.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 90vh;
	position: relative;
}
.product_list_img::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 100%);
	z-index: 1;
	transition: all .3s ease;
}
.product_list:hover .product_list_img::before{
	background: transparent;
}
.product_list_box{
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: all .3s ease;
}
.product_list:hover .product_list_box{
	height: 45%;
}
.product_list_info{
	text-align: center;
	position: relative;
	z-index: 1;
}
.product_list_title{
	color: #FFF;
font-size: 50px;
font-weight: 700;
display: inline-block;
padding-bottom: 40px;
}
.product_list_title::before{
	content: '';
	width: 118px;
	height: 8px;
	background: var(--sixth_color);
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}



.product_list_btn{
	position: relative;
	opacity: 0;
	z-index: -99;
	transition: all.3s ease;
	font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
}
.product_list_btn a{
	display: block;
	text-decoration: none;
	width: 255px;
	padding: 10px 0;
	box-sizing: border-box;
	border-radius: 24px;
	border: 2px solid var(--sixth_color);
	background: #FFF;
	color: var(--sixth_color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-weight: 700;
	letter-spacing: 3.25px;
	/* text-indent: -1.625px; */
	text-indent: 3.25px;   /*��删�箇蔭銝�*/
	margin: auto;
	transition: all .3s ease;
}
.product_list:hover .product_list_btn{
	opacity: 1;
	z-index: inherit;
}
.product_list_btn a:hover{
	opacity: .7;
}
.product_list_btn a span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}



.product_list_cover{
	width: 140%;
	height: 100%;
	background-color: var(--sixth_color);
	
	border: 10px solid var(--third_color);
	/* border-bottom-right-radius: none; */
	border-bottom: none;
	position: absolute;
	bottom: -100%;
	left: 50%;
	box-sizing: border-box;
	border-radius: 45% 45% 0 0;
	z-index: 0;
	transform: translateX(-50%);
	transition: all .3s ease;
}
.product_list:hover .product_list_cover{
	bottom: 0;
}


@media (max-width: 1440px) {

	.product_list_title {
		font-size: 36px;
	}
	.product_list_title::before {
		width: 95px;
	}
	.product_list_btn a{
		width: 200px;
	}
}
@media (max-width: 990px) {
	.product_list_Bg{
		display: block;
	}
	.product_list {
		width: 100%;
	}
	.product_list_img{
		height: 70vh;
	}
	.product_list_box {
		height: 40%;
	}
	.product_list_title {
		font-size: 30px;
		padding-bottom: 25px;
	}
	.product_list_title::before{
		background: #fff;
		margin-bottom: 10px;
	}
	
	.product_list_btn{
		opacity: 1;
		z-index: inherit;
	}
	.product_list_cover {
		bottom: 0;
	}
}
/*//////////////////////////////////////////////////////*/
/*------- ���摱�蒈�亙�憛� --------*/
/*//////////////////////////////////////////////////////*/

.member_loginBg{
	/* padding: 50px 0px 0px; */
}
	.member_loginIn{

	}
		/* 璅䠷�� */
		.member_loginIn .title{
			font-size: 1.5em;
			font-weight: bold;
			color: #000;
			text-align: center;
			font-size: min(max(1.4vw, 23px), 27px); /*摮烾�𥪜之撠� 1.4vw����撠誩�� 23px����憭批�� 27px*/
		}

		
		/* �蒈�亙�批捆��憛� */
		.login_contentBg{
			margin: 30px auto;
			width: 500px;
			max-width: 100%;
			padding: 17.5px 27.5px 20px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-radius: 40px;
			/* box-shadow: 0 3px 10px 0 rgb(0 0 0 / 0.1); */
			/* box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.25); */
			box-shadow: rgba(17, 12, 46, 0.2) 0px 48px 100px 0px;

			overflow: hidden;
			background-color: #ffffff;
		}
.login_contentBg_add{
	width: 700px;
}
			.login_contentIn{
				
			}

				/* 銵典鱓��憛� */
				.member_loginBg .form_listBg{

				}
					/* ��𡑒” */
					.form_listArea .form_list{
						position: relative;
						padding: 7.5px 0px;
						box-sizing: border-box;

						border-bottom: unset;
					}

					/* 璅䠷�� */
					.form_listArea .form_list .title{
						position: absolute;
						left: 0;
						top: 50%;
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						
						font-weight: bold;
						font-size: 0.9375em;
						line-height: 1.3125em;
    					padding: 7px 0px;
					}

					/* 甈�雿� */
					.form_listArea .form_list .cartContent{
						padding: 0px 0px 0px 85px;
						font-size: 0.9375em;
						line-height: 2.375em;
    					letter-spacing:  1px;
						text-indent: -0.5px;
					}
						.form_listArea .form_list .cartContent input{
							letter-spacing:  1px;
							text-indent: -0.5px;
							padding: 0px 7px;
							font-size: 0.8125em;
							line-height: 1.0625em;
						}

					/* ��厰�� */
					.form_list.login_button {
						padding: 22.5px 0px 0px;
					}

					/*modify by abby 20230301 start*/
					
					.form_list.login_button:focus{
						/*background:#f6ab00;
						 border: 0.2em solid #f6ab00; */
					}

					/* .form_list .login_button input[type="checkbox"]:focus {
						border: 0.4rem solid #f6ab00;
					} */

					/*modify by abby 20230301 end*/

					/* �訜��匧�拙�𧢲�厰�� */
					/* .form_list.login_button.two {
						margin: 0px -3px;

						display: flex;
						flex-wrap: wrap;
						flex-direction: row;
						align-items: flex-start;
					}

						.form_list.login_button.two .button{
							width: 50%;
							box-sizing: border-box;
							padding: 0px 3px;
						} */

							.form_list.login_button input[type="button"] {
								width: 100%;
								background-color: #33a0da;
								border-radius: 0.1875em;
							}

							.form_list.login_button input[type="submit"] {
								width: 100%;
								background-color: #C62522;
								border-radius: 0.1875em;
							}


					/* 蝷曄黎�蒈�交�厰�� */
					.sns_btn{
						margin-top: 15px;
						margin-top: 22px;
					}
					.sns_btn ul{
						padding-left: 0;
						display: flex;
						justify-content: space-around;
					}
							
					.sns_btn ul li{
						list-style-type: none;
						width: 50px;
					}
					.sns_btn ul li a{
						display: inline-block;
						text-decoration: none;
						padding: 8px;
						background-color: var(--primary_color);
						
						border-radius: 50%;
						overflow: hidden;
					}
					.sns_btn ul li a.sns_fb{
						background-color: #4267B2;
					}
					.sns_btn ul li a.sns_line{
						background-color: #1B9E06;
						
					}
					.sns_btn ul li a.sns_google{
						background-color: #C62522;
						
					}
					
					.sns_btn ul li a img{
						display: inline-block;
						width: 100%;
						height: auto;
					}
							/* 敹䁅�睃�蝣潮� */
							.form_list.login_button.forget input[type="button"] {
								background-color: #666666;
							}



				/* 鋆嗪ˇ��憛� */
				.member_loginBg .deco_bg{
					padding: 25px 0px 0px;
					
				}
					.member_loginBg .deco_bg .cartContent{
						display: flex;
						-webkit-box-align: center;
						-webkit-align-items: center;
						-moz-box-align: center;
						-ms-flex-align: center;
						align-items: center
					}
						.member_loginBg .deco_bg .deco_line{
							flex: 1;
							-webkit-box-flex: 1;
							-webkit-flex: 1;
							-moz-box-flex: 1;
							-ms-flex: 1;

							background-color: #474747;
							width: 100%;
							height: 0.05em;
						}
					
						.member_loginBg .deco_bg .deco_text{
							color: #ccc;
							font-size:0.8125em;
							padding: 0px 10px;
						}		



				/* �嗡�硋�蠘�賢�憛� */
				.member_loginBg .other_bg{
					padding: 0px;
					text-align: center;
				}
					.member_loginBg .other_bg .cartContent {
						margin: 0px -3px;

						display: flex;
						flex-wrap: wrap;
						flex-direction: row;
						align-items: flex-start;
					}
						.member_loginBg .other_bg .cartContent .other_list{
							/* float: left; */
							/* display: inline-block;
							box-sizing: border-box;
							position: relative;
							width: 48%; */ 

							position: relative;

							width: 50%;
							padding: 0px 3px;
							box-sizing: border-box;
						}
							.member_loginBg .other_bg .cartContent .other_list:nth-of-type(2):before{
								position: absolute;
    left: -0.5px;
    content: '';
    background-color: #474747;
    width: 0.05em;
    height: 55px;
							}

							.member_loginBg .other_bg .cartContent .other_list a{
								display: block;
								color: #474747;
								font-size:16px;
								font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
								padding:  25px 0;
								transition: 0.2s ease all;
								text-decoration: none;
								font-weight: 600;
							}
							.member_loginBg .other_bg .cartContent .other_list a:hover{
								color:#E3A220;
							}				



/* 閮餃�𦠜��摱���𢒰 class ��� special */
.member_loginBg.special .form_listArea .form_list .title {
	left: 32px;
}

.member_loginBg.special .form_listArea .form_list.password .title {
	left: 0;
}

.member_loginBg.special .form_listArea .form_list .cartContent {
    padding: 0px 0px 0px 115px;
}


	.member_loginBg.special .form_listArea .form_list .cartContent input[type="date"] {
		width: 100%;
	}

@media (max-width: 990px) {
	.member_loginIn .title {
		font-size: 22px;
	}
	.member_loginBg .other_bg .cartContent .other_list a {

		padding: 15px 0;
	}
	.member_loginBg .other_bg .cartContent .other_list:nth-of-type(2):before {
		
		height: 40px;
	}
	
}
@media (max-width: 540px) {
	.login_contentBg {
		padding: 17.5px 20.5px 20px;
	}
}

.index_news_area_in{
	padding-top: 25px;
}
.index_news_list{
	border-bottom: 1px dashed var(--sixth_color);
	padding: 25px 0;
	cursor: pointer;
}
.index_news_list:hover{
	/* opacity: 0.5; */
	opacity: 1;
	transition:.5s ease all;
}


/* ����猬xpired_news�粹�擧�� */
.index_news_list.expired_news{
	opacity: 0.4;
	/* transition:.5s ease all; */
}
.index_news_list.expired_news:hover{
	cursor: default !important;
	opacity: 0.4 !important;
}
	.index_news_list.expired_news .index_news_tag {
		background: #cecece
		color: #333;
	}
	.index_news_list.expired_news:hover .index_news_in_title {
		color: #000;
	}
	.index_news_list.expired_news .more_btn a:hover{
		transform: unset;
		cursor: default;
	}
	.index_news_list.expired_news .more_btn a:hover img{
		transform: unset;
	}





.index_news_list_in{
	width: 95%;
	margin-left: auto;
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	position: relative;
	flex-wrap: wrap;
}
.news_Bg .index_news_list_in{
	width: 100%;
}
.index_news_date{
	color: #000;

	/* font-size: 16px;	
	max-width: 135px;
	min-width: 135px; */

	font-weight: 700;

	font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
	max-width:145px;
	min-width: 145px;
}
.index_news_date_dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: var(--fourth_color);
	border-radius: 50%;
	margin-right: 25px;
}
.index_news_tag_wrap{
	width: 30%;
	padding: 0 20px;
	box-sizing: border-box;
}
.index_news_tag{
	border-radius: 21px;
	background: var(--fourth_color);
	color: #fff;
	font-size: 18px;
	font-size: min(max(1.0vw, 16px), 20px); /*摮烾�𥪜之撠� 1.0vw����撠誩�� 16px����憭批�� 20px*/
	font-weight: 700;
	letter-spacing: 4.5px;
	/* text-indent: -2.25px; */
	text-indent: 4.5px;  /*��删�箇蔭銝�*/
	width: fit-content;
	padding: 12px 20px;
	box-sizing: border-box;
	max-width: 200px;
	margin: 0 auto;
	/* position: absolute;
	left: 250px; */
}


.index_news_in_title{
	color: #000;
	/* font-size: 16px; */

	font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/

	font-weight: 500;
	/* padding-left: 400px; */
	box-sizing: border-box;
	width: 45%;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;

	overflow : hidden;
	line-height: 1.2;
}

.index_news_btn{
	margin-left: auto;
}

.index_news_list:hover .index_news_in_title{
	color:var(--fourth_color);
	transition:0.3s ease all;
}






.index_news_right .p_tab_text_area{
	padding: 0;
}
.news_date{
	background-color: var(--primary_color);
	color: #fff;
	padding: 10px 15px ;
	border-radius: 35px;
	display: inline-block;
	margin-bottom: 25px;
	font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
}
@media (max-width: 1600px) {
	.index_news_tag_wrap {
		width: 25%;
		padding: 0 10px;
	}
	.index_news_in_title {
		width: 40%;
	}
}

@media (max-width: 1440px) {
	.index_news_area{
		padding: 55px 50px;
		
	}
	.index_news_tag {
		font-size: 16px;
		
		padding: 12px 13px;
	
	}
	.index_news_date_dot {
		margin-right: 15px;
	}
}
@media (max-width:1280px) {
.index_news_area{
	display: block;
}
.index_news_title{
	margin-bottom: 25px;
	text-align: center;
}
.index_news_title .index_title.rl {
    writing-mode: unset;
    word-break: keep-all;
    margin: 0 auto;
    margin-bottom: 21px;
}
.index_news_title .index_title::before {
    content: '';
    position: absolute;
    bottom: -35%;
    left: 0;
    display: block;
    width: 100%;
    height: 85%;
    background-color: var(--secondary_color);
    z-index: -1;
}
.index_news_right{
	width: 100%;
}
.index_news_list_in{
	margin-left: 0;
	width: 100%;
}
}
@media (max-width: 1280px) {
	.news_Bg .index_news_in_title{
		width: 75%;
		margin-top: 10px;
	}
	.news_Bg .index_news_big_btn {
		margin-top:25px;
	}
}
@media (max-width: 990px) {

	.news_date{
		/* background-color: var(--primary_color);
		color: #fff;
		padding: 10px 15px ;
		border-radius: 15px;
		display: inline-block;
		margin-bottom: 25px; */
		font-size: 14px;
		padding: 10px 10px;
	}


	.index_news_list {
		padding: 15px 0;
	}
	.news_Bg .index_news_in_title {
		width: 100%;
	}
	.index_news_btn{
		display: none;
	}
}

@media (max-width: 768px) {
	.index_news_area {
		padding: 25px 20px;
	}
	.index_news_list {
		padding: 10px 0;
	}
	.index_news_tag_wrap {
		width: fit-content;
	}
	.index_news_tag {
		padding: 8px 10px;
	}
	.index_news_in_title {
		width: 100%;
	}
	.index_news_btn{
		margin-top: 5px;
	}
}
@media (max-width: 540px) {
	.index_news_date {
		max-width: unset;
		min-width: unset;
	}
	.index_news_date_dot {
		margin-right: 5px;
	}
	.index_news_Bg .index_news_btn{
		display: none;
	}
}












/*/////////////////////////////////////////////////////////*/
/*-------�折�_瘣餃�閗�䔶�𧢲�--------*/
/*/////////////////////////////////////////////////////////*/



.calendarPageContent{

}

	.calendarPageContent .wrap ,
	.calendarPageContent_topArea .wrap{
		/* padding-left: 10px;
		padding-right: 10px; */
		width: calc(85.6% - 20px);
	}


.calendarBg{
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
}

	.calendarBg .wrap{
		/* background-color: #ddd;
		padding-left: 0px;
		padding-right: 0px; */
		width: calc(85.6% - 0px);
	}

		.calendarBg .calendar{
			
		}


		.calendarBg .fc table {
			/* border-collapse: collapse;
			border-spacing: 0px;
			font-size: 1em; */

			border-collapse: unset;
		}
		.calendarBg .fc .fc-scrollgrid table {
			/* border-left-style: hidden;
			border-right-style: hidden;
			border-top-style: hidden; */
			border-left-style: solid;
			border-right-style: solid;
			border-top-style: solid;
			border-color: #fff0;

			border-left: 10px transparent solid;
			border-right: none;
		}


.fc .fc-view-harness {
    /* flex-grow: 1;
    position: relative; */
    /* background-color: #fff; */

	background-color: transparent;
}

.fc-theme-standard td, .fc-theme-standard th {
    border-color: var(--primary_color);

	border-color: transparent;
    /* background-color: #fff; */
}


.fc-theme-standard th {
    /* border-color: var(--primary_color); */

	/* border-color: transparent; */
    /* background-color: #fff; */
}

	.fc-theme-standard td{
		border: 10px transparent solid;
		border-left: none;
		border-top: none;
	}
	.fc-theme-standard tr td:last-of-type{
		border-right: none;
	}

	/*�訜憭拇𠯫���*/
	.fc .fc-daygrid-day.fc-day-today {
		background-color: transparent;
	}
		.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame.fc-scrollgrid-sync-inner{
			background-color: var(--secondary_color);
		}

.fc .fc-col-header-cell-cushion {
    /* display: inline-block; */
    padding: 8px 2px;
}
.fc .fc-col-header-cell-cushion{
	text-decoration: none;
}
.fc .fc-daygrid-day-number {
    font-size: 20px;
	font-size: min(max(1.7vw, 17px), 35px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
    font-weight: 700;
	text-decoration: none;
}

	.calendarBg .fc-col-header {
		/* transform: translateY(20px); */
	}

	.calendarBg .fc-col-header tr{
	}
		.fc-theme-standard th {
			/* font-size: 25px; */
			font-size: min(max(1.3vw, 16px), 26px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
			border: 10px transparent solid;
			border-bottom: none;
			border-left: none;	
		}
		.fc-theme-standard tr th:last-of-type {
			border-right: none;	
		}
			.fc-theme-standard th .fc-scrollgrid-sync-inner{
				background-color: #fff;
			}

.fc .fc-scrollgrid-liquid{
	border-left: 1px solid var(--primary_color);
	border-top: 1px solid var(--primary_color);

	border-left: none;
	border-top: none;
}



/*撟游�+���遢+�����*/
.fc .fc-toolbar.fc-header-toolbar {
	/* padding-left: 10px;
	padding-right: 10px; */
	padding-left: 10px;
}
/* .fc .fc-toolbar-title {
    padding-left: 10px;
} */



.fc-scroller.fc-scroller-liquid-absolute {
    overflow-y: scroll;
}
.fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar {/*皛曉�閙�脲㟲擃娍見撘�*/
	width:5px;     /*擃睃祝���ê̌撠齿�㗇帖鞊擧遝��閙�萘�撠箏站*/
	height: 1px;
}
.fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb {/*皛曉�閙�肽ㄐ�𢒰撠𤩺䲮憛�*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	
	/* background: var(--primary_color); */
	background: var(--secondary_color);
}
.fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-track {/*皛曉�閙�肽ㄐ�𢒰頠屸��*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	border-radius: 5px;
	background: #fff0;
}	




/*/////////////////////////////////////////////////////////*/
/*-------銵䔶�𧢲�--------*/
/*/////////////////////////////////////////////////////////*/




.fc .fc-button-primary {
    background-color: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
    color: var(--fc-button-text-color);
}
.fc-h-event .fc-event-main {
	font-size: min(max(0.85vw, 12px), 18px);
	line-height: 1.5;
	padding-bottom: 10px;
	color: #333;
    /*color: var(--primary_color) !important;*/
	/*font-size: min(max(1.2vw, 10px), 20px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
}

.fc-h-event .fc-event-main *{   /*20231227*/
	font-size: min(max(0.85vw, 12px), 18px);
	line-height: 1.5;
	color: #333;
}


	.fc-event .events_img{
		/* max-width:60px; */
		max-width:45px;
		width: 50%;
		position: relative;
		margin: 0 auto 5px;
		/* display: block; */
		/* flex-wrap: wrap; */
	}
		.events_img_in{
			position: relative;
			padding-top: 100%;
			/* border-radius: 10px; */
			display: block;
			overflow: hidden;
			/* transform: scale(0.9); */
			/* margin: 0 auto 10px; */
			display: block;
		}
			.fc-event .events_img img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				float: none;
				width: 100% !important;
				height: 100% !important;  /*20231227*/
				object-fit: cover;
				transition: 0.3s ease all;
			}
			.events_title{
				/* font-size: min(max(1.0vw, 14px), 20px); */
				font-size: min(max(1.0vw, 12px), 20px)!important;   /*20231227*/
				text-align: center;
				display: block;
				/* margin-top: 10px; */
				color: inherit;
			}

.fc-event div{
	/*display: flex;
	flex-direction: column;
	text-align: center;*/
	/* justify-content: center;
	align-items: center; */
	text-align: center;
}
.fc-h-event {
    /* background-color: var(--secondary_color) !important; */
    /* border: 1px solid var(--secondary_color) !important; */
    display: block;

	background-color: transparent;
	border-color: transparent;
	border-width: 0px;
}
td.fc-day.fc-day-wed.fc-day-past.fc-daygrid-day{
	overflow: hidden;
}
.fc .fc-daygrid-day-frame {
    /* min-height: unset !important; */
	min-height: 100%;
	background-color: rgba(255 255 255 / 50%);
    /* position: relative; */
	
}





/*�怎�鞟�讛汗�膥璅��� start*/
.body_firefox .fc .fc-daygrid-day-frame {
	/* background-color: transparent; */
	background-color: rgba(255 255 255 / 50%);
	/* margin-right: 10px; */
}
.body_firefox .fc-theme-standard td, 
.body_firefox .fc-theme-standard th {
	/* border: 1px solid var(--fc-border-color); */
	border: none;

	border: 10px transparent solid;
    border-left: none;
    border-top: none;
}
.body_firefox .fc .fc-daygrid-day-top {
	/* background-color: rgba(255 255 255 / 50%); */
}
.body_firefox .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	/* min-height: 2em;
	position: relative; */
	/* padding-bottom: 60%; */
	/* background-color: rgba(255 255 255 / 50%); */
}

.body_firefox .fc .fc-daygrid-body-unbalanced .fc-daygrid-day .fc-daygrid-day-events {
	/* padding-bottom: 60%; */
}




.body_firefox .fc-theme-standard .fc-scrollgrid {
	/* border: 1px solid #ddd;
	border: 1px solid var(--fc-border-color,#ddd); */
	border: none;
}

/* .body_firefox  .fc-liquid-hack td,  */
.body_firefox  .fc-liquid-hack th {
	/* border: none; */
	border: 10px transparent solid;
    border-left: none;
    border-top: none;
	border-bottom: none;
}
.body_firefox .fc-theme-standard th .fc-scrollgrid-sync-inner {
	/* background-color: #fff; */
	background-color: rgba(255 255 255 / 50%);
}
.body_firefox .fc .fc-daygrid-day.fc-day-today {
	/* background-color: rgba(255,220,40,.15);
	background-color: var(--fc-today-bg-color,rgba(255,220,40,.15)); */
	background-color:transparent;
}

.body_firefox .fc .fc-view-harness > .fc-view {
	inset: 0px;
	position: unset;
  }
.body_firefox .fc .fc-view-harness-active > .fc-view {
	inset: 0px;
	position: unset;
  }

  .body_firefox td[role="presentation"]{

  } 
  .body_firefox .fc-scrollgrid-section-body td[role="presentation"]:first-of-type{
height: 1100px !important;
}
.body_firefox .fc .fc-daygrid-day-frame{
	min-height: 190px !important;
}
.body_firefox .fc-scroller.fc-scroller-liquid-absolute {
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: var(--primary_color) #f1f1f1;
  }
   
  /* 皛曉�閙�萘�皛穃�� */
  .body_firefox .fc-scroller.fc-scroller-liquid-absolute::-moz-scrollbar-thumb {
	background-color: var(--primary_color);
  }
   
  /* 皛曉�閙�萘�頠屸�� */
  .body_firefox .fc-scroller.fc-scroller-liquid-absolute::-moz-scrollbar-track {
	background-color: #f1f1f1;
  }

@media (max-width: 1800px) and (min-width:991px) {
	.body_firefox .fc-scrollgrid-section-body td[role="presentation"]:first-of-type{
		height: 800px !important;
		}
}


@media (max-width: 990px) {
	.body_firefox .fc-media-screen{
		height: 600px;
	}
	.body_firefox .fc-scrollgrid-section-body td[role="presentation"]:first-of-type{
		height: 500px !important;
		}
	.body_firefox .fc .fc-daygrid-day-frame{
		min-height: 120px !important;
	}
	
}


/*�怎�鞟�讛汗�膥璅��� end*/






@media (max-width: 1280px){  /*20231227*/

	.calendarPageContent .wrap ,
	.calendarPageContent_topArea .wrap{ 
		/* padding-left: 10px;
		padding-right: 10px; */
		width: calc(95% - 20px);
	}
	.calendarBg .wrap{  
		width: calc(95% - 0px);
	}

	.fc-h-event .fc-event-main * { 
		font-size: min(max(0.65vw, 10px), 18px);
	}
		.events_title {
			font-size: min(max(1.0vw, 12px), 20px) !important;
		}
}













@media (max-width: 990px){

	.calendarPageContent .wrap  ,
	.calendarPageContent_topArea .wrap{
		width: calc(90% - 20px);
	}

	.calendarBg .wrap {
		width: 90%;
	}
	/*撟游�+���遢+�����*/
	.fc .fc-toolbar.fc-header-toolbar {
		padding-left: 10px;
	}

}


@media (max-width: 910px){
/* @media (max-width: 768px){ */

	.calendarPageContent .wrap ,
	.calendarPageContent_topArea .wrap{
		/* padding-left: 2px;
		padding-right: 2px; */
		width: calc(90% - 4px);
	}
		.calendarBg .wrap{
			/* background-color: #ddd;
			padding-left: 0px;
			padding-right: 0px; */
		}




		

	.calendarBg .fc table {
		border-collapse:collapse;
	}
		.calendarBg .fc .fc-scrollgrid table {
			border-left: 2px transparent solid;
			border-right: 2px transparent solid;
		}
		.fc-theme-standard th {
			border: 2px transparent solid;
			/* border-bottom: none;
			border-left: none; */
		}
		.fc-theme-standard td {
			border: 2px transparent solid;
			/* border-left: none; */
		}

	/*撟游�+���遢+�����*/
	.fc .fc-toolbar.fc-header-toolbar {
		padding-left: 4px;
	}
		/*撟游�+���遢*/
		.fc .fc-toolbar-title {
			/* padding-left: 0px; */
		}






	.fc-view-harness.fc-view-harness-active {
		/* overflow-x: auto;
		overflow-y: hidden;
		height: 470px !important; */
	}
	
	.fc-view-harness.fc-view-harness-active::-webkit-scrollbar {/*皛曉�閙�脲㟲擃娍見撘�*/
		width: 1px;     /*擃睃祝���ê̌撠齿�㗇帖鞊擧遝��閙�萘�撠箏站*/
		height: 5px;
	}
	.fc-view-harness.fc-view-harness-active::-webkit-scrollbar-thumb {/*皛曉�閙�肽ㄐ�𢒰撠𤩺䲮憛�*/
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		
		background: var(--primary_color);
	}
	.fc-view-harness.fc-view-harness-active::-webkit-scrollbar-track {/*皛曉�閙�肽ㄐ�𢒰頠屸��*/
		/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
		border-radius: 5px;
		background: #fff0;
	}	


	.fc .fc-daygrid-body{
		width: 100% !important;
	}
	.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table{
		width: 100% !important;
	}
	.fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section > td{
		width: 100% !important;
	}
	.fc .fc-toolbar-title {
		font-size: 16px !important;
	}
	.fc-view-harness.fc-view-harness-active {
		overflow-x: auto;
		overflow-y: hidden;
		height: 470px !important;
	}
	.fc-view-harness-active > .fc-view {
		/* min-width: 600px; */
		/* min-width: 535px; */

		min-width: 1000px;   /*20231227*/
		height: 470px !important;
	}
	.fc-view-harness-active > .fc-view {
		/* inset: 0px; */
		position: unset;
	}




}





/*/////////////////////////////////////////////////////////*/
/*-------�折�_���鰵瘨��臬�𡑒”--------*/
/*/////////////////////////////////////////////////////////*/


.news_Bg{	
	margin-top: -25px;
}
	.news_Bg .index_news_area_in{	
		padding-top: 0;
	}


@media (max-width: 990px) {

	.news_Bg{	
		margin-top: -15px;
	}

}

@media (max-width: 768px) {

	.news_Bg{	
		margin-top: -10px;
	}

}








/*/////////////////////////////////////////////////////////*/
/*-------撣貉�见�誯���𡑒”--------*/
/*/////////////////////////////////////////////////////////*/


.qa_Bg {
    margin-top: 50px;
}



.qa_main_title{
	font-size: 24px;
	font-weight: 600;
	color: var(--primary_color);
	margin: 50px 0  25px;
}
.qa_list_area {
	padding: 0px;
}

.qa_list {
	border: 1px solid #000;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 30px;
	font-size: min(max(1.0vw, 14px), 18px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
	line-height: 1.2;
}

.qaL_tit {
	/* font-size: 15px; */
	font-size: inherit;
	line-height: inherit;
	color: #333;
	position: relative;
	padding: 22px 44px 11px 44px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid transparent;
	transition: 0.3s ease all;
}

.qaL_tit span {
	display: block;
	padding-bottom: 12px;
	color: #000;
}

.qaL_tit:before {
	/* content: '?'; */
	content: 'Q';
	position: absolute;
	font-size: 13px;
	color: #fff;
	border-radius: 100%;
	background: var(--primary_color);
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	top: 23px;
	left: 8px;
	box-sizing: border-box;
	padding: 0px 0px 0px 2px;
	font-family: var(--foreign_font);
}

.qaL_tit:after {
	content: '+';
	position: absolute;
	font-size: 36px;
	color: var(--primary_color);
	top: 50%;
    transform: translateY(-50%);
	right: 16px;
	transition: 0.3s ease all;
	transform-origin: center center;
}

.qaL_text {
	position: relative;
	/* font-size: 14px;
	line-height: 24px; */
	font-size: inherit;
	line-height: inherit;
	color: #fff;
	padding: 22px 27px 11px 44px;
	display: none;
	background-color: var(--primary_color);
	border-radius: 0 0 15px 15px;
	overflow: hidden;
}

.qaL_text span {
	display: block;
	padding-bottom: 12px;
}

.qaL_text:before {
	/* content: '嚗�'; */
	content: 'A';
	position: absolute;
	border-radius: 100%;
	text-align: center;
	width: 25px;
	line-height: 25px;
	font-size: 13px;
	color: var(--primary_color);
	background: #fff;
	box-sizing: border-box;
	padding: 0px 0px 0px 2px;
	top: 23px;
	left: 8px;
	font-weight: bold;
	font-family: var(--foreign_font);
}

/*hover*/
/* .qaL_tit:hover {
				background:#f7e9cb;
			} */
/*�訜��齿芋撘�*/
/* .qa_list.active .qaL_tit {
				background:#f7e9cb;
				border-radius:5px;
			} */
.qa_list.active .qaL_tit:after {
	/* -webkit-transform: rotate(45deg);
	transform: rotate(45deg); */
	-webkit-transform: translateY(calc(-50% + 0px)) rotate(45deg);
	transform:translateY(calc(-50% + 0px)) rotate(45deg);
	/* top: 20px; */
	font-size: 36px;
}

.qa_list.active .qaL_tit {
	border-bottom: 1px solid #000;
}






@media (max-width: 990px) {
	.qa_main_title {
		font-size: 20px;
		margin: 25px 0px 15px;

	}
}


@media (max-width:510px) {

	.QaSelect {
		width: 30%;
	}

	.QaSelect a {
		padding: 0px 5px;
	}


}

@media (max-width:425px) {
	.qa_list_area {
		padding-top: 25px;
	}
}



/*/////////////////////////////////////////////////////////*/
/*-------�𤩎��蝚砌��惜--------*/
/*/////////////////////////////////////////////////////////*/



.product_Bg2{

}
	.product_Bg2 ~ .number_pageArea{
		margin: 0;
		padding: 30px 0;
	}





.product_list_in_Bg{
	padding: 80px 0;
	position: relative;
}


.mountain_Bg{
	/* background: url(../index/images/about_mountain.png);
    background-position: right bottom;
    background-repeat: no-repeat; */
    position: relative;
}
.product_list_in_Bg:nth-of-type(2n){
	background-color: #FFFBF5;
}
.mountain_right_Bg{
	/* background: #FFFBF5 url(../index/images/mountain.png);
    background-position: left bottom;
    background-repeat: no-repeat; */
    position: relative;
}
.product_cloud{
	width: 155px;
	position: absolute;
	right: 10%;
    top: 6%;

	display: none;
}
.product_cloud img{
	width: 100%;
	height: auto;
}
.product_farmer{
	width: 170px;
	position: absolute;
	right: 9%;
    bottom: 2%;

	display: none;
}
.product_farmer img{
	width: 100%;
	height: auto;
}
.product_people{
	width: 200px;
	position: absolute;
	left: 9%;
    bottom: 2%;

	display: none;
}
.product_people img{
	width: 100%;
	height: auto;
}
.product_list_in_box{
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.product_list_in_Bg:nth-of-type(2n) .product_list_in_box{
	flex-direction: row-reverse;
}
.product_list_in_pic{
	width: 50%;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.50);
	border-radius: 29px;
    overflow: hidden; */
}
.product_list_in_picImg{
	position: relative;
	padding-top: 66.3%;
	border-radius: 29px;
	overflow: hidden;

	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.50);

}
.product_list_in_picImg img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.product_list_in_text{
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.product_list_in_title{
	font-size: 50px;
    font-weight: 700;
    color: var(--primary_color);
    /* line-height: 1.3; */
    text-align: center;
    /* margin-bottom: 20px; */
    letter-spacing: 25px;
	/* text-indent: -12.5px; */
    text-indent: 25px; /*蝵桐葉*/
    position: relative;
    z-index: 1;
    display: inline-block;
    /* margin: 0 auto; */
	width: fit-content;
    margin-bottom: 21px
}
.product_list_in_title::before {
    content: '';
    position: absolute;
    bottom: -35%;
    left: 0;
    display: block;
    width: 100%;
    height: 85%;
    background-color: var(--secondary_color);
    z-index: -1;
}
.product_list_in_info{
	color: #000;
	/*font-size: 20px;*/
	line-height: 1.2;
	font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 2px;
	text-indent:-1px;
	/* text-indent: 2px; */
	margin: 75px 0 50px;
	
}
.product_list_in_btn{
	/* font-size: 16px; */
	font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
}
	.product_list_in_btn a{	
		text-decoration: none;
		width: 255px;
		padding: 10px 0;
		box-sizing: border-box;
		border-radius: 24px;
		border: 2px solid var(--sixth_color);
		background: #FFF;
		color: var(--sixth_color);
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		font-weight: 700;
		letter-spacing: 3.25px;
		/* text-indent: -1.625px; */
		text-indent: 3.25px;   /*��删�箇蔭銝�*/
		/* margin: auto; */
		transition: all .3s ease;
	}
	.product_list_in_btn a:hover{
		background: var(--sixth_color);
		color: #fff;
	}
	.product_list_in_btn a span{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all .3s ease;
	}
	.product_list_in_btn a:hover span{
		color: #fff;
	}


@media (max-width: 1440px) {
	.product_list_in_Bg {
		padding: 50px 0;
	}
	.mountain_Bg{
		background-size: 30%;
	}
	.mountain_right_Bg{
		background-size: 30%;
	}
	.product_farmer {
		width: 120px;
	}
	.product_people {
		width: 150px;
		left: 4%;
	}
	.product_list_in_title {
		font-size: 40px;
	}
	.product_list_in_info {
		font-size: 18px;
		margin: 50px 0 25px;
	}
}

@media (max-width: 990px) {
	.product_list_in_Bg {
		padding: 25px 0;
	}
	.product_farmer {
		display: none;
	}
	.product_cloud{
		display: none;
	}
	.product_people {
		display: none;
	}
	.product_list_in_title {
		font-size: 25px;
		letter-spacing: 16px;
		text-indent: -8px;
    /* text-indent: 16px; */
	}
	
	.product_list_in_box{
		display: block;
	}
	.product_list_in_pic {
		width: 100%;
		margin-bottom: 25px;
	}
	.product_list_in_info {
		margin: 25px 0 25px;
	}
	.product_list_in_text{
		width: 100%;
	}
}

@media (max-width: 540px) {
	.product_list_in_btn a {
		width: 100%;
	}
}

/*/////////////////////////////////////////////////////////*/
/*-------�𤩎��蝚砌�匧惜--------*/
/*/////////////////////////////////////////////////////////*/
.product_Bg:nth-of-type(2n+1){
	/* background:#fff url(../index/images/about_mountain.png);
    background-position: right bottom;
    background-repeat: no-repeat; */
    position: relative;
}

.product_Bg:nth-of-type(2n){
	/* background: #FFFBF5 url(../index/images/mountain.png); */
	/* background-position: left bottom; */
	/* background-repeat: no-repeat; */
	position: relative;
}
.product_bird{
	width: 250px;
	position: absolute;
	right: 5%;
	bottom: 30%;

	display: none;
}
	.product_bird img{
		width: 100%;
		height: auto;
	}



.dining_table{
	/* position: absolute;
    width: 50%;
    width: 35%;
    max-width: 400px;
    right: 0;
    bottom: 1%;
    z-index: 2; */

    position: absolute;
    width: 35%;
    max-width: 360px;
    /* bottom: 1%; */
	bottom: 0%;
	right: 0;
    z-index: 2;
    height: 100%;
}
.product_list_in_Bg:nth-child(2n)  .dining_table{
	right: unset;
	left: 0;
}
	.dining_table img{
		width: 100%;
		height: auto;
	}


	.product_list_in_Bg  .dining_table .pic {
		/* background-size: cover; */
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: contain;		
		height: 100%;
	}
	.product_list_in_Bg:nth-child(2n)  .dining_table .pic {
		background-position: left bottom;
	}








.product_Bg:nth-of-type(2n) .dining_table  ,
.mountain_right_Bg .dining_table{
	/* right: unset;
	left: 0%;
	bottom: 0%; */

	position: absolute;
    width: 35%;
    max-width: 400px;
    right: unset;
	left: 0%;
    bottom: 1%;
    z-index: 2;
}

.mountain_right_Bg .dining_table {
	/* max-width: 350px;
	height: 100%; */
}
.mountain_right_Bg .dining_table .pic{
	background-position: left bottom;
	background-repeat: no-repeat;
	/* background-size: contain; */
	background-size: cover;
	height: 100%;
}


.product_cloud02{
	width: 220px;
	position: absolute;
	top: 5%;
	left: 2%;

	display: none;
}
.product_cloud02 img{
	width: 100%;
	height: auto;
}
.product_Bg .product_list_in_box{
	width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 2;

	width: 90%;
}
.product_Bg .product_list_in_pic{
	box-shadow:none;
    border-radius: 0px;
	/* width: 40%; */

	width: 34%;
}
.product_picImg{
	position: relative;
	padding-top: 100%;
}
.product_picImg img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.product_title{
	color: #000;

	font-size: 50px;
	font-size: min(max(2.6vw, 31px), 52px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/

	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 5px;
	text-indent: -2.5px;

	/* text-indent: 5px; */
	display: -webkit-box;
	
	-webkit-box-orient: vertical;

	overflow : hidden;
}
.product_Bg .product_list_in_text{
	/* width: 55%; */
	width: 64%;
}

@media (max-width: 1600px) {
	.product_Bg .product_list_in_box {
		width: 95%;
	}

	
.dining_table{
	width: 25%;
    bottom: -5%;
}
.product_Bg:nth-of-type(2n) .dining_table  ,
.mountain_right_Bg .dining_table{
	/* bottom: -5%; */
}


}
@media (max-width: 1400px) {
	.product_Bg:nth-of-type(2n+1){
		background-size: 30%;
	}
	.product_Bg:nth-of-type(2n){
		background-size: 30%;
	}
	.product_bird {
		width: 175px;
		bottom: 19%;
	}
	.product_cloud02 {
		width: 175px;
	}
	.product_Bg .product_list_in_box {
		width: 100%;
	}
	.product_title{
		/* font-size: 48px; */
	}
}
@media (max-width: 990px) {
	.product_bird {
		display: none;
	}
	.product_title{
		font-size: 25px;
		display: block;
		-webkit-line-clamp: unset;
		-webkit-box-orient:unset;
		overflow: unset;
		letter-spacing:unset;
		text-indent: unset;
	}
	.product_Bg .product_list_in_pic {
		width: 100%;
	}
	.product_Bg .product_list_in_text {
		width: 100%;
	}

	.dining_table{
		display: none;
	}
	
}

/*/////////////////////////////////////////////////////////*/
/*------�𤩎����𡑒”��憛�--------*/
/*/////////////////////////////////////////////////////////*/
.product_area{
	display: flex;
	flex-wrap: wrap;
	margin:-15px -10px;
}
.product_area a{
	color: #000;
	text-decoration: none;
	width: 25%;
	padding:15px 10px;
}
.index_product_list{
	position: relative;
	overflow: hidden;
}



.index_product_img{
	position: relative;
	padding-top: 60%;
}
.index_product_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.overlay{
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0; 
	background-color: rgba(181, 138, 96, 0.8);
	line-height: 200px;
	color: #fff;
	transform: translateX(-100%);
	-webkit-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
  }
  .overlay span{
	font-size: 48px;
	position: absolute;
    top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
  }
  .index_product_list:hover .overlay{
	transform: translateX(0);
  }
.index_product_info{
	text-align: center;
	padding: 10px;
}
.index_product_title{
	font-weight: 600;
	Text-overflow : ellipsis;
	overflow : hidden;
	white-space: nowrap;
	font-size: 17px;
	line-height: 1.5;
}
.index_product_brief{
	padding: 10px 0;
	color: #777;
	Text-overflow : ellipsis;
	overflow : hidden;
	white-space: nowrap;
	font-size: 16px;
}

.index_product_price{
	font-weight: 600;
	color: var(--primary_color);
}



/* 撠滩攟撟訫祝摨血之�䲰990�讐�删�Safari��厩鍂�鸌摰𡁏見撘� */
@media screen and (min-width: 1101px) and (-webkit-min-device-pixel-ratio: 0) {
	/* Safari 7.1+ */
	.index_product_title{
		/* Text-overflow : ellipsis; */
		overflow : unset;
		white-space: unset;
	}
}
  

@media(max-width:1100px){
	.index_productBg {
		padding: 30px 0;
		
	}
	.index_product_top_brief {
		padding: 0 10%;
	}
}
@media(max-width:640px){
	.index_product_top_brief {
		padding: 0 5%;
	}
}

/* �𤩎����憛𡃏憚�偘 */

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.product_BgIn .swiper {
	width: 100%;
	height: 100%;
}

.product_BgIn .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: #fff0;
}

.product_BgIn .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.product_BgIn .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.product_BgIn .swiper-slide {
	background-size: cover;
	background-position: center;
}

.product_BgIn .mySwiper2 {
	height: 80%;
	width: 100%;
}

.product_BgIn .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.product_BgIn .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	/* opacity: 0.4; */
}

.product_BgIn .mySwiper .swiper-slide-thumb-active .smallProduct_img::before {
	/* content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(181, 138, 96, .7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 1;
	transition: var(--hover_word);
	cursor: pointer; */
}

.product_BgIn .mySwiper .swiper-slide-thumb-active .smallProduct_img::after {
	/* font-family: "Material Icons";
	content: "\e412";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	font-size: 24px;
	opacity: 1;
	transition: var(--hover_word);
	cursor: pointer; */
}

/* 撌血𢰧�枤 */
.product_BgIn .swiper-button-prev,
.product_BgIn .swiper-button-next {
	width: 30px;
	height: 30px;
	background-size: 30px;
}

.product_BgIn .swiper-button-prev {
	left: -5px;
	background-image: url(../index/images/left_arrow02.svg);
}

.product_BgIn .swiper-button-next {
	right: -5px;
	background-image: url(../index/images/right_arrow02.svg);
}

/* 憭批�硋�𡑒” */
.bigProduct_img {
	position: relative;
	padding-top: 100%;
	/* border-radius: 10px; */
	overflow: hidden;
	width: 100%;
}

#big_img1 {
	display: block;
}

.product_BgIn .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;


	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: 0.3s ease all;
}


/* 撠誩�硋�憛� */
.product_BgIn .smallProduct_img {
	position: relative;
	padding-top: 100%;
	/* border-radius: 5px; */
	overflow: hidden;
	width: 100%;
	/* margin: 0px;
	padding: 10px 15px 0px 15px; */
}

.product_BgIn .smallProduct_img::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(181, 138, 96, .7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: var(--hover_word);
	cursor: pointer;
}

.product_BgIn .smallProduct_img::after {
	font-family: "Material Icons";
	content: "\e412";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	font-size: 24px;
	opacity: 0;
	transition: var(--hover_word);
	cursor: pointer;
}

.product_BgIn .smallProduct_img:hover::before {
	opacity: 1;
}

.product_BgIn .smallProduct_img:hover::after {
	opacity: 1;
}

.product_BgIn .smallProduct_img a {
	display: block;
	/* position: relative;
		padding-top: 100%;
		border-radius: 10px;
		overflow: hidden;
		width: 100%;*/
}

.product_BgIn .smallProduct_img img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: 0.3s ease all;
}


/* ------------------------ */
.product_top {
	display: flex;
	justify-content: space-between;
}


.product_left {
	width: 35%;
	/* padding-right: 20px; */
}

.product_mainTitle {
	/* font-size: 20px; 
	line-height: 1.2;*/
	line-height: 1.5;
	font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	display: flex;	
}

.product_mainTitle span {
	vertical-align: -5px;
	margin-right: 10px;
    display: inline-block;
}

.product_detail {
	margin: 20px 0;
	line-height: 1.2;

	line-height: 1.5;
	font-size: min(max(0.9vw, 16px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
}

.product_img {
	position: relative;
	padding-top: 100%;
}

.product_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.product_right {
	width: 60%;
}

.product_bottom {
	margin: 30px 0;
}

.product_bottom_title {
	background-color: #777777;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	margin: 0 0 35px;
}


@media(max-width:1440px){
	
	.product_img {
		padding-top: 80%;
	}
}

@media(max-width:640px){
	.product_area{
		margin: 0;
		margin-bottom: -20px;
	}
	
	
	.product_top{
		display: block;
	}
	.product_left{
		width: 100%;
	}
	.product_right{
		width: 100%;
	}
}

/*=============================================================*/
/*-------��蝐斗見撘�--------*/
/*/=============================================================*/

.product_bottomArea {
	position: relative;
	/* padding: 50px 0; */
	overflow: hidden;
  }
  
  .product_bottomArea .tabs_btn_now {
	background: #fff0;
	border-bottom: solid 0em #e3e3e3;
	border-radius: 0em;
	background-color: #000;
	padding: 0px 45px;
	color: #fff;
	font-weight: normal;
  }
  
  .product_bottomArea .tabs_btn_now_arrow {
	position: absolute;
	border: none;
	top: 50%;
	right: 20px;
	transform: translate(0px, -50%);
	width: 20px;
	height: 20px;
	/* background-color: #bd8f8f; */
  }
  .product_bottomArea .tabs_btn_now_arrow:before {
	position: absolute;
	transition: 0.3s ease all;
	font-family: "Bootstrap-icons";
	content: "\F282";
	top: -9px;
	right: 0px;
	color: #fff;
	font-size: 1.25em;
	transform-origin: center;
  }
  
  .product_bottomArea .tab_area {
	/* border-bottom: solid 2px #0467b3; */
  }
  .product_bottomArea .img-scroll {
	height: 50px;
  }
  
  .product_bottomArea .tabs li {
	/* border-color: #fff; */
	font-size: 1.0625em;
	line-height: 51px;
	/* box-shadow: rgba(0, 0, 0, 0.15) 1px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
	width: calc( 100% / 3 );
  }
  .product_bottomArea .tabs span {
	/* background-color:var(--primary_color); */
	
	padding: 0 ;
	border-radius: 0;
	color: #000;
	border: none;
	/* border-radius: 0.9375em 0.9375em 0 0 ; */
	/* border-right:2px solid var(--primary_color);
	border-top: 2px solid  var(--primary_color); */
  }
  .product_bottomArea .tabs li:first-of-type span{
	/* border-left: 2px solid var(--primary_color); */
  }
  /* �訜��� */
  .product_bottomArea .tabs li.active span {
	background-color: var(--primary_color);
	box-shadow: none;
	color: #fff;
	opacity: 1;
	
  }
  /* .indexNewsBg .tabs li.active span {
			  box-shadow: none;
		  } */
  
  /*�𤩎���折���蝐斤�蝬脩楊��*/
  .product_bottomArea .p_tab_text_area {
	background: #fff0;
	padding: 0px 0px 0px;
  }
 
 .news_area{
	padding: 10px 0;
 }

	@media(max-width:1600px){
		.product_bottomArea .tabs li {
			/* width:auto; */
		  }
		.product_bottomArea .tabs span {
			font-size: 0.875em;
			/* padding: 0 15px; */
			
		}
	  }
	  @media(max-width:1200px){
		
		.product_bottomArea .tabs span {
			
		}
		.product_bottomArea .img-scroll {
			height: 30px;
		  }
		  .product_bottomArea .tabs li {
			width: 100%;
			font-size: 1em;
			line-height: 1.875em;
		  }
		  .product_bottomArea .tabs span {
			border: 0.0625em #fff0 dashed;
			border-radius: 0;
			padding: 0 15.6px;
		  }
		  .product_bottomArea .tab_area {
			border-bottom: solid 0em #0467b3;
		  }
		  .product_bottomArea .tabs_btn_now{
			display: block;
		  }
	  }
	  @media (max-width: 990px) {
		
		
	  }
	  
	  @media (max-width: 768px) {
		
	  }



/* ��鈭怠�憛� */
.share_bg {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* justify-content: flex-end; */
	padding-bottom: 20px;
}

/* ��鈭怠�憛𠽤璅䠷�� */
.share_title {
	box-sizing: border-box;
	/* font-size: 15px; */
	line-height: 1.1;
	font-size: min(max(0.9vw, 15px), 18px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 15px����憭批�� 18px*/
}

/* ��鈭怠�憛𠽤�批捆 */
.share_content {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-right: -5px;
}

.share_content .list {
	box-sizing: border-box;
	padding: 5px;
}

.share_content .list a {
	display: block;
	text-decoration: none;
	background-color: var(--primary_color);
	padding: 7px;
	border-radius: 50%;
	transition: 0.3s ease all;
}

.share_content .list a:hover {
	opacity: 0.5;
}

.share_content .list img {
	width: 15px;
	height: auto;
}











/*/////////////////////////////////////////////////////////*/
/*-------�𤩎��蝚砌��惜��蝐文���𥕦�--------*/
/*/////////////////////////////////////////////////////////*/
html {
	scroll-behavior: smooth;
}

/* �𤩎��蝚砌��惜��蝐文���𥕦� */
.product_bookmark_bg {
	padding-top: 30px;
}

	/* ��蝐文���𥟇�厰�訫���� */
	.product_bookmark_tab_select {
		/* display: none; */
	}

		/* ��𧢲�罸�蝐文���𥟇�厰�閙�䠷�� */
		.product_bookmark_tab_title{
			display: none;
			position: relative;
		}
			.product_bookmark_tab_title span {
				/* �銁�躰ㄐ瘛餃�䭾�䠷�𣬚�璅��讛身摰� */
				display: block;
				cursor: pointer;
				line-height: 42px;
				height: auto;
				border-radius: 5px;
				/* border: 2px solid var(--sixth_color); */
				transition: all .3s ease;
				/* border-radius: 21px; */
				background: var(--fourth_color);
				color: #fff;
				font-size: 18px;
				font-size: min(max(1.2vw, 16px), 25px);
				font-weight: 700;
				letter-spacing: 4.5px;
				text-indent: 4.5px;
				box-sizing: border-box;
				text-align: center;
				transition:.5s ease all;
			}
			.product_bookmark_tab_title:hover span {
				background: var(--third_color);
				transition:.5s ease all;
			}
			
				.product_bookmark_tab_title i{
					position: absolute;
					right: 15px;
					top: 50%;
					transform: translateY(-50%);
					color: #fff;
					font-size: min(max(1.2vw, 16px), 25px);
					display: block;
					transform-origin: center;
					cursor: pointer;
					font-weight: 700;
					transition:.5s ease all;
				}
			
	
			/* �訜��齿芋撘� */
			.product_bookmark_tab_title.acrive{
				transition:.5s ease all;
			}
				.product_bookmark_tab_title.active i{
					transition:.5s ease all;
					transform: translateY(-50%) rotate(180deg);
				}



		/* ��蝐文���𥟇�厰�訫�𡑒” */
		.product_bookmark_tab {
			padding: 0;
			margin: 0;
			list-style-type: none;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			margin: -10px;
			font-size: min(max(1.0vw, 14px), 20px);
		}
			.product_bookmark_tab li {
				transition: all .3s ease;
				padding: 0;
				margin: 0;
				list-style-type: none;
				display: block;
				width: calc(100% / 7);
				font-size: inherit;
				padding: 0;
				box-sizing: border-box;					
				color: var(--sixth_color);
				font-weight: 700;
				letter-spacing: 3.25px;
				text-indent: 3.25px;   /*��删�箇蔭銝�*/
				height: auto;
				text-align: center;
				padding: 10px;
			}
				
					/* ��蝐文���𥟇�厰�閙見撘� */
					.product_bookmark_tab span {
						padding:8.5px 5px;
						display: block;
						cursor: pointer;
						/* line-height: 42px; */
						line-height: 1.5;
						height: auto;
						font-size: inherit;
						border-radius: 24px;
						background: #FFF;
						border: 2px solid var(--sixth_color);
						transition: all .3s ease;
					}



			/* �訜��齿芋撘� */
			.product_bookmark_tab li.active {
				transition: all .3s ease;
			}
			/* �訜��齿芋撘� */
			.product_bookmark_tab li.active span{
				background: var(--sixth_color);
				color: #fff;
				transition: all .3s ease;
			}
			.product_bookmark_tab li:hover span{
				background: var(--sixth_color);
				color: #fff;
				transition: all .3s ease;
			}





	/* ��蝐文���𥕦�批捆����� */
	.product_bookmark_area {
	}


	.product_bookmark_bg .wrap {
		max-width: 1500px;
	}

	.product_tab{
		transform: translateY(-70px);

		/* width: 100%;
		height: 5px;
		background: #333; */
	}






@media (max-width: 1280px) {
	
	/* ��蝐文���𥟇�厰�訫�𡑒” */
	.product_bookmark_tab {
		margin: -5px;
	}
		.product_bookmark_tab li {
			padding: 5px;

		}

}




@media (max-width: 990px) {
	
	.product_bookmark_bg {
		padding-top: 0px;
	}

	/* ��𧢲�罸�蝐文���𥟇�厰�閙�䠷�� */
	.product_bookmark_tab_title{
		display: block;
	}
		.product_bookmark_tab_title span {
			/* �銁�躰ㄐ瘛餃�䭾�䠷�𣬚�璅��讛身摰� */
		}


	/* ��蝐文���𥟇�厰�訫�𡑒” */
	.product_bookmark_tab {
		display: block;
		margin: 0px 0;

		display: none; /*��鞱身��𣈯��*/
	}
		.product_bookmark_tab li {
			padding: 0px 0;
			width: 100%;
		}
		.product_bookmark_tab span {
			border-radius: 0;
			border-top: none;
			border-bottom-color: #ddd;
			border-color: #ddd;
			border-width: 1px;
		}
		.product_bookmark_tab li:last-of-type span {
			/* border-bottom-color: var(--sixth_color); */
		}



}





















/*=================================================================*/
/*-------�鰵��銝𠰴�--------*/
/*=================================================================*/

.new_productBg{

}


	.new_productBg .dining_table{
		position: absolute;
		/* width: 50%; */
		width: 35%;
		max-width: 360px;
		right: 1%;
		bottom: 0;
		z-index: 2;
		height: 100%;
	}
	.new_productBg .product_list_in_Bg.product_Bg .dining_table:last-of-type{
		right: 0;
		left: unset;
		top: 0;
		bottom: unset;
	}
		.new_productBg .dining_table img{
			/* width: 100%;
			height: auto; */
		}
		.new_productBg .dining_table .pic{
			background-position: right bottom;
			background-repeat: no-repeat;
			/* background-size: contain; */
			background-size: cover;
			height: 100%;
		}
		.new_productBg .product_list_in_Bg.product_Bg .dining_table:last-of-type .pic{
			background-position: right bottom;
			background-size: contain;
		}


		.new_productBg .product_Bg:nth-of-type(2n) .dining_table  ,
		.new_productBg .mountain_right_Bg .dining_table{
			right: unset;
			/* left: 1%; */
			bottom: 0%;
			max-width:260px ;
			height: 100%;

			right: unset;
			left: 0;	
		}



		.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n+1){			
		}

		.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n+1) .dining_table:last-of-type {		
			max-width: 260px;
		}
			.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n+1) .dining_table:first-of-type{
				/* right: unset;
				left: 0;	 */
				right: 0;
			}
				.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n+1) .dining_table:first-of-type .pic {
					background-size: contain;
				}

			.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n+1) .dining_table:last-of-type{
			}



		
		.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n){			
		}
			.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n) .dining_table{	
				position: absolute;
				width: 35%;
				max-width: 360px;
				height: 100%;
				z-index: 2;		
			}
			.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n) .dining_table:first-child{
				right: unset;
				left: 0;
				top: 0;
				bottom: unset;
			}
			.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n) .dining_table:last-of-type{
				right: unset;
				left: 0;
				top: 0;
				bottom: unset;
			}

				.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n) .dining_table .pic{
					background-size: contain;
				}
				.new_productBg .product_list_in_Bg.product_Bg:nth-child(2n) .dining_table:last-of-type .pic{
					background-position: left bottom;
				}		









		
@media  (max-width: 1280px){
		
	.new_productBg .dining_table{
		width: 20%;
	}
	
}


/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

/*-------�鰵��銝𠰴�--------*/
.new_productBg{
}
	.new_productBg .dining_table{
		max-width: 270px;
	}
	.new_productBg .dining_table img{
		opacity: 0.4;
	}

	.new_productBg .product_Bg:nth-of-type(2n) .dining_table  ,
	.new_productBg .mountain_right_Bg .dining_table{
		/*max-width:270px ;*/
		max-width:200px ;
	}
}














/*=================================================================*/
/*-------銋碶�𡝗�鈭钅尹banner--------*/
/*=================================================================*/

.inbanner2{	
	height: auto;
	background-position: center top;
	padding: 0;
}

	.inbannerContent{
		color: #FFF;
		background: rgba(0, 0, 0, 0.80);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30%;
		max-width: 450px;
		box-sizing: border-box;
		position: relative;
		left: 18%;
		transform: translateX(-18%);
		padding: 7% 0;
	}
		.inbannerContent_box{	
			/* padding: 130px 0px;	 */
			
			max-width: 85%;	
			margin: 0 auto;	
		}
			/* �鱓��banner璅䠷�� */
			.inbannerTitle{	
				color: inherit;
				font-size: 60px;
				font-size: min(max(3.0vw, 25px), 60px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
				font-weight: 900;
				letter-spacing: 15px;
				text-indent: -1.5px;  /*敺株矽*/
				/* text-indent: 15px; */
			}
			/* �鱓��banner蝪∟膩 */
			.inbannerDescription{
				margin-top: 40px;	
				color: inherit;
				font-size: 18px;
				/*font-size: min(max(0.9vw, 13px), 19px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
				/*font-size: min(max(1.0vw, 16px), 20px);*/ /*摮烾�𥪜之撠� 1.0vw����撠誩�� 16px����憭批�� 20px*/
				font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
				
				line-height: 2;
				font-weight: 500;
				letter-spacing: 1.8px;
				/* text-indent: 1.8px; */
				text-indent: -0.9px;
			}







@media (max-width: 1280px) {

	.inbanner2 {
		/* padding-top: 300px; */
		/* margin-top: 300px; */
	}

	.inbannerContent{
		width: 30%;
		max-width: 300px;		
		left: 5%;
		transform: translateX(-5%);
		padding: 3% 0;
	}
		.inbannerContent_box {
			max-width: 90%;
			padding: 0px 0;
		}
			/* �鱓��banner璅䠷�� */
			.inbannerTitle{
				font-size: min(max(2.7vw, 20px), 60px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
				letter-spacing: 5px;
				/* text-indent: 5px; */
				text-indent: -2.5px;
			}
			/* �鱓��banner蝪∟膩 */
			.inbannerDescription{
				margin-top: 10px;
			}
	
	
}



/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

	.inbannerContent {
		/* width: 30%; */
		max-width: 250px;
		padding: 2% 0;
	}
		.inbannerContent_box {
			padding: 0px 0;
		}
			/* �鱓��banner璅䠷�� */
			.inbannerTitle{
				font-size: min(max(1.8vw, 13px), 60px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
				letter-spacing: 3px;
				/* text-indent: 3px; */
				text-indent: -1.5px;
			}
			/* �鱓��banner蝪∟膩 */
			.inbannerDescription{
				margin-top: 10px;	
				font-size: min(max(0.6vw, 12px), 19px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
				letter-spacing: 1.2px;
				/* text-indent: 1.2px; */
				text-indent: -0.6px;
			}

}

@media (max-width: 640px) {

	.inbannerContent{
		width: 100%;
		max-width: unset;
		left: unset;
		transform: unset;
		padding: 15% 0;
		background: rgba(0, 0, 0, 0.70);
	}
		/* �鱓��banner璅䠷�� */
		.inbannerTitle{
			font-size: min(max(2.7vw, 20px), 60px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
			letter-spacing: 5px;
			/* text-indent: 5px; */
			text-indent: -2.5px;
		}
		/* �鱓��banner蝪∟膩 */
		.inbannerDescription{
			margin-top: 20px;
		}
	
	
}




/*=================================================================*/
/*-------銋碶�𡝗�鈭钅尹_����屸尹隞讠晶--------*/
/*=================================================================*/


/* ����屸尹隞讠晶�峕艶璅��� */
.brandNarrate_bg {
	overflow: hidden;
    /* background-color: #f5f5f5; */ /* �峕艶憿讛𠧧嚗峕覔��𡁻�閬�隤踵㟲 */
    /* padding: 40px 0; */ /* �折�𡃏�嘅�峕覔��𡁻�閬�隤踵㟲 */
}

	/* ����屸尹��𡑒”璅��� */
	.brandNarrate_bg ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.brandNarrate_bg li{
			list-style: none;
			margin: 0;
			padding: 25px;
			margin-bottom:25px; /* ��𡑒”���𤌍銋钅�梶���栞�嘅�峕覔��𡁻�閬�隤踵㟲 */
			border-radius: 30px;
			background: var(--secondary_color);
		}

			/* ����屸��𤌍璅��� */
			.brand_item {
				display: flex;
				/* border-radius: 30px; */
				/* background: var(--secondary_color); */
				display: grid;
				grid-template-columns: repeat(2 , 1fr);
				gap: 0 40px;
				align-items: center;
			}

				/* ����䔶�讠晶��𣇉��見撘� */
				.brand_img {
					/*padding: 10px;*/ /* ��𣇉���憛羓��折�𡃏�嘅�峕覔��𡁻�閬�隤踵㟲 */
				}
					.brand_img span {
						position: relative;
						padding-top: 59%;
						border-radius: 30px;
						display: block;
						overflow: hidden;
					}
						.brand_img img{
							width: 100%;
							height: 100%;
							object-fit: cover;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: 0.3s ease all;
						}

				/* ����䔶�讠晶����堒�憛𦠜見撘� */
				.brand_text {
					/* padding: 10px 55px;  */
					padding: 10px 6%; 
					height: calc(100% - 20px);
					border-radius:30px;
					border: 2px solid var(--primary_color);
					color: var(--primary_color);
					background: #FFF;

					display: flex;
					flex-direction: column;
					/* align-items: center; */
					justify-content: center;
					position: relative;
				}
				.brand_text *{
					/* font-family: var(--mandarin_font2); */
				}


				/*�嗆彍��堒�𡝗��𨘥撠�*/
				.brandNarrate_bg li:nth-child(2n) .brand_item .brand_text{
					order: -1;
				}

					.brand_text_box{						
					}					

						/* ����峕�䠷�峕見撘� */
						.brand_title {
							/* margin-bottom: 10px; */ /* 璅䠷�諹���讛膩銋钅�梶���栞�嘅�峕覔��𡁻�閬�隤踵㟲 */						
						}

							/* ����峕�䠷�峕���埈見撘� */
							/* .brand_title strong {
								font-size: 50px;
								font-size: min(max(2.6vw, 20px), 50px); 
								font-weight: 700;
								letter-spacing: 5.5px;
								display: block;
							} */

							/* ����峕�讛膩璅��� */
							.brandDescription {
								/* font-size: 18px;
								font-size: min(max(0.9vw, 12px), 19px); */ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
								/* font-weight: 500;
								line-height: 1;
								letter-spacing: 1.8px;							
								margin-top: 25px; */
							}

						/* ����堒�憛𦠜見撘� */
						.brand_item  .text_area {
							margin-top: 25px;
							/* font-family: var(--mandarin_font2); */
							color: inherit;
							font-size: 18px;
							font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
							font-weight: 500;
							line-height: 2;
							letter-spacing: 1.8px;
							text-indent: -0.9px;
							padding-bottom: 5%;
						}

				/* ����屸尹隞讠晶_鋆嗪ˇ */
				.brandNarrateDecor {	
					position: absolute;
					width: 32%;
					border-radius: 30px;
					overflow: hidden;	
				}
					.brandNarrateDecor span{	
						display: block;			
					}
					.brandNarrateDecor img{	
						width: 100%;
						height: auto;					
					}
					.brandNarrate_bg li:nth-child(2n+1) .brandNarrateDecor {
						/* right: 0;	
						bottom: 0;	 */
						right: 2%;
						bottom: 2%;
					}
					.brandNarrate_bg li:nth-child(2n) .brandNarrateDecor {	
						right: -4%;
						bottom: -2%;
						/* border-radius: 30px; */
						width: 25%;
						max-width: 180px;
					}
					.brandNarrateDecor1{
						/* border-radius: 30px; */
					}		
					.brandNarrateDecor2{
						/* top: 2%;
						right: 0; */
						/* z-index: 4; */
					}
	

	/*----- �折�璅䠷����2 -----*/
	.right_title2{
	}
	
		.right_title2 strong{	
			font-size: 50px;
			font-size: min(max(2.6vw, 20px), 50px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
			font-weight: 700;
			letter-spacing: 5.5px;
			text-indent: -2.75px;
			display: block;
		}	
		.right_title2 .brandDescription{	
			font-size: 18px;

			/*font-size: min(max(0.9vw, 14px), 19px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/

			font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
			font-weight: 500;
			line-height: 1;
			letter-spacing: 1.8px;	
			text-indent: -0.9px;						
			margin-top: 25px;
		}	









@media (max-width: 1280px) {

	.brandNarrate_bg li {
		padding: 15px;
		margin-bottom: 20px;
		border-radius:15px;
	}
		.brand_item {
			grid-template-columns: 0.7fr  1fr;
			gap: 0 15px;
		}		
		/*�嗆彍��堒�𡝗��𨘥撠�*/
		.brandNarrate_bg li:nth-child(2n) .brand_item {
			grid-template-columns: 1fr 0.7fr;
		}

			/* ����䔶�讠晶��𣇉��見撘� */
			.brand_img {
			}
				.brand_img span {
					border-radius: 15px;
				}

					/* ����䔶�讠晶����堒�憛𦠜見撘� */
					.brand_text {
						padding: 10px 3%; 
						border-radius: 15px;
						
					}
						/* ����峕�讛膩璅��� */
						/* .brandDescription {						
							margin-top: 15px;
						} */
						
						/*----- �折�璅䠷����2 -----*/
						.right_title2 .brandDescription{	
							margin-top: 15px;
						}	
				

						/* ����堒�憛𦠜見撘� */
						.brand_item  .text_area {
							margin-top: 15px;
							padding-bottom: 13%;
						}

						.brandNarrateDecor {
							border-radius: 15px;
						}
						.brandNarrate_bg li:nth-child(2n+1) .brandNarrateDecor {
							/* border-radius: 15px; */
						}
						.brandNarrate_bg li:nth-child(2n) .brandNarrateDecor {	
							/* border-radius: 15px;		 */
						}

}



/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

	/*----- �折�璅䠷����2 -----*/
	.right_title2{
	}	
		.right_title2 strong{	
			font-size: min(max(1.7vw, 13px), 50px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
		}	
		.right_title2 .brandDescription{	
			font-size: min(max(0.6vw, 12px), 19px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/						
			margin-top: 10px;
		}	

		/* ����堒�憛𦠜見撘� */
		.brand_item  .text_area {
			margin-top: 10px;
			font-size: min(max(0.6vw, 12px), 19px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/				
		}
		

}


@media (max-width: 990px) {
	
	.brandNarrate_bg li {
		padding: 10px;
	}
		/* ����屸��𤌍璅��� */
		.brand_item {
			display: block;
			gap: 0 0px;
		}

			/* ����䔶�讠晶��𣇉��見撘� */
			.brand_img {
			}
				.brand_img span {
					border-radius: 15px 15px 0 0;
				}

			/* ����䔶�讠晶����堒�憛𦠜見撘� */
			.brand_text {
				padding: 10px 10px;
				/* border-radius: 15px; */
				margin: 0 0;
				border: none;
				border-radius: 0 0 15px 15px;
			}

				/*----- �折�璅䠷����2 -----*/
				.right_title2{
				}				
					.right_title2 strong{	
						font-size: min(max(2.6vw, 18px), 30px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
						letter-spacing: normal;
						text-indent: unset;
					}	
					.right_title2 .brandDescription{	
						margin-top: 15px;
						/* font-size: min(max(0.9vw, 14px), 19px); */
					}	


				/* ����峕�䠷�峕���埈見撘� */
				.brand_title strong {
					/*font-size: min(max(2.6vw, 18px), 30px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
					/*letter-spacing: normal;*/
				}
				/* ����峕�讛膩璅��� */
				/* .brandDescription {						
					margin-top: 15px;
					font-size: min(max(0.9vw, 14px), 19px);
				} */
				/* ����堒�憛𦠜見撘� */
				.brand_item  .text_area {
					margin-top: 5px;
					/* font-size: min(max(0.9vw, 14px), 19px); */
				}


				.brandNarrateDecor {
					width: 80%;
					max-width: 200px;
				}

				.brandNarrate_bg li:nth-child(2n+1) .brandNarrateDecor {
					bottom: -3%;
					right: -10px;
				}
				.brandNarrate_bg li:nth-child(2n) .brandNarrateDecor {	
					right: -10px;
					left: unset;
					bottom: -6%;
					transform: scaleX(-1);
				}

}


@media (max-width: 640px) {

	/* .brandNarrate_bg li:nth-child(2n+1) .brandNarrateDecor */
	.brandNarrate_bg li .brandNarrateDecor  {
		display: none;
	}
	.brand_item .text_area {
		margin-top: 15px;
		padding-bottom: 0;
	}
}

/*=================================================================*/
/*-------銋碶�𡝗�鈭钅尹_���平����栞���舘汗��滚�坔�--------*/
/*=================================================================*/

/* ���平����栞���舘汗��滚�坔� */
.guidedTour_bg{
	margin-top: 35px;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	border: 2px solid var(--primary_color);
}
	.guidedTour_bg *{
		/* font-family: var(--mandarin_font2); */
	}

	.guidedTourDecor{
		position: absolute;
		width: 30%;
		z-index: 5;
		/* display: none; */
	}
		.guidedTourDecor img {
			width: 100%;
			height: auto;
		}

	.guidedTourDecor1{
		bottom: 1%;
		right: 3%;
		width: 35%;
		max-width: 75px;
	}		
	.guidedTourDecor2{
		top: 2%;
		right: 0;
		z-index: 4;
	}	
	.guidedTourDecor3{
		top: 6%;
		right: 25%;
		width: 10%;		
		animation-fill-mode:forwards;  /*��閧𧞄�偘�𦆮蝯鞉�笔�䕘���𦦵�坔銁��敺䔶��见蔣�聢*/	
	}
	.guidedTourDecor3.animat_down{
		z-index: 0;
		animation-name: guidedTourDecor_down; /*敺�銝𧢲遝��𦳑nimation*/
		animation-duration: 0.8s;
	}
	.guidedTourDecor3.animat_up{
		z-index: 0;
		animation-name: guidedTourDecor_up; /*敺�銝𦠜遝��𦳑nimation*/
		animation-duration: 0.8s;
		/*animation-direction:reverse; �㮾��齿䲮��烐偘�𦆮嚗���100% �� 0%*/
	}
	
/*敺�銝𧢲遝��𦳑nimation*/		
@keyframes guidedTourDecor_down {
	0% {
		right: 15%;
		transform: translateX(-15%);	
	}
	100% {	
		right: 25%;
		transform: translateX(-25%);	
	}
}

/*敺�銝𦠜遝��𦳑nimation*/
@keyframes guidedTourDecor_up {
	0% {
		right: 25%;
		transform: translateX(-25%);		
	}
	100% {	
		right: 15%;
		transform: translateX(-15%);	
	}
}







	.guidedTour_area{
		padding: 25px 3% 9%;
		/* height: calc(100% - 20px); */
		/* border-radius: 30px; */
		/* border: 2px solid var(--primary_color); */
		color: var(--primary_color);
		/* overflow: hidden; */
		background: #fff;
	}
		.guidedTour_bg .right_title2{
		}
								
		.guidedTour_bg .text_area{
			color: inherit;
			font-size: 18px;
			/*font-size: min(max(0.9vw, 14px), 19px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
			font-weight: 500;
			line-height: 2;
			letter-spacing: 1.8px;
			text-indent: -0.9px;
			margin-top: 35px;

			font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
		}


		/* ���平����� --------------------*/
		.openingHours{	
			position: relative;
			z-index: 5;		
		}
			.openingHours table{	
				width: 100%;
				margin: 0 auto;
				border-radius: 0;
				overflow: hidden;
				font-size: inherit;
				line-height: 1.1;
				color: inherit;
				text-align: center;
			}
				.openingHours th{	
					border: 2px solid var(--primary_color);	
					border-bottom: none;		
					border-left: none;		
					background: var(--fourth_color);	
					color: #fff;
					padding: 20px 5px;	
				}
				.openingHours th:first-of-type{		
					border-left: 2px solid var(--primary_color);	
				}

			.openingHours tr{			
			}
			.openingHours td{
				border: 2px solid var(--primary_color);
				border-left: none;		
				padding: 20px 5px;	
				background: var(--secondary_color);
			}
			.openingHours td:first-of-type{		
				border-left: 2px solid var(--primary_color);	
			}





@media (max-width: 1280px) {

	/* ���平����栞���舘汗��滚�坔� */
	.guidedTour_bg{
		border-radius: 15px;
	}
		.guidedTour_bg .text_area {
			margin-top: 25px;
		}

		.openingHours th ,
		.openingHours td{	
			padding: 10px 5px;	
		}
		.guidedTourDecor1{
			width: 7%;
		}	
}




/* @media (min-height: 500px) and (max-height: 700px){



} */



/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

		/* ����堒�憛𦠜見撘� */
		.guidedTour_bg .text_area{
			margin-top: 10px;
			font-size: min(max(0.6vw, 12px), 19px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/				
		}
		.guidedTourDecor1{
			width: 4%;
		}

}




@media (max-width: 990px) {

	/* ���平����栞���舘汗��滚�坔� */
	.guidedTour_bg{
		border-radius: 0px;
		border: none;
	}
	.guidedTour_area {
		padding: 10px;
		border-radius: 15px;
	}

	.guidedTourDecor1 {
		/* bottom: 0;
		left: 0; */
		width: 70%;
		z-index: -1;
		/* opacity: 0.3; */
	}
		.guidedTourDecor1 img{
			opacity: 0.3;
		}
	.guidedTourDecor2 ,
	.guidedTourDecor3 {
		display: none;
	}

		.guidedTour_bg .text_area {
			margin-top: 15px;
		}

		
		/* ���平����� --------------------*/
		.openingHours{			
		}
			.openingHours table{	
			}
				.openingHours th{	
					border-width: 1px;
					padding: 5px 5px;	
				}
				.openingHours th:first-of-type{		
					border-left: 1px solid var(--primary_color);	
				}
			.openingHours td{
				border-width: 1px;
				padding: 5px 5px;	
			}

			.openingHours td:first-of-type {
				border-left-width: 1px;
			}
}








/*=================================================================*/
/*-------銋碶�𡝗�鈭钅尹_�𧑐��--------*/
/*=================================================================*/

/* �𧑐�� */
.brandMap_bg{
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	border: 2px solid var(--primary_color);
	
	margin-top: 35px;
}
	.brandMap_bg *{
		/* font-family: var(--mandarin_font2); */
	}
	
	.brandMap_area{
		padding: 25px 3% ;
		/* height: calc(100% - 20px); */
		/* border-radius: 30px; */
		/* border: 2px solid var(--primary_color); */
		color: var(--primary_color);
		overflow: hidden;
	}
		.brandMap_bg .right_title2{
		}
								
		.brandMap_bg .text_area{
			color: inherit;
			font-size: 18px;
			/*font-size: min(max(0.9vw, 14px), 19px); *//*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
			font-weight: 500;
			line-height: 2;
			letter-spacing: 1.8px;
			text-indent: -0.9px;
			margin-top: 35px;

			font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
		}


		


@media (max-width: 1280px) {

	/* �𧑐�� */
	.brandMap_bg{
		border-radius: 15px;
	}
		.brandMap_bg .text_area {
			margin-top: 25px;
		}
		
}


/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

		/* ����堒�憛𦠜見撘� */
		.brandMap_bg .text_area{
			margin-top: 10px;
			font-size: min(max(0.6vw, 12px), 19px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/				
		}
		

}

@media (max-width: 990px) {

	/* �𧑐�� */
	.brandMap_bg{
		border-radius: 0px;
		border: none;
	}
	.brandMap_area {
		padding: 0;
		/* padding:10px 3% 9%; */
	}

	
}









/*=================================================================*/
/*-------銋碶�𡝗�鈭钅尹_��滨�见�㛖�抒���--------*/
/*=================================================================*/

/* 銋碶�𡝗�鈭钅尹_��滨�见�㛖�抒��� */
.polaroid_bg{	
	position: relative;
	width: 100%;
	/* min-height: 100vh; */
	height: 100vh;
	overflow: hidden;
	/* padding-bottom: 60px; */
	margin:0 auto;
	font-family: var(--mandarin_font);
	/* background-color: #827a7a70; */
}
.polaroid_bg *{	
	font-family: var(--mandarin_font);
}
	.polaroid_area{
		/* overflow: hidden; */
		position: relative;
		width: 99.9%;
		/* min-height:inherit; */
		height:inherit;
		max-height:inherit;
		margin: 0 auto;
		z-index: 4;
	}
	.polaroid_bg .fullscreen{
		overflow: unset;
	}

	.polaroid_bg figure {
		/* width: 150px; */
		width: 220px;
		padding: 15px 15px 25px;
		/* padding: 4% 4% 8%; */
		box-shadow: 4px 8px 26px 0px rgba(0, 0, 0, 0.50);
	}
		.polaroid_bg figure span{
			position: relative;
			padding-top: 100%;
			/* border-radius: 10px; */
			display: block;
			overflow: hidden;
			margin-bottom: 10px;
		}
			.polaroid_bg figure img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				float: none;
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
				transition: 0.3s ease all;
				margin: 0 auto;
			}

	.polaroid_bg figure figcaption ,
	.polaroid_bg .side-back p{
		display: -webkit-box;
		-webkit-box-orient: vertical;	
		/* -webkit-line-clamp: 1;  */
		overflow: hidden;

		text-align: center;
		font-weight: 700;
		color: var(--primary_color);
		/*font-size: min(max(0.9vw, 12px), 19px);*/ /*摮烾�𥪜之撠� 0.9vw����撠誩�� 12px����憭批�� 19px*/
		
	}
	/*甇�𢒰*/
	.polaroid_bg figure figcaption {
		-webkit-line-clamp: 1;	
		font-size: min(max(1.0vw, 10px), 20px); /*摮烾�𥪜之撠� 1.0vw����撠誩�� 10px����憭批�� 20px*/
	}
	/*�屸𢒰*/
	.polaroid_bg .side-back p{
		-webkit-line-clamp: 3;	
		line-height: 1.3;
		padding: 0 10px;
		font-weight: 700;
		font-family: var(--mandarin_font);
		font-size: min(max(0.9vw, 10px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 16px����憭批�� 19px*/
	}

	.polaroid_bg .photo.flipped .side-back{
		box-shadow: 4px 8px 26px 0px rgba(0, 0, 0, 0.50);
	}
	








	.polaroid_button{
		position: absolute;
		bottom: 0;
		/* width: 100%; */
		width: inherit;
		padding: 5px 0;
		text-align: center;
		/* background-color: transparent; */
		background-image: linear-gradient(to right, #fff0 0%, #fff0 30%, #ffffff 50%, #fff0 70%, #fff0 100%);
		font-size: min(max(0.9vw, 15px), 18px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
		display: inline-flex;
		align-items: center;
		justify-content: center;
		z-index: 5;

		font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
	}

		.polaroid_button button{
			max-width: 180px;
			/* width: 49%; */
			padding: 0px 10px 0;
			box-sizing: border-box;
			border-radius: 40px;
			/* border: 2px solid var(--sixth_color);
			background: var(--sixth_color);
			color: #FFF; */
			border: none;
			background: transparent;
			color: var(--primary_color);
			/* font-size: 15px; */
			
			font-weight: 700;
			/* letter-spacing: 3.25px;
			text-indent: 3.25px; */
			margin: 0 10px;
			font-size: inherit;
			line-height: 42px;
			height: auto;
			cursor: pointer;
			font-family: var(--mandarin_font);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			transition: .5s ease all;
			font-size: inherit;
		}


			.polaroid_button button img{
				width: 30px;
				height: auto;
				margin: 0;
			}


		.polaroid_button button.preview{			
		}
			.polaroid_button button.preview img{	
				margin-right: 5px;
			}

		.polaroid_button button.next{	
			/* background: var(--third_color); */
			/* border-color:var(--third_color);	
			color: var(--third_color);	 */
		}
			.polaroid_button button.next img{					
				margin-left: 5px;
			}
			
		.polaroid_button button:hover{
			transform: scale(1.1);
			/* background: var(--sixth_color);
			color: #fff; */
		}
		.polaroid_button button.preview:hover img{
			transform: translateX(-10px);
		}
		.polaroid_button button.next:hover img{
			transform: translateX(10px);
		}


		/* .polaroid_button button.next:hover{
			background: var(--third_color);	
		} */



/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

	.polaroid_bg figure {
		width: 145px;
		padding: 10px 10px 16px;
		/* box-shadow: 4px 8px 26px 0px rgba(0, 0, 0, 0.50); */
	}
		.polaroid_bg figure span {			
			margin-bottom: 6px;
		}

	.polaroid_bg figure figcaption ,
	.polaroid_bg .side-back p{
		font-size: min(max(0.6vw, 12px), 19px); /*摮烾�𥪜之撠� 0.9vw����撠誩�� 12px����憭批�� 19px*/
	}
	.polaroid_button{
		font-size: min(max(0.6vw, 15px), 18px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
	}
}		

@media (max-width: 990px) {

	.polaroid_bg figure {
		padding: 15px;
		max-width: unset;
		width: 150px;
	}
		.polaroid_bg figure span  {
			margin-bottom: 10px;
		}

}

@media (max-width: 640px) {

	/* 銋碶�𡝗�鈭钅尹_��滨�见�㛖�抒��� */
	.polaroid_bg{	
		margin: 25px auto;
		min-height: 80vh;
	}

	.polaroid_bg figure {
		padding: 10px;
		width: 100px;
	}
		.polaroid_bg figure span  {
			margin-bottom: 5px;
		}
		.polaroid_button button{
			margin: 0 2px;
			/* width: 47%; */
			letter-spacing: normal;
			text-indent: unset;		
		}

}


@media (max-width: 425px) {
	.polaroid_button{
		background-color: var(--secondary_color);
		background-image: none;
	}
}












/*=================================================================*/
/*-------隤滩�䀝�碶�𨭤����峕風蝔�--------*/
/*=================================================================*/

.history_pageContent{
	/* padding: 20px 0 0; */	
	padding-bottom: 0;
	overflow: hidden;
}
	.history_pageContent .wrap {
		max-width: 1500px;
	}
	.history_pageContent .right_contentBg{
		/* overflow: hidden; */
		position: relative;
		/* padding-top: 60px; */
		padding-bottom: 10%;
	}
	/* .history_pageContent .right_contentBg:before{
		position: absolute;
		content: "";
		top: 0;
		width: 100%;
		padding-bottom: 137%;
		background: url(../about/images/timeline01.png); 
		background-position: 100% 0%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.history_pageContent .right_contentBg:after{
		position: absolute;
		content: "";
		top: 137%;
		width: 100%;
		padding: 37.5% 0;
		background: url(../about/images/timeline02.png); 
		background-position: 100% 0%;
		background-repeat:repeat-y;
		background-size: contain;
	} */

	.historybackground{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		opacity: 0.3;
	}
		.historybackground1{
			width: 100%;
			/* padding-bottom: calc(137.3% * 0.8); 
			padding-bottom: calc(145.3% * 0.8);*/
			background-image: url(../about/images/timeline01.png);
			background-position: 100% bottom;
			background-repeat: no-repeat;
			background-size: 90%;	
			/* background-color: #333; */
			/* background-size: cover;		 */
		}
		.historybackground2{
			width: 100%;
			background-image: url(../about/images/timeline02.png);
			background-position: 100% 100px;
			background-position: 100% top;
			background-repeat:repeat-y;
			background-size:90%;
			/* background-size: cover; */
		}

		/* �𢰧�湔�䠷�� */
		.history_pageContent .right_title{
			/* margin-bottom: 350px; */
			/* margin-bottom: 20%; */
		}


/*-------隤滩�䀝�碶�𨭤����峕風蝔脴銝餅�蠘�嗪ˇ���--------*/
.host_computer{
	position: absolute;
	max-width: 400px;
	/* width: 50%; */
	/* width: 25%; */
	width: 20%;
}
	.host_computer span{	
		display: block;
	}
		.host_computer img{	
			width: 100%;
			height: auto;
			object-fit: cover;
			transition: 0.3s ease all;
			animation-fill-mode:forwards;  /*��閧𧞄�偘�𦆮蝯鞉�笔�䕘���𦦵�坔銁��敺䔶��见蔣�聢*/	
		}


.host_computer1{
	/* left: -5%; */
	/* left:0;
	top: 15%;
	transform: translateY(-15%); */

	left: 2%;
    top: 19%;
    transform: translateY(-19%);
	opacity: 0.5;
}
.host_computer2{
	/* right: 0;
    top: 40%;
    transform: translateY(-40%);
    max-width: 450px; */
	animation-fill-mode:forwards;  /*��閧𧞄�偘�𦆮蝯鞉�笔�䕘���𦦵�坔銁��敺䔶��见蔣�聢*/	
	z-index: -1;


	right: -4.5%;
    top: 28%;
    transform: translateY(-28%);
    max-width: 500px;
    width: 40%;
	opacity: 0.5;
}
.host_computer3{
	/* right: 5%;
    bottom: 18%;
    transform: translateY(30%);
    max-width: 220px; */
	max-width: 300px;
    right: -2%;
    bottom: 36%;
    transform: translateY(40%);
}
.host_computer4 {
    max-width: 400px;
    left: 0%;
    bottom: 25%;
    transform: translateY(25%);
	opacity: 0.5;
}

.host_computer1 img.animat_down{ /*敺�銝𧢲遝��𦳑nimation*/	
	/* animation-name: host_down;
	animation-duration: 0.8s; */
}
.host_computer1 img.animat_up{/*敺�銝𦠜遝��𦳑nimation*/	
	/* animation-name: host_up; 
	animation-duration: 0.8s; */
	/*animation-direction:reverse; �㮾��齿䲮��烐偘�𦆮嚗���100% �� 0%*/
}

.host_computer2 img.animat_down{/*敺�銝𧢲遝��𦳑nimation*/
	/* animation-name: history_down;  */
	animation-duration: 0.5s;
}
.host_computer2 img.animat_up{/*敺�銝𦠜遝��𦳑nimation*/
	/* animation-name: history_up; 
	animation-duration: 0.5s; */
	/*animation-direction:reverse; �㮾��齿䲮��烐偘�𦆮嚗���100% �� 0%*/
}

/*敺�銝𦠜遝��𦳑nimation*/
/* @keyframes host_up {
	0% {
		transform: translateX(0%);
	}
	100% {	
		transform: translateX(10%);
	}
}
@keyframes host_down {
	0% {
		transform: translateX(10%);
	}
	100% {	
		transform: translateX(0%);
	}
} */





	/* ����峕風蝔见�摰孵膥璅��� */
	.historyBg {
		position: relative;
		z-index: 5;
		/* padding-top: 15px; */
		padding-top: 85px;

		/* padding-bottom: 350px; */
	}


		/* ����峕風蝔𧢲���栞遘摰孵膥璅��� */
		.history_area {
			/* display: flex; */
			/* flex-direction: column; */
			
		}

		/* ��鋆寞��鰵5�见僑隞賜�摰孵膥 */
		.timeline_grid_container{
			/* margin-bottom: -; */
		}
			.timeline_grid{
				display: grid;
				/* grid-template-columns: repeat(2 , 1fr); */
				grid-template-columns: repeat(2 , minmax(250px, 1fr));
				align-items: center;
				/* display: flex; */

			}

		/* ��滩���誩�钅�见�见捆�膥 */
		.timeline_full_container{
			transform: translateY(-300px);
			margin-bottom: -300px;
		}
			.timeline_full{
				display:block;
				width: 50%;
				margin-right: auto;
				margin-left: 6%;
			}
			.timeline_full_container .timeline_full:nth-of-type(2n){
				/* background-color: red; */
				margin-right: 6%;
				margin-left: auto;
			}


			/* ����峕風蝔𧢲���㯄��𤌍璅��� */
			.timeline-item {
				position: relative;
				/* display: flex; */
				/* align-items: center; 
				margin-bottom: 150px;*/
				margin-bottom: 10%;
				max-width: 490px;
				width: 80%;
				margin: 0 0 150px;
			}

				.timeline-item_box{
					width: 100%;
					display: flex;  
					flex-direction: column-reverse;	 /*摰Ｖ犖閬�瘙�*/
				}


				
			.timeline_full_container .timeline_full:nth-of-type(2n) .timeline-item{
				margin-left: auto;
				margin-bottom: 0;
			}
			.timeline_full_container .timeline_full:nth-of-type(2n+1) .timeline-item{
				margin-bottom: 0;
			}


			/*撟港遢�㨃����见ê̌敺株矽------------------------------*/
			.timeline_grid_1{
				align-items: unset;
			}
			.timeline-item1{
				position: relative;
			}
			/* #timeline-item1  */
			.timeline-item1 .timeline-item_box{
				/* position: absolute;
				right: 0;
				top: -277px; */
				/* transform: translate(50%, -70%)  ; */

				transform: translateX(50%) translateY(-30%);
				position: absolute;
				right: 0;
				top: -30%;
			}


			/* #timeline-item2  */
			.timeline-item2 .timeline-item_box{
				transform: translateX(26%) ;
			}
			/* #timeline-item3 */
			.timeline-item3 .timeline-item_box{
				transform: translateX(15%)  translateY(-75%);
			}
			/* #timeline-item4 */
			.timeline-item4 .timeline-item_box{
				/* transform: translate(25%,40%) ; */
				transform: translateX(25%) translateY(40%);
			}
			/* #timeline-item5 */
			.timeline-item5 .timeline-item_box {
				transform: translateX(21%) translateY(-26%);
			}
			
			/*��滩���誩�钅�见�见捆�膥_撟港遢�㨃����见ê̌敺株矽------------------------------*/
			.timeline_full_container .timeline_full:nth-of-type(2n+1) .timeline-item  .timeline-item_box{
				transform: translateX(25%) translateY(-15%);
			}
			.timeline_full_container .timeline_full:nth-of-type(2n) .timeline-item  .timeline-item_box{
				transform: translateX(-20%) translateY(-15%);
			}






				/* ����峕風蝔𧢲���枏�𣇉��見撘� */
				ul.history_photo {
					list-style-type: none;
					margin: 0;
					padding: 0;
					display: flex;
					justify-content: space-between;
					width: 100%; /* 閮剖�𡁜�𣇉��捆�膥撖砍漲 */
					transform: rotate(9deg);
					transform-origin: 36% 50%;

					justify-content: center;

					position: relative;
					z-index: 1;
				}

					ul.history_photo  li{
						width: 50%;
						/* padding: 25px 25px 50px;
						padding: 5% 5% 10%; */
						padding: 4% 4% 8%;
						background: #FFF;
						box-shadow: 4px 8px 26px 0px rgba(0, 0, 0, 0.50);
					}
					ul.history_photo li.history_photo_fir{					
						animation-fill-mode:forwards;  /*��閧𧞄�偘�𦆮蝯鞉�笔�䕘���𦦵�坔銁��敺䔶��见蔣�聢*/	
					}

					ul.history_photo li.history_photo_fir.animat_down{
						animation-name: history_down; /*敺�銝𧢲遝��𦳑nimation*/
						animation-duration: 0.8s;
					}
					ul.history_photo li.history_photo_fir.animat_up{
						animation-name: history_up; /*敺�銝𦠜遝��𦳑nimation*/
						animation-duration: 0.8s;
						/*animation-direction:reverse; �㮾��齿䲮��烐偘�𦆮嚗���100% �� 0%*/
					}
					

				
					ul.history_photo  li.history_photo_sec{
						/* transform: rotate(20deg) translateX(-11%) translateY(-10%) scale(0.95);
						z-index: -1; 
						animation-fill-mode:forwards;*/  /*��閧𧞄�偘�𦆮蝯鞉�笔�䕘���𦦵�坔銁��敺䔶��见蔣�聢*/
						
						
						display: none;/*摰Ｖ犖銝滩�*/
					}
					ul.history_photo li.history_photo_sec.animat_down{ /*敺�銝𧢲遝��𦳑nimation*/
						/* animation-name:history_down2;
						animation-duration: 0.8s; */
					}
					ul.history_photo li.history_photo_sec.animat_up{ /*敺�銝𦠜遝��𦳑nimation*/
						/* animation-name:history_up2;
						animation-duration: 0.8s; */
						/*animation-direction:reverse; �㮾��齿䲮��烐偘�𦆮嚗���100% �� 0%*/
					}


					/*敺�銝𧢲遝��𦳑nimation*/		
					@keyframes history_down {
						0% {
							transform: translateY(0%);
						}
						100% {	
							transform: translateY(-10%);
						}
					}
					@keyframes history_down2 {
						0% {
							transform: rotate(20deg) translateX(-11%) translateY(-10%) scale(0.95);
						}
						100% {	
							transform: rotate(20deg) translateX(-11%) translateY(-20%) scale(0.95);
						}
					}
					
					/*敺�銝𦠜遝��𦳑nimation*/
					@keyframes history_up {
						0% {
							transform: translateY(-10%);
						}
						100% {	
							transform: translateY(0%);
						}
					}
					@keyframes history_up2 {
						0% {
							transform: rotate(20deg) translateX(-11%) translateY(-20%) scale(0.95);
						}
						100% {	
							transform: rotate(20deg) translateX(-11%) translateY(-10%) scale(0.95);
						}
					}
					
						ul.history_photo  span{
							position: relative;
							padding-top: 100%;
							/* border-radius: 10px; */
							display: block;
							overflow: hidden;
							width: 100%;
						}
						.history_photo img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: 0.3s ease all;
						}






						/*��𣇉���见ê̌敺株矽------------------------------*/
						.timeline-item2 ul.history_photo {
							transform: rotate(350deg);
						}
						.timeline-item4 ul.history_photo {
							transform: rotate(355deg);
						}
						.timeline_full_container .timeline_full:nth-child(2n+1) .history_photo {
							transform: rotate(350deg);
						}















				/* ����峕風蝔𧢲���梶�𡁏挾璅��� */
				.timeline_line {
					position: absolute;
					width: 3px;
					height: 80px;
					background: var(--primary_color);
					top: 15px;
					left: 50%;
					transform: translateX(-50%);
					z-index: 0;
					/* top: unset;
					bottom: 22px; */

					height: 150px;
					top: calc(100% - 90px);
				}
				.timeline_line:before {
					position: absolute;
					content:"";
					width: 18px;
					height: 18px;
					background: var(--primary_color);
					border-radius: 50%;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					z-index: 0;

					bottom: unset;
					top: 0;	
				}
				

				/* ����峕風蝔𧢲���𤘪���堒�璅��� */
				.history_content {
					position: relative;
					color: var(--primary_color);
					padding-top: 100px;
					padding-top: 0px;
					padding-bottom: 25%;  /*摰Ｖ犖閬�瘙�*/
				}

					/* ����峕風蝔𧢲���枏僑隞賣見撘� */
					.history_year {
						/* margin-bottom: 5px; */
						font-size: 60px;
						font-size: min(max(2.5vw, 18px), 60px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
						font-weight: 700;
						text-shadow: #fff 0px 2px,
						#fff 2px 0px,
						#fff -2px 0px,
						#fff 0px -2px,
						#fff -1.4px -1.4px,
						#fff 1.4px 1.4px,
						#fff 1.4px -1.4px,
						#fffe -1.4px 1.4px;
					}

					/* ����峕風蝔𧢲���栞府撟渡陛餈唳見撘� */
					.history_description {
						/*font-size: 18px;*/
						font-size: min(max(0.9vw, 13px), 18px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
						font-size: min(max(1.0vw, 16px), 20px); /*摮烾�𥪜之撠� 1.0vw����撠誩�� 16px����憭批�� 20px*/

						line-height: 1.5;
						font-weight: 500;
						letter-spacing: 1.8px;
						text-indent: -0.9px;
						/* text-indent: 1.8px; */
						margin-top: 25px;
						background-color: rgba(255 255 255 / 50%);
						padding: 5px;
						border-radius: 5px;
						text-shadow: #fff 0px 2px,
						#fff 2px 0px,
						#fff -2px 0px,
						#fff 0px -2px,
						#fff -1.4px -1.4px,
						#fff 1.4px 1.4px,
						#fff 1.4px -1.4px,
						#fffe -1.4px 1.4px;
					}






			/* ����饊eaveBlank��嗵征銝漤＊蝷� */
			.timeline-item.leaveBlank{
				visibility: hidden;
				opacity: 0;
				z-index: -9999;
			}
			
			/*�����reverse頠貊�𡁜�滩��*/
			.timeline-item.reverse{	
				/* display: flex;
				flex-direction: column-reverse;	
				margin: 0 0 150px;				 */
			}
				/* ����峕風蝔𧢲���梶�𡁏挾璅��� */
				.timeline-item.reverse .timeline_line {
					/* top: unset;
					bottom: 14px;					 */
				}
				.timeline-item.reverse .timeline_line:before {
					/* bottom: unset;
					top: 0;	 */
				}
				/* ����峕風蝔𧢲���𤘪���堒�璅��� */
				.timeline-item.reverse .history_content {
					/* padding-top: 0px;
					padding-bottom:20%; */
				}
				/* ����峕風蝔𧢲���枏�𣇉��見撘� */
				.timeline-item.reverse ul.history_photo {
					/* transform: rotate(340deg);

					transform: rotate(-9deg);
					transform-origin: 62% 16%; */
				}




@media (max-width: 1440px) {

	.host_computer2 {
		top: 31%;
		transform: translateY(-31%);
		width: 31%;
	}
	.host_computer3 {
		bottom: 31%;
		transform: translateY(31%);
		width: 17%;
	}

	.history_pageContent .right_title {
		/* margin-bottom: 150px; */
	}

	.timeline-item1 .timeline-item_box {
		transform: translateX(50%) translateY(-38%);
		top: -38%;
	}
	/* #timeline-item2 */
	.timeline-item2 .timeline-item_box {
		transform: translateX(-5%) translateY(-10%);
	}
	.timeline-item3 .timeline-item_box {
		transform: translateX(15%) translateY(-96%);
	}
	/* #timeline-item4  */
	.timeline-item4 .timeline-item_box {
		transform: translate(0%,22%);
	}

	/* .timeline_full_container {
		transform: translateY(-90px);
		margin-bottom: -135px;
	} */


	/*��滩���誩�钅�见�见捆�膥_撟港遢�㨃����见ê̌敺株矽------------------------------*/
	.timeline_full_container .timeline_full:nth-of-type(2n+1) .timeline-item  .timeline-item_box{
		transform: translateX(0%) translateY(25%);
	}
	.timeline_full_container .timeline_full:nth-of-type(2n) .timeline-item  .timeline-item_box{
		transform: translateX(0%) translateY(25%);
	}
}



@media (max-width:1280px) and (min-width:991px) {


	.host_computer1 {
		top: 16%;
		transform: translateY(-16%);
	}
	.host_computer2 {
		top: 22%;
		transform: translateY(-22%);
		width: 31%;
	}
	.host_computer3 {
		right: -2%;
		bottom: 35%;
		transform: translateY(35%);
		width: 17%;
	}







	.history_pageContent .wrap {
		max-width: 950px;
		width: 95%;
	}

	/* ����峕風蝔𧢲���栞遘摰孵膥璅��� */
	.history_area {
		padding-bottom: 50px;
	}

		/* ��滩���誩�钅�见�见捆�膥 */
		.timeline_full_container{
			transform: translateY(-100px);
			margin-bottom: -100px;
		}



		/* ����峕風蝔𧢲���㯄��𤌍璅��� */
		.timeline-item {
			position: relative;
			margin: 0 0 50px;
		}
			.timeline-item1 .timeline-item_box {
				transform: translateX(35%) translateY(-38%);
				/* top: -38%; */
			}
			.timeline-item2 .timeline-item_box {
				transform: translateX(20%) translateY(-20%);
			}
			.timeline-item3 .timeline-item_box {
				transform: translateX(10%) translateY(-85%);
			}
			.timeline-item4 .timeline-item_box {
				transform: translateX(15%) translateY(0%);
			}
			.timeline-item5 .timeline-item_box {
				transform: translateX(5%) translateY(-50%);
			}


			/*��滩���誩�钅�见�见捆�膥_撟港遢�㨃����见ê̌敺株矽------------------------------*/
			.timeline_full_container .timeline_full:nth-of-type(2n+1) .timeline-item  .timeline-item_box{
				/* transform: translateX(10%) translateY(20%); */
				/* transform:translateX(10%) translateY(-5%); */
				transform:translateX(10%) translateY(0%);
			}
			.timeline_full_container .timeline_full:nth-of-type(2n) .timeline-item  .timeline-item_box{
				/* transform: translateX(0%) translateY(-15%); */
				transform:translateX(-12%) translateY(calc(10%));
			}

			
			.timeline_full_container .timeline_full:first-of-type .timeline-item  .timeline-item_box{
				transform:translateX(10%) translateY(100px);
			}
			.timeline_full_container .timeline_full:nth-of-type(2) .timeline-item  .timeline-item_box{
				transform:translateX(0%) translateY(calc(100px - 2%));
			}


			


			/* ����峕風蝔𧢲���𤘪���堒�璅��� */
			.history_content {
				/* padding-bottom: 20%; */
				padding-bottom: 60px;
			}
			/* ����峕風蝔𧢲���梶�𡁏挾璅��� */
			.timeline_line {
				width: 2px;
				height: 36px;
				height: 136px;
				bottom: unset;
				top: calc(100% - 50px);
			}
			.timeline_line:before {
				width: 10px;
				height: 10px;
			}


}



/* �銁�攟撟閙𦆮憭�150%銝𥪜祝摨血之�䲰991��嚗��㛖鍂�躰ㄐ���鸌摰𡁏見撘� */
@media screen and (min-width: 991px) and (min-height: 501px) and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

	.history_pageContent .wrap {
		max-width: 750px;
	}

	.history_pageContent .right_contentBg {
		padding-bottom: 20%;
	}


	.history_area {
		padding-bottom: 150px;
	}




	ul.history_photo  li{
		padding: 3% 3% 6%;
		/* background: #FFF; */
		box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	}


	/* ����峕風蝔𧢲���枏僑隞賣見撘� */
	.history_year {
		font-size: min(max(1.8vw, 16px), 40px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/;
	}

	/* ����峕風蝔𧢲���栞府撟渡陛餈唳見撘� */
	.history_description {
		font-size: min(max(0.6vw, 12px), 16px); /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
		/* line-height: 1.2; */
		letter-spacing: normal;
		text-indent: unset;
		margin-top: 15px;
		padding: 2px;
		border-radius: 2px;
	}

	/* ����峕風蝔𧢲���梶�𡁏挾璅��� */
	.timeline_line {
		width: 2px;
		/*height: 50px;
		 top: 10px; */
		height: 35px;
		bottom: 13%;
		top: unset;
	}
	.timeline_line:before {
		width: 12px;
		height: 12px;
		bottom: 0;
	}
	.timeline-item.reverse .timeline_line {
		/* top: unset; */
		/* bottom: 5px; */
		bottom: 19%;
		top: unset;
	}



	.timeline-item2 .timeline-item_box {
		transform: translateX(0%) translateY(-20%);
	}
	.timeline-item3 .timeline-item_box {
		transform: translateX(10%) translateY(-70%);
	}
	.timeline-item4 .timeline-item_box {
		transform: translateX(15%) translateY(23%);
	}
	.timeline-item5 .timeline-item_box {
		transform: translateX(5%) translateY(20%);
	}


	/* ��滩���誩�钅�见�见捆�膥 */
	.timeline_full_container {
		/* transform: translateY(-65px);
		margin-bottom: -65px; */
		/* transform: translateY(-450px);
		margin-bottom: -450px; */
		transform: translateY(-100px);
		margin-bottom: -100px;
	}


		/*��滩���誩�钅�见�见捆�膥_撟港遢�㨃����见ê̌敺株矽------------------------------*/
		.timeline_full_container .timeline_full:nth-of-type(2n+1) .timeline-item  .timeline-item_box{
			transform:translateX(10%) translateY(80%);
		}
		.timeline_full_container .timeline_full:nth-of-type(2n) .timeline-item  .timeline-item_box{
			transform:translateX(-12%) translateY(calc(80%));
		}

		
		.timeline_full_container .timeline_full:first-of-type .timeline-item  .timeline-item_box{
			transform:translateX(10%) translateY(calc(100px + 25%));
		}
		.timeline_full_container .timeline_full:nth-of-type(2) .timeline-item  .timeline-item_box{
			transform:translateX(0%) translateY(calc(100px + 30%));
		}



}





@media screen and (min-width: 641px){
	
	/*蝚砌�蝯�*/
	/* .timeline_grid_1{				
	}
		.timeline_grid_1 .timeline-item:first-of-type{
			margin-left: auto;
		}
		.timeline_grid_1 .timeline-item:nth-of-type(2){	
			margin: 0px auto 10%;
			order: -1;
		}
		.timeline_grid_1 .timeline-item:nth-of-type(2) .timeline_line {
			left: unset;
			right: 30%;
			transform: translateX(30%);

			top: unset;
			bottom: 20px;
		} */
		
	/*蝚砌�𣬚�*/
	/* .timeline_grid_2{
	align-items: unset;
	}
		.timeline_grid_2 .timeline-item{				
		}
		.timeline_grid_2 .timeline-item:first-of-type{	
			margin-top: 5%;			
		}
		.timeline_grid_2 .timeline-item:nth-of-type(2){
			margin: 25% 0% 10%;
			order: -1;
			transform: translateX(-5%);
		}
		
		.timeline_grid_2 .timeline-item:first-of-type .history_content{

		}
		.timeline_grid_2 .timeline-item:nth-of-type(2) .history_content{
			padding-bottom: 40%;
		}

			.timeline_grid_2 .timeline-item:nth-of-type(2) .timeline_line {
				bottom: 85px;
			} */




	/* 蝚砌�厩� */
	/* .timeline_grid_3{
	align-items: flex-end;
	}
		.timeline_grid_3 .timeline-item:first-of-type{	
			transform: translateY(-35%);
			margin: 0 auto;			
		}
		.timeline_grid_3 .timeline-item:nth-of-type(2){
			margin: 25% 0 10% auto;
			order: -1;
		} */

	/* 蝚砍�𤤿� */
	/*.timeline_grid_4{
	align-items: flex-start;
	 }
		.timeline_grid_4 .timeline-item:first-of-type{
			margin: 25% auto 0%;
		}
		.timeline_grid_4 .timeline-item:nth-of-type(2){
			margin: 65% auto 10%;
			order: -1;
		} */
		
}





@media (max-width: 990px) {
	
	/*-------隤滩�䀝�碶�𨭤����峕風蝔脴銝餅�蠘�嗪ˇ���--------*/
	.host_computer{
		display: none;
	}


	.history_pageContent .right_title {
		margin-bottom: 0;
	}
	.history_pageContent .right_contentBg {
		padding-bottom:25px;
	}

	/* ����峕風蝔见�摰孵膥璅��� */
	.historyBg {
		padding-top: 50px;
		padding-top: 25px;
	}

	.historybackground{
		/* opacity: 0.2; */
		display: none;
	}


		.timeline_grid{
			display: flex;
			flex-direction: column-reverse;
			grid-template-columns: unset;
			/* align-items: center; */
		}


		.timeline-item_box{
			transform: unset !important;
			display: block;
		}






		/* #timeline-item1  */
		.timeline-item1 .timeline-item_box{
			/* transform: translate(0%, 0%);*/
			position: unset;
			top: unset;
			right: unset; 			
		}
		/* #timeline-item3  */
		.timeline-item3 .timeline-item_box{
			/* transform: translateY(0%); */
		}
		/* #timeline-item4  */
		.timeline-item4 .timeline-item_box{
			/* transform: translate(0%,0%); */
		}

		.timeline_full_container {
			transform: translateY(0px);
			margin-bottom: 0px;
		}
		.timeline_full {
			margin-left: 0%;
			width: 100%;
		}
			/* ����峕風蝔𧢲���㯄��𤌍璅��� */
			.timeline-item ,
			.timeline-item.reverse{ /*�����reverse頠貊�𡁜�滩��*/
				max-width: unset;
				width: 100%;
				margin: 0px auto;
				display: block;
			}

			
			/* ����饊eaveBlank��嗵征銝漤＊蝷� */
			.timeline-item.leaveBlank{
				display: none;
			}

			/* ����峕風蝔𧢲���枏�𣇉��見撘� */
			ul.history_photo ,
			.timeline-item.reverse ul.history_photo {
				transform: unset;
				transform-origin: center;
				transform: unset !important;
			}
				ul.history_photo  li{
					padding: 10px 10px 20px;
					/* width: 40%;
					width: 60%; */
					width: 75%;
					box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
				}
				ul.history_photo li.history_photo_sec {
					transform: rotate(0deg);
				}


				


			/* ����峕風蝔𧢲���𤘪���堒�璅��� */
			.history_content ,
			.timeline-item.reverse .history_content{
				padding: 20px 0 50px;
				margin-bottom: 10px;
				margin-bottom: 30px;
			}
			
			/* ����峕風蝔𧢲���梶�𡁏挾璅��� */
			.timeline_line ,
			.timeline-item.reverse .timeline_line {
				/* display: none; */
				top: unset;
				bottom: 0;
				width: 2px;
				height: 50px;
				/* position: relative; */
				overflow: hidden;
			}
			.timeline_line:before{
				position:absolute;
				content:'';
				background-color: var(--fourth_color);
				width: 100%;
				height: 100%;
				top: 0;
				bottom: unset;
				left: 0%;
				border-radius: 0;
		
				/*����𨅯𦶢���*/
				transform: translateX(0%);
				animation: timeline 2s 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
			}
		
			@keyframes timeline {
				0% {
					transform: scale(1, 1);
					transform-origin: 100% 100%;
				}
				15% {
					transform: scale(1, 1);
					transform-origin: 100% 100%;
				}
				30% {
					transform: scale(1, 0);
					transform-origin: 100% 100%;
				}
				45% {
					transform: scale(1, 0);
					transform-origin: 0 0;
				}
				100% {
					transform: scale(1, 1);
					transform-origin: 0 0;
				}
			}



			/*�券�����𠹺�蝑�撟港遢����慯imeline_last*/
			.timeline_grid.timeline_last .timeline-item .timeline_line{
				display: none;
			}
			.timeline_grid.timeline_last .history_content {
				/* padding: 20px 0 50px; */
				margin-bottom: 0px;
				padding-bottom: 0;
			}
			/* .timeline_grid:last-child .timeline-item:last-child  .history_content{
				padding-bottom: 0;
			} */

			/* ����峕風蝔𧢲���栞府撟渡陛餈唳見撘� */
			.history_description {
				margin: 10px 0;
				padding: 0 0;
				background-color: transparent;
			}

}













/*=================================================================*/
/*-------隤滩�䀝�碶�𨭤銋碶�硋�𤩺�娍��--------*/
/*=================================================================*/

/* 銋碶�硋�𤩺�娍�� */
.introduction{
	display: flex;
	max-width: 1000px;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
	.introduction ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: block;
		width: 60%;
		/*font-size: 20px;*/
		/*font-size: min(max(1.0vw, 16px), 22px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/		
		font-size: min(max(1.1vw, 16px), 23px); /*摮烾�𥪜之撠� 1.1vw����撠誩�� 16px����憭批�� 23px*/
		line-height: 1.5;
		color: #2A2A2A;
		font-weight: 500;
		margin: -15px 0px;
	}
		.introduction li{
			padding: 0;
			margin: 0;
			list-style-type: none;
			display: block;
			padding: 15px 0px;
			display: flex;
			align-items: center;
		}  
		.introduction li:first-of-type{
			letter-spacing: 10px;
			/* text-indent: 5px; */
			/* text-indent: -5px; */
			text-indent: -1px;  /*敺株矽*/
			font-weight:900;
			font-size: 24px;
			/*font-size: min(max(1.2vw, 16px), 25px);*/ /*摮烾�𥪜之撠� 2.5vw����撠誩�� 12px����憭批�� 18px*/
			font-size: min(max(1.4vw, 23px), 27px); /*摮烾�𥪜之撠� 1.4vw����撠誩�� 23px����憭批�� 27px*/
		}   
		.introduction li img.icon{
			width: 30px;
			padding-right: 10px;
		}
	
		
	.introduction_img{
		width: 40%;
	}
	.introduction_img img{
		width: 100%;
		height: auto;
	}


@media (max-width: 640px) {

	/* 銋碶�硋�𤩺�娍�� */
	.introduction{
		flex-direction: column-reverse;
		/* align-items: center;
		justify-content: center; */
	}
		.introduction ul{
			width: 100%;
			margin: -5px 0px;
		}
			.introduction li{
				padding: 5px 0px;
			} 
			.introduction li:first-of-type {
				letter-spacing: 4px;
				text-indent: 4px;  /*蝵桐葉*/
				/* text-indent: -2px; */
				/* text-indent: 5px; */
				/* font-size: min(max(1.2vw, 18px), 25px); */
				text-align: center;
				justify-content: center;
			}
			.introduction li img.icon{
				width: 20px;
				padding-right: 5px;

				display: none;
			}
		.introduction_img{
			width: 100%;
		}
}




















/*=================================================================*/
/*-------隤滩�䀝�碶�𨭤鈭箸�齿�𥕦��--------*/
/*=================================================================*/

/* 鈭箸�齿�𥕦�籾鋆嗪ˇ */
.recruit_decorate{
	position: absolute;
	top: 0;
	z-index: -1;
	width: 20%;
	/* max-width: 380px; */
	height: 100%;
	/* position: relative; */
} 
	.recruit_decorate span{
		/* background-position: top; */
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		width: 100%;
		height: 100%;
	} 

	.recruit_decorate1 span{
		background-position: top left;
	} 
	.recruit_decorate2 span{
		background-position: top right;
	}

		.recruit_decorate  img{
			/* width: 100%;
			height: auto;

			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			float: none;
			width: 100% !important;
			height: 100% !important;
			object-fit: cover;
			transition: 0.3s ease all; */
		}

.recruit_decorate1{
	left: 0;
}
.recruit_decorate2{
	right: 0;
}


@media (max-width: 990px) {

	/* 鈭箸�齿�𥕦�籾鋆嗪ˇ */
	.recruit_decorate{
		display: none;
	} 

}




/*/////////////////////////////////////////////////////////*/
/*-------���拳--------*/
/*/////////////////////////////////////////////////////////*/

	
	
/*���拳*/
.lightboxArea {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	padding:124px 0px;
	display:none;
}
	/*���拳暺穃��*/
	.lightboxBG {
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100%;
		height: 100vh;
		position: absolute;
		top: 0px;
	}
	
	/*���拳銝駁��*/
	.lightboxMain {
		/* height:360px; */
		width:80%;
		margin:0 auto;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		transform:scale(0);
		top:0px;
		box-sizing:border-box;
		font-size:0px;
	}
	/*���拳銝駁��*/
	.lightboxArea.active .lightboxMain {
	
		transform:scale(1);
	}
		/*��𣈯�厩��拳��厰枤*/
		.lightboxCloseBtn {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 34px;
			height: 34px;
			line-height: 34px;
			color: #333;
			background: var(--primary_color);
			right: 20px;
			top: 20px;
			border: solid var(--primary_color) 1px;
			border-radius: 50%;
			/* box-shadow: 0px 0px 6px rgb(0 0 0 / 10%); */
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
			/* font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background:#2a6695;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2; */
		}
		.lightboxCloseBtn svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			margin: auto;
			transition: 0.3s ease all;
		}
			.lightboxCloseBtn:hover {
				background: #b9b9b9;
				border-color: #b9b9b9;
				transition: 0.3s ease all;
			}
			.lightboxCloseBtn:hover svg{
				fill: #333;
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
			/* .lightboxCloseBtn:hover {
				background:#221912;
				color:#fff;
			} */
			
		/*���拳鞈��坔�*/
		.lightboxContentArea {
			/* height: 100%; */
			height: 80vh;
		}
		
/* .index_video_list {
	position:relative;
	float:left;
	cursor:pointer;
	background:#000;
	margin:28px 0px 0px 0px;
}
	.index_video_list > img {
		opacity:0.6;
		transition:0.3s ease all;
		width:100%;
		height:auto;
	}
	.vL_text_area {
		position:absolute;
		width:100%;
		max-width: 15%;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.vL_text_area img {
			width:100%;
			height:auto;
		} */
		/*hover*/
		/* .index_video_list:hover > img {
			opacity:1;
		} */

/* .video_list_area {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	font-size:0px;
	margin:0 -12px -30px;
} */
/*firefox hack*/
/* @-moz-document url-prefix() { 
  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
} */

	/* .video_list {
		box-sizing:border-box;
		padding: 0px 12px 30px;
		width:33.3%;
	}

	.video_list2{
		width:100%;
		padding: 0px 0px 30px;
	} */


	/*firefox hack*/
	/* @-moz-document url-prefix() { 
	  .video_list {
		  padding:65px 11px 0px 11px;
	  }
	}
		.video_list .index_video_list {
			float:none;
			margin:0px;
			border-radius: 5px;
			overflow: hidden;
		}
			.video_list_remark {
				font-size: 18px;
				line-height: 24px;
				color: #3d3d3d;
				padding: 10px 0px 0px 0px;
				font-weight: bold;
			} */
	  
	/*敶梢𨺗���拳憿舐內����齿����*/
	.video_use {
		padding: 100px 0px;
	}
		.video_use .lightboxMain {
			/* height:450px; */
		}
	
	/*敶梢𨺗���拳*/
	.video {
		height:100%;
	}
		.video iframe {
			height:1px;
			height:100%;
			width:100%;
		}

@media (max-width: 950px){	

	/*���拳鞈��坔�*/
	.lightboxContentArea {
		height: 100%;
	}

}

@media (max-width: 600px){	

/* .video_list_area {
    display: block;
    flex-wrap: unset;
    flex-direction: unset;
} */

	/*---Video---*/
	/* .video_list {
		width: 100%;
		padding:0 0 30px;
	} */
	/*.video_list:nth-child(2n+1) {
		padding: 35px 0px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 0px;
	}*/
	

	
	
}


/*/////////////////////////////////////////////////////////*/
/*-------敶梢𨺗撠��--------*/
/*/////////////////////////////////////////////////////////*/

.video_main_title{
	line-height: normal;
	text-align: center;
	font-size: min(max(1.7vw, 22px), 2.5rem);
    letter-spacing:5px;
    text-indent: 0px;
}


.video_main_brief{
	text-align: center;
	margin: 25px 0 75px;
	line-height: 1.5;
}


.video_main_info{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 100px;
}
.video_main_info_video{
	position: relative;
	padding-top: 55%;
}
.video_main_info iframe{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

@media (max-width: 990px) {
	.video_main_brief {
		text-align: center;
		margin: 25px 0 50px;
	}
	.video_main_info {
		max-width: unset;
		width: 100%;
		margin-bottom: 50px;
	}
}
@media (max-width: 540px) {
	.video_main_brief {
		margin: 25px 0 25px;
	}
	.video_main_info {
		margin-bottom: 25px;
	}
	
}


/*/////////////////////////////////////////////////////////*/
/*-------敶梢𨺗��𡑒”--------*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*-------敶梢𨺗撠��--------*/
/*/////////////////////////////////////////////////////////*/

ul.video_area{	
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -30px;
}

    /* 敶梢𨺗撠��_��𡑒” */
	ul.video_area li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		box-sizing: border-box;	
		display: block;
		width: 25%;	
		padding: 0 15px 30px;
	}
        .video_list{	
			font-size: 15px;
			line-height: 1.5;	
			/* background-color: var(--primary_color); */
			/* padding: 10px;	 */
			transition: 0.3s ease all;	
		}
		.video_list:hover{		
			/* background-color: var(--sec_color);		 */
		}
			.video_list a{		
				display: block;
				text-decoration: none;				
				color: var(--primary_color);	
				word-wrap: break-word;
				word-break: break-all;
				transition: all .3s ease-in;
			}
			.video_list:hover a{
				/* color: #000;	 */
			}
                /* 敶梢𨺗撠��_��𡑒”_��� */
				.video_img{
					box-sizing: border-box;
					position: relative;
					padding-top: 70%;
					overflow: hidden;
					display: block;
				}    
				.video_img::before{
					content: '';
					width: 100%;
					height: 100%;
					background-color: rgba(225, 225, 225, .3);
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;
					opacity: 0;
					transition: 0.3s ease all;
				}       
				.video_list:hover .video_img::before{
					opacity: 1;
				}                                  
					.video_img img{	
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						/* border-radius: 50%; */
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.3s ease-out;				
					}
					/* .video_img img.play{
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50% , -50%);
						width: 50px;
						height: auto;
						z-index: 1;
					} */
					.play_icon{
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50% , -50%);
						width: 50px;
						height: 50px;
						z-index: 3;
					}
					.video_list:hover .play_icon{
						transform: translate(-50% , -60%);
						transition:0.3s ease all;
						
					}
					.play_icon:before {
						position: absolute;
						transition: 0.3s ease all;
						font-family: 'Bootstrap-icons';
						content: '\F4F3';
						/* top: 50%;
						right: 10px;
						transform: translateY(-50%); */
						color: var(--primary_color);
						font-size: 50px;
						line-height: 50px;
						transform-origin: center;
						transition: all 0.3s ease-out;
						transform: scale(1);
					}
					.video_list:hover .play_icon:before{
						color: #fff;
						transform: scale(1.2);
					}

				/* 敶梢𨺗撠��_��𡑒”_璅䠷�� */
				ul.video_area h3.title{
					padding: 0;
					margin: 0;
					font-size: inherit;	
					line-height: inherit;
					font-weight: inherit;	
					color: #222;	
					margin-top: 10px;
					
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					text-align: center;
					/* display: none; */
					font-weight: 600;
				}
				.video_list:hover h3.title{
					color: var(--primary_color);
				}
				
                /* ��讠�䠷���𢌥��𡑒”_蝬脣� */
				/* ul.video_area h4.url_link{	
					padding: 0;
					margin: 0;
					font-size: 12px;
					line-height: inherit;
					font-weight: inherit;	
					color: inherit;					
				} */
				
				.video_description{
					text-align: center;
					margin-top: 30px;
				}

@media(max-width:1440px){
	ul.video_area li{
		width: 33.3%;
	}
}
@media (max-width: 1100px){

	ul.video_area{	
	}	
		/* ��讠�䠷���𢌥��𡑒” */
		ul.video_area li{
			width: 33.3%;	
		}

}
@media (max-width: 640px){

	ul.video_area{	
		margin: 0 0px -25px;
	}	
		/* ��讠�䠷���𢌥��𡑒” */
		ul.video_area li{
			width: 100%;	
			padding: 0 0px 25px;
		}
			.play_icon {
				width: 20px;
				height: 20px;
			}
				.play_icon:before {
					font-size: 20px;
					line-height: 20px;
				}
				ul.video_area h3.title {
					margin-top: 5px;
				}

}
/*/////////////////////////////////////////////////////////*/
/*-------敶梢𨺗��𨅯�见�憛�--------*/
/*/////////////////////////////////////////////////////////*/
.video_search_Bg{
	max-width: 900px;
	width: 90%;
	margin: 50px  auto 50px;
}
.video_search_area{
	display: flex;
	align-items: center;
	justify-content: center;
}
.video_search_icon svg{
	width: 20px;
    height: 20px;
    display: block;
    fill: var(--primary_color);
	margin:  0 auto;
}
.video_search_icon button{
	
    width: 50px;
    height: 50px;
    border-color: #fff0;
    text-align: center;
    cursor: pointer;
	background-color: transparent;
    
}
.form_list_search select{
	width: 100%;
}

@media (max-width: 540px) {
	.video_search_Bg {
		max-width: unset;
		width: 100%;
		margin: 50px auto 30px;
	}
	.video_search_area{
		/* display: block; */
	}
}
/*撟單踎���*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (min-width: 541px) and  (max-width: 950px){
}


/*��𧢲�毺��*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (max-width: 540px){
}