header .logo{width:40px;height:40px;}
header .photo{width:40px;height:40px;}
.search {height:40px;line-height:40px;position: relative;text-align: center;font-size:18px;}
/***
.search_button{cursor:pointer;width:40px;height:40px;background:url("../images/search.png") no-repeat;background-size:100% 100%;}
***/
.search input{width:180px;height:40px;font-size: 18px;}

.login_area{width:100%;height:600px;background:url("../images/login_bg.png");background-size:100% auto;position:relative;}
.reg_area{width:100%;height:600px;background:url("../images/reg_bg.png");background-size:100% auto;position:relative;}
/***480***/
@media screen and (max-width:500px) and (min-width: 400px) {

    .table_layout{height:360px;background-color:red;}
    .table_layout .img_left{height:360px;width:360px;}
    .img_right_top,.img_right_middle,.img_right_bottom{width:80px;height:80px;}
}
/****540*****/
@media screen and (max-width:599px) and (min-width: 500px) {
    .table_layout{height:405px;background-color:blue;}
    .table_layout .img_left{height:405px;width:405px;}
    .img_right_top,.img_right_middle,.img_right_bottom{width:145px;height:145px;}
}
/******720***/
@media screen and (max-width:800px) and (min-width: 700px) {
    .table_layout{height:540px;background-color:blue;}
    .table_layout .img_left{height:540px;width:540px;}
    .img_right_top,.img_right_middle,.img_right_bottom{width:180px;height:180px;}
}
/*****960*******/
@media screen and (min-width: 900px) {
    .table_layout{height:600px;background-color:green;}
    .table_layout .img_left{height:600px;width:600px;}
    .img_right_top,.img_right_middle,.img_right_bottom{width:360px;height:360px;}
}