@CHARSET "UTF-8";


.header {
	height: 80px;
	width: 100%;
	background-color: #333;
	position: fixed;
 	z-index: 100;
	border-radius: 0 0 25px 25px;
}
.header-2 {
  width: 100%;
  height: 81px;
  margin: auto;
  padding: 0 0 3px;
  border-radius: 0 0 25px 25px;
  background-image: linear-gradient(to right, #f3c400 0%, #fe6300 14%, #fe2436 26%, #fe2436 37%, #4150f9 48%, #2224fb 58%, #6be7ef 69%, #40e0f3 82%, #f3c400 99%);
  position: fixed;
  z-index: 10;
}

.header-content {
	padding: 20px;
	/*max-width: 720px;*/
	width: 100%;
	float: none;
	margin: auto;
	
}

.header1010 {
	float: left;
	height: 100px;
	width: 100%;
	background-color: white;
	position: fixed;
	z-index: 10;
	border-bottom: 1px solid;
	border-bottom-color: #CCCCCC;
}

.img-lang {
	height: auto;
	width: auto;
	z-index: 10;
	float: left;
}


.img-lang-container {
	
	display: inline-block;
	vertical-align: top;
	float: right;
	margin-right: 15%; 
}
.img-lang-container2 {
	border-style:solid;
	vertical-align: middle;
	float: right;
	margin-right: 0%; 
	height: 20px;
	margin-top:10px;
	display: flex; /* 使用 flexbox 排列圆形 */
    gap: 10px; /* 圆形之间的间距 */
}
.img-csl-logo {

	width: auto;
/*  	margin-left: 15%;
	display: inline-block; */
	float:left;
}

.img-csl-logo img {
  
  height: 36px;
  margin: 0 15px 0 0;
}

.img-1010-logo {
	
	width: auto;
	margin-left: 15%;
	display: inline-block;
	float:left;
}

.navi-btn-container{
	position: relative;
	float: right;
	margin-right: 10%;
}

.clear{
	clear:both;
}

.login-info{
	display: inline-block;
	float: right;
	vertical-align: middle;
	margin-right: 10%; 
	height: 20px;
	color: black;
	background-color: #eaeaea;
	padding: 1px 10px;
	border-radius: 20px;
}

.btn_header {
    border: 1px solid #BBBDBD;
    padding: 5px; 
    display: inline-block;
    background: #ffffff;
    width: 140px;
/*     height: 40px; */
    border-radius: 16px; 
    font-size: 12px;
    outline: none;
    cursor: pointer;
}

a.link-serviceplan {
    text-decoration:none;
    vertical-align: middle;
    color: white;
}

a.link-lang {
    		border: 2px solid #EAEAEA; /* 边框 */
            color: #EAEAEA; /* 字体颜色 */
            background-color: #333333; /* 背景颜色 */
            font-size: 14px; /* 字体大小 */
            border-radius: 50%; /* 圆形边框 */
            width: 25px; /* 圆的直径 */
            height: 25px; /* 圆的直径 */
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            text-decoration: none;
}
a.link-lang-active {
    		border: 2px solid #EAEAEA; /* 边框 */
            color: #000000;/* 字体颜色 */
            background-color: #EAEAEA;
            font-size: 14px; /* 字体大小 */
            border-radius: 50%; /* 圆形边框 */
            width: 25px; /* 圆的直径 */
            height: 25px; /* 圆的直径 */
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            text-decoration: none;
}