@charset "utf-8";

@media all and (max-width: 1400px) {
.mouse { margin-left: -21px;}
}

@media all and (max-width: 1200px) {
.mouse { margin-left: -19px;}
}

@media all and (max-width: 991px) {
.mouse { margin-left: -17px;}

.about_pic_wrap .box_wrap .box .box_overlay, #album .box_wrap .box .box_overlay{ display: none; }
}

@media all and (max-width: 768px) {
.banner{ background: url('../../img/bg-banner.jpg') center bottom no-repeat; background-size: cover; }

.pagination{ display: none; }
.pagination_jump{ float: none; text-align: center; }
.pagination_jump li{ display: inline-block; }
}

@media all and (max-width: 767px) {
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 576px) {
.mouse { margin-left: -16px;}

header{ height: 50px; padding: 15px 20px;}
header .logo2 a{ float: left; width: 64px; height: 20px;}
header .menu{ display: none; }
header .bar{ display: block;}

main{ padding: 0px 0 0 0; }
main.active, body#inner main{ padding: 50px 0 0 0 !important; }

body#inner #album{ min-height: calc(100vh - 88px); }

a#anchor_about{ top: -50px;}

.about_pic_wrap .box_wrap{ width: 150px; height: 150px;}

footer{ padding: 10px 0px; font-size: .75em;}
}

@media all and (max-width: 480px) {
h2{ font-size: 1.625em; }
h3{ font-size: 1.325em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1.125em; }
h6{ font-size: 1em; }

h2{ margin-bottom: 30px; }
h3{ margin-bottom: 10px; }

section{ padding: 40px 0; }

article{ margin-bottom: 30px; }

.container{ padding: 0 10px;}

.logo{ width: 320px;}
.logo span{ padding-left: .19em; font-size: .75em; letter-spacing: .19em; }

.mouse { margin-left: -15px;}

.about_pic_wrap .box_wrap{ width: 120px; height: 120px; margin: 0px 5px; border: 5px solid #dcc17b;}
.about_pic_wrap a:hover .box_wrap{ border: 5px solid #c99e2d;}

#album .box_wrap.border{ border: 5px solid #fff !important;}
#album .box_wrap .box p{ font-size: .813em;}
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
.logo{ width: 300px;}
.logo span{ padding-left: .11em; letter-spacing: .11em; }
}

@media all and (max-width: 320px) {
}