@charset "utf-8";


body,html{
	background-color: #3498db;
}

/*
	Main Contents
*/

.mid-wrap{
	position:relative;
}
#contents{
position:relative;
}

.icon-menu{text-align:center;position:absolute;top:-230px; width:100%;}
.icon-menu a{display:inline-block; margin:0 10px; width:100%; max-width:131px;}

.bottom-content-wrap{
	position:relative;
	width: 1191px;
	margin: -100px auto 0;
	/* overflow: hidden; */
	z-index:100;
}
.bottom-content-wrap .opening-hours-box,
.bottom-content-wrap .media-box,
.bottom-content-wrap .notice-box,
.bottom-content-wrap .photo-box{
	float: left;
	margin-left:14px;
	background-color:#fff;
}
.bottom-content-wrap .opening-hours-box{
	margin-left:1px;
}

.opening-hours-box{
	width: 390px;
	height: 222px;
	/*background:url("/resources/cv/images/main/opening-hours-box.png") no-repeat 0 0;*/
	background:url("/resources/cv/images/main/opening-hours-box4.png") no-repeat 0 0;
}
.ohb1{width:151px; height:39px; line-height:39px; text-align:center; color:#fff; font-weight:bold; font-size:18px; background:#061e56; margin:0px 0 15px 0;}
.ohb2{padding:0 30px 0 30px;}
.ohb3{font-size:16px; margin-bottom:6px;}
.ohb4{font-size:14px;line-height:18px; font-weight:bold; margin-bottom:5px;padding-left:7px;background: url("/resources/cv/images/bullet/tip-subgnb.gif") no-repeat 0 7px;}
.ohb4 span{display:block;}
.ohb4-2{margin-bottom:30px; font-size:15px; font-weight:bold;}
.ohb5{font-size:15px;margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px dotted #bcbcbc }
.ohb5 span{display:inline-block; font-weight:bold; width:75px;}
.opening-hours-box h2{
	margin: 23px 0 0 23px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
.media-box{
	width: 294px;
}
.notice-box{
	position:relative;
	width: 385px;
	height: 220px;
	border: 1px solid #d8d8d8;
}
.notice-box h2{
	margin: 23px 0 0 23px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}
.notice-box ul{
	margin: 20px 0 0 22px;
}
.notice-box li{
	margin-top: 12px;
	padding-left:7px;
	background: url("/resources/cv/images/bullet/tip-subgnb.gif") no-repeat 0 5px;
}
.notice-box li:first-child{
	margin-top: 0px;
}
.notice-box li a{
	display: block;
	color:#4b4b4b;
	font-size: 15px;
	text-decoration: none;
}
.notice-box a.notice-more{
	position:absolute;
	top:22px;
	right:15px;
}
.photo-box{
	position:relative;
	width: 385px;
	height: 222px;
}
.photo-box img {width:100%; height:100%;}
.photo-box p.photo-title{
	position:absolute;
	left:0;
	bottom:0;
	width: 100%;
	height: 58px;
	background-color: #000;
	text-align: center;
	line-height: 58px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE 7 and olders */
	opacity: .8;
}
.photo-box p.photo-title a{
	color: #fff;
	text-decoration: none;
}

.visual-wrap{width:100%; background:#000;}
.visual{max-width:1199px; margin:0 auto;}
.bx-wrapper .bx-pager{display:none;}
.banner{width:1190px; margin:0 auto;}
.banner li{position:absolute; top:10px;}
.banner li + li {position:absolute; top:60px;}
.banner li:last-child{position:absolute; top:110px;}

#divpopup {position:absolute;left:200px;top:195px;z-index:99999; width:300px; }

.icon-menu{text-align:center;position:absolute;top:-230px; width:100%;}
.icon-menu a{display:inline-block; margin:0 10px; width:100%; max-width:131px;}
.icon-menu a img{width:100%; height:100%;}

.clear:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearB {clear:both;}

.foot-wrap .copyrights{line-height:15px;}

@media screen and (max-width : 640px) {
.visual-wrap{padding-top:190px;}
.visual{width:100%; height:auto;}
.banner li{padding-left:20px;}
.mid-content-wrap{width:100%; background:#000; padding-bottom:20px;}
.icon-menu{text-align:center;position:relative;top:0; width:100%;}
.icon-menu span{display:block; padding-top:10px;}
.icon-menu a{width:30%; margin:0 10px;}
.bottom-content-wrap{width:95%; margin:0 auto; margin-top:15px;}
.bottom-content-wrap .opening-hours-box, .bottom-content-wrap .media-box, .bottom-content-wrap .notice-box, .bottom-content-wrap .photo-box
{margin-left:5%;margin-right:5%; width:90%; max-width:100%;}

.notice-box ul{margin:20px 0;}
.notice-box li{ width:91%; padding-left:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:6%;}
.notice-box{border:0 none; height:222px;}
.media-box iframe{width:100%;}
.bx-controls-direction{display:none;}
.opening-hours-box {margin:15px;}
.notice-box {margin-bottom:15px;}
.photo-box {margin-bottom:15px;}
}


@media screen and (max-width : 480px) {
.bottom-content-wrap{width:100%; margin:0; font-size:15px;}
.bottom-content-wrap .opening-hours-box, .bottom-content-wrap .media-box, .bottom-content-wrap .notice-box, .bottom-content-wrap .photo-box{margin-left:5%;margin-right:5%; width:90%;  max-width:100%;}
.notice-box {border:0 none; font-size:15px;height:222px;}
.notice-box ul{margin:20px 0 0 23px;}
.notice-box li a{font-size:16px; display:block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.notice-box ul{margin:20px 0 0 10px}
.notice-box h2{margin:23px 0 0 10px}

.opening-hours-box {margin:15px;}
.media-box {margin-bottom:15px;}
.notice-box {margin-bottom:15px;}
.photo-box {margin-bottom:15px;}