@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  index.css
 style info :  /mice/index.html
=================================================================== */
#mice_index{
}



/*** top_area ***/
#top_area{
	margin:0 0 30px;
}

#top_area .slide_box{
	position:relative;
	margin:0 0 70px;
}

#top_area .slide_box .bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#top_area .slide_box .bx-wrapper .bx-viewport{
    background: #fff;
    border:none;
    box-shadow:none;
    left: 0;
}

#top_area .slide_box #top_slide{
}

#top_area .slide_box #top_slide img{
	width:100% !important;
	height:inherit;
}

#top_area .slide_box .bx-wrapper .bx-pager.bx-default-pager a {
    background: #dedbcf none repeat scroll 0 0;
    border-radius:0;
    display: block;
    height: 5px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 60px;
}

#top_area .slide_box .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -45px;
    position: absolute;
    width: 100%;
}

#top_area .slide_box .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top_area .slide_box .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #b0afaf none repeat scroll 0 0;
}


#top_area .info_box{
	width:1000px;
	margin:0 auto 20px;
	overflow:hidden;
}

#top_area .info_box .text{
}

#top_area .info_box .text h2{
	font-size:27px;
	margin:0 0 20px;
	line-height:1.3;
}

#top_area .info_box .text p{
	font-size:14px;
	line-height:2.0;
}

/*** plans_area ***/
#plans_area{
	width:1000px;
	margin:0 auto 30px;
	position:relative;
}

#plans_area a.plan_anchor {
    position: absolute;
    top: -150px;
    display: block;
}

#plans_area h2{
	font-size:21px;
	color:#FFF;
	background:linear-gradient(90deg, #001e3a 0%, rgba(255,255,255,0) 100%);	
	background: -webkit-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	padding:8px 0 5px 10px;
	margin:0 0 20px;
}


/*** list_area ***/
#list_area{
	width:1000px;
	margin:0 auto 50px;
}

#list_area h2{
	font-size:21px;
	color:#FFF;
	background:linear-gradient(90deg, #001e3a 0%, rgba(255,255,255,0) 100%);	
	background: -webkit-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, #001e3a 0%, rgba(255,255,255,0) 100%);
	padding:5px 0 5px 10px;
	margin:0 0 20px;
}

#list_area .list_box{
}

#list_area .list_box .cat_box{
	margin:0 0 20px;
}

#list_area .list_box .cat_box h3.cat_title{
	clear:both;
	font-size:18px;
	color:#001e3a;
	border-bottom:1px solid rgba(0,30,58,0.5);
	border-left:1px solid rgba(0,30,58,0.5);
	padding:3px 0 3px 10px;
	margin:0 0 20px;
}

#list_area .list_box .cat_box p.h3_txt{
    font-size: 14px;
    margin: 0 0 20px;
}

#list_area .list_box ul{
	overflow:hidden;
}

#list_area .list_box ul li{
	float:left;
	width:320px;
	position:relative;
	margin:0 20px 20px 0;
}

#list_area .list_box ul li.last{
	margin-right:0;
}

#list_area .list_box ul li .img{
	line-height:0;
	font-size:0;
}

#list_area .list_box ul li h3{
	position:absolute;
	left:0;
	bottom:0;
	font-size:14px;
	color:#FFF;
	width:100%;
	padding:5px 0 3px 7px;
	background:linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);	
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
}
