@charset "utf-8";

/* 頁面頭部區域樣式 */
#top_head {
    background: url('../images/bg_top.png') repeat-x left top;
    width:100%;
    display:block;
 
}

#b_headbox{
    display:block;   
}


#logo{
    float:left;
}
#logo a{
	background-size: 100%;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;


}
#logo img,.logo_s img{
	width:100%;
}
.logo_s{
    position: absolute;
    left: 50%;
    z-index: 20;
    top: 8px;
    margin-left: -129px;
}

.logo_s img{
	max-width:259px;
}


#head_right{
    margin-bottom: 16px;
    overflow: hidden;
    float: right;
}

#head_left{
	float: left;
    height: 32px;
}


#main_menu .search{
    float: right;
    width: 288px;
}


#head_right .tel_info {
    float: right;
}


.search.contact_us_page{
    margin: 0 auto 20px;
}



/*------------- RWD 各裝置調整 ----------------*/

@media screen and (min-width: 1400px){

    #top_head{
        padding:8px 0;
        height: 158px;
        z-index:120;
		top: 0;
        left: 0;
        position:fixed;  
        
    }



    #logo{
		width: 238px;
	    height: 115px;
        margin-bottom: 18px;
        margin-top:43px;
    
   
	}

    


}

@media screen and (max-width: 1400px){
    #top_head{
        padding:8px 0;
        height: 158px;
        z-index:50;
        top: 0;
        left: 0;
        position:absolute;  
    }
    #logo{
        width: 238px;
        height: 115px;
        margin-bottom: 18px;
        margin-top:43px;


    }

    #b_headbox{
        padding:0 1%;
    }

 
}

@media screen and (max-width: 1024px){
    #top_head{
        padding:15px 0;
        height: 140px;
        background-size: auto 100px;
    }
    #logo {
        margin:0 auto;
        float: none;

    }
}
 
@media screen and (max-width: 500px){
    #logo {
        width: 210px;
    }
}