@charset "utf-8";
/* CSS Document */
.ind_A {position: relative; background: url("/images/theme-b99/bg_01.jpg") no-repeat fixed bottom center; background-size: 100%; padding: 178px 0 225px 0;}
.ind_A > div.frame_1170 {position: relative; z-index: 10;}
.ind_AC {position: relative; z-index: 10;}
.ind_AC::before {content: ''; background: url("/images/theme-b99/pic_01.png") no-repeat center; background-size: cover; width: 288px; height: 574px; position: absolute; top: -19px; right: calc(100% + 14px); -webkit-animation: topmove_b5 3000ms infinite; animation: topmove_b5 3000ms infinite;}
.ind_AC .title_a {margin: 0 0 26px 105px;}
.ind_ACC {background: url("/images/theme-b99/bg_02.jpg") no-repeat center; width: 884px; height: 431px; padding: 47px 70px 75px 70px; position: relative;}
.ind_ACC > h3 {color: #b7945c; font-family: 'Noto Serif TC', serif; margin-bottom: 27px;}
.ind_ACC > p {color: #666666; font-weight: bold; line-height: 200%; max-width: 397px;}
.ind_ACC > div {width: 397px; position: absolute; bottom: 40px; left: 70px;}
.ind_ACC > div a:link, .ind_ACC > div a:visited {text-decoration:none; color:#9b7a15; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; text-align: center; width: 74px; padding: 4px 0; margin: 0 0 0 auto; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.ind_ACC > div a:active, .ind_ACC > div a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_ACC > div a::before {content: ''; height: 2px; width: 100%; background-color: #9b7a15; position: absolute; bottom: -2px; left: 0; z-index: -1; transition: all 0.5s ease 0s;}
.ind_ACC > div a:hover::before {height: calc(100% + 2px); background-color: #94252a;}
.ind_AP {width: 49.344%; padding-bottom: 55.23%; position: absolute; top: 0; right: 0; z-index: 20;}
.ind_AP span {background: url("/images/theme-b99/pic_02.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

.ind_B {background: url("/images/theme-b99/bg_03.jpg") no-repeat top center; padding: 60px 0 326px 0; color: #fff;}
.ind_B .title_b {margin-bottom: 17px;}
.ind_B p {line-height: 200%; text-align: center;}
.ind_BL {position: relative;}
.ind_BLC {padding: 50px 85px 0 85px; position: absolute; top: 0; left: 0; width: 100%;}

.ind_C {padding: 26px 30px 40px 30px;}
.ind_CC {background-color: #fff9f1; padding: 109px 0 95px 0;}
.ind_CC > div {position: relative; z-index: 1;}
.ind_CCC {position: relative; padding: 0 60px 15px 40px;}
.ind_CCC::before {content: ''; background: url("/images/theme-b99/pic_03.png") no-repeat center; background-size: cover; width: 275px; height: 308px; position: absolute; top: -49px; right: -3px;}
.ind_CCC::after {content: ''; background: url("/images/theme-b99/pic_04.png") no-repeat center; background-size: cover; width: 275px; height: 299px; position: absolute; bottom: -72px; left: -62px;}
.ind_CCC > h3 {color: #ad8650; font-family: 'Noto Serif TC', serif; letter-spacing: 7px; font-weight: 500; display: flex; flex-direction: column; align-items: center; margin-bottom: 32px;}
.ind_CCC > p {color: #666666; line-height: 200%; text-align: center; max-width: 820px; margin: auto;}
.ind_CC > div > a:link, .ind_CC > div > a:visited {text-decoration:none; color:#9b7a15; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; text-align: center; width: 74px; padding: 4px 0; margin: auto; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.ind_CC > div > a:active, .ind_CC > div > a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_CC > div > a::before {content: ''; height: 2px; width: 100%; background-color: #9b7a15; position: absolute; bottom: -2px; left: 0; z-index: -1; transition: all 0.5s ease 0s;}
.ind_CC > div > a:hover::before {height: calc(100% + 2px); background-color: #94252a;}

.ind_D {padding: 33px 0px 140px 0px; margin: 0 30px; position: relative; background: url("/images/theme-b99/bg_04.jpg") no-repeat top center;}
.ind_D > h2 {margin-bottom: 30px;}
.ind_D > p {color: #7f5333; font-weight: bold; line-height: 150%; text-align: center; margin-bottom: 85px;}
.ind_DL {max-width: 1560px; margin: auto;}
.ind_DL .item > div {margin: 0 23px; position: relative;}
.ind_DL .item > div > div {position: relative; width: 100%; padding-bottom: 123.84%; height: 0; background-color: #fff; margin-bottom: 57px;}
.ind_DL .item > div > div::after {content: ''; /*background: url("/images/theme-b99/pic_05.png") no-repeat center;*/ background-size: cover; width: 104px; height: 104px; position: absolute; left: -25px; top: 17px; z-index: 50;}
.ind_DL .item > div:hover > div::after {-webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
.ind_DL .item > div > div>img{position:absolute;right: 70%;}
.ind_DL .item > div > div img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_DL .item > div:hover > div img {transform: scale(0.9, 0.9);}
.ind_DL .item > div > h3 {color: #33352a; font-family: 'Noto Serif TC', serif; text-align: center; transition: all 0s ease 0s;}
.ind_DL .item > div:hover > h3 {color: #94252a; -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}

.ind_E {background-color: #fff7f3; position: relative; padding: 25px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ind_E::before {content: ''; width: 17.447%; padding-bottom: 45.56%; background: url("/images/theme-b99/pic_07.png") no-repeat; background-size: cover; position: absolute; top: -12%; left: 0; z-index: 20;}
.ind_EC {position: relative; z-index: 1; width: 80%;}
.ind_ECP {line-height: 0;}
.ind_ECC {position: absolute; top: 0px; left: 0px; right: 0px; padding: 92px 35.1% 0 28.81%;}
.ind_ECC .title_a {margin: 0 0 34px 35px;}
.ind_ECC p {color: #7f5333; font-weight: bold; line-height: 213%;}
.ind_ECC a:link, .ind_ECC a:visited {text-decoration:none; color:#9b7a15; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; text-align: center; width: 74px; padding: 4px 0; margin: 0 0 0 auto; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.ind_ECC a:active, .ind_ECC a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_ECC a::before {content: ''; height: 2px; width: 100%; background-color: #9b7a15; position: absolute; bottom: -2px; left: 0; z-index: -1; transition: all 0.5s ease 0s;}
.ind_ECC a:hover::before {height: calc(100% + 2px); background-color: #94252a;}

.ind_F {padding: 113px 0px 120px 0px;}
.ind_F > div > h2 {margin-bottom: 35px;}
.ind_F > div > p {color: #7f5333; font-weight: bold; line-height: 150%; text-align: center; margin-bottom: 93px;}
.ind_FL {display: flex; flex-wrap: wrap; justify-content: space-between;}
.ind_FL > div {width: 194px; position: relative;}
.ind_FL > div > div {position: relative; width: 100%; padding-bottom: 194px; height: 0; border: 3px solid #c0a882; margin-bottom: 13px; transition: all 0.5s ease 0s;}
.ind_FL > div:hover > div {border: 3px solid #7c5334;}
.ind_FL > div > h3 {color: #b7945c; font-weight: bold; text-align: center; line-height: 150%; transition: all 0.5s ease 0s;}
.ind_FL > div:hover > h3 {color: #7c5334;}