/* screens smaller than 1200---------------------------------------------------------- */
@layer legacy {
@media only screen and (min-width:641px) and (max-width:1199px) {

/*layout*/
/*------------------------------------------------------------------------------*/
[data-static-html] #db_contents{
	width: 95%;
}

[data-static-html] #db_contents_left{
	width: 100%;
	float: none;
	margin-bottom: 60px;
}

[data-static-html] #db_contents_right{
	width: 100%;
	float: none;
}


/*sidebar*/
/*------------------------------------------------------------------------------*/

[data-static-html] #contents_right{
    height: auto !important;
}


[data-static-html] #db_right_menu{
    width: 100%;
    position: relative !important;
    top: auto !important;
    bottom: auto !important; 
}


/*search*/
/*------------------------------------------------------------------------------*/

[data-static-html] .db_search_item_wrapper .search_item_box .item_image a {
    width: 100%;
    display: block;
}

[data-static-html] .db_search_item_wrapper .search_item_box .item_image img {
    max-width: 100%;
}

[data-static-html] #db_contact_box {
	width: 100%;
    padding: 20px;
}

[data-static-html] #db_contact_box .contact_left {
    width: 38.2%;
}

[data-static-html] #db_contact_box .contact_right {
    width: 53.6%;
}

[data-static-html] .db_search_list_table .item01{
    width: 15%;
}

[data-static-html] .db_search_list_table .item02{
    width: 50%;
}

/*item*/
/*------------------------------------------------------------------------------*/

[data-static-html] #item_box01 .item_photo_box .item_photo a {
    width: 100%;
    height: 300px;
    display: block;
}

[data-static-html] #item_box01 .item_photo_box .item_photo img {
    max-width: 100%;
    max-height: 300px;
}

[data-static-html] #item_box01 .item_photo_box .db_item_icon_box {
	width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
}

[data-static-html] #item_box01 .db_item_banner_box li {
    width: 49%;
    float: left;
    margin-left: 0%;
    margin-right: 2%;
    margin-bottom: 20px;
}

[data-static-html] #item_box01 .db_item_banner_box li:nth-child(2n) {
    margin-right: 0%;
}



/*------------------------------------------------------------------------------*/
}


/* screens smaller than 710---------------------------------------------------------- */
@media only screen and (min-width:641px) and (max-width:709px) {




/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/
}