@charset "utf-8";

img{width:100%;}

.instaIcon img{
	height: 40px;
	width: 40px;
	margin-left: 30px;
}

/* //////////////////////////////////////////////////////////////////////////////////// */

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
.bx-wrapper, .bx-wrapper *{box-sizing:content-box;}
.bx-wrapper{margin-bottom:0;}
.bx-wrapper .bx-pager.bx-default-pager{
	z-index:9;
}
.bx-wrapper .bx-pager{bottom:4%;}
.bx-wrapper .bx-pager.bx-default-pager a{
	box-sizing:border-box;
	background-color:#ffffff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus{
	border:2px solid #ffffff;
	background-color:transparent;
}

.mainSliderWrap ul li .slideInnerWrap{
	width:100%;
	height:auto;
	position:relative;0
	/*background:#fcc;*/
}
.mainSliderWrap ul li .slideInnerWrap.ratio1{
	content:"";
	display:block;
	padding-top:37.4%;
}
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideImg,
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn{
	position:absolute;
}
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideImg,
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideImg img,
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn{
	width:100%;
}
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn{
	bottom:11%;
}
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn a{
	display:block;
	box-sizing:border-box;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	border-radius:50px;
	border:2px solid #ffffff;
	text-align:center;
	padding:0.6% 0;
	margin:0 auto;
	font-weight:600;
	color:#ffffff;
	line-height:1;
}
.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn a i{
	font-size:16px;
	position:relative;
	top:-1px;
}

/* //////////////////////////////////////////////////////////////////////////////////// */

ul.imgMenu li{
	float:left;
	width:31.5%;
}
ul.imgMenu li:nth-of-type(1),
ul.imgMenu li:nth-of-type(2){margin-right:2.75%;}

/* //////////////////////////////////////////////////////////////////////////////////// */

    .videoBox{
    }
    .videoBox iframe{
        display: block;
        width: 560px;
        height: 315px;
        margin: 60px auto 0;
    }


/* //////////////////////////////////////////////////////////////////////////////////// */

