@charset "utf-8";
/* 
|----------------------
|   header
|----------------------
*/
.chl-header{position: relative; background: #fff; z-index: 2000; width: 100%;margin: 0 auto; transition: .3s;}
.chl-header-wrap { justify-content: space-between; align-items: center;}
.chl-header-left{align-items: center;}
.chl-header-logo{ height: 30px; margin-right: 60px; transition: .3s;}
.chl-header-logo img { height: 100%;}

.chl-header-fix{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.chl-header-space{height: 80px;}
@media (max-width:1230px) {
	.chl-header-logo{ height: 30px; margin-right: 10px;}
}
@media (max-width:980px) {
	.chl-header{padding: 15px 0;}
	.chl-header-space{height: 60px;}
}
@media (max-width:768px) {
	.chl-header-logo{ height: 20px; }
}
/* lang */
.chl-header-buyway{ position: relative; font-size: 0; border-radius: 40px; overflow: hidden;}
.chl-header-buyway::before{position: absolute; top: 0; left: 50%; content: ''; width: 1px; height: 100%; background-color: #999;}
.chl-header-buyway a{ display: inline-block; padding: 0 25px; height: 40px; line-height: 38px; font-size: 14px; text-align: center; background-color: #333; color: #fff;}
.chl-header-buyway a:hover{background-color: #333; color: #fff;}
@media (max-width:980px) {
	.chl-header-buyway{ display: flex; align-items: center; border-radius: 0; overflow: hidden;}
	.chl-header-buyway::before{display: none;}
	.chl-header-buyway a{padding: 0 6px; height: 30px; line-height: 28px; font-size: 18px; background-color: #fff; color: #333;}
}


.dark-header{ background-color: #1B1B1B!important;}

.dark-header .chl-header-buyway::before{ background-color: #313131;}
.dark-header .chl-header-buyway a{background-color: #3C3C3C; color: #fff;}
@media (max-width:980px) {
	.dark-header .chl-header-buyway a{background: none; color: #fff;}
}