@charset "utf-8";

.photo_objtitle{width:100%; height:93px; background:url(../images/img_title_photo.png)center no-repeat; margin-bottom: 50px;}
/* .list-row{width: 700px; height: 520px; margin-bottom: 100px;} */
.list-row{width:890px; height: auto; margin-bottom: 25px;}
/* .listboard{background: url(../images/listboard.png) no-repeat; width: 320px; height: 457px; margin: 10px 0;}
.list-content{width: 260px; height: 360px; top:55px; left:30px;}
.list-content>a>img{height: 100%;} */
.list-row a{color: #4C9BA2; font-weight: 700;}
.list-row a:hover{text-decoration: underline;}

/* 活動花絮照片 START */
/* .photoblock{width:264px; height:264px; border:#FFF 10px solid; box-shadow: 2px 2px 7px #DDD; margin-right: 15px;} */
.photoblock{width:188px; height:188px; border:#FFF 10px solid; box-shadow: 2px 2px 7px #DDD; margin-right: 14px;/* margin-right: 15px; */}
.photoblock{background: url(../images/P1150460.jpg) center no-repeat; background-size: cover;}
.photoblock-right{margin-right: 0;}
/* 活動花絮照片 END */

/* .remodal{background:none;} 
.remodal{width: 100%;} 
.remodal>img{width: 100%;} */
/* .remodal .block{width: 100%; height: auto; clear:both; margin-top:25px;} */

@media screen and (max-width:768px) {
    #footer{margin-top:inherit;}
    .list-row{width:98%; margin-bottom: 15px; padding-left:10px;}
    .photoblock{width:140px; height:140px; margin-right: 15px; margin-bottom: 15px;}
    .photoblock-sp-right{margin-right:15px;}
}

/* iphone5 & iphone6 landscape */
@media screen and (max-width:667px) {
    .list-row{width:98%; margin-bottom: 5px;}
    .photoblock{width:33%; height:225px; margin-right: 25px; margin-bottom: 25px;}
    .photoblock-sp-right{margin-right: 25px;}
}

/* width 640 */
@media screen and (max-width:640px) {
    .list-row{width:98%; margin-bottom: 5px;}
    .photoblock{width:41.5%; height:265px; margin-right: 30px; margin-bottom: 30px;}
    .photoblock-sp-right{margin-right: 25px;}
}

/* iphone6 */
@media screen and (max-width:414px) {
    .menu{margin-left:10px;}
    .menubtn{width:70px; margin-right:10px;}
    .list-row{width:97%; margin-bottom:5px;}
    .photoblock{width:40%; height:140px; margin-right: 15px; margin-bottom: 15px;}
    .photoblock-sp-right{margin-right: 15px;}
    .remodal>img{width: 200%;}
}

/* width 360 */
@media screen and (max-width:360px) {
    .photoblock{width:40%; height:122px;/* height:122px; */ margin-right: 10px; margin-bottom: 10px;}
}

/* iphone5 */
@media screen and (max-width:320px) {
    .list-row{width:97%; margin-bottom:5px;}
    .photoblock{width:40%; height:122px;/* height:122px; */ margin-right: 5px; margin-bottom: 5px;}
    .photoblock-sp-right{margin-right: 5px;}
    .remodal>img{width: 200%;}
}