@charset"utf-8";



body{
width:100%;
font-family:"sans-serif";
margin-top:0px;
padding-top:0px;
background:url("top_img/top_00.jpg");
baground-size:100%;
bo rder:1px solid;
}
/*===================responsible====================*/

@media screen and (max-width:768px)
{
body{baground-size:71%;}
}
@media screen and (max-width:375px)
{
body{baground-size:35%;}
}

/*==================================================
=====================wrapper========================
====================================================*/

#wrapper{
width:1366px;
height:;
margin:0px auto;
overflow:hidden;
background:rgba(250,250,250,0.6)
}
#wrapper2{
width:1080px;
height:;
margin:0px auto;
overflow:hidden;
}


/*===================responsible====================*/


@media screen and (max-width:768px)
{
#wrapper,#wrapper2{width:768px;}
}
@media screen and (max-width:375px)
{
#wrapper,#wrapper2{width:375px;}
}


/*==================================================
======================header========================
====================================================*/

#header{
width:;
height:236px;
background-color:#f1f1f1;
font-size:38px;
padding-left:0px;
margin:0px;
b order:1px solid;
}


#header h1{
float:left;
width:480px;
height:180px;
color:#ef7a22;
padding-left:0px;
background:url("img/logo11.png") no-repeat ;
background-size:100%;
bo rder:1px solid;
margin-top:0px;
margin-bottom:0px;
}


#header a{
text-decoration:none;
}

#address{
float:right;
width:500px;
height:120px;
font-size:15px;
bo rder:1px solid;
text-align:right;
margin-top:60px;
margin-right:20px;
}


#address p{
font-size:17px;	
font-weight:700;	
}


div#where{
width:1080px;
height:20px;
clear:left;
font-size:14px;
text-align:left;
margin:0px;
padding:0px;
bo rder:1px solid;
}


#nav{
clear:left;
font-size:18px;
backgorund-color:#fc0;
margin-left:370px;
padding:0;
}


#nav ul{
overflow:hidden;
margin-left:0px;
padding:0;
}


#nav li{
float:left;
width:140px;
height:36px;
color:#000;
background-color:#4c2006;
text-align:center;
line-height:2em;
list-style:none;
margin-left:2px;
padding:0;
border-radius:18px;
}


#nav a{
text-decoration:none;
display:block;
margin:0;
padding:0;
}

.menu a{
bo rder-right:#fff dotted 1px;
}

#nav a:link{
color:#fff;
}
#nav a:visited{
color:#fff;
}
li#active{
width:160px;
background-color:#00ffff;
color:#ff0000;
}


#nav a:hover{
border-radius:18px;
ba ckground-color:#996600;
background:url("img/pan.jpg") no-repeat center;
color:#000;
font-weight:bold;
}

/*===================responsible====================*/


@media screen and (max-width:768px)
{
#header{
width:768px;
height:336px;
}

#header h1{
width:768px;
background-position:center;
background-size:480px 180px;
clear:left;
}

#address{
clear:left;
width:748px;
height:120px;
margin-top:0px;
margin-right:20px;
}


div#where{
display:none;
}

#nav{
margin-left:30px;
}


}/*@media screen and (max-width:768px)*/



@media screen and (max-width:375px)
{
#header{
width:375px;
height:525px;
}

#header h1{
width:375px;
background-position:center;
background-size:375px 140px;
clear:left;
}

#address{
clear:left;
width:370px;
height:120px;
margin:5px;

}
#nav{
width:350px;
height:120px;
margin-left:0;
}

#nav li{
clear:left;
width:140px;
margin:0px 120px 4px;
}

}/*@media screen and (max-width:375px)*/

/*==================================================
======================footer========================
====================================================*/

#footer1{
clear:left;
width:1080px;
height:275px;
ba ckground-color:#ef7a22;
background:url("img/footer_11.png") repeat-x left;
background-size:39%;
margin:0 auto;
overflow:hidden;
border-top:;
di splay:inline-block;
box-shadow: 8px 5px 10px -5px rgba(0, 0, 0, 0.8);
bor der:1px solid;
}


#nav2 li{
float:left;
width:110px;
height:30px;
color:green;
background-color:#fff;
text-align:center;
line-height:2em;
list-style:none;
margin:15px 5px 0 5px;
padding:0;
border-left:1px dotted #000;
border-right:1px dotted #000;
border-radius:8px;
bo rder:1px solid;	
}

#nav2 a{
display:block;
color:green;
height:30px;
}

#nav2 a:link{
color:#666;
}
#nav2 a:visited{
color:#666;
}

#nav2 a:hover{
color:#c00;
background:#ccc;
border-radius:8px;
}

#footer{
clear:left;
overflow: hidden;	
width:1080px;
height:40px;
font-size:12px;
line-height:3em;
text-align:center;
background-color:#999;
margin:0 auto;
ma rgin-top: -28px;	
}

/*===================responsible====================*/

@media screen and (max-width:768px)
{
#footer1{
width:768px;
background-size:62%;
}

#footer{
width:768px;
}

}/*@media screen and (max-width:768px)*/


@media screen and (max-width:375px)
{
#footer1{
width:375px;
height:310px;
background-color:#fff;
background-size:100%;
background-position:bottom;
}

#nav2 li{
clear:left;
height:20px;
margin-top:4px;
border-color:green;
}

#footer{
width:375px;
}

}/*@media screen and (max-width:375px)*/