./*
==============================================
   框架
==============================================
*/
.footer	{
	width:100%;
	font-size:14px;
	position:relative;
	left:0;
	line-height: 1;
	color:#999999;
	background: #212121;
	letter-spacing: .5px;
	-webkit-transition:all .6s ease-in-out;
       -moz-transition:all .6s ease-in-out;
         -o-transition:all .6s ease-in-out;
            transition:all .6s ease-in-out;
}
.footer:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
	overflow: hidden;
}
.footer a:link { color:#999999; }
.footer a:visited { color:#999999; }
.footer a:hover { color:#ffffff; }
.footer a:active { color:#999999; }


/*
==============================================
   LOGO 官方頻道 其他資訊
==============================================
*/
.footer-info {
	position:relative;
	padding:30px 0 30px;
	background-color: rgba(255,255,255,.7);
}
.footer-info .footer-info-left { text-align: center; }
.footer-info.full .footer-info-left { text-align: left; float: left; width: 20%; margin-right: 2%; }
.footer-info.full .footer-info-right { float: left; width: 78%; }
.footer-logo img { max-height: 80px; }
.footer-logo ~ .footer-channel { margin-top: 20px; }


/*
==============================================
   電話 傳真 EMAIL 地址
==============================================
*/
.row.contactInfo {
	padding: 0;
	line-height: 1;
}
.row.contactInfo span:not(:last-child) { margin-right: 15px; }
.row.contactInfo span > span { margin-right: 5px; }
.footer-navBar ~ .row.contactInfo {
	border-top: 1px solid #eeeeee;
	padding-top: 23px;
	margin-top: 15px;
}


/*
==============================================
   footer-navBar
==============================================
*/
.row.footer-navBar {
	padding: 10px 0 0;
}


/*
==============================================
   瀏覽次數
==============================================
*/
.view-counts { float:left; color:#999999; margin-right:25px; line-height: 1; padding-top: 10px; }


/*
==============================================
   下導覽列
==============================================
*/
.footer-nav { float:right; z-index: 2; position: relative; line-height: 1; }
.footer-nav-menu, .footer-nav-menu ul, .footer-nav-menu li { list-style: none; margin: 0; padding: 0; position: relative; }
.footer-nav-menu li { font-size: 1.2rem; font-size: 12px; display: inline-block; vertical-align: text-top; }

.footer-nav-menu > li { padding-top: 10px; }
.footer-nav-menu > li > a { padding:0 15px; border-right:1px solid #efefef; }
.footer-nav-menu > li:last-child > a { padding-right:0; border-right:none; }

.footer-nav-menu ul { 
	display:none;
	min-width: 100%;
	left:0px;
	bottom: 100%;
	position:absolute;
	z-index:200;
	text-align:left;

	box-shadow: 0 2px 6px #cccccc;
}
.footer-nav-menu ul li { display: block; background-color: #ffffff; }
.footer-nav-menu ul li a {
	padding: 10px 15px;
	display: block;
}

/* level 3+ */
.footer-nav-menu ul ul {
	left: 100%;
	bottom: 20%;
}



/*
==============================================
   版權宣告
==============================================
*/
.row.copyright {
	padding: 13px 0 0;
}
.footer-navBar ~ .row.contactInfo ~ .row.copyright {
	border-top: none;
	padding-top: 13px;
	margin-top: 0;
}
.footer-navBar ~ .row.copyright {
	border-top: 1px solid #eeeeee;
	padding-top: 23px;
	margin-top: 15px;
}


/*
==============================================
   goTop
==============================================
*/
.goTop {
	width:53px;
	height:53px;
	background:url(../images/icon/goTop.png) no-repeat left top;
	position:fixed;
	bottom:-56px;
	right:20px;
	z-index:101;
	cursor:pointer;
	-webkit-transition:all 0.4s ease-in-out;
	   -moz-transition:all 0.4s ease-in-out;
         -o-transition:all 0.4s ease-in-out;
            transition:all 0.4s ease-in-out;
}
.goTop:hover {
	background:url(../images/icon/goTop.png) no-repeat left bottom;
}
.footerbottomNav + .footerbottomContact {
	margin-top: 10px;
	border-top: 1px solid #b4b4b4;
	padding-top: 10px; 
}


/*
==============================================
   視差滾動
==============================================
*/
.footer-parallax { /*background-attachment:fixed;*/ background-repeat: repeat; }


.footer-top {
	/* margin-top:10px ; */
	margin-bottom:15px;
}
.footer-top > div { 
	float: left;
	/* color: #ffffff; */
	/* font-size: 16px; */
}
.footer-top > div > img {
	width: 80px;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
.footer-top > div.left-logo { width: 58%; text-align: left;}
.footer-top > div.right-logo { width: 42%; text-align: right;}
.footer-bottom {
	margin-top:10px ;
	/* margin-bottom:15px; */
	padding-top: 5px;
	border-top: 1px solid #454545;
}
.information { margin:0; text-align: center; }
.information li { 
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	border-right: 1px solid #454545;
	/* color: #fff; */
	/* line-height: 1.8; */
	padding:0 20px;
	/* font-size: 16px; */
	margin-top: 10px;
}
.information li:last-child { border-right:none; }

a.statement:hover { color: #ffffff; }
/*
==============================================
   responsive
==============================================
*/

@media screen and (max-width : 979px) {

}

@media screen and (max-width : 800px) {
	.footer-top > div.right-logo { text-align: left; }
	.footer-top { margin-top: 10px; }
}

@media screen and (max-width : 680px) {
	.footer-top > div { float:none; width: 100% !important; margin-bottom: 10px;}
	.information { text-align: left; }
	.information li {
		padding:0;
		display: block;
		margin-bottom: 10px;
		border-right: none;
	}
	.footer-top > div > img { display: none; }
	.footer-top > div.left-logo{text-align: left;}
}