@charset "utf-8";
/* CSS Document */
.pattern,#focus img,.updated_info,.pattern_info,.pattern_info_row {width:100%;}
.pattern_row1,#focus,.pattern_row2,.pattern_row3,.updated_tit,.pattern_row4 ,.pattern_tit {width:99%;}
@media all and (min-width:310px) and (max-width:510px) {
.pattern_row2_left,.pattern_searchbg{width:99%;}
.pattern_row2_right,.pattern_search,.pattern_search_tex,.pattern_search_tex span,.pattern_row2_right  {width:100%;}
.pattern_searchbg .inputbg {width:250px;}
.pattern_search_tex {padding-left:0;height:120px;}
.pattern_search_tex { overflow:visible;}
.pattern_row2 { height:373px;}
.pattern_row2_right  {float:left;}
.updated_info li {width:49%;}
.updated_info,.pattern_info_row{ height:auto;}
.row_tit {width:7%;}
.row_info {width:92%;}
.updated_info li,.row_info li {padding-right:0;}
.row_info li {width:47%;}
.row_info li a img {width:128px;}
.row_tit { height:621px;}
.pattern_tit h2  {display:none; height:0;width:0;}
.pattern_tit span {padding-right:34px;}
}
@media all and (min-width:411px) and (max-width:510px) {
.pattern_searchbg .inputbg {width: 350px;}
.pattern_row2_right {width:88%;}	
}
@media all and (min-width:511px) and (max-width:610px) {
.pattern_row2_right {display:none; height:0;width:0;}
.updated_info li {width:32%; padding-left:2px; padding-right:2px;}
.updated_info,.pattern_info_row { height:auto;}
.row_tit {width:5%;}
.row_info {width:93%;}
.row_tit { height:414px;}
}
@media all and (min-width:611px) and (max-width:810px)  {
.pattern_row2_left {width:60%;}
.pattern_row2_right {width:38%;float:right;padding-left:6px;}
.pattern_search,.pattern_search_tex,.pattern_search_tex span,.pattern_row2_right span  {width:99%;}
.pattern_searchbg {width:76%;}
.pattern_searchbg .inputbg,.pattern_searchbg .inputbg input {width:200px;}
.pattern_row2_right li,.updated_info li,.row_info li   {padding-right:6px;}
.pattern_row2_right span  {width:96%;}
.updated_info li {width:24%;}
.updated_info { height:auto;}
.row_tit {width:5%;}
.row_info {width:94%;}
.row_info li {width:23%; height:195px;}
}
@media all and (min-width:811px) and (max-width:910px) {
.pattern_row2_left {width:58%;}
.pattern_row2_right {width:41%;float:right;padding-left:6px;}
.pattern_searchbg .inputbg,.pattern_searchbg .inputbg input  {width:300px;}	
.updated_info li {width:15%; padding-right:10px;}
.updated_info li a img {width:130px;}
.row_tit  {width:4%;}
.row_info {width:95%;}
.row_info li { height:195px;}
.pattern_row2_right span,.pattern_row2_right ul   {padding-left:18px;}
}
@media all and (min-width:911px) and (max-width:959px)  {
.pattern_row2_left {width:53%;}
.pattern_row2_right {width:46%;float:right; padding-left:0;}
.pattern_searchbg .inputbg,.pattern_searchbg .inputbg input {width:300px;}
.pattern_row2_right span,.pattern_search {width:99%;}
.pattern_row2_right ul {width:98%;}
.pattern_row2_right span,.pattern_row2_right ul   {padding-left:15px;}
.updated_info li {width:16%; padding-right:4px;}
.row_tit {width:3%;}
.row_info {width:96%;}
.row_info li {width:16%; padding-right:5px;}
}
@media all and (min-width:310px) and (max-width:910px)
{
 #Div22{display:none;width:0;height:0;}	
}