/*LOCATION*/
.location_map {width: 100%; height: 500px}
.location_map iframe {width: 100%; height: 100%;}
.adress {margin: 50px 0; width: 100%;}
.adress tr {height: 50px; }
.adress tr th {background-color: #f6f6f6; font-weight: 700;border: 1px solid #ddd; width: 150px;}
.adress tr td {padding-left: 10px; border: 1px solid #ddd;}

/*EXIBITION*/
.world {width: 1200px; height: 500px; position: relative; top: -50px;}
.world_map {width: 1000px; height: 500px; position: relative; float: right;}
.world .point {width: 1000px; height: 500px;;position: absolute; top:0; left: 0;}
.world .point li {height: 40px; position: absolute;}

.world .point li .box {display: none;}
.world .point li .box div {float: left;}
.world .point li .box div:nth-child(1) {width: 55px; height: 40px; background-image: url(../img/exhibition/marker.svg); background-repeat: no-repeat; background-size: cover; padding: 5px 10px 5px 20px;}
.world .point li .box div:nth-child(1) img {width: 30px; height: 30px;}
.world .point li .box div:nth-child(2) {background-color: #eb6f24; line-height: 40px; color: #fff; font-weight: 700; padding-right: 20px; border-radius: 0 20px 20px 0;}

.algeria {top: 220px; left: 70px;}
.arab_emirates {top: 228px; left: 208px;}
.china {top: 215px; left: 378px;}
.egypt {top: 215px; left: 145px;}
.germany {top: 155px; left: 85px;}
.korea {top: 193px; left: 395px;}
.myanmar {top: 240px; left: 310px;}
.russia {top: 130px; left: 160px;}
.taiwan {top: 230px; left: 378px;}
.usa {top: 195px; left: 710px;}

.e_p {width: 10px; height: 10px; background-color: #eb6f24; border-radius: 100%; margin: 15px 0; position: absolute; left: -5px;
animation: e_p 3s infinite; opacity: .5; cursor: pointer; z-index: 2;}

@keyframes e_p {
	0 {opacity: .5; transform: scale(1);}
	50% {opacity: .8; transform: scale(1.8);}
	100% {opacity: .5; transform: scale(1);}
}

/*exhibition LIST*/
.exhibition_list {width: 100%; border-top: 1px solid #ddd; padding: 10px 0 100px;}
.exhibition_list li {float: left; width: 300px; height: 50px; font-size: 20px; color: #6d6e71; line-height: 50px;}

/*PHOTO*/
.exhibition_img {width: 100%; height: 400px;}
.exhibition_img {}
#con .exhibition_img>strong {font-size: 24px;}
#con .exhibition_img>strong:before {content:""; display: inline-block; width: 20px; height: 20px; background-color: #00418b; margin-right: 20px;}
.exhibition_slide {padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd;}
.exhibition_img_box {width: 400px; height: 400px; text-align: center; margin: 0 10px;}
.exhibition_img_box div {width: 400px; height: 300px; margin-bottom: 20px; overflow: hidden;}
.exhibition_img_box div img {width: 400px; height: 300px; transition: .2s}
.exhibition_img_box div img:hover {transform: scale(1.07)}
#con .exhibition_img_box strong {font-size: 20px;}
#con .exhibition_img_box p {font-size: 14px; color: #6d6e71;}

.exhibition_slide .slick-arrow {width: 50px; height: 50px; position: absolute; z-index: 90; top:40%; transform: translateY(-50%); font-size: 50px; color:  #ddd; border-radius: 50%; transition: .2s;line-height: 1;}
.exhibition_slide .slick-arrow:nth-child(1) {left: -70px;}
.exhibition_slide .slick-arrow:nth-child(3) {right: -70px;}
.exhibition_slide .slick-arrow:hover {background-color: #6d6e71; color: #fff;}

@media (max-width:1199px) {
	.world {width: 100%;}
	.world_map {width: 100%; overflow: scroll; overflow-y: hidden}
	.exhibition_list li {width: 100%; height: 40px; line-height: 40px; padding: 0 15px;}
	
	.exhibition_img {width: 100%; height: 500px; overflow: hidden;}
	.exhibition_img>strong {padding-left: 15px;}
	.exhibition_slide .slick-arrow:nth-child(1) {left: 15px;}
	.exhibition_slide .slick-arrow:nth-child(3) {right: 15px;}
}