@charset "utf-8";


.company_01  {margin-bottom:90px;}
.company_01 .col_box {display:table; width:100%; }
.company_01 .col_box .col {display:table-cell; vertical-align:top;  }
.company_01 .col_box .col.s_title {width:630px; font-size:70px; color:#000;  line-height:70px;  font-weight: 900;}
.company_01 .col_box .col.s_title span{display:block; color:#0e81a0;}
.company_01 .col_box .col.s_text {padding-left:0px; vertical-align:middle; font-size: 17px;  color:#000;  line-height:25px;}
.company_01 .col_box .col.s_text .t1{font-size:24px; line-height:24px; margin-bottom:20px; color:#000;}
.company_01 .col_box .col.s_text .t1 span { font-weight:bold;}



.company_01_map {position:relative;  margin-bottom:40px; padding-bottom:40px; border-top:3px solid #000;}

.company_01_map ul { width:100%; font-size:16px;  display:table; table-layout:fixed; text-align:center;}
.company_01_map ul li {display:table-cell; color:#333;  padding:20px 10px;    border-bottom:1px solid #ddd; }
.company_01_map ul li.hea {border-right:1px #ddd solid; font-size:18px; width:15%; background:#f8f8f8; font-weight:bold;}



.company_01_map  .common_map {width:100%; height:500px; margin-top:30px; }




table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}






.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 




.company_02{text-align:center;  padding-top:25px; position:relative;}
.company_02 .title_box{padding:25px 0px 45px; text-align:center; border-bottom:1px #ddd solid; margin:0 10%;}
.company_02 .title_box .t1{display:inline-block; color:#000; font-size:35px; font-weight:bold; line-height:35px; font-family: 'SCoreDream';}
.company_02 .title_box .t1 span {color:#0c3e67;}
.company_02 .title_box .t2{display:inline-block; margin-left:40px;}
.company_02 .title_box .t2 span {margin:0 40px; font-size:18px; color:#000; font-weight:bold;}


.company_02 .map_pointer  {display:inline-block; position:relative; padding:60px 0px 0px;}
.company_02 img {vertical-align:middle;}


.company_02 .map_pointer .common_cursor{background:url(../images/main/world_map_cursor_new.png) center bottom no-repeat; width:90px; height:50px; position:absolute; 
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;

}

.company_02 .map_pointer .common_cursor span {background:rgba(0,0,0,0.6); display:block; text-align:center; color:#fff; font-size:13px; line-heighT:30px; border-radius:5px; }
.company_02 .map_pointer .common_cursor span.on {background:#2369bf; }

.company_02 .map_pointer .cursor1{left:422px; top:205px; animation-name:cursor1; animation-delay: 1s;}
.company_02 .map_pointer .cursor2{left:495px;; top:215px; animation-name:cursor2; animation-delay: 4s; background-position:left 50%; padding-top:23px; padding-left:15px;}
.company_02 .map_pointer .cursor3{left:850px; top:210px; animation-name:cursor3; animation-delay: 2s;}
.company_02 .map_pointer .cursor4{left:360px; top:250px; animation-name:cursor4; animation-delay: 3s;}



@keyframes cursor1{from{top:205px;}to{top:200px;}}
@keyframes cursor2{from{top:215px;}to{top:210px;}}
@keyframes cursor3{from{top:210px;}to{top:205px;}}
@keyframes cursor4{from{top:250px;}to{top:245px;}}



.company_02 .map_pointer_info {display:inline-block; vertical-align:middle; width:350px; margin-left:60px;}
.company_02 .map_pointer_info dl {margin-bottom:40px; text-align:left;}
.company_02 .map_pointer_info dl dt{font-size:22px;    color: #000;    font-weight: bold; line-height:25px;}
.company_02 .map_pointer_info dl dd{font-size:14px;margin-top:5px; color:#777; line-height:18px;}
.company_02 .map_pointer_info dl:hover dt{color:#2369bf;}





@media all and (max-width:1024px) {



.company_01  {margin-bottom:30px;}
.company_01 .col_box {display:block;  }
.company_01 .col_box .col {display:block;  }
.company_01 .col_box .col.s_title {width:auto; font-size:30px;    line-height:30px;  font-weight: 900;}

.company_01 .col_box .col.s_text { margin-top:10px;}
.company_01 .col_box .col.s_text .t1{font-size:24px; line-height:24px; margin-bottom:20px; color:#000;}




.company_01_map {position:relative;  margin-bottom:40px; padding-bottom:40px;}


.company_01_map ul {font-size:13px;   overflow:hidden;}
.company_01_map ul li {  padding:15px 5px; text-align:left;   -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; vertical-align:middle;   }
.company_01_map ul li.hea {font-size:16px;  width:30%; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:center; }




.company_01_map  .common_map {width:100%; height:200px; margin-top:30px; }


}