@media screen and (max-width:1650px){
#container #header .title{ padding:15px 0; line-height:38px; font-size:30px;}
}

@media screen and (max-width:1366px){
#container #header .title{ line-height:32px; font-size:26px;}
#search{ padding:30px;}
#main{padding: 30px;}
}

@media screen and (max-width:920px){
#container #header .title{ line-height:30px; font-size:24px;}
#search{ padding:30px 20px;}
#main{padding: 20px;}
#search form{ text-align:center}
#search form .item{ display:inline-block}
#search .item:nth-child(3){ width:120px; line-height:35px; height:35px;}
#search .item:nth-child(3) input{ line-height:35px; height:35px;}
#main h2{ font-size:20px;}

#main .item .content img{ width:100%; float:none; margin-top:20px}
#main .item .content .detail{ width:100%; float:none; padding:20px 0 0 0;}

#main .item .content .detail td{ padding:5px;}
#main .item .content .detail th{padding:5px; }
#main .item .content .detail th{ text-align:center}
#main .item .content .detail th div{ padding-right:16px;}


}

@media screen and (max-width:640px){
#search .contact .item{ width:100%; min-width:100%;}	
#search .item #year{ min-width:135px;}
#search .item #month{ min-width:96px;}
#search .item #people{ min-width:60px;}
#main .item .content .detail table{ width:auto; min-width:540px;}
#main .item .content .detail { overflow-x: auto;}
#search .item select{ padding:5px;}
}