@charset 'utf-8';
.BasisArticle-TopLinkBar { position: relative; background-color: #ddd; padding: 10px 0px 10px 0px; z-index: 6000; }
.TopLinkBarIn{ padding: 0px 16px 0px 16px; }
.TopLinkImg-Leadercamel { max-width: 70%; float: left; transition: all .3s ease; white-space: nowrap; }
.TopLinkImg-Leadercamel:hover { opacity: .6; cursor: pointer; transition: all .3s ease; }
.TopLinkImg-Leadercamel img { height: 8vw; max-height: 35px; background-color: #ddd; }
.TopLinkBarLink { position: relative; float: right;  }
.TopLinkBarLink .dropbtn { width: 24px; height: 24px; font-size: 16px; line-height: 24px; color: white; background-color: #808080; border: none; border-radius: 4px; cursor: pointer;display: inline-block; }
.TopLinkBarLink .dropbtn::before { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-top: -2px; }
.TopLinkBarLink .dropbtn:hover, .TopLinkBarLink .dropbtn:focus { background-color: #595959; }
.TopLinkBarLink .dropdown { position: relative; float: right; display: inline-block; }
.TopLinkBarLink .dropdown-content { position: absolute; z-index: 1; right: 0; min-width: 160px; background-color: #ddd; overflow: auto; display: none; }
.TopLinkBarLink .show { display: block; }
.TopLink-Body { border: inherit; }
.TopLink-RightList { padding: 0 16px 0px 16px; }
.TopLink-RightList li { width: 33.3%; padding: 4px 4px; float: left; }
.TopLink-RightList img { width: 100%; height: auto; background-color: #fff; transition: all .3s ease; }
.TopLink-RightList img:hover { opacity: .6; cursor: pointer; transition: all .3s ease; }
.TopLink-RightLogo { }
.TopLink-RightLogo img.TopLinkLogo { height: 10vw; max-height: 35px; }
.TopLink-RightLogo img.TopLinkLogo:hover { opacity: .6; transition: all .3s ease; }
.TopLink-RightLang { border: inherit; padding-left: 8px; padding-right: 8px; display: inline-block; }
a.TopLinkLang { position: relative; bottom: -5px; font-size: 15px !important; font-weight: 700; color: #888; text-align: center; }
a.TopLinkLang:hover { opacity: .6; transition: all .3s ease; }
.TopLinkLang::before { content: ''; position: absolute; top: -2px; width: 22px; height: 8px; height: auto; background-color: #888; border: 2px solid #888; border-radius: 20px; }
.TopLink-TwLang { margin: 0 2px; display: inline-block; }
.TopLink-TwLang::before { width: 24px; }
.TopLink-EnLang { margin: 0 2px; display: inline-block; }
.TopLink-EnLang::before { width: 20px; }
@media (min-width:601px) {

.TopLinkBarLink .dropbtn { margin-top: 6px; }
.TopLinkBarLink .dropdown-content { top: 45px; min-width: 560px; }
}
@media (min-width:0) and (max-width:600px) {
.BasisArticle-TopLinkBar { padding: 10px 0px 10px 0px; }
.TopLink-RightList{ padding: 0 8px 8px 8px }
.TopLinkBarIn{ padding: 0px 8px 0px 8px; }
.TopLinkBarLink .dropbtn { margin-top: 6px; }
.TopLinkBarLink .dropdown-content { top: 44px; right: -8px; width: 100vw; }
.TopLink-RightLogo img.TopLinkLogo { height: 10vw; max-height: 24px; }
.TopLink-RightLang { padding-left: 4px; padding-right: 4px; }
.TopLinkLang::before { top: -6px; }
a.TopLinkLang { font-size: 12px !important; line-height: 1.3; }
.TopLink-TwLang::before { width: 20px; }
.TopLink-EnLang::before { width: 18px; }
}
@media (min-width:0) and (max-width:450px) {
.TopLinkImg-Leadercamel img { height: 10vw; max-height: 24px; }
.TopLink-RightLogo img.TopLinkLogo { height: 10vw; max-height: 24px; }
.TopLinkBarLink .dropbtn { margin-top: 1vw; }
.TopLinkBarLink .dropdown-content { top: calc(8vw + 5px); width: 100vw; }
}
@media (min-width:0) and (max-width:350px) {


.TopLinkImg-Leadercamel img. { height: 8vw; max-height: 18px; }
.TopLink-RightLogo img.TopLinkLogo { height: 10vw; max-height: 18px; }
}