.navigation__{background: transparent;padding: 10px 0px;position: relative;z-index: 1;line-height:18px;}
.navigation__ .bg{background: white;border-bottom: 1px solid #CCC;}
.navigation__ a , .navigation__ span{float: left ;color: #ffffff;font-size: 15px;margin-right: 14px;letter-spacing:0.2px;opacity:0.5;}
.navigation__ a.active{color: #ffffff;opacity:1;}
.navigation__ .arrow{
    background: url("../img/1/arrow-white.png") no-repeat 0 0 ;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
        background-size: 8px;
    background-position-x: 5px;
    background-position-y: 3px;
}
.navigation_left{float: left;}
.navigation__ .navigation_back{float: right;margin-right:0;opacity:1;}
.navigation_back:before{
	content: '';
    background: url(../img/1/arrow-white.png) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    background-size: 8px;
    background-position-x: 5px;
    background-position-y: 2px;
    transform: rotate(180deg);
    float: left;
    margin-right: 13px;
    margin-top: 2px;
    opacity:1;
}
}


body[lang='2']  .navigation__ a , .navigation__ span{
    font-family: "Microsoft JhengHei";
}
.navigation__:after{
	content:'';
	display:block;
	float:none;
	clear:both;
}

@media all and (max-width:767px)
{
    .navigation__ .arrow{
        background-image:url('../img/mobile/1/arrow-white.png');
    }
}