@charset "utf-8";

@import "../initial";

.layout-content {
  position: relative;
  min-height: 600px;
  padding:2em 0 5em;
  background-color: #f5f5f5; 
  .container {
    @extend .response-content;
    @media (min-width: $screen-md){}
  }
}


.page-home{
	.layout-content{

		padding: 0 0 2em 0;
		margin: 0;
		background:url(/assets/content_bg3.jpg);
		@media (min-width: $screen-md){
			padding: 0 0 5em 0;
		}

	}
	.row{
		@media (max-width: $screen-md){
			margin: 2em 0 0;
		}
	}
	.w-annc__widget-title{
    	margin-bottom: 20px;
    	font-size: 1rem;
    	color: #fff;
    	border-bottom: 1px solid #b4b4b4;
    	span{
	    background-color: #222;
	    padding: 10px 15px;
	    clear: both;
	    display: table;
	    border-radius: 5px 5px 0 0 ;
	    line-height: 1;
    	}
	}
	.layout-content-boxL{
		.content-boxL1{
			.w-annc__widget-title{
				span{
				background-color: #e07e12;
				}
			}
			.widget-announcement-17 {
				position: relative;
			  	li.w-annc__item{
			  	/*background-color: #efe3e0;*/
			  	/*border-bottom: 1px solid #e6dad6;*/
			  	background-color: #f7ebd8;
			  	border-bottom: 1px solid #e8dfcd;
				  	&:hover{
				  		h4.w-annc__entry-title .w-annc__title{
			  			color: #d8760b;
			  			}
				  	}
			  	}
			  	.w-annc__more-wrap{
			  	position: absolute;
			    right: 5px;
			    top: 10px;
			    line-height: 20px;
			  		.w-annc__more{
			  			color: #4f453b;font-size: 14px;
			  			&:hover{
			  				color:#991c22;
			  			}
			  		}
			  	}
				
		  	}
		  	.L11{
		  		.widget-announcement-17{
					.w-annc__widget-title{
						span{
						background-color: #900c3b;
						}
					}
			  		li.w-annc__item{
						background-color: #f5d9d6;
						border-bottom: 1px solid #eac7c4;
					  	&:hover{
					  		h4.w-annc__entry-title .w-annc__title{
				  			color: #900c3b;
				  			}
					  	}
				  	}
				  	.w-annc__more-wrap{
				  		a.w-annc__more:hover{
				  			color:#900c3b;
				  		}
				  	}
				}
		  	}
			@media (min-width: $screen-md){
			width: 33.333%;
		    float: left;
		    padding: 0 40px 15px 0;
		    margin-top: 2em;
		    overflow:hidden;
			}
		}
		.content-boxL2{
			.w-annc__widget-title{
				span{
				background-color: #1ba252;
				}
			}
			.widget-announcement-17 {
				position: relative;
			  	li.w-annc__item{
			  	/*background-color: #e8f1e6;*/
			  	/*border-bottom: 1px solid #d9e4d6;*/
			  	background-color: #ddecdd;
			  	border-bottom: 1px solid #d1ded1;
				  	&:hover{
				  		h4.w-annc__entry-title .w-annc__title{
			  			color: #03923d;
			  			}
				  	}
			  	}
			  	.w-annc__more-wrap{
			  	position: absolute;
			    right: 5px;
			    top: 10px;
			    line-height: 20px;
			  		.w-annc__more{
			  			color: #4f453b;font-size: 14px;
			  			&:hover{
			  				color:#991c22;
			  			}
			  		}
			  	}
		  	}
		  	.L22{
		  		.widget-announcement-17{
					.w-annc__widget-title{
						span{
						background-color: #212763;
						}
					}
			  		li.w-annc__item{
						background-color: #d9e2f3;
						border-bottom: 1px solid #d1daec;
					  	&:hover{
					  		h4.w-annc__entry-title .w-annc__title{
				  			color: #212763;
				  			}
					  	}
				  	}
				  	.w-annc__more-wrap{
				  		a.w-annc__more:hover{
				  			color:#212763;
				  		}
				  	}
				}
		  	}
			@media (min-width: $screen-md){
		    width: 33.3333%;
		    float: left;
		    padding: 0 40px 15px 0;
		    margin-top: 2em;
		    overflow:hidden;
			}
		}
		.content-boxL3{
			.w-annc__widget-title{
				span{
				background-color: #007bc7;
				}
			}
			.widget-announcement-17 {
				position: relative;
			  	li.w-annc__item{
			  	/*background-color: #efe9de;*/
			  	/*border-bottom: 1px solid #e6e1d6;*/
			  	background-color: #d6ecec;
			  	border-bottom: 1px solid #c7dede;
				  	&:hover{
				  		h4.w-annc__entry-title .w-annc__title{
			  			color: #0b74b5;
			  			}
				  	}
			  	}
			  	.w-annc__more-wrap{
			  	position: absolute;
			    right: 5px;
			    top: 10px;
			    line-height: 20px;
			  		.w-annc__more{
			  			color: #4f453b;font-size: 14px;
			  			&:hover{
			  				color:#991c22;
			  			}
			  		}
			  	}
		  	}
		  	.L33{
		  		.widget-announcement-17{
					.w-annc__widget-title{
						span{
						background-color: #56277b;
						}
					}
			  		li.w-annc__item{
						background-color: #dcdaf1;
						border-bottom: 1px solid #cecce2;
					  	&:hover{
					  		h4.w-annc__entry-title .w-annc__title{
				  			color: #56277b;
				  			}
					  	}
				  	}
				  	.w-annc__more-wrap{
				  		a.w-annc__more:hover{
				  			color:#56277b;
				  		}
				  	}
				}
		  	}
			@media (min-width: $screen-md){
		    float: left;
		    width: 33.333%;
		    padding: 0 40px 15px 0;
		    margin-top: 2em;
		    overflow:hidden;
			}
		}
		// Widget-17
		.widget-announcement-17 {
		  li.w-annc__item{
		  	padding-bottom: 1em;
		  	margin-bottom: 1.7em;
		  	&:hover{
		  		/*box-shadow: 0 3px 5px rgba(0,0,0,0.3);*/  		
		  		.w-annc__img-wrap{
		  			img{
		  				opacity: 1;
		  				/*transform: scale(1.1)!important;*/
		  				transition:0.3s;
		  			}
		  		}
		  	}
		  }
		  .w-annc__meta{
		  	padding: 0 15px;
		  	i{
		  		color: #797979;
    			padding-right: 0.1em;
		  	}
		  	.w-annc__postdate{
		  		color: #797979;
		  	}
		  }
		  h4.w-annc__entry-title{
		  	margin-top: 5px;
			margin-bottom: 0;
			  .w-annc__title {
			    font-family: $main-font;
			    line-height: 1.3;
			    font-size: 1rem;
			    color: #474747;
			    padding: 0 15px;
			    display: block;
			    @media (min-width: $screen-md){
			    height: 40px;
			    overflow: hidden;
			    display: block;
			    }
			  }
		  }
		  .w-annc__list > .w-annc__item:nth-child(3n+1) {
		    clear: both;
		  }

		  .w-annc__img-wrap {
		    height: 142px;
		    margin: 0 0 1em 0;
		   	background-color:#222;
		   	overflow: hidden;
		  	img{
		  		opacity: 0.8;
		  	}
		  }
		  .w-annc__more-wrap{
		    a.btn-primary{
		    color: #000;
		    border-color: transparent;
		    background-color: transparent;
		    position: relative;
		    z-index: 1;
		      &:hover{
		        text-decoration:underline;
		        border-color: transparent;
		        background-color: transparent;
		      }
		      .fa{
		        padding-left: 6px;
		      }
		    }
		  }
		}
		.content-boxB{
		position: relative;
		clear: both;
		.boxB-menu{
			ul {
				margin-bottom: 0;
				padding: 0;
				list-style: none;
				border-bottom: 2px solid #5d5d5d;
				overflow: hidden;
				li {
				    float: left;
				    border-radius: 5px 5px 0 0;
				    padding: 6px 10px;
				    margin-left: 3px;
				    font-size: $font-15;
				    color: #fff;
				}
				li.h2-title1{
					background-color: #007bc7;
				}
				li.h2-title2{
					background-color: #1ba252;
				}
				li.h2-title3{
				    background-color: #e07e12;
				}
				li.focusClass,li:hover{
					background-color: #991c22;
				}
			@media (min-width: $screen-md){
				margin-right:40px;
			}
			}
		}
			// Widget-18
			.widget-announcement-18 {
			  
			  h3.w-annc__widget-title{
			  	display: none;
			  }
			  ul.w-annc__list{
			  	background-color: #f7f7f7;
			  }
			  .w-annc__item {
			  	margin: 0;
			  	padding: 9px 0;
			  	border-bottom: 1px solid #e3e3e3;
			  	&:nth-of-type(odd) {
			  		background-color:#fff;
			  	}
			  	&:hover{
			  		background-color: #f1f0f0;
			  		transition:0.2s;
			  	}
			  }
			  h4.w-annc__entry-title{
			  	margin: 0;
				  a.w-annc__title{
				    color: #474747;
				    line-height: 1.3;
				    &:hover{
				    	color:#a0050d;
				    }
				  }
			  }

			  .w-annc__category-wrap,
			  .w-annc__status,
			  .w-annc__title,
			  .w-annc__postdate-wrap {
			    font-size: 0.8125rem;
			    line-height: 1.3;			    
			  }
			  .w-annc__postdate-wrap{
			    max-width: 82px;
			    padding-right: 0;
			    list-style: 20px;
			    .w-annc__postdate {
				    vertical-align: sub;
				}
			  }

			  .w-annc__status {
			    display: inline-block;
			  }
			  .w-annc__more-wrap.clearfix {
			    position: absolute;
			    top: 0;
			    line-height: 35px;
			    right: 1%;			    
			    
			    font-size: 14px;
			    	a.w-annc__more{
			    		color: #222;
			    		&:hover{
			    			color:#991c22;
			    		}
			    	}
			    @media (min-width: $screen-md){
			    	margin-right: 40px;
			    }
			  }
			  @media (min-width: $screen-md){
				margin-right:40px;
			  }
			}

		}
		@media (min-width: $screen-sm){
			padding: 0 15px;
		}
		@media (min-width: $screen-md){
			float: left;
			width: 75%;
			padding-right: 0;
			padding-left: 0;
		}
	}

	.layout-content-boxR{
		
		.layout-content-boxR2{
			& > div{
				background-color: #f7f7f7;
				margin-top:2em;
				@media (min-width: $screen-md){
					
				}
			}
		}
		.ba-banner-widget-4{
			.w-ba-banner__wrap.image-only{
			padding: 20px 1em;
				a{
			    float: left;
			    width: 46%;
			    border-radius: 13px;
			    margin: 2%;
					&:hover{}
					img{
						display: block;
					}

					@media (max-width: $screen-md)and(min-width: $screen-xs){
						width: 21%;
					}
					@media (min-width: 1999px){
						width: 46%;
					}
				}
			}
		}
		.w-ba-banner.ba-banner-widget-3{
			padding: 20px 1em;
			h3{
				margin-top: 0;
				font-size: 22px;
			    border-bottom: 3px solid #79050b;
			    color: #79050b;
			    margin-bottom: 12px;
			    padding-bottom: 8px;
			}
			.banner-pager{
				right: 1.3em;
    			bottom: 1.3em;
			}
		}
		@media (min-width: $screen-sm){
			padding: 0 15px;
		}
		@media (min-width: $screen-md){
			float: right;
			width: 25%;
			padding-left: 0;
			padding-right: 0;
			
		}

	}
}