/* ----------------------------------------------------------------
	5.margin & padding
-----------------------------------------------------------------*/

/* margin */

.allmargin { margin: 50px !important; }
.leftmargin { margin-left: 50px !important; }
.rightmargin { margin-right: 50px !important; }
.topmargin { margin-top: 50px !important; }
.bottommargin { margin-bottom: 50px !important; }

.allmargin-sm { margin: 30px !important; }
.leftmargin-sm { margin-left: 30px !important; }
.rightmargin-sm { margin-right: 30px !important; }
.topmargin-sm { margin-top: 30px !important; }
.bottommargin-sm { margin-bottom: 30px !important; }

.allmargin-xs { margin: 15px !important; }
.leftmargin-xs { margin-left: 15px !important; }
.rightmargin-xs { margin-right: 15px !important; }
.topmargin-xs { margin-top: 15px !important; }
.bottommargin-xs { margin-bottom: 15px !important; }

.allmargin-lg { margin: 80px !important; }
.leftmargin-lg { margin-left: 80px !important; }
.rightmargin-lg { margin-right: 80px !important; }
.topmargin-lg { margin-top: 80px !important; }
.bottommargin-lg { margin-bottom: 80px !important; }

@media only screen and (max-width: 767px) {
	.allmargin { margin: 30px !important; }
	.leftmargin { margin-left: 30px !important; }
	.rightmargin { margin-right: 30px !important; }
	.topmargin { margin-top: 30px !important; }
	.bottommargin { margin-bottom: 30px !important; }
	.topmargin-m { margin-top: 30px !important; }

	.allmargin-sm { margin: 20px !important; }
	.leftmargin-sm { margin-left: 20px !important; }
	.rightmargin-sm { margin-right: 20px !important; }
	.topmargin-sm { margin-top: 20px !important; }
	.bottommargin-sm { margin-bottom: 20px !important; }
	.topmargin-sm-m { margin-top: 20px !important; }
	
	.allmargin-xs { margin: 10px !important; }
	.leftmargin-xs { margin-left: 10px !important; }
	.rightmargin-xs { margin-right: 10px !important; }
	.topmargin-xs { margin-top: 10px !important; }
	.bottommargin-xs { margin-bottom: 10px !important; }	

	.allmargin-lg { margin: 50px !important; }
	.leftmargin-lg { margin-left: 50px !important; }
	.rightmargin-lg { margin-right: 50px !important; }
	.topmargin-lg { margin-top: 50px !important; }
	.bottommargin-lg { margin-bottom: 50px !important; }
	
.nomargin {margin: 0 !important; }
.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important; }
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }	
    
    .xstopmargin { margin-top:10px; }

	
}	

/* padding */

.allpadding { padding: 50px !important; }
.leftpadding { padding-left: 50px !important; }
.rightpadding { padding-right: 50px !important; }
.toppadding { padding-top: 50px !important; }
.bottompadding { padding-bottom: 50px !important; }

.allpadding-sm { padding: 30px !important; }
.leftpadding-sm { padding-left: 30px !important; }
.rightpadding-sm { padding-right: 30px !important; }
.toppadding-sm { padding-top: 30px !important; }
.bottompadding-sm { padding-bottom: 30px !important; }

.allpadding-lg { padding: 80px !important; }
.leftpadding-lg { padding-left: 80px !important; }
.rightpadding-lg { padding-right: 80px !important; }
.toppadding-lg { padding-top: 80px !important; }
.bottompadding-lg { padding-bottom: 80px !important; }

@media only screen and (max-width: 767px) {
	.allpadding { padding: 30px !important; }
	.leftpadding { padding-left: 30px !important; }
	.rightpadding { padding-right: 30px !important; }
	.toppadding { padding-top: 30px !important; }
	.bottompadding { padding-bottom: 30px !important; }
	.toppadding-m { padding-top: 30px !important; }

	.allpadding-sm { padding: 20px !important; }
	.leftpadding-sm { padding-left: 20px !important; }
	.rightpadding-sm { padding-right: 20px !important; }
	.toppadding-sm { padding-top: 20px !important; }
	.bottompadding-sm { padding-bottom: 20px !important; }
	.toppadding-sm-m { padding-top: 20px !important; }

	.allpadding-lg { padding: 50px !important; }
	.leftpadding-lg { padding-left: 50px !important; }
	.rightpadding-lg { padding-right: 50px !important; }
	.toppadding-lg { padding-top: 50px !important; }
	.bottompadding-lg { padding-bottom: 50px !important; }
}

.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }















.slider_ctn h4 { 
    font-weight: 100;
    text-align: center;
}



















