.header--sticky {
    background-color: #fff;
}
.header-nav{
    margin-top:0;
    text-align: right;
    font-size: 13px;
}
.header-option{
    float: none;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d8d8d8;
    padding: 0px 0px 4px 0px;
}
.font-small{
    font-size: 14px;
}
.font-medium{
    font-size: 16px;
}
.font-large{
    font-size: 20px;
}
.f-1{
    background: #000;
    padding: 3px 8px;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
}
.f-2{
    background: #CCC;
    padding: 3px 8px;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
}
.f-3{
    background: #000;
    padding: 3px 8px;
    color: yellow;
    font-size: 14px;
    border-radius: 4px;
}
.line--right{
    border-right: 1px solid #CCC;
    margin-right: 5px;
}
.change-font{
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    padding: 9px;
}
.change-display{
    /* border-right: 1px solid #CCC; */
    padding: 15px;
}
.change-lang{
    padding: 9px;
    border-left: 1px solid #CCC;
}
.lang-th {
    margin-right: 5px;
}
.lang-t a.active, .lang-t a:hover {
    background: #ffffff;
}
.search-www{
    border-left: 1px solid #CCC;
    padding: 9px;
}