/*---------------------------------------------------------------------
World Branch
-----------------------------------------------------------------------*/
.branch{display: block; margin: auto; padding-bottom: 50px;  background-image:url(../images/index/about-01.png),url(../images/about/about-04.jpg), url(../images/index/map.jpg); background-position:left top , right top, left bottom; background-size: 60% auto,50% auto,  auto;  background-repeat:  no-repeat ;   }
.branch-list{ width: 100%; display: block; margin:80px auto; }
.branch-list ul { list-style-type: none; width: 33.33%; min-height:450px;  float: left; padding: 40px 20px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.branch-list ul:nth-child(3n) { border-right: none; }
.branch-list ul:nth-child(10), .branch-list ul:nth-child(11) { border-bottom: none; }

.branch-list ul li{ width: 100%; display: block; margin-bottom: 5px; line-height:1.5rem;  }
.branch-list ul li:nth-child(2){ margin-bottom: 20px; font-size:1.15rem;  color: #888; font-weight: 700;   }
.branch-list ul li:nth-child(3){ margin-bottom: 20px; font-size:1.25rem;  color: #1f328c; font-weight: 700;   }

span.filed{width:22%; display: inline-block; vertical-align: top; text-align: right; font-weight: 400; }
span.filed:after {  content: " :";   z-index: 9; }
span.type{width:76%; display: inline-block;  vertical-align: top;font-weight: 200;}
.branch-list ul li a{ color: #1f328c;}

@media(max-width:1024px) {
.branch-list ul { list-style-type: none; width: 50%;  min-height:440px;   float: left; padding: 40px 20px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.branch-list ul:nth-child(2n) { border-right: none; }
.branch-list ul:nth-child(3n) { border-right: 1px solid #e2e2e2; }
.branch-list ul:nth-child(10){border-bottom: 1px solid #e2e2e2; }
}

@media(max-width:767px) {
.branch{  background-size:50% auto, 100% auto; }
.branch-list ul { list-style-type: none; width: 98%; min-height:auto;   display: block; margin: auto;  border-bottom: 1px solid #e2e2e2; border-right: none; }
.branch-list ul:nth-child(3n) { border-right: none; }

}