@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; background-color:#666; z-index:100; color:#fff;}
#tail>div { max-width:1200px; margin:0 auto; padding:20px 0 30px; position:relative;}
#tail address {display:block; padding:0px 30px 5px 350px; font-size:14px;}
#tail address .br_no { display:none;}
#tail small {color:#aaa;  padding:0 30px 0 350px; display:inline-block; font-size:11px;}
#tail small .br_no { display:none;}
#tail img.copyright_logo { position:absolute; left:0px; top:20px;}
#tail a.blog { position:absolute; right:0px; top:15px;}
#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 {/* position:relative; display:block; clear:both; border-top:1px solid #ddd; z-index:100;*/}
#tail>div { width:100%; max-width:inherit; padding:15px 20px;/*  margin:0 auto; position:relative;*/}
#tail>div img { display:none;}
#tail address { padding:0px; text-align:center;/*display:block; font-size:14px;*/}
#tail address .br_no { /*display:none;*/}
#tail small {  padding:0px; text-align:center; display:block;/*color:#999; font-size:11px;*/}
#tail img.copyright_logo {/* position:absolute; left:0px; top:20px;*/}

#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:767px){

#tail {/* position:relative; display:block; clear:both; border-top:1px solid #ddd; z-index:100;*/}
#tail>div { width:100%; max-width:inherit; padding:15px 20px;/*  margin:0 auto; position:relative;*/}
#tail>div img { display:none;}
#tail address { padding:0px; text-align:center; font-size:13px;/*display:block;*/}
#tail address .br_no, #tail small .br_no { display:block; height:0px; /*display:none;*/}
#tail small {  padding:10px 0 0 0; text-align:center; display:block; font-size:10px; line-height:14px;/*color:#999;*/}
#tail img.copyright_logo {/* position:absolute; left:0px; top:20px;*/}

#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;*/}



}












