/*==================== 
	Footer 
====================== */

/* Main Footer */
footer .main-footer{	padding: 20px 0;	background: #3c3d41;}/*邊界 底色*/
footer ul{	padding-left: 0;	list-style: none;}

/* Copy Right Footer */
.footer-copyright {	background: #3c3d41;	padding: 5px 0;}/*版權底色*/
.footer-copyright p {	color: #969696;	margin: 2px 0 0;font-size:14px;}/*版權字色*/


/*==================== 
	Widgets 
====================== */
.widget{	padding: 10px;	margin-bottom: 20px;}/*主標題邊界 間距*/
.widget.no-box{	padding: 0;	background-color: transparent;	margin-bottom: 20px;/*footer 底部間距*/
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget-title { margin-bottom: 20px;font-weight: bold; }/*主標題大小*/
.widget.subscribe p{	margin-bottom: 18px;}
.widget li a{	color: #eaeaea;font-size:16px;font-weight: 600;} /*項目標題與顏色*/
.widget li a:hover{	color: #fff;text-decoration:none;}/*觸動*/

.widget-title span {/*間格線*/
	background: #839FAD none repeat scroll 0 0;/*顏色*/
	display: block; 
	height: 2px;/*厚度*/
	margin-top: 5px;/*分格線與上面標題的間格*/
	position: relative;
	width: 90%;}/*寬度 下底線*/

.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
/*間格線*/
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}


/*TEXT Color*/
.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{	color: #fff;}

.typo-light h5{
	color:#839FAD;
} 






/*==================== 
	btn 
====================== */
.mybtn{
	color:#fff;
	margin-bottom: 10px;
    width:120px;
    font-size:16px;
    font-weight:300;
}

.btn-1{
	background-color:#a67a00;
}
.btn-1:hover, .btn-1:focus, .btn-1.active {
    background: #965905;color: #fff;
}

.btn-2{
	background-color: #00c300;
}
.btn-2:hover, .btn-2:focus, .btn-2.active {
    background: #119b11;color: #fff;
}


.btn-3{
	background-color: #ff0000;
}
.btn-3:hover, .btn-3:focus, .btn-3.active {
    background: #a32424;color: #fff;
}

.btn-4{
	background-color: #3b5998;
}
.btn-4:hover, .btn-4:focus, .btn-4.active {
    background: #21489c;color: #fff;
}


/*==================== 
	ICON 
====================== */
.f-address li {
	display: inline-block;
}
.f-address li i {
	color: #fff;
	font-size: 18px;
}
.f-address li a {
	color: #ccc;
}

/*==================== 
	MY LOGO
====================== */

#footer .img-fluid{
	max-width:100 Px;
}

.mycontact{/*LOGO與地址對齊*/
	margin-left:60px;
	}


/*==================== 
	Link
====================== */
.footer-link{
color:#fff;
font-size:14px;
}

.footer-link:hover, .footer-link:focus, .footer-link.active { /*#連結時顏色*/
	color:#eaeaea;
	text-decoration:none ;
}
.p-address{
font-size:14px;
}


/* Back to top button */
.back-to-top {
	position: fixed;
	display: none;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	padding: 6px 12px 9px 12px;
	font-size: 16px;
	border-radius: 2px;
	right: 15px;
	bottom: 15px;
	transition: background 0.5s;
  }
  
  @media (max-width: 768px) {
	.back-to-top {
	  bottom: 15px;
	}
  }
  
  .back-to-top:focus {
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	outline: none;
  }
  
  .back-to-top:hover {
	background: #03C4EB;
	color: #fff;
  }



/*
@media only screen and (max-width: 768px) {
    .card-body{
      min-height: 200px;
    }
        }
 */ 


  @media only screen and (min-width: 768px) {/*如果螢幕寬度為 768px (含) 以上-min  以下用 max，就套用這些 css 設定*/
	.mypadding{
		padding-left:100px;
		padding-right:100px;
	}

	
}

@media only screen and (max-width: 768px) {/*如果螢幕寬度為 768px (含) 以上-min  以下用 max，就套用這些 css 設定*/

	.widget li a{	color: #eaeaea;font-size:14px;font-weight: 600;} /*項目標題與顏色*/
}