@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; z-index:5; border-top:none; background-color:#2e3338; text-transform:uppercase;}
#tail>div { max-width:1400px; margin:0 auto; padding:30px 30px 40px; position:relative;}
#tail address { color:#ddd; display:block; padding:0 0 5px 0; font-size:14px; letter-spacing:0;}
#tail address .br_no { display:none;}
#tail small { color:#888; padding:8px 0 0 0; display:block; font-size:12px; line-height:20px;}
#tail small .br_no { display:none;}
#tail img.copyright_logo { display:none;}
#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; z-index:5; background:#fff url('../img/tail/icon_top.png') no-repeat center;}





@media all and (max-width:1024px) and (min-width:768px){

#tail>div { width:100%; max-width:inherit; padding:15px 20px;}
#tail>div img { display:none;}
#tail address { padding:0px; text-align:center;}
#tail small {  padding:0px; text-align:center; display:block;}

}





@media all and (max-width:767px){

#tail { padding-bottom:20px;}
#tail>div { width:100%; max-width:inherit; padding:15px 20px;}
#tail>div img { display:none;}
#tail address { padding:0px; text-align:center; font-size:13px; line-height:22px;}
#tail address .br_no, #tail small .br_no { display:block; height:0px;}
#tail small {  padding:10px 0 0 0; text-align:center; display:block; font-size:10px; line-height:14px;}
}