﻿ul{
    margin:0;
    padding:0;
}
ul li{
    list-style:none;
}
html,body{
    background-color:#ffffff;
    height:auto;
}

.l2{margin:1.6rem 0;}
.am_project_label { display: block; }


#product_grid.active #js-container { height: auto !important; }
/*#js-container .item { width: 22%; margin-bottom: 10px; margin: 0 1% 10px; overflow: hidden; box-shadow: 0 3px 5px #ccc; }*/
#js-container { column-gap: 10px; column-count: 4; }
    #js-container .item {  margin-bottom: 20px; break-inside: avoid; box-shadow: 0 3px 5px #ccc;display:block;}
.item_pic{position:relative;}
.item_info {padding:10px 10px 0; }
#js-container .item:hover { margin-bottom: 20px; break-inside: avoid; box-shadow: 0 8px 12px #ccc; }
        #js-container .item:hover .item_pic:before { content: ''; position: absolute; background: #ffffff; opacity: .6; top: 0;left:0;right:0;bottom:0; }
        #js-container .item img { width: 100%; }
        .active_show { display: none; }
#product_grid.active .active_show { display: block; }
/*.item_info div { display: block; padding:0 10px; text-decoration: none; }*/
.item_info h5 { font-size: 1.4rem; color: #211713;margin:0 0 16px 0; }
    .item_info p { font-size: 12px; color: #999999; margin: 0 0 16px 0;padding-bottom:10px; }

/*#product_grid.active #js-container .item { width: 100%; margin-bottom: 10px; margin: 0 0 10px; overflow: hidden; box-shadow: 0 3px 5px #ccc;position:relative!important; left:0!important; top:0!important;}*/
#product_grid.active #js-container { column-gap: 0; column-count: auto; }
    #product_grid.active #js-container .item { width: 100%; margin-bottom: 10px; margin: 0 0 10px; box-shadow: none; position: relative !important; left: 0 !important; top: 0 !important; overflow: hidden; padding-bottom: 10px; }
#product_grid.active .item_pic{min-height:360px;}
#product_grid.active .item_info { }
    #product_grid.active .item:nth-child(odd) .item_pic { float: left; width: 50%; }
#product_grid.active .item:nth-child(odd)  .item_info { float: left; width: 50%; }
#product_grid.active .item:nth-child(even)  .item_pic { float: right; width: 50%; }
#product_grid.active .item:nth-child(even)  .item_info { float: right; width: 50%; }
#product_grid.active .item_pic img { width: 100%; height: 360px; }
#product_grid.active .item_info p{padding-bottom:0;}
#product_grid.active .right_btn { float: right; display: inline-block; }
.am-pagination{text-align:center;}
@media only screen and (min-width: 641px) { .am-topbar-nav > li > a { color: #211713; }
}

@media only screen and (max-width: 641px) {
    .am-container { width: 100%; max-width: 100%; }
    .am_project_label{display:none;}
    #banner { margin-top: 0 !important; margin-bottom: 20px; }
    .am_main_title_nav li { width: 47%; margin: 5px; }
    .am_main_title_navigation { margin-bottom: 40px; }
    #product_grid.active .item:nth-child(odd) .item_pic { float: none; width: 100%; }
    #product_grid.active .item_pic img{height:auto;}
    #product_grid.active .item_pic{min-height:auto;}
    #product_grid.active .item:nth-child(odd) .item_info { float: none; width: 100%; }
    #product_grid.active .item:nth-child(even) .item_pic { float: none; width: 100%; }
    #product_grid.active .item:nth-child(even) .item_info { float: none; width: 100%; }
}