*{ margin:0; padding:0}

/*#page-press{ width:100%; margin:90px 0}*/
.page-press{ width: 1260px; margin: auto;}
.page-press ul{ display: flex; flex-flow: row wrap; justify-content: space-evenly;}
.page-press ul li{ display:inline-block; width:220px; height:300px; background:#c6c4bc; font-family:Tahoma, Geneva, sans-serif; font-size:10px; overflow:hidden; text-align:center; line-height:20px; margin:0 0 20px 0; vertical-align:middle;}
.page-press ul li a{ color:#333; text-decoration:none;-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease; vertical-align:}
.page-press ul li a:hover{ color:#fff}
.page-press ul li a img{ width:100%;  display: inline-block; vertical-align:middle; -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease; background-color: #FFFFFF}
.page-press ul li a:hover img{ opacity:.7}
#yw0{ margin: 0px !important;}

.press_list{ margin:0 auto 90px}
.press_img{ background:#ffffff; text-align:center}
.press_img img{ width:auto; height:600px; text-align:center}
.timestamp{ position:absolute; left:-155px; top:0; color:#2F4A8B; font-size:15px; font-family:"Times New Roman", Times, serif; font-style:italic}
.press_social{ position:absolute; left:-155px; top:20px; background:url(temp_social.png) ; width:98px; height:18px; display:block}
.press_content{ width:640px; border-top: 10px solid #2F4A8B; margin:0 auto; position:relative}
.press_list h3{ color:#2F4A8B; font-size:32px; font-family:"Times New Roman", Times, serif; font-style:italic;width: 500px}
.press_list p{ width:510px; font-size:13px; line-height:20px;  font-family:Arial, Helvetica, sans-serif}

div.paging{ margin:1px 0; position:absolute; right:0}
p.num { width:65px; height:24px; color:#fff; background:#000; display:block; font-family:Calibri,Arial, Helvetica, sans-serif; line-height:24px; font-size:13px; text-align:center; float:right}
p.num span {display:inline !important;}
.num i{ margin:0 5px}
i.arrow{ width:24px; height:24px; display:block; background:#2F4A8B; color:#fff; text-align: center; line-height:24px; float:right; margin:0 0 0 1px}
i.arrow:hover{ cursor: pointer; background:#4369C6}

.pagination {    text-align: center;    margin: 20px;   font-family: "Lucida Sans","Lucida Grande",sans-serif; font-size:12px;}
.pagination a, .pagination strong {
    background: #fff;
    display: inline-block;
    /*margin-right: 3px;*/
    padding: 4px 15px;
    text-decoration: none;
    line-height: 1.5em;
     color: #2F4A8B;
    border: 0; outline: 0;
}
.pagination a:hover {    background-color: #2F4A8B;    color: #fff;}
.pagination a:active {  background:#2F4A8B;}
.pagination strong {   color: #fff;    background-color: #2F4A8B;}

/*clothing detail*/

.press-item-gallery,.press-item-gallery{ display:block; position:relative }
.press-item-gallery .press-item-display{ height:600px; overflow:hidden}

.blueimp-gallery > .slides{
    height: 100%;
}
.blueimp-gallery > .slides > .slide > .slide-content{
    width: auto;
    height: 100%;
}
#blueimp-gallery a {color: black;}

@media only screen 
and (max-width : 480px) {

.page-press{ margin:80px 0 0 0 ; width: 480px}
.page-press ul li{ margin:0 3px 10px 5px}
    
#wrap.press{ width:480px; overflow-x:hidden; }
.press_list{ width:100%; margin:80px 0 auto 0}
.press_list h3{ width: auto}
.press_img img{ width:100%; height:auto; text-align:center; }
.press_content{ width:440px; margin:0 auto 30px auto}
.timestamp{ position: relative; left:0; top:0; margin:10px 0}
.press_social{ position: relative; left:0; top: 0; margin:0}
.press_list p.para { width:400px}
div.paging{ top:0px; width:120px}
i.arrow{ display: inline-block}

.press-item-gallery,.press-item-display{ height: auto; }
.press-item-gallery .press-item-display{ height: auto; }

}