/* tem01-s-header */
.tem01-s-header{width:100%;z-index:98;background:#fff;}
.tem01-s-header .loginBar{float:right;margin:0 10px;}
.tem01-s-header .loginBar .login,
.tem01-s-header .loginBar .register{color:#999;text-decoration:none;}
.tem01-s-header .loginBar .icon .login span{font-size:17px;}
.tem01-s-header .loginBar i{color:#999;}
.tem01-s-header .loginBar .myinfo{width:180px;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tem01-s-header .loginBar .icon{position:relative;}
.tem01-s-header .loginBar .icon .dropdown-menu{width:180px;position:absolute;top:39px;left:auto;right:0;margin:0;} 
.tem01-s-header .loginBar .icon .dropdown-menu:before{content:"";width:0;height:0;position:absolute;top:-5px;right:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #ccc;}
.tem01-s-header li{list-style:none;}
.tem01-s-header .top{width:100%;position:relative;z-index:99;box-shadow:0 0 5px rgba(0, 0, 0, 0.05);height:80px;}
.tem01-s-header .top .logo{max-width:160px;height:60px;position:relative;margin:10px auto;z-index:999;overflow:hidden;float:left;font-size:0;line-height:60px;}
.tem01-s-header .top .logo-text{border-left:1px solid rgba(225, 225, 225, 0.8);color:#333;float:left;font-size:14px;margin:10px 0 0 8px;padding:0 15px;text-align:left;max-width:28%;overflow:hidden;height:60px;display:table;}
.tem01-s-header .top .logo-text section{display:table-cell;vertical-align:middle;}
.tem01-s-header .top .logo img{max-width:100%;max-height:100%;display:inline-block;image-rendering: -webkit-optimize-contrast;}
.tem01-s-header .container{position:relative;}
.tem01-s-header .top .icons{width:46%;z-index:998;float:right;padding:23px 0 0;}
.tem01-s-header .top .icons span{color:#999;}
.tem01-s-header .searchBar{margin:0 2px;padding:0;line-height:30px;background:rgba(0,0,0,0.045);border-radius:5px;position:relative;z-index:1;border-style:solid;border-width:1px;width:50%;}
.tem01-s-header .info{float:right;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.tem01-s-header .info h3,
.tem01-s-header .info .h3{font-size:14px;font-family:"HELVETICANEUELTPRO-THEX",Arial;color:#888;margin:0 0 0 20px;padding:2px 0;line-height:30px;}
.tem01-s-header .info h3 em,
.tem01-s-header .info .h3 em{font-size:20px;display:inline-block;}
.tem01-s-header .info h3 p,
.tem01-s-header .info .h3 p{display:inline-block;}
.tem01-s-header .languageBar,
.tem01-s-header .loginBar{margin-left:5px;margin-right:0;padding:2px 10px;line-height:30px;background:rgba(0,0,0,0.045);border-radius:5px;position:relative;z-index:1;float:right;}
.tem01-s-header .cartBar span.icon{cursor:pointer;display:inline-block;margin:0 8px 0 0;text-align:center;font-size:16px;}
.tem01-s-header .cartBar span.text{display:inline-block;font-size:12px;}
.tem01-s-header .cartBar i{border-radius:50%;color:#fff;font-size:10px;font-style:normal;height:13px;left:20px;line-height:13px;position:absolute;text-align:center;top:2px;width:13px;}
.tem01-s-header .languageBar span.country{font-size:12px;cursor:pointer;vertical-align:middle;margin-left:5px;}
.tem01-s-header .top .icons .languageBar .languageList{display:none;min-width:170px;height:auto;padding:0;box-shadow:0px 2px 2px rgba(0,0,0,.2);border-radius:4px;background:#FFF;border:1px solid #ccc; position:absolute;top:40px;right:0;z-index:9999999;}
.tem01-s-header .top .icons .languageBar .languageList:before{content:"";width:0;height:0;position:absolute;top:-5px;right:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #ccc;}
.tem01-s-header .top .icons .languageBar.open .languageList{display:block;}
.tem01-s-header .top .icons .languageBar .languageList li a{width:100%;line-height:24px;display:block;font-size:12px;color:#666;padding:2px 10px;}
.tem01-s-header .top .icons .languageBar .languageList li a:hover{background:#CCC;color:#333;}
.tem01-s-header .top .icons .languageBar.ON .languageList{display:block;}
.tem01-s-header .top .icons .searchBar .icon span{cursor:pointer;}
.tem01-s-header .top .icons .searchBar .icon .switch{opacity:0;position:absolute;top:0;right:0;}
.tem01-s-header .top .icons.ON .searchBar{float:right;}

.tem01-s-header .searchBar button{border:0 none;border-radius:0;font-size:16px;color:#fff;background:none;}
.tem01-s-header .searchBar .icon{opacity:0;}
.tem01-s-header .top .icons.ON .searchBar input{box-shadow:none;width:100%;line-height:32px;font-size:13px;background:none;border:none;outline:none;color:#999;padding:0 0 0 10px;}
.tem01-s-header .top .icons.ON .searchBar span{font-size:14px;}
@media (max-width:768px){
    .tem01-s-header{height:60px;}
    .tem01-s-header .top .logo{height:50px;margin:5px auto;line-height:50px;}
    .tem01-s-header .top .icons{padding:12px 0;width:60%;}
    .tem01-s-header .top .logo-text{display:none;}
    body.model_advert{padding:0!important;}
    body.model_advert .mobile_bottom,
    body.model_advert .tem-download-app{display:none!important;}
}
@media (max-width:480px){
    .tem01-s-header .info{display:none;}
    .tem01-s-header .top .icons{width:auto;}
}