.lang-box{position:relative;right:0;padding:6px;border:1px solid #abb7cc;border-radius:100px}.lang-box .icon-lang{position:relative;display:block;width:22px;height:22px;border-radius:50%;background-position:50%;background-size:auto 100%;background-repeat:no-repeat;cursor:pointer}.lang-box .icon-lang:lang(en){background-image:url(../img/i18n/ph.png)}.lang-box .icon-lang:lang(vi){background-image:url(../img/i18n/vi.png)}.lang-box .icon-lang:lang(zh){background-image:url(../img/i18n/zh.png)}.lang-box .icon-lang:lang(ph){background-image:url(../img/i18n/ph.png)}.lang-box .lang-select{position:relative;display:flex;align-items:center}.lang-box .lang-select .icon-lang{position:relative;display:inline-block;flex-wrap:wrap;margin-right:6px;background-position:left center}.lang-box .lang-select:after{position:relative;display:inline-block;width:8px;height:5px;background-image:url(../img/i18n/icon-drop.png);background-size:cover;content:'';cursor:pointer}.lang-box ul.lang-picker{position:absolute;top:45px;left:50%;z-index:99;display:none;padding:10px 0;min-width:63px;border-radius:10px;background:rgba(0,0,0,.8);transform:translateX(-50%)}.lang-box ul.lang-picker>li{display:flex;align-items:center;padding:10px;width:100%;color:#fff}.lang-box ul.lang-picker>li:hover{background-color:rgba(34,158,221,.7);cursor:pointer}.lang-box ul.lang-picker .icon-lang{margin-right:10px}