#content{background-color:#f8f8f8}
.header_area{padding:180px 0px 0px 0px;height:70px;background:url(./img/header_mainlist_bg.jpg) 50% 0% repeat-x;color:#191917;font-weight:800;font-size:36px}

/* slider */
#main_banner{position:relative;width:100%;height:500px;margin-top:50px}
#main_banner .roll_banners{width:100%;height:500px;display:none;position:relative;overflow:hidden;text-align:left;}
#main_banner .roll_banners .sliderkit-nav{z-index:30;position:absolute;bottom:0px;left:50%;margin-left:-585px;padding-top:7px;width:1170px;height:42px;text-align:center;cursor:pointer}
#main_banner .roll_banners .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;height:40px;width:1170px;padding:0}
#main_banner .roll_banners .sliderkit-nav-clip ul{position:absolute;right:0;top:0;list-style:none;margin:0;padding:0;}
#main_banner .roll_banners .sliderkit-nav-clip ul li{float:left;background:url(/img/sliderkit-nav-clip_bg.gif) right 23px no-repeat}
#main_banner .roll_banners .sliderkit-nav-clip ul li:last-child{background:none}
#main_banner .roll_banners .sliderkit-nav-clip ul li a{display:block;overflow:hidden;text-align:center !important;height:30px;width:117px;margin:0;padding:10px 0px 1px 0px;text-align:left;font-size:12px;color:#999999;font-weight:bold}
#main_banner .roll_banners .sliderkit-nav-clip ul li a:hover,
#main_banner .roll_banners .sliderkit-nav-clip ul li a:focus,
#main_banner .roll_banners .sliderkit-nav-clip ul li.sliderkit-selected a {margin:0px;color:#fff;font-size:12px;font-weight:normal;width:117px}
#main_banner .roll_banners .sliderkit-panels{}
#main_banner .roll_banners .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;width:100%;height:500px}
#main_banner .roll_banners .sliderkit-panel-active{z-index:5;}
#main_banner .roll_banners .sliderkit-panel-old{z-index:4;}
#main_banner .event-content{position:absolute;left:50%;margin-left:-495px;width:990px;height:500px}
#main_banner .roll_banners .sliderkit-panels #sliderkit-menu-bg{z-index:11;position:absolute;bottom:0px;left:50%;margin-left:-585px;padding-top:7px;width:1170px;height:29px;background:#000000;filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity:0.7;-moz-opacity:0.70;zoom:1}

#main_banner .sliderkit-go-btn {position: absolute;top: 50%;z-index: 10;width: 26px;height: 32px;margin-top:-16px;}
#main_banner .sliderkit-go-btn a {display: block;width: 26px;height: 32px;opacity: 0.6;cursor: pointer;background-color: #fff;background-repeat: no-repeat;background-position: center center;}
#main_banner .sliderkit-go-btn span {display: none;}
#main_banner .sliderkit-go-prev {left:50%;margin-left:-585px}
#main_banner .sliderkit-go-prev a {background: url(/img/whole_slider_nav.png) 0px 0px no-repeat;}
#main_banner .sliderkit-go-prev a:hover{background: url(/img/whole_slider_nav.png) -26px 0px no-repeat;}
#main_banner .sliderkit-go-next {right:50%;margin-right:-585px}
#main_banner .sliderkit-go-next a {background: url(/img/whole_slider_nav.png) 0px -32px no-repeat;}
#main_banner .sliderkit-go-next a:hover{background: url(/img/whole_slider_nav.png) -26px -32px no-repeat;}

.recomm_md_4{}
.recomm_title{text-align:left;font-weight:800;font-size:30px}
.recomm_title .accent{color:#e74c3c}
.recomm_container{margin:20px 0px 0px 0px}


.section_inner{width:1170px;margin:0 auto;padding:20px 0px 0px 0px}
.section_title{
  position:relative;
  display:inline-block;
  margin:0 auto;
  color: #324545;
  font-size: 30px;
  font-weight: 400;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 10px;
}


/* wd link */
/*
.main_wd_link{overflow:hidden;margin-bottom:30px}
.main_wd_linkE{display:block;float:left;width:25%;text-align:center}
.main_wd_linkE:hover img {
  -webkit-filter: drop-shadow(2px 0px 15px #ddd);
  filter: drop-shadow(2px 0px 15px #ddd);
}
*/

.main_wd_link2{overflow:hidden;margin-bottom:30px;border:15px solid #d9f0ff;padding:30px;background-color:#fff}
.main_wd_link2E{display:block;float:left;width:225px;height:215px;text-align:center}
.main_wd_link2E img{width:225px;height:215px}
.main_wd_link2E:hover img {-webkit-filter: drop-shadow(2px 0px 15px #ddd);filter: drop-shadow(2px 0px 15px #ddd)}
.main_wd_link2E_blank{float:left;width:60px;height:215px;background:url(img/main_wd_link2E_bg.jpg) 0px 0px no-repeat}




.slider_ctn h4 { 
    margin: 0px 0px 0.5em 0px;
    line-height: 1.2;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 40%);
    letter-spacing: -1px;
    font-weight: 100;
    font-size: 2.4em;
}