@charset "utf-8";
/* CSS Document */
.amg_banner_wrap {position: relative; z-index: 2; height: 0; padding-bottom: 37.24%; 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: 72.077%;}
}

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


.ind_A {background: url("../images/ind_bg_01a.jpg") no-repeat fixed top center / cover; position: relative; z-index: 3; padding: 4.792% 0 8.542% 0; overflow:hidden;}
.pic_01 {width: 14.167%; position: absolute; bottom: 7.701%; left: 0px; z-index: 1; transition: all 2.1s ease 0s;}
.ind_A .tit_A {width: 100%; max-width: 1170px; padding: 0 25px; margin: auto; overflow: hidden;}
.ind_A .owl-carousel {margin: 147px 0 0 -3px;}
.ind_A_lis {width: 100%; max-width: 362px;}
.ind_A_lis > .img {line-height: 0; font-size: 0; height: 0; padding-bottom: 120.995%; overflow: hidden; position: relative; z-index: 1;}
.ind_A_lis > .img img {transform: translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_A_lis:hover > .img img {transform: translate(-50%,-50%) scale(1.2, 1.2);}
.ind_A_lis > .txt {color: #fff; background: #9b6e71; position: relative; z-index: 1; padding: 21px 107px 26px 30px; margin: -49px 7.46% 0 6.91%;}
.ind_A_lis > .txt > .tit {font-weight: 600; line-height: 1.2; letter-spacing: 0.1px; position: relative; z-index: 10; padding: 0; margin: 0 0 12px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.ind_A_lis > .txt > .mor {font-family: "Roboto Condensed", sans-serif; font-weight: 400; line-height: 1.1111111; letter-spacing: -0.2px; position: relative; z-index: 10; padding: 0; margin: 0 0 0 1px;}
.ind_A_lis > .txt > .lin {width: 97px; background: #16120f; display: flex; flex-flow: wrap; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; padding: 3px 34px 0 0; transition: all 0.5s ease 0s;}
.ind_A_lis > .txt:hover > .lin {width: 100%;}
.ind_A_lis > .txt:hover > .lin img {opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-drop; animation-name: hvr-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.ind_B {background: url("../images/ind_bg_02.jpg") no-repeat fixed top center / cover; position: relative; z-index: 2; padding: 8.594% 0 5.209% 0; overflow:hidden;}
.pic_11 {width: 12.917%; text-align: right; position: absolute; bottom: 13.826%; right: 1px; z-index: 1; transition: all 2.1s ease 0s;}
/*.pic_12 {width: 12.396%; position: absolute; bottom: -29.125%; left: 0; z-index: 1;}*/
.pic_12 {width: 12.396%; position: absolute; bottom: 0; left: 0; z-index: 1;}
.ind_B > div.frame_1367 {display: flex; flex-flow: wrap; align-items: flex-start;}
.ind_B > div.frame_1367 > .lef {width: 43.086%; padding: 0 20px 0 0;}
.ind_B > div.frame_1367 > .lef > .tit_B {margin: 0 0 10.37% -5.976%;}
.ind_B_con {height: 680px; overflow-y: auto;}
.ind_B_con_lis {max-width: 478px; margin: 0 0 7.91% 3px; border-bottom: 2px solid #323232;}
.ind_B_con .ind_B_con_lis:last-child {margin: 0 0 0 3px; border-bottom: 0;}
.ind_B_con_lis > .tit {font-family: "Roboto Condensed", sans-serif; color: #313131; font-weight: 600; line-height: 30px; letter-spacing: -0.3px; min-height: 60px; padding: 0 0 0 21.97%; margin: 0 0 8.58% 0; position: relative; z-index: 1; cursor: pointer;}
.ind_B_con_lis > .tit::before {content: attr(data-type); position: absolute; top: -5px; left: -3px; font-size: 230%; font-family: "Roboto", sans-serif; font-weight: 500; line-height: 1; text-shadow: -2px -2px 0 #4e0a10,2px -2px 0 #4e0a10,-2px 2px 0 #4e0a10,2px 2px 0 #4e0a10; color: #dddddd; letter-spacing: 3px;}
.ind_B_con_lis > .con {display: none; color: #010101; letter-spacing: -0.12px; margin: -3.35% -2px 9.624% 0;}
.ind_B_con_lis > .con p {margin: 26px 0;}
.pick_con > .con {display: block;}
.ind_B > div.frame_1367 > .rig {width: 56.914%; max-width: 778px; position: relative; z-index: 1; line-height: 0; font-size: 0; padding: 1px 3px 0 1px; margin: 0 auto;}
.rou_01 {border-radius: 50%; overflow: hidden; position: relative; z-index: 1; box-shadow: 0 0 31px rgba(0, 0, 0, 0.25); -webkit-animation: rotate 30s linear infinite; animation: rotate 30s linear infinite;}
.rou_01 img {transform: rotateY(180deg);}
.rou_02 {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; z-index: 2; transform:translate(-49.9%, -50%);}
.rou_11 {width: 14.14%; position: absolute; top: 7.097%; left: calc(50% - 7.196%); z-index: 11; cursor: pointer;}
.rou_12 {width: 14.14%; position: absolute; bottom: 24.904%; left: 11.184%; z-index: 11; cursor: pointer;}
.rou_13 {width: 14.14%; position: absolute; bottom: 25.034%; right: 12.468%; z-index: 11; cursor: pointer;}
.rou_21 {width: 13.368%; position: absolute; top: calc(50% - 6.064%); left: calc(50% - 6.555%); z-index: 21;}

.ind_C {background: #434343; position: relative; z-index: 1; overflow:hidden;}
.pic_21 {width: 19.844%; background: #4f0d0f; clip-path: polygon(0% 0%, 100% 0%, 41.5% 100%, 0% 100%); position: absolute; top: 0; bottom: 0; left: 0; z-index: 50;}
.pic_22 {width: 12.396%; position: absolute; top: 0; left: 0; z-index: 100;}
.ind_C > div.frame_1591 {display: flex; flex-flow: wrap; align-items: center;}
.ind_C > div.frame_1591 > .img {width: 57.386%; margin: 0 0 0 -3px; clip-path: polygon(0% 0%, 100% 0%, 75.85% 100%, 0% 100%); background: #4f0d0f; position: relative; z-index: 1;}
.ind_C > div.frame_1591 > .txt {width: 42.614%; position: relative; z-index: 5; color: #010101; letter-spacing: 0.9px; padding: 0;}
.ind_C > div.frame_1591 > .txt::before {content: ''; background: #eeeeee; position: absolute; top: -36px; bottom: -38px; right: -300px; left: -29.057%; z-index: -10; clip-path: polygon(14.4% 0%, 100% 0%, 100% 100%, 0% 100%);}
.ind_C > div.frame_1591 > .txt::after {content: ''; background: #9b6e71; width: 33.04%; position: absolute; top: -53px; bottom: -55px; left: -32.892%; z-index: 100; clip-path: polygon(84% 0%, 100% 0%, 16% 100%, 0% 100%); pointer-events: none; cursor: text;}
.ind_about {height: 256px; overflow: hidden; margin: 0 -16px 0 0;}
.ind_C > div.frame_1591 > .txt .fs_20 {font-weight: 600; line-height: 1.8; letter-spacing: 0.23px; padding: 0; margin: 8px 10px 18px 0;}
.ind_C > div.frame_1591 > .txt p {margin: 10px 0 0 1px; padding: 0;}

.ind_D {background: url("../images/ind_bg_03.jpg") no-repeat fixed top center / cover; padding: 4.323% 0 3.542% 0; overflow:hidden;}
.ind_D > div {display: flex; flex-flow: wrap;}
.ind_D > div > .lef {width: 512px; letter-spacing: 0.6px; padding: 27px 5.972% 0 0; margin: 0 0 0 -2px;}
.ind_D > div > .lef .tit_C {justify-content: flex-end; margin: 0 0 9.353% 0;}
.ind_D > div > .lef .tit_C span {margin: 1px 0 0 0;}
.ind_D > div > .lef .but_a {margin: 21.823% 6px 0 auto;}
.ind_D > div > .rig {width: calc(100% - 512px);}
.ind_D_lis {width: 100%; max-width: 337px; position: relative; z-index: 1; border-radius: 150px 0 150px 0; overflow: hidden;}
.ind_D_lis > .img {height: 0; padding-bottom: 129.081%; overflow: hidden; position: relative; z-index: 1;}
.ind_D_lis > .img img {transform: translate(-50%,-50%) scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_D_lis:hover > .img img {transform: translate(-50%,-50%) scale(1.2, 1.2);}
.ind_D_lis > .tit {color: #fff; font-weight: 600; line-height: 1.4; min-height: 153px; padding: 19px 8.907% 70px 8.61%; margin: 0; position: relative; z-index: 10; overflow: hidden;}
.ind_D_lis > .tit::before {content: ''; background: #898989; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10;}
.ind_D_lis > .tit::after {content: ''; background: #946a6f; width: 0; position: absolute; top: 0; right: 0; bottom: 0; z-index: -5; transition: all 0.5s ease 0s;}
.ind_D_lis:hover > .tit::after {width: 100%; left: 0;}
.ind_D_lis > .but {width: 120px; height: 60px; border-radius: 60px 60px 0 0; background: #4f0d0f; position: absolute; bottom: 0; left: 8.907%; z-index: 100; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 13px 6px 0 0;}
.ind_D_lis:hover > .but img {opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-drop; animation-name: hvr-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.ind_D .owl-carousel .owl-item:nth-child(3n+1) {margin-top: 39px;}
.ind_D .owl-carousel .owl-item:nth-child(3n+2) {margin-top: 78px;}
.ind_D .owl-carousel .owl-item:nth-child(3n+3) {margin-top: 0;}