// FOOTER

#siteFooter{
	.footer-nav-top{
		background-color: $color-secondary;
		ul{
			padding: 0;
			margin: 0 -12px;
			@media (min-width: $screen-sm-min){
				margin: 0;
			}
			li{
				margin: 0;
				border-bottom: 1px solid rgba(#fff,.24);
				&:last-child{
					border: 0;
				}
				@media (min-width: $screen-sm-min){
					border-right: 1px solid rgba(#fff,.24);
				}
				a{
					display: block;
					margin: 0;
					padding: 8px 4px;
					line-height: 18px;
					font-size: 14px;
					font-weight: 400;
					text-align: center;
					color: #fff;
					white-space: nowrap;
					@media (min-width: $screen-sm-min){
						padding: 12px 4px;
						line-height: 20px;
						font-size: 16px;
						&:hover{
							background-color: material-color('blue','700');
						}
					}
				}
			}
		}
	}
	.footer-info{
		padding: 12px 0;
		background-color: #fff;
		@media (min-width: $screen-sm-min){
			padding: 20px 0;
		}
		.company-info{
			padding: 16px 0;
			text-align: center;
			.c-title{
				margin: 0 0 8px;
				line-height: 24px;
				font-size: 18px;
				font-weight: 400;
				color: material-color('blue','600')
			}
			.c-detail{
				line-height: 16px;
				font-size: 12px;
				color: material-color('grey','600');
				p{
					margin-bottom: 4px;
					&:last-child{
						margin-bottom: 0;
					}
				}
			}
			@media (min-width: $screen-sm-min){
				text-align: left;
				.c-title{
					margin: 0 0 12px;
					line-height: 30px;
					font-size: 24px;
				}
				.c-detail{
					line-height: 20px;
					font-size: 16px;
					p{
						margin-bottom: 4px;
					}
				}
			}
		}
		.icon-bct{
			text-align: center;
			img{
				display: inline-block;
				max-height: 80px;
			}
			@media (min-width: $screen-sm-min){
				padding-top: 20px;
				text-align: right;
				img{
					max-height: 80px;
				}
			}
				
		}
		.hotline{
			margin-top: 24px;
			.phone-number{
				display: inline-block;
				padding: 8px 12px;
				color: #fff;
				background-color: material-color('green','600');
				border-radius: 8px;
				i{
					display: inline-block;
					vertical-align: top;
					margin-right: 8px;
					padding: 7px 16px 5px 4px;
					line-height: 18px;
					font-size: 18px;
					border-right: 1px solid rgba(#fff,.8);
				}
				span{
					display: inline-block;
					vertical-align: top;
					padding: 0 4px;
					line-height: 30px;
					font-size: 24px;
					color: #fff;
				}
				&:hover{
					background-color: material-color('green','700');
				}
			}
		}
	}
}