.newsWrap .newsHeadArea h2{
	float:left;
	text-align:left;
	font-size:24px;
	color:#5b3618;
}
.newsWrap .newsHeadArea h2 span{
	font-size:14px;
	font-weight:400;
	padding:0 0 0 10px;
}
.newsWrap .newsHeadArea .linkBox{
	float:right;
	text-align:right;
	line-height:1;
	padding:12px 0 0 0;
}
.newsWrap .newsHeadArea .linkBox a{
	display:block;
	color:#000000;
}
.newsWrap .newsHeadArea .linkBox a span{
	color:#5b3618;
	font-size:17px;
	padding:0 5px 0 0;
	position:relative;
	top:1px;
}
.newsWrap .newsCont{
	width:100%;
	background-color:rgba(255,255,255,0.7);
	background-image:
		url(../images/top/newsAreaLine.png),
		url(../images/top/newsAreaLine.png);
	background-position:
		left top,
		left bottom;
	background-repeat:
		repeat-x,
		repeat-x;
}
.newsWrap .newsCont .itemWrap{
	width:100%;
	padding:8px 0;
	border-bottom:1px dashed #b9baba;
}
.newsWrap .newsCont > div:last-child{
	border-bottom:none;
}
.newsWrap .newsCont .itemWrap a{
	display:block;
}
.newsWrap .newsCont .itemWrap .itemBox{
	margin:0 auto;
	position:relative;
}
.newsWrap .newsCont .itemWrap .itemBox:before{
	width:1em;
	height:1em;
	font-family:'FontAwesome';
	content:"\f061";
	color:#595757;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-0.5em;
	line-height:1;
}
.newsWrap .newsCont .itemWrap .itemBox p.date{
	line-height:1;
	color:#000000;
}
.newsWrap .newsCont .itemWrap .itemBox p.catIcon{
	background-color:#5b3618;
	text-align:center;
	color:#ffffff;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	border-radius:50px;
	line-height:1;
}
.newsWrap .newsCont .itemWrap .itemBox p.bdyTxt a{
	color:#000000;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */


@media screen and (max-width:640px){
/* 171229 moved START */
	.mainSliderArea{
		margin-top:-7px;
		z-index:5;
	}
/* 171229 moved END */
/*
	.bx-wrapper .bx-pager.bx-default-pager a{
		width:10px;
		height:10px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	}*/
	.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn a{
		width:50%;
		font-size:16px;
	}
	.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn a i{
		font-size:16px;
		position:relative;
		top:-1px;
	}

/* //////////////////////////////////////////////////////////////////////////////////// */

	.spTopBtn01{
		box-sizing:border-box;
		display:block;
		width:45%;
		margin:15px auto 0;
		padding:15px 0;
		background-color:#5b3618;;
		line-height:1;
		color:#ffffff !important;
		text-align:center;
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		-ms-border-radius:50px;
		border-radius:50px;
	}
	.spTopBtn01 i{
		font-size:11px;
		position:relative;
		top:-1px;
	}

/* //////////////////////////////////////////////////////////////////////////////////// */
	
	ul.imgMenu{
		width:95%;
		margin:30px auto 0;
	}

	ul.imgMenu li a{
		display:block;
		font-size:100%;
		font-weight:500;
		color:#5b3618;
		text-align:center;
	}
	ul.imgMenu li a .innerBox .menuTtl{
		margin:5px 0 0 0;
	}

/* //////////////////////////////////////////////////////////////////////////////////// */

	.visionAreaWrap{
		width:100%;
		height:auto;
		margin:25px 0 0 0;
	}
    
/* //////////////////////////////////////////////////////////////////////////////////// */
    
    .videoBox{
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        margin-top: 20px;
    }
    .videoBox iframe{
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
        margin: 10px 0 0;
    }

/* //////////////////////////////////////////////////////////////////////////////////// */
	
	.newsWrap .newsHeadArea{
		width:96%;
		margin:30px auto 0;
	}
	.newsWrap .newsCont{
		padding:10px 0;
	}
	.newsWrap .newsCont .itemWrap .itemBox{
		width:96%;
	}
	.newsWrap .newsCont .itemWrap .itemBox p.date{
		width:80px;
		padding:3px 0 0 0;
		font-size:80%;
		float:left;
	}
	.newsWrap .newsCont .itemWrap .itemBox p.catIcon{
		width:80px;
		font-size:80%;
		padding:3px 0;
		float:left;
	}
	.newsWrap .newsCont .itemWrap .itemBox p.bdyTxt{
		clear:both;
		width:75%;
		padding:5px 0 0 0;
		font-size:90%;
		color:#000000;
	}

/* //////////////////////////////////////////////////////////////////////////////////// */

	.instaIcon img{
		height: 25px;
		width: 25px;
		margin-left: 0px;
	}
	
}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */


@media screen and (min-width:641px){
/* 171229 moved START */
	.mainSliderArea{
		padding-top:170px;
		z-index:5;
	}
/* 171229 moved END */
	.bx-wrapper .bx-pager.bx-default-pager a{
		width:12px;
		height:12px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-ms-border-radius:6px;
		border-radius:6px;
	}
	.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn a{
		max-width:170px;
		width:22%;
		font-size:17px;
	}
	.mainSliderWrap ul li .slideInnerWrap .slideInnerBox .slideBtn a i{
		font-size:16px;
		position:relative;
		top:-1px;
	}

	/*.mainSliderWrap .bx-viewport:before{right:100%; left:-100%;}
	.mainSliderWrap .bx-viewport:after{left:100%; right: -100%;}
	.mainSliderWrap .bx-wrapper .bx-prev{left:0px; background:url('../images/bxslider/prevBtn.gif') no-repeat;}
	.mainSliderWrap .bx-wrapper .bx-next{right:0px; background:url('../images/bxslider/nextBtn.gif') no-repeat;}*/
	
/* //////////////////////////////////////////////////////////////////////////////////// */
	
	ul.imgMenu{
		max-width:1200px;
		width:100%;
		margin:30px auto 0;
	}

	ul.imgMenu li a{
		display:block;
		font-size:14px;
		color:#5b3618;
	}
	ul.imgMenu li a p.btmTxt{
		color:#5b3618;
		line-height:1;
		margin-top:20px;
		text-align:center;
	}
	ul.imgMenu li a .innerWrap{
		width:100%;
		height:auto;
		position:relative;
	}
	ul.imgMenu li a .innerWrap.ratio2{
		content:"";
		display:block;
		padding-top:55.95%;
		/*background-color:#fcc;*/
	}
	ul.imgMenu li a .innerBox{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	ul.imgMenu li a .innerBox > div{
		position:absolute;
		z-index:1;
	}
	ul.imgMenu li a .innerBox .txtBox{
		width:100%;
		top:30%;
		text-align:center;
	}
	ul.imgMenu li a .innerBox p{
		color:#ffffff;
		line-height:1;
		width:100%;
	}
	ul.imgMenu li a .innerBox .menuTtl{
		font-size:20px;
	}
	ul.imgMenu li a .innerBox .menuTtl span{
		font-size:12px;
	}
	ul.imgMenu li a .innerBox .linkIcon{
		width:40px;
		height:40px;
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		-ms-border-radius:50px;
		border-radius:50px;
		border:2px solid #ffffff;
		line-height:36px;
		margin:10px auto 0;
	}
	ul.imgMenu li a .innerBox .linkIcon i{
		font-size:18px;
	}

/* //////////////////////////////////////////////////////////////////////////////////// */

	.visionAreaWrap{
		width:100%;
		height:auto;
		position:relative;
		margin:50px 0 0 0;
	}
	.visionAreaWrap.ratio3{
		content:"";
		display:block;
		padding-top:22.6%;
	}
	.visionAreaWrap .visionBox{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.visionAreaWrap .visionBox .imgBox,
	.visionAreaWrap .visionBox .btnBox{
		width:100%;
		position:absolute;
	}
	.visionAreaWrap .visionBox .btnBox{
		bottom:6%;
	}
	.visionAreaWrap .visionBox .btnBox a{
		display:block;
		box-sizing:border-box;
		max-width:180px;
		width:24%;
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		-ms-border-radius:50px;
		border-radius:50px;
		border:2px solid #ffffff;
		text-align:center;
		padding:0.7% 0;
		margin:0 auto;
		line-height:1;
		font-size:15px;
		font-weight:600;
		color:#ffffff;
	}
/* 
/* //////////////////////////////////////////////////////////////////////////////////// */

	.newsWrap .newsHeadArea{
		max-width:950px;
		width:100%;
		margin:50px auto 0;
	}
	
	.newsWrap .newsCont{padding:20px 0;}
	.newsWrap .newsCont .itemWrap .itemBox{
		width:950px;
	}
	.newsWrap .newsCont .itemWrap .itemBox p{
		float:left;
	}
	.newsWrap .newsCont .itemWrap .itemBox p.date{
		width:9%;
		padding:4px 0 0 0;
	}
	.newsWrap .newsCont .itemWrap .itemBox p.catIcon{
		width:10%;
		font-size:90%;
		padding:5px 0;
		margin-right:2%;
	}
	.newsWrap .newsCont .itemWrap .itemBox p.bdyTxt{
		width:75%;
		padding:1px 0 0 0;
		color:#000000;
	}
}