@charset "utf-8";

/*.bxslider------------------------------*/

#top_slide{
	margin-bottom: 25px;
	position: relative;
}


#top_slide .bx-controls{
	z-index: 300;
}

ul.bxslider li {
	width: 100%;
	height: 500px;
	position: relative;
}


ul.bxslider li img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
@media screen and (max-width: 980px){  
	ul.bxslider li {height: auto;}
	ul.bxslider li img{position: relative;}
}

/*.bxslider2------------------------------*/

.p_slide{
	margin-bottom: 25px;
	padding: 10px!important;
}

.bxslider2{}

.bxslider2 li{
	background: none!important;
	padding: 0!important;
	width: 658px;
	text-align: center;
	border: 10px solid white;
	box-sizing: border-box;
}

.bxslider2 li span{
	display: block;
	width: 100%;
	padding: 10px 0;
}

.s_ttl{
	font-size: 178.6%;
	color: #704c2d;
}

.s_cap{
	font-size: 151.7%;
	margin-top: 20px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.bxslider2 li img{
	max-width: 100%;	
}

/*contloles*/
.bx-wrapper{
	position: relative;
}

.bx-slider .bx-controls {display: none;}
.bx-slider:hover .bx-controls{display: block;}

.bx-prev,
.bx-next{
	position: absolute;
	width: 40px;
	height: 40px;
	text-indent: -10000px;
	overflow: hidden;
	background-size: cover;
}

.bx-prev:hover,
.bx-next:hover{
	opacity: 0.7;
}

.bx-prev{
	top: 50%;
	left: 0px;
	background: url('../img/prev.png') no-repeat left top;
}

.bx-next{
	top: 50%;
	right: 0px;
	background: url('../img/next.png') no-repeat left top;
}


/*table*/

.n-table{
	border: none!important;
}

.n-table td{
	width: 33%;
	text-align: center;
	vertical-align: middle;
	border-right: 1px dashed #dedede;
	border-bottom: 1px dashed #dedede;
}

.n-table td img{
	border: 3px solid #f7f8e9;
	width: 90%;
	height: auto;
}

.n-table td img:hover{
	border: 3px solid #dedede;
}

.n-table td:nth-child(3n){
	border-right: none!important;
}

.n-table tr:last-child td{
	border-bottom: none!important;
}


.bx-wrapper, .bx-viewport {
    height: 400px !important; //provide height of slider
}
.bx-wrapper ul li {height: 400px;}

.bx-wrapper img {
	height: 100% !important;
	max-height: 100% !important;
}

@media screen and (max-width: 980px) {
	.bx-wrapper, .bx-viewport{
		height: 250px!important;
	}
	.bx-wrapper ul li {
		height: 250px!important;
		overflow: hidden!important;
	}
	.bx-wrapper img {
		height: auto !important;
		max-height: initial !important;
	}
}