#main_2nd_photo{
  width:969px;
  margin:50px auto 30px;
}



#inbox_top {
	width:1008px;
	text-align:center;
}

#inbox_left {
	width:300px;
	margin:15px 36px 40px 0;
	float:left;
}


.gallery_theme_caption {
	width:120px;
	margin-left:20px;
	font-size: 16px;
	font-weight: bold;
	display:block;
	border:solid 1px #eee;
	border-radius:4px;
	text-align:center;
	background-color:#fff;
	color:#000;
}


#videos {
	padding: 8px 0 0 0;
	border-radius: 8px;
	width:987px;
    background: url("../../nantroseize/images/gallery/gallery_side2.png") repeat-y scroll 0 0 transparent;
}


#videos li {
  width:160px;
  float:left;
  text-align:center;
}

#videos li img {
  margin:5px;
}

b{
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}

#videoStage dt {
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}

#videoStage dd {
	font-size:8pt;
	color:#fff;
}

#videoStage dd.crB{
	font-size:8pt;
	font-weight:bold;
	color:#157cb6;
}


#photo, #photo_502 {
	padding: 8px 0 0 0;
	border-radius: 8px;
	width:987px;
    background: url("../../nantroseize/images/gallery/gallery_side2.png") repeat-y scroll 0 0 transparent;
}

#photo li, #photo_502 li {
  width:160px;
  text-align:center;
  float:left;
}

#photo li img, #photo_502 li img {
  margin:5px;
}


#items {
	width:815px;
	margin:35px auto;
}

#items2 {
	width:815px;
	margin:35px auto;
}

#items li{
	width:150px;
	padding:5px;
	font-size:8pt;
	color:#fff;
	text-align:center;
  float:left;
}

@media (max-width: 768px) {
#items {
	width:100%;
}
#items li{
  float:none;
}
}


#items2 li{
	width:150px;
	padding:5px;
	font-size:8pt;
	color:#fff;
	text-align:center;
  float:left;
}

#items_title {
	width:870px;
	margin:35px auto;
}
@media (max-width: 768px) {
	#items_title, #videos {
		width:100%;
		margin:0 auto;
		padding: 8px 2%;
		border-radius: 8px;
	}
}


.item {
    float: left;
    margin: 0 16px 0 0;
    min-height: 210px;
    width: 255px;
	text-align:center;
}

@media (max-width: 768px) {
.item {
    float: none;
    margin: 0 auto;
}

}

.item dt {
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}

.item dd {
	font-size:8pt;
	color:#fff;
}

.item dd.crB{
	font-size:8pt;
	font-weight:bold;
	color:#157cb6;
}

#slide {
	width:92%;
	margin:0 auto;
}

.slide {
	width:255px;
	margin:0 20px 30px;
	display: inline-block;
	vertical-align:top;
}

.slide p{
	margin-top:10px;
}


.slide img{
	width:100%;
  border-radius: 6px;
}

.exp502 .hover-scale {
	background: linear-gradient(90deg, #2072a6 10%, #7fbce2 89.5%);
	border-radius: 12px;
	padding: 8px;
	margin-right: 2.09%;
	margin-top: 24px;
	overflow: hidden;
}

.exp405 .hover-scale {
	background: linear-gradient(90deg, #2072a6 10%, #7fbce2 89.5%) !important;
	border-radius: 12px;
	padding: 8px;
	margin-right: 2.09%;
	margin-top: 24px;
	overflow: hidden;
}


.mv-slider .slide a {
  position: relative;
  display: block;
  text-decoration: none;
}
 
.mv-slider .slide a:before {
  position: absolute;
  content: "";
  display: block;
  bottom: -6%;
  left: 20%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 6px solid #E6C612;
  width: 60px;
  height: 60px;
}
 
.mv-slider .slide a:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 10%;
  left: 20%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #E6C612;
  border-width: 15px 0 15px 25px;
}

/* 502 */
.mv-slider .slide.exp502 a:before {
  position: absolute;
  content: "";
  display: block;
  bottom: -6%;
  left: 20%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 6px solid #4a92c0;
  width: 60px;
  height: 60px;
}
 
.mv-slider .slide.exp502 a:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 10%;
  left: 20%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #4a92c0;
  border-width: 15px 0 15px 25px;
}




#photo #items, #photo_502 #items{
	width:92%;
}

#photo #items ul, #photo_502 #items ul{
 display:block;
}

#photo #items li, #photo_502 #items li{
	width:calc(100% / 3);
	height:160px;
	text-align: center;
	margin: 0 0 40px 0;
	display:inline-block;
}

#photo li img, #photo_502 li img{
	width:auto;
	height:100%;
}


#videos .theme_caption::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-top: 3px;
    margin-right: 6px;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #dd9028;
}


#videos .theme_caption, #photo_502 .theme_caption {
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display: flex;
	justify-content: flex-start;
	margin:0 0 8px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

#videos .theme_caption sup, #photo .theme_caption sup {
	margin:0;
	font-size:12px;
	color:#fff;
}


/* 502 */
#videos .theme_caption_502::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-top: 3px;
    margin-right: 6px;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #2072a6;
}


#videos .theme_caption_502, #photo_502 .theme_caption_502 {
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display: flex;
	justify-content: flex-start;
	margin:0 0 8px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

#videos .theme_caption_502 sup, #photo .theme_caption_502 sup {
	margin:0;
	font-size:12px;
	color:#fff;
}


@media (max-width: 768px) {
	.gallery_theme_caption {
		margin-left:0;
	}

	.mv-slider .slide.exp405 a:after, .mv-slider .slide.exp502 a:after {
	  bottom: 5%;
	}

	.slide {
		width:100%;
		margin: 0 0 30px;
	}

	#photo, #photo_502 {
		width:100%;
	}

	.item {
	    float: none;
	    margin: 0 auto;
	}

	#photo #items ul, #photo_502 #items ul{
		width:100%;
	}

	#photo #items li, #photo_502 #items li{
		width:49%;
		height: 160px;
		text-align: center;
		margin: 0 0 40px 0;
	}

	#photo #items li img, #photo_502 #items li img{
		object-fit: cover;
		width: 100%;
    height: 100%;
	}

}