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

.banner {position: relative; z-index: 2;}
.banner .sha {position: absolute; top: calc(50% + 5.241%); left: 5.313%; z-index: 99; display: flex; flex-flow: column; justify-content: center; align-items: center; transform: translateY(-50%); line-height: 0; font-size: 0;}
.banner .sha a {display: block; margin: 7.5px 0;}

.scrolldown {color: #efefef; position: absolute; top: 0; left: 0; right: 0; z-index: 77; padding-bottom: 48.135%; pointer-events: none; line-height: 1.555556;}
.scrolldown a {position: absolute; bottom: 63px; left: 6px; display: flex; flex-flow: row; align-items: center; font-weight: 500; transform: rotate(90deg); pointer-events:auto!important; cursor: pointer;}
.scrolldown a:link, .scrolldown a:visited {text-decoration:none; color:#efefef; transition: all 0.5s ease 0s;}
.scrolldown a:active, .scrolldown a:hover {text-decoration:none; color:#90643b; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; cursor:pointer; transition: all 0.5s ease 0s;}
.scrolldown a span {background: #9f9f9f; height: 1px; width: 51.198vw; line-height: 0; font-size: 0; position: absolute; top: 50%; left: 85%; z-index: -10;}
.scrolldown a::after {content: ''; width: 78px; height: 6px; background: #90643b; font-size: 0; line-height: 0; padding: 0; margin: 0 0 0 20px;}

.ind_box {font-size: 0; line-height: 0; padding-bottom: 183px;}

.ind_A {/*padding: 9.532% 0 0 0;*/ padding: 0 0 0 0; position: relative; z-index: 1;}
#ind_about {position: absolute; top: -183px; left: 0; z-index: -100;}
.ind_A > div.frame_1574 {display: flex; flex-flow: wrap; align-items: flex-start;}
.ind_A > div.frame_1574 > .img {width: 42.377%; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.ind_A > div.frame_1574 > .img > span {width: 28.036%; max-width: 187px; display: block; position: absolute; top: -17px; left: -1px; z-index: 10; -webkit-animation: rotate_360_left 40000ms linear infinite; animation: rotate_360_left 40000ms linear infinite;}
.ind_A > div.frame_1574 > .img::before {content: ''; background: #f8f8f8; height: 78.625%; position: absolute; top: -60px; left: -1920px; right: -62px; /*bottom: 231px;*/ z-index: -10;}
.ind_A > div.frame_1574 > .txt {width: calc(100% - 42.377%); padding: 47px 8.26% 35px 7.624%; color: #595959; letter-spacing: 0.68px; position: relative; z-index: 1;}
.ind_A > div.frame_1574 > .txt::before {content: ''; background: #f8f8f8; height: 57.678%; position: absolute; /*top: 338px;*/ left: 49.726%; right: -1920px; bottom: 1px; z-index: -10;}
.ind_A > div.frame_1574 > .txt h1 {color: #333333; font-size: 450%; font-weight: 400; line-height: 1; letter-spacing: 1.5px; padding: 0; margin: 0 0 8.22% 0;}
.ind_A > div.frame_1574 > .txt p {margin: 0;}
.ind_A > div.frame_1574 > .txt .nan {color: #333; font-weight: 300; line-height: 1.0833333; letter-spacing: 0.7px; padding: 12.33% 0 0 0; margin: 0;}
.ind_A > div.frame_1574 > .txt .nan span {color: #90643b; font-weight: 500; letter-spacing: 0.75px; padding: 0 0 0 3.807%;}
.ind_A > div.frame_1574 > .txt .but_A {padding: 7.763% 0 0 0;}

.ind_B {background: #eee; /*height: 1090px;*/ overflow: hidden; position: relative; z-index: 1; margin: 6.511% 0 0 0;}
.ind_B::before {content: ''; border: 1px solid #cecece; position: absolute; top: 35px; bottom: 35px; left: 33px; right: 33px; z-index: 1; border-radius: 0 0 323px 0;}
.ind_B::after {content: ''; width: 74px; height: 74px; border: 1px solid #cecece; position: absolute; bottom: 35px; right: 33px; z-index: 1; border-radius: 50%;}
.slider-for {position: absolute!important; top: calc(50% + 23px); left: 73px; z-index: 50; transform: translateY(-50%); line-height: 0; font-size: 0; max-width: 1087px; width: calc(100% - 650px - 37px);}
.slider-for .slick-slide {border: 0!important; margin: 16px 0; filter: grayscale(100%);}
.slider-for .slick-slide a {pointer-events: none; cursor: text;}
.slider-for .slick-current {filter: grayscale(0%);}
.slider-for .slick-current a {pointer-events: initial; cursor: pointer;}
.slider-for .slick-slide .con {background: #e5e5e5; padding: 0 13.432% 0 28px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start;}
.slider-for .slick-slide .con > .img {position: relative; z-index: 1;}
.slider-for .slick-slide .con > .img > .fon {position: absolute; top: 13px; bottom: 13px; left: 18px; right: 18px; z-index: 100; background: rgba(4, 4, 4, 0.15); border: 1px solid #7d7d7d; color: #fff; font-weight: 300; line-height: 1.5; letter-spacing: 0; padding: 4.272% 4.655%; opacity: 0; transition: all 0.5s ease 0s;}
.slider-for .slick-current .con > .img > .fon {opacity: 1; transition: all 1.5s ease 0s;}
.ind_B .frame_1574 > .txt {/*position: absolute; top: 0; bottom: 0; right: 155px; z-index: 100;*/ width: 650px; text-align: right; padding: 9.594% 3.495% 18.171% 0; margin: 0 0 0 auto; position: relative; z-index: 100;}
.ind_B .frame_1574 > .txt .but_A {justify-content: flex-end; padding: 0 5.883% 0 0;}
.ind_B .frame_1574 > .txt .tit {font-size: 450%; color: #333333; font-weight: 400; line-height: 1; letter-spacing: 0; padding: 0; margin: 14.456% -2px 11.093% 0; position: relative; z-index: 1;}
.ind_B .frame_1574 > .txt .tit::after {content: ''; background: #90643b; height: 1px; width: 47.908%; position: absolute; top: calc(100% + 17px); right: 6px; z-index: -1; line-height: 0; font-size: 0;}
.ind_B .frame_1574 > .txt .slider-nav {max-width: 582px; margin: 0 0 0 auto;}
.ind_B .frame_1574 > .txt .slider-nav .slick-slide {color: #292929; line-height: 1.4444444; letter-spacing: -0.05px; position: relative; z-index: 1; cursor: pointer; padding: 9.5px 0 12.5px 0; margin: 0; transition: all 0.5s ease 0s;}
.ind_B .frame_1574 > .txt .slider-nav .slick-slide:hover, .ind_B .frame_1574 > .txt .slider-nav .slick-current {color: #90643b;}
.ind_B .frame_1574 > .txt .slider-nav .slick-slide::before {content: ''; background: #6a6e52; height: 1px; width: 49.83%; position: absolute; top: calc(50% - 1px); right: 0; z-index: -10; transition: all 0.5s ease 0s;}
.ind_B .frame_1574 > .txt .slider-nav .slick-slide span {background: #eee; position: relative; z-index: 10; padding: 0 0 0 21px;}
.ind_B .frame_1574 > .txt .slider-nav .slick-current::before {width: 100%; transition: all 0.5s ease 0s;}
.ind_B .frame_1574 > .txt .slider-nav .slick-current span {padding: 0 0 0 13px;}
.ind_B .frame_1574 > .txt .slider-nav .slick-track {display: flex; flex-flow: column; justify-content: center; align-items: flex-end;}

.ind_C {background: url("../images/ind_bg_02.jpg") no-repeat center top; padding: 6.146% 0 5.0521% 0;}
.ind_C .frame_1574 > .tit {color: #333333; font-size: 450%; font-weight: 400; line-height: 1; letter-spacing: 1.5px; padding: 0 260px 0 0; margin: 0;}
.ind_C .frame_1574 > .but_A {position: absolute; top: -5.68%; right: 191px; z-index: 10;}
.ind_C .frame_1574 > .but_A a {padding: 0 0 0 2px;}
.ind_C .frame_1574 .owl-carousel {padding: 4.956% 47px 0 1px; margin: 0 0 0 -15px;}
.ind_C .frame_1574 .owl-carousel .item {padding: 15px;}
.ind_C .frame_1574 .owl-carousel .item > .con {position: relative; z-index: 1; max-width: 337px; border: 1px solid #c9c9c9; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);}
.ind_C .frame_1574 .owl-carousel .item > .con > .img {height: 0; padding-bottom: 134.93%; overflow: hidden; position: relative; z-index: 1;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt {position: absolute; bottom: 31px; left: 22px; right: 20px; z-index: 100; /*min-height: 126px;*/ border: 1px solid #b5b5b5; background: rgba(255, 255, 255, 0.9); display: flex; flex-flow: wrap; align-items: flex-end; padding: 5.075% 8.66% 6.27% 8.06%;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef {width: calc(100% - 36.6%); font-family: "Roboto", 'Noto Sans TC', serif; line-height: 1.111111; padding: 11px 3px 0 0;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .num {color: rgba(255, 255, 255, 0.8); font-weight: 300; letter-spacing: 0; padding: 0; margin: 0; position: absolute; bottom: calc(100% + 10px); left: -3px;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .ste {color: #000; font-weight: 300; letter-spacing: 0; font-size: 112.5%; padding: 0; margin: 0 0 10.08% 0;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .tit {color: #333; font-weight: 400; line-height: 1.111111; letter-spacing: 2px; padding: 0; margin: 0; font-size: 112.5%;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .tit span {position: relative; z-index: 1;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .tit span::after {content: ''; background: #515151; height: 1px; position: absolute; top: calc(100% + 5px); left: 0; right: 0; z-index: -1;}
.ind_C .frame_1574 .owl-carousel .item > .con > .txt > .rig {width: 36.6%; line-height: 0; font-size: 0;}

@media only screen and (max-width:1800px){
    .banner .sha {left: 2.2%;}
    .scrolldown a {left: -3.061%;}
    .scrolldown a span {width: 54.8vw;}
}
@media only screen and (max-width:1700px){
    .scrolldown a {left: -3.3%;}
    .scrolldown a span {width: 56.198vw;}
    .ind_A > div.frame_1574 > .txt {padding: 40px 6% 35px 7.624%;}
    .ind_A > div.frame_1574 > .txt h1 {margin: 0 0 7% 0;}
    .ind_A > div.frame_1574 > .txt .nan {padding: 11% 0 0 0;}
    .ind_A > div.frame_1574 > .txt .but_A {padding: 7% 0 0 0;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt {padding: 5% 7%;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef {padding: 0 3px 10px 0;}
}
@media only screen and (max-width:1600px){
    .logo {left: 7%!important;}
    .scrolldown a {left: -3.9%;}
    .scrolldown a span {width: 53.9vw;}
    .ind_box {padding-bottom: 160px;}
    #ind_about {top: -159px;}
    .ind_A > div.frame_1574 > .txt {padding: 25px 4% 35px 7.624%;}
    .ind_A > div.frame_1574 > .txt h1 {margin: 0 0 5% 0;}
    .ind_A > div.frame_1574 > .txt .nan {padding: 9% 0 0 0;}
    .ind_A > div.frame_1574 > .txt .but_A {padding: 5% 0 0 0;}
    .ind_B::before {border-radius: 0 0 250px 0;}
    .ind_B::after {width: 70px; height: 70px;}
    .slider-for .slick-slide .con {padding: 0 10% 0 25px;}
    .ind_B .frame_1574 > .txt {padding: 7% 2% 13% 0;}
    .ind_B .frame_1574 > .txt .but_A {padding: 0 5% 0 0;}
    .ind_B .frame_1574 > .txt .tit {margin: 7% 0 7% 0;}
    .ind_B .frame_1574 > .txt .tit::after {width: 45.5%;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-current::before {width: 90%;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-slide {padding: 8px 0 10px 0;}
    .ind_C .frame_1574 .owl-carousel {padding: 4.956% 40px 0 0;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt {bottom: 25px; left: 17px; right: 17px;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .tit {letter-spacing: 1px;}
}
@media only screen and (max-width:1400px){
    .logo {width: 230px!important; left: 4.5%!important; top: 52px!important;}
    .links {right: 5%!important; top: 59px!important;}
    .scrolldown a {left: -4.9%;}
    .scrolldown a span {width: 53.1vw;}
    .ind_box {padding-bottom: 140px;}
    #ind_about {top: -139px;}
    .ind_A > div.frame_1574 > .txt {padding: 0 0 35px 5%;}
    .ind_A > div.frame_1574 > .txt h1 {margin: 0 0 3% 0;}
    .ind_A > div.frame_1574 > .txt .nan {padding: 7% 0 0 0;}
    .ind_A > div.frame_1574 > .txt .nan span {letter-spacing: 0.5px; padding: 0 0 0 2%;}
    .ind_A > div.frame_1574 > .txt .but_A {padding: 3% 0 0 0;}
    .ind_B::before {border-radius: 0 0 200px 0;}
    .ind_B::after {width: 60px; height: 60px;}
    .slider-for {width: calc(100% - 570px);}
    .ind_B .frame_1574 > .txt {width: 570px; padding: 7% 0 15% 0;}
    .ind_B .frame_1574 > .txt .tit {margin: 5% 0 7% 0;}
    .ind_B .frame_1574 > .txt .tit::after {width: 49%;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-current::before {width: 77%;}
    .ind_C .frame_1574 .owl-carousel {padding: 50px 30px 0 0;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt {bottom: 20px; left: 10px; right: 10px; padding: 3% 5%;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .tit {letter-spacing: 0;}
    .ind_C .owl-nav {right: -20px!important;}
    .ind_C .owl-next span::after, .ind_C .owl-prev span::before {width: 55px!important; height: 55px!important;}
}
@media only screen and (max-width:1200px){
    .scrolldown {top: 60px;}
    .banner .sha {left: 20px; top: 20px; right: 20px; flex-flow: wrap; justify-content: flex-start; transform:none;}
    .banner .sha a {margin: 5px;}
    .scrolldown a {left: -70px;}
    .scrolldown a span {width: 57.2vw;}
    .ind_box {padding-bottom: 120px;}
    #ind_about {top: -119px;}
    /*.ind_A {padding: 9% 0 5% 0;}*/
    .ind_A > div.frame_1574 > .txt {padding: 0 0 20px 30px;}
    .ind_A > div.frame_1574 > .txt h1 {font-size: 350%; margin: 0 0 15px 0;}
    .ind_A > div.frame_1574 > .txt .nan {padding: 30px 0 0 0;}
    .ind_A > div.frame_1574 > .txt .but_A {padding: 20px 0 0 0;}
    .ind_B {padding: 40px 0; margin: 40px 0 0 0;}
    .ind_B::before {top: 20px; bottom: 20px; left: 20px; right: 20px; border-radius: 0;}
    .ind_B::after {width: 40px; height: 40px; bottom: 5px; right: 5px;}
    .ind_B > div.frame_1574 {display: flex; flex-flow: column;}
    .slider-for {order: 2; position: relative!important; top: auto; left: auto; transform:none; max-width: 100%; width: 100%;}
    .slider-for .slick-slide {margin: 10px;}
    .slider-for .slick-slide .con {padding: 40px;}
    .ind_B .frame_1574 > .txt {order: 1; width: 100%; padding: 0;}
    .ind_B .frame_1574 > .txt .but_A {position: absolute; right: 0; top: 0; padding: 0;}
    .ind_B .frame_1574 > .txt .tit {font-size: 350%; text-align: left; margin: 33px 150px 50px 0;}
    .ind_B .frame_1574 > .txt .tit::after {right: auto; left: 0; width: 43%;}
    .ind_B .frame_1574 > .txt .slider-nav {max-width: 100%; margin: 0; z-index: 100; display: none;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-track {flex-flow: wrap;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-slide {width: auto!important; padding: 0 0 20px 0;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-slide span, .ind_B .frame_1574 > .txt .slider-nav .slick-current span {padding: 5px 10px;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-slide::before {width: 33.33%; top: calc(100% - 13px); right: auto; left: 50%; z-index: 100; transform: translateX(-50%);}
    .ind_B .frame_1574 > .txt .slider-nav .slick-current::before {width: 100%; background: #90643b;}
    .ind_C {padding: 6.146% 0 40px 0;}
    .ind_C .frame_1574 > .tit {font-size: 350%; padding: 0 160px 0 0;}
    .ind_C .frame_1574 > .but_A {right: 65px; top: -5.5%;}
    .ind_C .frame_1574 .owl-carousel {padding: 40px 0 0 0; margin: 0;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef {padding: 0 3px 20px 0;}
    .ind_C .frame_1574 .owl-carousel .item > .con > .txt > .lef > .ste {margin: 0 0 10px 0;}
    .ind_C .owl-nav {position: relative!important; right: auto!important; bottom: auto!important; max-width: 100%!important; flex-flow: wrap!important; justify-content: center!important;}
    .ind_C .owl-prev span::before {margin: 0!important;}
    .ind_C .owl-nav button {margin: 5px 10px!important;}
}
@media only screen and (max-width:992px){
    .scrolldown, .ind_box {display: none;}
    .ind_A > div.frame_1574 > .txt h1, .ind_B .frame_1574 > .txt .tit, .ind_C .frame_1574 > .tit {font-size: 300%;}
    .ind_A > div.frame_1574 > .img {order: 2; width: 100%;}
    .ind_A > div.frame_1574 > .img::before {right: 4%;}
    .ind_A > div.frame_1574 > .txt {order: 1; width: 100%; padding: 40px 0 20px 0; z-index: 10;}
    .ind_A > div.frame_1574 > .txt::before {bottom: 0px;}
    .ind_A > div.frame_1574 > .txt .but_A {justify-content: flex-end;}
    .ind_B .frame_1574 > .txt .but_A {right: 20px;}
    .ind_B .frame_1574 > .txt .tit {margin: 30px 140px 40px 20px;}
    .ind_B .frame_1574 > .txt .slider-nav, .slider-for {padding: 0 20px;}
    .ind_C .frame_1574 > .tit {letter-spacing: 0.5px; padding: 0 130px 0 0;}
    .ind_C .frame_1574 > .but_A {right: 35px;}
}
@media only screen and (max-width:768px){
    .ind_A > div.frame_1574 > .txt h1, .ind_B .frame_1574 > .txt .tit, .ind_C .frame_1574 > .tit {font-size: 230%;}
    .slider-for .slick-slide {margin: 10px 5px;}
    .slider-for .slick-slide .con {padding: 20px;}
    .ind_C {padding: 60px 0 40px 0;}
}
@media only screen and (max-width:576px){
    .ind_A > div.frame_1574 > .txt .nan {padding: 20px 0 0 0;}
    .ind_A > div.frame_1574 > .txt .nan span {padding: 10px 0 0 0; display: block;}
    .ind_B .frame_1574 > .txt .tit {margin: 30px 140px 40px 10px;}
    .ind_B .frame_1574 > .txt .slider-nav, .slider-for {padding: 0 10px;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-slide {padding: 0 0 10px 0;}
    .ind_B .frame_1574 > .txt .slider-nav .slick-slide::before {top: calc(100% - 9px);}
    .slider-for .slick-slide {margin: 10px 0;}
    .ind_C .frame_1574 .owl-carousel .item > .con {margin: auto;}
}
@media only screen and (max-width:430px){
    .ind_A > div.frame_1574 > .txt h1, .ind_B .frame_1574 > .txt .tit, .ind_C .frame_1574 > .tit {font-size: 160%;}
    .ind_A > div.frame_1574 > .txt {line-height: 1.7;}
    .ind_A > div.frame_1574 > .txt .nan span {letter-spacing: 0;}
    .ind_B .frame_1574 > .txt .tit {margin: 25px 110px 30px 10px;}
    .slider-for .slick-slide .con {padding: 0;}
    .slider-for .slick-slide .con > .img > .fon {top: 10px; bottom: 10px; left: 10px; right: 10px;}
    .ind_C {padding: 50px 0 40px 0;}
    .ind_C .frame_1574 > .tit {letter-spacing: 0; padding: 0 105px 0 0;}
    .ind_C .frame_1574 > .but_A {top: -20px;}
}
@media only screen and (max-width:350px){
    .ind_B .frame_1574 > .txt .tit {margin: 20px 90px 30px 10px;}
    .ind_C .frame_1574 > .tit {padding: 0 85px 0 0;}
    .ind_C .frame_1574 .owl-carousel {padding: 30px 0 0 0;}
}