@charset "utf-8";

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





#head { background:#fff url("../img/header/tnb_bg.jpg") repeat-x top; position:relative; height:140px;}
.logo {width:300px; position:absolute; left:5px; top:65px; z-index:1;}
.logo img {width:100%;}

/* tnb */
.tnb {height:45px; max-width:1200px; margin:0 auto; position:relative;}



/* tnb_right */
.tnb_right { float:right; height:45px; overflow:hidden;}
.tnb_right>div { float:left; margin-left:5px; }

/* sns */
.tnb_right .sns { padding-top:5px;}
.tnb_right .sns a { float:left; margin-right:4px; display:inline-block;}
.tnb_right .sns a img { width:34px; height:34px; border-radius:50%;}

/* tnb_link*/
.tnb_link a { font-size:15px; color:#888; display:inline-block; margin:0; padding:0 12px; height:45px; line-height:45px; background:url("../img/header/pt_tnb.png") no-repeat right center;}
.tnb_link a:hover { color:#333;}
.tnb_link a:last-child { background-image:none;}

/* btn_zoom*/
.btn_zoom { padding-top:2px;}
.btn_zoom p { display:none;}  
.btn_zoom a {display:inline-block; width:40px; height:40px; float:left; border:1px #ddd solid;}
.btn_zoom .plus { background:#fff url("../img/header/btn_fontplus.png") no-repeat center;}
.btn_zoom .normal { background-color:#fff; color:#333; text-align:center; line-height:40px;}
.btn_zoom .minues { background:#fff url("../img/header/btn_fontminues.png") no-repeat center;}


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

#head {background:#fff url('../img/header/tnb_tbg.jpg') repeat-x top; height:140px;}
.logo {width:300px; left:25px; top:66px; }
.logo img {width:100%;}
.text_img { position:absolute; right:0px; left:inherit; bottom:20px;}
.text_img img { width:350px;}

/* tnb */
.tnb {height:45px;}

/* tnb_right */
.tnb_right {  height:45px;}

/* sns */
.tnb_right .sns {}
.tnb_right .sns a { margin-right:5px;}

/* tnb_link*/
.tnb_link a { height:45px; line-height:45px;}

/* btn_zoom*/
.btn_zoom { border-right:0px; padding:2px;}
.btn_zoom p { width:41px; height:41px;}
.btn_zoom a { width:41px; height:41px;}
.btn_zoom .normal { line-height:41px;}


}





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

#head { height:76px; background-image:none;}
.logo {width:260px; left:50%; top:15px; margin-left:-130px;}
.logo img {width:100%;}
.text_img { position:absolute; right:0px; left:inherit; bottom:1px;}
.text_img img { width:150px;}

/* tnb */
.tnb { width:100%; height:40px;}

/* tnb_right */
.tnb_right { height:40px; width:100%; display:none;}
.tnb_right>div { float:left;}

/* sns */
.tnb_right .sns { position:absolute; right:2px; top:0px; padding-top:4px;}
.tnb_right .sns a { margin-right:4px;}
.tnb_right .sns a img { width:30px; height:30px;}

/* tnb_link*/
.tnb_link { width:100%;}
.tnb_link a { float:left; font-size:13px; width:50%; height:40px; padding:0 8px; line-height:40px; text-align:center;}

/* btn_zoom*/
.btn_zoom { display:none;}


}