@charset "utf-8";
/* CSS Document */
body{
	background-color: #edf1f4;
}
.container{
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
a{
	cursor: pointer;
}
.li{
	cursor: pointer;
}
/*
*{
	font-family:arial,"黑体" !important;
	
}
*/


/* --- ULTIMATE FONT FIX --- */

/* 1. Set the default font for the entire site to Arial. */
body {
  font-family: Arial, sans-serif;
}

/* 2. FORCE Noto Sans SC on the html, body, and ALL other elements. */
html[lang="zh-CN"], html[lang="zh-CN"] * {
  font-family: 'Noto Sans SC', sans-serif !important;
   /* font-variant-east-asian: full-width;
  font-feature-settings: "fwid" on; */

}

/* 3. FORCE Noto Sans TC on the html, body, and ALL other elements. */
html[lang="zh-TW"], html[lang="zh-TW"] * {
  font-family: 'Noto Sans TC', sans-serif !important;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
	width: 100%;
}


/* --- FINAL CSS FOR PERFECTLY CENTERED ARROWS --- */

/* Make the button a flex container to center the arrow inside it. */
.layui-icon.layui-carousel-arrow {
  font-size: 0; /* Keeps any broken text hidden */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* This creates the arrow shape itself using borders. */
.layui-carousel-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-style: solid;
  border-color: white;
  border-width: 0 3px 3px 0; /* Top, Right, Bottom, Left */
}

/* Rotates the shape to create the "next" arrow (>) */
.layui-carousel-arrow[lay-type=add]::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Rotates the shape to create the "previous" arrow (<) */
.layui-carousel-arrow[lay-type=sub]::before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}