#album-latest .font{position:relative;padding:20px 10px 0;margin:0 auto;max-width:1280px;width:100%}#album-latest .font img{display:inline-block}@media screen and (max-width: 480px){#album-latest .font img{width:40px}}#album-latest .font .font-box{display:inline-block}#album-latest .font h2{font-size:30px}@media screen and (max-width: 480px){#album-latest .font h2{font-size:20px}}#album-latest .font p{text-transform:uppercase;font-size:16px;color:#009fc6;display:block;margin-bottom:30px}@media screen and (max-width: 480px){#album-latest .font p{font-size:10px;margin-bottom:10px}}#album-latest .font .more{position:absolute;top:33px;right:10px}@media screen and (max-width: 480px){#album-latest .font .more{top:17px;width:117px}}#album-latest .container ul{list-style:none;padding:0;margin:0;overflow:hidden}#album-latest .container ul li{position:relative;float:left;width:calc(100% / 4)}@media screen and (max-width: 829px){#album-latest .container ul li{width:calc(100% / 2)}}@media screen and (max-width: 480px){#album-latest .container ul li{width:calc(100% / 1)}}#album-latest .container ul li:hover .image{opacity:1;-webkit-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}#album-latest .container ul li .image{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:#009fc6;display:block;padding:70px 10px 10px;opacity:0;-webkit-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}@media screen and (max-width: 829px){#album-latest .container ul li .image{top:inherit;opacity:1;padding:7px;height:40px}}#album-latest .container ul li .image strong,#album-latest .container ul li .image span{color:#fff;display:block}@media screen and (max-width: 829px){#album-latest .container ul li .image span{display:none}}#album-latest .container ul li .image strong{font-size:15px;margin-bottom:20px}#album-latest .container ul li .image strong:after{background:#fff;display:block;content:'';margin:10px auto;width:10px;height:2px}@media screen and (max-width: 829px){#album-latest .container ul li .image strong:after{content:none}}#album-latest .container ul li img{display:block}#album-lists,#album-gallery{padding-top:150px}@media screen and (max-width: 829px){#album-lists,#album-gallery{padding-top:30px}}#album-lists .heading,#album-gallery .heading{text-align:center;margin-bottom:20px}#album-lists .heading span,#album-gallery .heading span{font-size:13px;text-transform:uppercase;color:#009fc6;display:block}#album-lists .record,#album-gallery .record{text-align:center;font-size:11px;color:#999;display:block;margin-bottom:10px}#album-lists .container,#album-gallery .container{margin:auto;padding:0 10px 50px;max-width:1280px}@media screen and (min-width: 830px){#album-lists .container .grid,#album-gallery .container .grid{list-style:none;margin:0;padding:0}#album-lists .container .grid li,#album-gallery .container .grid li{float:left;margin-right:calc(10px * 4 / 3);margin-bottom:calc(10px * 4 / 3);width:calc(100% / 4 - 10px)}#album-lists .container .grid li:nth-child(4n),#album-gallery .container .grid li:nth-child(4n){margin-right:0}#album-lists .container .grid li img,#album-gallery .container .grid li img{max-width:inherit;width:100%}}@media screen and (max-width: 829px){#album-lists .container .grid,#album-gallery .container .grid{list-style:none;margin:0;padding:0}#album-lists .container .grid li,#album-gallery .container .grid li{float:left;margin-right:calc(7px * 2 / 1) !important;margin-bottom:calc(7px * 2 / 1);width:calc(100% / 2 - 7px)}#album-lists .container .grid li:nth-child(2n),#album-gallery .container .grid li:nth-child(2n){margin-right:0 !important}#album-lists .container .grid li img,#album-gallery .container .grid li img{max-width:inherit;width:100%}}#album-lists .container .grid li,#album-gallery .container .grid li{padding:5px !important}#album-lists .container .grid .image,#album-gallery .container .grid .image{display:block;margin-bottom:5px !important}#album-lists .container .grid .image img,#album-gallery .container .grid .image img{display:block}#album-lists .container .grid .name,#album-gallery .container .grid .name{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:block;width:100%;overflow:hidden}@media screen and (max-width: 829px){#colorbox{width:100% !important}}#cboxLoadedContent img{display:block;width:100% !important;height:auto !important}#album-gallery .button,#album-gallery .record{display:inline-block;margin-right:10px;margin-bottom:10px}#album-gallery .button{line-height:35px;text-transform:uppercase;text-align:center;color:#fff !important;background:#009fc6;height:35px;width:100px}#album-gallery .button:hover{background:#000}
