#GATE{padding:30px 0;}
#GATE *{font-size:18px; color:#999; text-align:center;}
#GATE img{display:block; width:100%;}
#GATE .container_inner{max-width:1116px; margin:0 auto;}

#GATE .section.top > div{max-width:256px; margin:0 auto;}
#GATE .section.top p{font-size:16px; color:#fff; padding:30px 0 60px;}
.location_item div.over{
    background: #FEB200;
}
#GATE .section.map .map_box{position:relative; max-width:570px; margin:0 auto;}
#GATE .section.map .map_box img{position:absolute; top:0; left:0; visibility:hidden;opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#GATE .section.map .map_box img.on{visibility:visible;opacity:1; z-index:9999;}
#GATE .section.map .map_box img.default{position:relative; visibility:visible;opacity:1;}

#GATE .section.locations{padding-top:60px;}
#GATE .section.locations .location .location_item{float:left;width: 15.28%;}
#GATE .section.locations .location .location_item div{position:relative;
      display: flex;
    align-items: center;
    justify-content: center;
  font-size:18px;margin-bottom:20px; border-bottom:solid 1px #333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#GATE .section.locations .location .location_item div>p{transition: color 0.3s;    margin-top: 15px;}
#GATE .section.locations .location .location_item div:before{position:absolute;bottom:0;left:0;content:'';width:0%;height:2px;background: #FEB200;transition:  width 0.3s}
#GATE .section.locations .location .location_item div.on{color:#fff;}
#GATE .section.locations .location .location_item div.on:before{width: 100%;}
#GATE .section.locations .location .location_item div.on>p{color: #fff}
#GATE .section.locations .location .location_item div.over:before{width: 100%;}
#GATE .section.locations .location .location_item div.over>p{color: #fff}
#GATE .section.locations .location .location_item div p br { display:none;}
#GATE .section.locations .location .location_item .location_list li a{position:relative; display:inline-block; padding:10px 0;transition: color 0.3s}
#GATE .section.locations .location .location_item .location_list li a:before{position:absolute; bottom:6px; left:0; content:''; width:0%; height:1px; background:#fff;transition: width 0.3s}
#GATE .section.locations .location .location_item .location_list li a.on{color:#fff;}
#GATE .section.locations .location .location_item .location_list li a.on:before{width: 100%}
#GATE .section.locations .location .location_item .location_list li a.over{color: #fff}
#GATE .section.locations .location .location_item .location_list li a.over:before{width: 100%}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px){
    #GATE .section.top > div{max-width:208px;}
    .section { padding:0 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #GATE * { font-size:15px;}
    #GATE .section.locations { padding-top:50px;}
    #GATE .section.locations .location .location_item div { display:table; width:100%;font-size:15px; line-height:17px;height:50px; padding:0 5px 15px;}
    #GATE .section.locations .location .location_item div p { display:table-cell; vertical-align:middle;}
    #GATE .section.top p { padding:25px 50px;}
    #GATE .section.top > div{max-width:208px;}
    #GATE .section.locations .location .location_item div p br { display:block;}
    #GATE .section.locations .location .location_item .location_list li a { font-size:13px; padding:4px 0 10px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    #GATE .section.top > div{max-width:198px;}
    .section { padding:0 20px;}
    #GATE { padding-top:60px;}
    #GATE * { font-size:14px;}
    #GATE .section.locations { padding-top:30px;}
    #GATE .section.top p { padding:20px 30px;}
    #GATE .section.top > div{max-width:198px;}
    #GATE .section.locations .location .location_item {/*width:calc(100% / 4)*/ width:25%;}
    #GATE .section.locations .location .location_item:nth-child(n+5):nth-child(-n+7) {/*width:calc(100% / 3);*/ width:33.33%; margin-top:30px;}
}