@charset "utf-8";

@import url("setting.css");

h2{ margin-bottom: 35px; }
h3{ margin-bottom: 15px; }

a{ color:#dcc17b; text-decoration:none; transition:0.2s all;}
a:hover{ color:#dcc17b; text-decoration: none;}
a:focus{ text-decoration: none;}

section{ padding: 80px 0; position: relative; }
section h2{ font-weight: 700; text-align: center; }

article{ margin-bottom: 35px; }

.container-fluid{ margin: 0 !important; }
.container{ max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.container.w100{ max-width: 100%; }
.container.w2{ max-width: 1400px; }
.container.w3{ max-width: 951px; }
.container.w3{ max-width: 728px; }
.container.w4{ max-width: 546px; }

.box_wrapper{ margin: -10px auto; }
.box_wrap{ margin: 10px auto; overflow: hidden; }

/*** BANNER ***/
.banner_wrap{ width: 100%; height: 100vh; background: url('../../img/bg-banner_bg.jpg') center top repeat-y; background-size: cover; }
.banner{ width: 100%; height: 100vh; background: url('../../img/bg-banner.jpg') center center no-repeat; background-size: cover; position: relative; display: table; }
.logo_wrap{ display: table-cell; vertical-align: middle; }
.logo{ width: 450px; margin: 0 auto; padding: 0 40px; text-align: center;}
.logo span{ margin-top: 15px; padding: 5px 0 3px .28em; color: #fff; font-family: "Arial", sans-serif; font-weight: 700; letter-spacing: .28em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: block; }
.logo span span{ margin: 0 5px; padding: 0; border: 0; display: inline-block; }

.mouse { width: 26px; height: 46px; margin: 0 auto; margin-left: -23px; border-radius: 13px; border: 2px solid #ffffff; position: absolute; bottom:15%; position: absolute; left: 50.5%; display: block;}
.mouse span { width: 2px; height: 2px; margin: 6px auto; border-radius: 4px; background: #ffffff; border: 1px solid transparent; display: block; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: scroll;}
@keyframes scroll {
  0% { opacity: 1; transform: translateY(0);}
  100% { opacity: 0; transform: translateY(20px);}
}
/*** /BANNER ***/

/*** HEADER ***/
header{ width: 100%; height: 60px; padding: 15px 20px; background: #866101; position: relative; z-index: 999; }
header.inner{ position: fixed; }
header .logo2 a{ float: left; width: 96px; height: 30px; background: url('../../img/pic-logo2.png') center center no-repeat; background-size: cover; display: block; text-indent: -9999px; }
header .menu{ float: right; overflow: hidden; }
header .menu li{ float: left; font-size: 1.25em; }
header .menu li a{ margin-left: 30px; color: #fff;}
header .menu li a:hover{ text-shadow: 0 0 5px rgba(0, 0, 0, 1); }
header a{ color: #fff; }
header .bar{ float: right; width: 50px; height: 50px; margin: -15px -20px 0 0; color: #fff; font-size: 1.5em; line-height: 48px; text-align: center; display: none;}

#sticky.active{ position: fixed; top: 0; }

/*** MAIN ***/
main{ padding: 0; }
main.active{ padding: 60px 0 0 0; }

a#anchor_top{ display: block; position: relative; top: 0px; visibility: hidden;}
a#anchor_about{ display: block; position: relative; top: -60px; visibility: hidden;}

#about{ background: url('../../img/bg-about.jpg') right center no-repeat; background-size: cover; text-align: center; }
#about p{ font-size: 1.25em; }

.about_pic_wrap{ margin-top: 40px; }
.about_pic_wrap .box_wrap{ width: 200px; height: 200px; margin: 0px 10px; border: 5px solid #dcc17b; border-radius: 50%; display: inline-block; transition:0.2s all; }
.about_pic_wrap .box_wrap .box{ width: 100%; height: 100%; position: relative; }
.about_pic_wrap .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
.about_pic_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
.about_pic_wrap .box_wrap .box img{ width: 100%; height: auto; }
.about_pic_wrap a{ padding: 0; }
.about_pic_wrap a:hover .box_wrap{ border: 5px solid #c99e2d;}
.about_pic_wrap a:hover .box_wrap .box .box_overlay{ opacity: 1; }

#album{ color: #fff; background: url('../../img/bg-album.jpg') center center no-repeat fixed; background-size: cover; text-align: center; }
#album .box_wrap{ margin: 10px 10px; transition:0.2s all; }
#album .box_wrap.border{ border: 5px solid #fff !important;}
#album .box_wrap .box{ width: 100%; height: 100%; position: relative; }
#album .box_wrap .box p{ width: 100%; padding: 5px 10px; color: #fff; background: rgba(0, 0, 0, .75); position: absolute; bottom: 0; z-index: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#album .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
#album .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#album .box_wrap .box img{ width: 100%; height: auto; }
#album a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#album a:hover .box_wrap .box .box_overlay{ opacity: 1; }

.captcha_wrap{ margin-top: 5px; }

body#inner main{ padding: 60px 0 0 0; }
body#inner #album{ min-height: calc(100vh - 121px); }

.album_go{ margin-top: 35px; text-align: center; }
.album_go li{ margin: 0 40px; display: inline-block; }
.album_go li a:hover{ color: #fff; }
/*** /MAIN ***/

/*** PAGINATION ***/
.pagination{ float: left; margin: 30px 5px 0 5px; }
.pagination a{ width: 38px; height: 38px; margin: 0 5px; padding-right: 0; padding-left: 0; color: #666; border-radius: 50% !important; text-align: center; }
/*.pagination a:first-child{ border-radius: 50% !important;}*/
.pagination a:hover{ color: #c99e2d; background: #fff; }
.pagination a i{ line-height: 22px; }
.pagination .active .page-link{ background: #c99e2d; border-color: #dee2e6; }

.pagination_jump{ float: right; margin: 30px 10px 18px 10px; padding: 0; list-style: none; }
.pagination_jump select.form-select{ width: auto; min-height: 38px; margin: 0 5px; padding: 0 35px 0 10px; background-color: #fff; border: 1px solid #dee2e6; border-radius: 3px; display: inline-block; cursor: pointer; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ margin: 0; padding: 20px 0px; color: #fff; font-size: .875em; background: #866101; text-align: center; overflow: hidden; }
/*** /FOOTER ***/

/*** ACCORDION ***/
.accordion-item .accordion-header{ }
.accordion-item .accordion-header button{ padding: 10px 15px; }
.accordion-item .accordion-body{ padding-right: 15px; padding-left: 15px; background: #f9f9f9; }

.accordion-item .accordion-header button[aria-expanded="true"]{ color: #fff; background: #f06b83; }
.accordion-item .accordion-header button[aria-expanded="false"]{ background: #fff; }
button[aria-expanded="true"].accordion-button:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
button[aria-expanded="false"].accordion-button:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23999999'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
/*** /ACCORDION ***/

/*** MODAL ***/
.modal{ }
.modal-open { padding-right: 0 !important;}
.modal-backdrop { opacity: .9 !important; }
.modal-content{ background: none; }
.modal-header{ background: none; border: 0; }
.modal-body{ padding: 30px; background: #fff; }

.feature .modal-body li{ margin-bottom: 5px; margin-left: 15px; list-style: disc; line-height: 1.25em; }
.feature .modal-body li:last-child{ margin-bottom: 0; }
/*** /MODAL ***/

/*** BTN ***/
.btn{ border-radius: 0; }
.btn_wrap{ width: 100%; margin:35px 0 0 0; }

.btn-primary{ padding: 10px 50px; color: #333; font-weight: 700; background: #dcc17b; border-color: #dcc17b; }
.btn-primary:hover, .btn-primary:focus{ color: #fff; background: #c99e2d; border-color: #c99e2d; box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}

.btn-outline-primary{ padding: 10px 10px; color: #f06b83; background: #fff; border-color: #f06b83; }
.btn-outline-primary:hover, .btn-primary:focus{ background: #f06b83; border-color: #f06b83;}
/*** /BTN ***/

/*** COLOR & BG ***/
.color01{ color: #ab7fda; }
.color02{ color: #8c61bc; }
.color03{ color: #f19100; }
.color04{ color: #c00; }
.color05{ color: #999; }

.bg01{ background: #ffedf0; }
/*** /COLOR ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}