@charset "utf-8";
/* CSS Document */
/* 主站、市場共用 */

footer.ltnfooter > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:"微軟正黑體"; }
/* -------------------- PC */
footer.ltnfooter { width:100%;  margin:0; background-color:#f7f7f7; border-top:3px solid #777; clear:both; margin-top:15px; }

footer.ltnfooter div.footermenu { display:flex; width:100%; max-width:1260px; margin:0 auto; padding:20px 10px 10px;overflow:hidden; }
footer.ltnfooter div.menu1 { flex: 0.8; margin:0px; }
footer.ltnfooter ul.menu2, 
footer.ltnfooter ul.menu3 { flex:0.5; border-left:1px dotted #aaa; padding:0 15px 0 20px; }

footer.ltnfooter ul { width:100%; display:flex; flex-wrap:wrap; align-content:flex-start; }
footer.ltnfooter ul li a { color:#111; font-size:17px; line-height:1.6rem; margin-right:13px; }
footer.ltnfooter ul li a:hover { color: #777; }
footer.ltnfooter ul.menu2 li:last-child a{ color:#c00; } /* 下載APP */

footer.ltnfooter .app_DL { display:none; margin:0 auto; text-align:center; } /* 手機版 */

footer.ltnfooter .menu1 .bt { float: left; width: 100%;	margin-bottom: 5px;	height: 40px; }
footer.ltnfooter .menu1 .bt a { width: 32px; height: 32px; display: inline-block; float: left; border-radius: 100%; border: 1px solid #555; background-color: #f7f7f7; transition: 0.2s linear;	color: #555; text-decoration: none;	margin: 0 10px 0 0; }
footer.ltnfooter .menu1 .bt a:hover { border: 1px solid #555; background-color: #555; }

/* --------------------Facebook */
.ltnfooter a.Facebook { background: url(https://cache.ltn.com.tw/images/icon/g_fb.svg) center no-repeat, #f7f7f7; background-size:12px; }
.ltnfooter a.Facebook:hover { background: url(https://cache.ltn.com.tw/images/icon/w_fb.svg) center no-repeat, #f7f7f7; background-size:12px; }
/* --------------------Line */
.ltnfooter a.Line { background: url(https://cache.ltn.com.tw/images/icon/g_line.svg) center no-repeat, #f7f7f7; background-size:23px; }
.ltnfooter a.Line:hover { background: url(https://cache.ltn.com.tw/images/icon/w_line.svg) center no-repeat, #555; background-size:23px; }
/* --------------------Twitter */
.ltnfooter a.Twitter { background: url(https://cache.ltn.com.tw/images/icon/g_X.svg) 7px center no-repeat, #f7f7f7; background-size:18px; }
.ltnfooter a.Twitter:hover { background: url(https://cache.ltn.com.tw/images/icon/w_X.svg) 7px center no-repeat, #555; background-size:18px; }
/* --------------------YouTube */
.ltnfooter a.YouTube { background: url(https://cache.ltn.com.tw/images/icon/g_yt.svg) center no-repeat, #f7f7f7; background-size:19px; }
.ltnfooter a.YouTube:hover { background: url(https://cache.ltn.com.tw/images/icon/w_yt.svg) center no-repeat, #555; background-size:19px ;}
/* -------------------- 我要爆料 */
.ltnfooter a.Boom p { font-size: 20px; font-weight: bold; line-height: 1.5; text-align: center; }
.ltnfooter a.Boom:hover p { color: #f7f7f7; }
/* -------------------- WEATHER */
.ltnfooter .weather { display:inline-block; margin:0 0 0 20px; }
.ltnfooter .weather img { display: inline-block; width: 30px; margin:0 0 -8px 0; }
.ltnfooter .weather p { display:inline-block; font-size:15px; margin:0 0 0 6px; }

/* --------------------版權*/
footer.ltnfooter .copyright { width:100%; clear:both; color:#555; font-size:14px; text-align:center; padding:10px 0px; }
footer.ltnfooter .copyright span { font-size:14px;padding:0px 0px 0px 8px;line-height:1; }
/* -------------------- */

@media screen and (max-width:1000px){
	footer.ltnfooter ul.menu2, footer.ltnfooter ul.menu3 { padding:0 10px; }
	footer.ltnfooter ul li a { font-size:15px; margin-right:10px; }
	footer.ltnfooter .weather { margin:4px 0 0; }
	footer.ltnfooter .weather p { font-size:14px; margin:0; }
	footer.ltnfooter .weather img { width: 25px; }
}
@media screen and (max-width:900px){
    footer.ltnfooter { background-color:#eee; border-top:1px solid #ccc; }
    footer.ltnfooter div.footermenu { display:none; }
    footer.ltnfooter .app_DL { display:block; }
    footer.ltnfooter .app_DL img { width:150px; margin:20px 10px 0px; line-height:0; }
    footer.ltnfooter .copyright { padding:8px 0px 15px; }
}
@media screen and (max-width:600px){
    footer.ltnfooter, footer.ltnfooter .app_DL { width:100%; border:none; background-color:#eee; margin:0; }
    footer.ltnfooter .app_DL img { width:110px; }
    footer.ltnfooter .copyright, b footer.ltnfooter .copyright span { font-size:13px; }
    footer.ltnfooter .copyright span { display:block; }
}