@charset "utf-8";
/* CSS Document */
.amg_banner_wrap {position: relative; z-index: 2; height: 0; padding-bottom: 51.042%; overflow: hidden;}
.amg_banner_wrap > div {position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important;}
@media only screen and (max-width:992px){/*依照banner手機版RWD尺寸進行變動*/
    .amg_banner_wrap {padding-bottom: 98.792%;}
}

.banner {position: relative; z-index: 2;}


.ind_A {background: url("../images/ind_bg_01.jpg") no-repeat #000 center right / cover; color: #fff; padding: 7.448% 0 6.719% 0; position: relative; z-index: 1; overflow: hidden;}
.ind_A > .tit {position: absolute; top: 5.487%; right: 0; z-index: 1; width: 478px; height: 118px; background: url("../images/ind_a_02.png") no-repeat left center / cover; color: #fff; font-weight: 500; line-height: 1; letter-spacing: 0; display: flex; flex-flow: wrap; align-items: center; padding: 0 0 2px 48px; margin: 0;}
.ind_A > .tit a:link, .ind_A > .tit a:visited {text-decoration:none; color:#fff; display: flex; flex-flow: row; align-items: center; transition: all 0.5s ease 0s;}
.ind_A > .tit a:active, .ind_A > .tit a:hover {text-decoration:none; color:#c6a47e; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_A > .tit a img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_A > .tit a:hover img {transform: scale(0.8, 0.8);}
.ind_A .tit img {margin: 1px 0 0 19px;}
.ind_A_mai {display: flex; flex-flow: wrap; align-items: flex-start;}
.ind_A_mai .img {width: 500px; line-height: 0; font-size: 0; position: relative; z-index: 1; background: #000;}
.ind_A_mai .img a img {opacity: 1; transition: all 0.5s ease 0s;}
.ind_A_mai .img a:hover img {opacity: 0.5;}
.ind_A_mai .img a::after {content: ''; background: url("../images/ind_a_04.png") no-repeat center / cover; width: 63px; height: 45px; position: absolute; top: calc(50% - 9px); left: calc(50% - 1px); z-index: 100; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition: all 0.5s ease 0s;}
.ind_A_mai .img a:hover::after {background: url("../images/ind_a_04h.png") no-repeat center / cover;}
.ind_A_mai .txt {width: calc(100% - 500px); padding: 1px 0 0 5.898%;}
.ind_A_mai .txt > .tit {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #d90a2c; font-weight: 700; line-height: 1.111111; letter-spacing: 0; padding: 0; margin: 0 0 5.16% 0;}
.ind_A_mai .txt p {padding: 0; margin: 0 0 2px 0; text-align: justify; letter-spacing: 0.65px;}
.ind_A_lis {display: flex; flex-flow: wrap; padding: 7.095% 2px 0 0;}
.ind_A_lis > div {width: 23.117%; margin: 20px 2.51066667% 0 0; position: relative; z-index: 1;}
.ind_A_lis > div:nth-child(4n+4) {margin: 20px 0 0 0;}
.ind_A_lis > div > .img {line-height: 0; font-size: 0;}
.ind_A_lis > div > .txt {position: absolute; bottom: 26px; left: 18px; right: 18px; z-index: 100; min-height: 10px; background: rgba(0, 0, 0, 0.5); padding: 19px 24px 23px 22px; display: flex; flex-flow: column; justify-content: space-between; transition: all 0.5s ease 0s;}
.ind_A_lis > div > .txt > .tit {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #c6a47e; font-weight: 600; line-height: 1.06666667; letter-spacing: 0; position: relative; z-index: 1; padding: 0; margin: 0 0 13px 0;}
.ind_A_lis > div > .txt > .tit::before {content: ''; background: #c6a47e; height: 1px; width: 25px; position: absolute; right: calc(100% + 9px); top: 15px; z-index: -1;}
.ind_A_lis > div > .txt > .but {line-height: 1; letter-spacing: 1.5px; padding: 0; margin: 0; display: flex; flex-flow: row; align-items: center;}
.ind_A_lis > div > .txt > .but img {margin: 1px 0 0 8px;}
.ind_A_lis > div:hover > .txt {min-height: calc(100% - 52px); background: rgba(0, 0, 0, 0.75);}

.ind_B {background: url("../images/ind_bg_02.jpg") repeat-y #000 center top; color: #fff; padding: 4.584% 0 2.084% 0; position: relative; z-index: 1; overflow: hidden;}
.ind_B > .en {font-size: 455%; font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #c6a47e; width: 100%; max-width: 153px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 0; margin: 0; transform:rotate(90deg); position: absolute; top: 12%; right: calc(50% + 560px); z-index: -1; -webkit-animation: change_color_c6a47e 5000ms infinite; animation: change_color_c6a47e 5000ms infinite;}
.ind_B > .menu_list {position: absolute; top: 19.599%; left: calc(50% + 533px); z-index: 100;}
.ind_B > .menu_list > .tit {color: #000; font-weight: 400; line-height: 1.111111; letter-spacing: 0; padding: 0; margin: 0 0 20.07% -3px;}
.ind_B > .menu_list > .tit a:link, .ind_B > .menu_list > .tit a:visited {text-decoration:none; color:#000; transition: all 0.5s ease 0s;}
.ind_B > .menu_list > .tit a:active, .ind_B > .menu_list > .tit a:hover {text-decoration:none; color:#c6a47e; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_B > .menu_list ul, .ind_B > .menu_list ul li {list-style-type:none; margin: 0; padding: 0; line-height: 1.1;}
.ind_B > .menu_list ul {position: relative; z-index: 1; width: 100%; max-width: 185px; padding: 23.2% 0 23.83% 0;}
.ind_B > .menu_list ul::before {content: ''; background: #c6a47e; width: 2px; position: absolute; top: 0; left: 0; bottom: 0; z-index: -10;}
.ind_B > .menu_list ul li a:link, .ind_B > .menu_list ul li a:visited {text-decoration:none; color:#030303; padding: 12px 0 12px 19.5px; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.ind_B > .menu_list ul li a:active, .ind_B > .menu_list ul li a:hover {text-decoration:none; color:#ac875e; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_B > .menu_list ul li a::after {content: ''; background: #c6a47e; height: 2px; width: 0; max-width: 159px; position: absolute; top: calc(100% - 1px); right: 0; z-index: -1; transition: all 0.5s ease 0s;}
.ind_B > .menu_list ul li a:hover::after {width: 100%; left: 0;}
.ind_B_lis {display: flex; flex-flow: wrap; padding: 0 122px 0 0; margin: 0 0 0 -3px; position: relative; z-index: 1;}
.ind_B_lis::before {content: ''; background: #dcdcdc; position: absolute; top: 7.408%; bottom: 10.35%; left: 0; right: -1920px; z-index: -10;}
.ind_B_lis > div {width: 30.828%; margin: 0 3.758% 42px 0; position: relative; z-index: 1;}
.ind_B_lis > div:nth-child(3n+3) {margin: 0 0 42px 0;}
.ind_B_lis > div > .img {line-height: 0; font-size: 0;}
.ind_B_lis > div > .txt {position: absolute; bottom: 18px; left: 20px; right: 38px; z-index: 100; min-height: 10px; background: rgba(0, 0, 0, 0.6); padding: 23px 24px 33px 34px; display: flex; flex-flow: column; justify-content: space-between; transition: all 0.5s ease 0s;}
.ind_B_lis > div > .txt .con {}
.ind_B_lis > div > .txt .con > .tit {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #c6a47e; font-weight: 500; line-height: 1.08333333; letter-spacing: 0; position: relative; z-index: 1; padding: 0; margin: 0 0 12px -0.5px;}
.ind_B_lis > div > .txt .con > .fon {max-height: 0; overflow: hidden; line-height: 0; opacity: 0; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; transition: all 0.25s ease 0s;}
.ind_B_lis > div > .txt > .but {line-height: 1; letter-spacing: 1.7px; padding: 0; margin: 0; display: flex; flex-flow: row; align-items: center;}
.ind_B_lis > div > .txt > .but img {margin: 1px 0 0 8px;}
.ind_B_lis > div:hover > .txt, .ind_B_lis > div.pick > .txt {bottom: 21px; left: 16px; right: 17px; min-height: calc(100% - 42px); padding: 37px 24px 30px 37px; transition: all 0.35s ease 0s;}
.ind_B_lis > div:hover > .txt .con > .tit, .ind_B_lis > div.pick > .txt .con > .tit {margin: 0 0 14px 0;}
.ind_B_lis > div:hover > .txt .con > .fon, .ind_B_lis > div.pick > .txt .con > .fon {max-height: 144px; line-height: 24px; opacity: 1; padding: 0 0 0 1px; transition: all 0.25s ease 0s;}

.ind_C {background: #000; color: #fff; padding: 4.4271% 0 6.25% 0;}
.ind_CT {width: 100%; max-width: 1800px; padding: 0 100px; margin: 0 auto; position: relative; z-index: 1;}
.ind_CT::after {content: ''; height: 1px; background: #fff; position: absolute; bottom: 0; left: 100px; right: 100px; z-index: -1;}
.ind_CT > .con {max-width: 1176px; margin: 0 auto; padding: 0; display: flex; flex-flow: row; align-items: flex-end; position: relative; z-index: 1;}
.ind_CT > .con::after {content: ''; background: #bc122f; height: 3px; width: 100%; max-width: 213px; position: absolute; bottom: 0; left: 3px;}
.ind_CT > .con > .tit {width: calc(100% - 50px); padding: 0 0 30px 0; margin: 0; font-weight: 500; line-height: 1.111111; letter-spacing: 0;}
.ind_CT > .con > .tit span {display: block; font-weight: 400; line-height: 1.06666667; letter-spacing: -0.37px; padding: 7px 0 0 1px; margin: 0;}
.ind_CT > .con > .but {width: 50px; text-align: right; padding: 0 2px 29px 0;}
.ind_CT > .con > .but a:link, .ind_CT > .con > .but a:visited {text-decoration:none; color:#fff; width: 40px; height: 40px; border-radius: 40px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; background: #bc122f; margin: 0 0 0 auto; transition: all 0.5s ease 0s;}
.ind_CT > .con > .but a:active, .ind_CT > .con > .but a:hover {text-decoration:none; color:#fff; background: #c6a47e; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_CT > .con > .but a img {transform:rotate(0deg); transition: all 0.5s ease 0s;}
.ind_CT > .con > .but a:hover img {transform:rotate(315deg);}
.ind_C_lis {padding: 2.605% 0 0 0; position: relative; z-index: 1;}
.ind_C_lis > .en {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #d40a2b; font-size: 455%; font-weight: 600; line-height: 1; letter-spacing: 0.4px; padding: 0; margin: 0; transform:rotate(90deg); width: 100%; max-width: 137px; text-align: right; position: absolute; bottom: 7%; right: calc(50% + 595px); z-index: -1; -webkit-animation: change_color_d40a2b 5000ms infinite; animation: change_color_d40a2b 5000ms infinite;}
.ind_C_lis_con {border-radius: 10px; overflow: hidden; background: #fff; position: relative; z-index: 1; max-width: 370px;}
.ind_C_lis_con > .img {line-height: 0; font-size: 0; padding-bottom: 62.163%; height: 0; overflow: hidden; position: relative; z-index: 1;}
.ind_C_lis_con > .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_C_lis_con > .txt {border: 1px solid #e0e0e0; padding: 0 0 58px 0; position: relative; z-index: 1;}
.ind_C_lis_con > .txt > .tit {color: #444444; font-weight: 500; line-height: 28px; letter-spacing: 0.47px; padding: 0 16px 0 18px; margin: 11px 0; min-height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ind_C_lis_con > .txt > .lin {background: #e0e0e0; height: 1px; width: 100%; line-height: 0; font-size: 0; padding: 0; margin: 0 0 9px 0;}
.ind_C_lis_con > .txt > .fon {color: #666666; text-align: justify; line-height: 24px; letter-spacing: 0.47px; padding: 0 18px 0 19px; min-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.ind_C_lis_con > .txt > .dat {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #a9a9a9; line-height: 1; letter-spacing: 0.2px; position: absolute; bottom: 26px; left: 18px; z-index: -1; display: flex; flex-flow: wrap; align-items: center;}
.ind_C_lis_con > .txt > .dat img {margin: 0 5px 0 0;}
.ind_C_lis_con > .txt > .but {color: #3e3e3e; text-align: right; line-height: 1; letter-spacing: 0.2px; position: absolute; bottom: 28px; right: 22px; z-index: 100; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end; transition: all 0.5s ease 0s;}
.ind_C_lis_con > .txt > .but::after {content: ''; background: url("../images/icon_01g.png") no-repeat center / cover; width: 16px; height: 10px; display: block; line-height: 0; font-size: 0; padding: 0; margin: 1px 0 0 8px; transition: all 0.5s ease 0s;}
.ind_C_lis_con:hover > .img img {transform: scale(1.2, 1.2);}
.ind_C_lis_con:hover > .txt > .but {color: #dd0026;}
.ind_C_lis_con:hover > .txt > .but::after {background: url("../images/icon_01gh.png") no-repeat center / cover;}


@media only screen and (max-width:1600px){
    .ind_A > .tit {width: 405px; height: 100px; top: 5%;}
    .ind_A_lis {padding: 7% 0 0 0;}
    .ind_A_mai .txt {padding: 0 0 0 5.898%}
    .ind_B > .en {/*top: 30%; right: calc(50% + 420px);*/ font-size: 400%;}
    .ind_B > .menu_list {left: calc(50% + 510px);}
    .ind_B_lis {margin: 0;}
    .ind_C_lis > .en {right: calc(50% + 575px); font-size: 400%;}
}
@media only screen and (max-width:1400px){
    .ind_A > .tit {width: 324px; height: 80px; top: 3.5%; padding: 0 0 0 48px;}
    .ind_A_lis {padding: 5% 0 0 0;}
    .ind_B > .en {/*top: 26%;*/ right: calc(50% + 38.5%); font-size: 300%;}
    .ind_B > .menu_list {left: calc(50% + 34.1%);}
    .ind_B_lis > div {width: 32%; margin: 0 2% 40px 0;}
    .ind_B_lis > div:nth-child(3n+3) {margin: 0 0 40px 0;}
    .ind_C_lis > .en {bottom: 10%; right: calc(50% + 40%); font-size: 300%;}
}
@media only screen and (max-width:1200px){
    .ind_A {padding: 40px 0;}
    .ind_A > .tit {width: 405px; height: 100px; position: relative; top: auto; margin: 0 0 20px auto;}
    .ind_A_mai .txt {padding: 0 0 0 30px;}
    .ind_A_mai .txt > .tit {margin: 0 0 20px 0;}
    .ind_A_lis {padding: 20px 0 0 0;}
    .ind_B {padding: 40px 0 10px 0;}
    .ind_B > .en {font-size: 200%; transform: rotate(0deg); position: relative; top: auto; right: auto; padding: 0 50px; max-width: 100%;}
    .ind_B > .menu_list {position: relative; top: auto; left: auto; padding: 10px 50px 0 50px; margin: 10px 0 20px 0; background: #dcdcdc;}
    .ind_B > .menu_list > .tit {padding: 0 0 15px 0; margin: 0;}
    .ind_B > .menu_list ul {padding: 0; max-width: 100%; display: none; flex-flow: wrap;}
    .ind_B > .menu_list ul::before {height: 2px; width: 100%; bottom: auto;}
    .ind_B > .menu_list ul li {margin: 0 5px 10px 0;}
    .ind_B > .menu_list ul li a:link, .ind_B > .menu_list ul li a:visited {padding: 10px;}
    .ind_B_lis {padding: 0;}
    .ind_B_lis::before {left: -1920px; top: 90px; bottom: 90px;}
    .ind_B_lis > div {width: 32%; margin: 0 2% 30px 0;}
    .ind_B_lis > div:nth-child(3n+3) {margin: 0 0 30px 0;}
    .ind_B_lis > div > .txt, .ind_B_lis > div:hover > .txt, .ind_B_lis > div.pick > .txt {padding: 20px; bottom: 21px; left: 16px; right: 17px; min-height: calc(100% - 42px);}
    .ind_B_lis > div > .txt .con > .tit {margin: 0 0 14px 0;}
    .ind_B_lis > div > .txt .con > .fon {max-height: 144px; line-height: 24px; opacity: 1; padding: 0 0 0 1px;}
    .ind_C {padding: 40px 0;}
    .ind_CT::after {left: 0px; right: 0px;}
    .ind_CT > .con > .tit {padding: 0 0 20px 0;}
    .ind_CT > .con > .but {padding: 0 0 20px 0;}
    .ind_C_lis {padding: 15px 0 0 0;}
    .ind_C_lis > .en {font-size: 200%; transform: rotate(0deg); position: relative; top: auto; right: auto; padding: 0 50px 10px 50px; max-width: 100%; text-align: left;}
    .ind_C_lis .owl-nav {opacity: 1!important; left: -40px!important; right: -40px!important;}
}
@media only screen and (max-width:992px){
    .ind_A_mai .img {order: 2; width: 100%; max-width: 500px;}
    .ind_A_mai .txt {order: 1; width: 100%; padding: 0 0 20px 0;}
    .ind_A_mai .txt > .tit {margin: 0 0 10px 0;}
    .ind_A_lis {width: 59.09%; padding: 10px 0 0 0;}
    .ind_A_lis > div, .ind_A_lis > div:nth-child(4n+4) {width: 48%; margin: 20px 4% 0 0;}
    .ind_A_lis > div:nth-child(2n+2) {margin: 20px 0 0 0;}
    .ind_B > .en {padding: 0 20px;}
    .ind_B > .menu_list {padding: 10px 20px 0 20px;}
    .ind_C_lis > .en {padding: 0 20px 10px 20px;}
    .ind_C_lis_con > .txt > .tit, .ind_C_lis_con > .txt > .fon {padding: 0 10px;}
    .ind_C_lis_con > .txt > .dat {left: 10px;}
    .ind_C_lis_con > .txt > .but {right: 10px; bottom: 25px;}
    .ind_C_lis .owl-nav {position: relative!important; left: auto!important; right: auto!important; top: auto!important; height: 40px; margin: 10px 0 0 0!important;}
}
@media only screen and (max-width:768px){
    .ind_A_lis {width: 77.27%;}
    .ind_B_lis > div, .ind_B_lis > div:nth-child(3n+3) {width: 44.507%; margin: 0 10.986% 30px 0;}
    .ind_B_lis > div:nth-child(2n+2) {margin: 0 0 30px 0;}
}
@media only screen and (max-width:576px){
    .ind_A {background-position: center left;}
    .ind_A .tit img {margin: 0 0 0 15px; height: 50px;}
    .ind_A_lis {width: 100%;}
    .ind_B > .en, .ind_C_lis > .en {font-size: 150%;}
    .ind_B_lis > div, .ind_B_lis > div:nth-child(3n+3) {width: 48%; margin: 0 4% 30px 0;}
    .ind_B_lis > div:nth-child(2n+2) {margin: 0 0 30px 0;}
    .ind_B_lis > div > .txt .con > .fon {-webkit-line-clamp: 3; line-clamp: 3;}
    .ind_B_lis > div > .txt, .ind_B_lis > div:hover > .txt, .ind_B_lis > div.pick > .txt {padding: 15px;}
    .ind_C_lis_con {margin: auto;}
    .ind_C_lis_con > .txt {padding: 10px 0 55px 0;}
    .ind_C_lis_con > .txt > .tit {min-height: 28px; -webkit-line-clamp: 1; line-clamp: 1;}
}
@media only screen and (max-width:430px){
    .ind_A .tit img {height: 40px;}
    .ind_A > .tit {width: 324px; height: 80px;}
    .ind_A_lis > div, .ind_A_lis > div:nth-child(4n+4), .ind_A_lis > div:nth-child(2n+2) {width: 100%; max-width: 270px; margin: 20px auto 0 auto;}
    .ind_B > .menu_list > .tit {margin: 0 0 10px 0;}
    .ind_B > .menu_list ul {padding: 10px 0 5px 0;}
    .ind_B > .menu_list ul li {margin: 0 5px 5px 0;}
    .ind_B > .menu_list ul li a:link, .ind_B > .menu_list ul li a:visited {padding: 5px 10px;}
    .ind_B_lis > div, .ind_B_lis > div:nth-child(3n+3), .ind_B_lis > div:nth-child(2n+2) {width: 100%; max-width: 324px; margin: 0 auto 30px auto;}
    .ind_B_lis > div > .txt .con > .fon {-webkit-line-clamp: 6; line-clamp: 6;}
}
@media only screen and (max-width:350px){
    .ind_A > .tit {padding: 0 0 0 30px;}
    .ind_A .tit img {height: 30px;}
    .ind_A > .tit {width: 260px; height: 64px;}
    .ind_CT > .con::after {max-width: 150px;}
    .ind_C_lis_con > .txt > .but {bottom: 28px;}
}