@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: tail.css
 * @Description : tail Style Sheet
 * @Version 	: 1.0.0
 * @Create Date :
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */

#tail { position:relative; display:block; clear:both; border-top:1px #ddd solid; background-color:#fff; z-index:5;}
#tail .tail_inner { max-width:1400px; margin:0 auto; padding:28px 0; display:flex; align-items:center; gap:0;}

/* tail logo */
#tail .tail_logo { display:flex; align-items:center; flex-shrink:0; padding-right:50px;}
#tail .tail_logo img { width:330px; height:auto;}

/* tail info */
#tail .tail_info { flex:1; padding-left:50px;}
#tail address { color:#555; display:block; font-size:14px; line-height:22px; margin-bottom:6px; font-style:normal;}
#tail small { color:#aaa; font-size:12px; line-height:18px; display:block;}

#top_btn { position:fixed; bottom:10px; right:10px; width:40px; height:40px; border:1px solid #ddd; font-size:0px; z-index:90; border-radius:3px; background:#fff url('../img/tail/icon_top.png') no-repeat center;}


@media all and (max-width:1024px) and (min-width:768px){
#tail .tail_inner { padding:20px;}
#tail .tail_logo { padding-right:30px;}
#tail .tail_info { padding-left:30px;}
#tail address { font-size:13px;}
#tail small { font-size:11px;}
}


@media all and (max-width:767px){
#tail { padding-bottom:20px;}
#tail .tail_inner { flex-direction:column; align-items:flex-start; padding:20px; gap:15px;}
#tail .tail_logo { padding-right:0;}
#tail .tail_info { border-left:0; border-top:1px #eee solid; padding-left:0; padding-top:15px; width:100%;}
#tail address { font-size:13px; line-height:20px;}
#tail small { font-size:11px; line-height:16px;}
}