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

.banner {position: relative; z-index: 2; overflow: hidden;}
.banner::after {content: ''; background: url("../images/bg_02.png") no-repeat bottom left; width: 3000px; height: 151px; position: absolute; bottom: 0; left: 0; z-index: 10; pointer-events: none; cursor: text; transition: all 0.25s ease 0s;}


.ind_A {position: relative; z-index: 5; padding: 5.73% 0 26px 0; margin: 0 0 47px 0;}
.ind_A::before {content: ''; background: #425d91; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -5;}
.ind_A::after {content: ''; background: url("../images/bg_03.png") no-repeat #425d91 fixed 0% -28%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.ind_A > .frame_1170 {position: relative; z-index: 1; display: flex; flex-flow: wrap;}
.ind_A .txt {width: 59.83%; padding: 0 30px 0 0; color: #fff; position: relative; z-index: 10;}
.ind_A .txt > .tit {font-weight: 700; line-height: 1.1; position: relative; z-index: 1; margin: 0 0 8.06% 1px;}
.ind_A .txt > .tit::after {content: ''; background: url("../images/icon_04a.png") no-repeat center / cover; width: 51px; height: 9px; position: absolute; top: calc(100% + 16px); left: -1px;}
.ind_A .txt > .tit a:link, .ind_A .txt > .tit a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.ind_A .txt > .tit a:active, .ind_A .txt > .tit a:hover {text-decoration:none; color:#d55952; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_A .txt p {line-height: 1.4; margin: 0;}
.ind_A .txt > .bot {width: 180px; height: 63px; border-radius: 31px; background: #d55952; color: #fff; font-weight: 500; letter-spacing: 0.2px; text-decoration:none; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; border: 0px solid #d55952; box-shadow: 0 0 13px rgba(213, 89, 82, 0); padding: 0 0 2px 0; margin: 6.568% 0 0 0;}
.ind_A .txt > .bot:hover {decoration:none; background: #fff; color: #d55952; border: 3px solid #d55952; box-shadow: 0 0 13px rgba(213, 89, 82, 0.3);}
.ind_A .img {width: 59.198%; position: absolute; top: -18.38%; left: 55.037%; z-index: 1; transition: all 2s ease 0s;}
.ind_A .img > a {width: 117px; height: 117px; border-radius: 117px; position: absolute; top: calc(50% - 58px); left: calc(50% - 59px); z-index: 10; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 0 0 0 2px;}
.ind_A .img > a::before {content: ''; width: 117px; height: 117px; border-radius: 117px; border: 2px solid #d55952; position: absolute; top: 0; right: 10px; z-index: -10; transition: all 0.5s ease 0s;}
.ind_A .img > a:hover::before {width: 121px; height: 121px; border: 5px solid #d55952; position: absolute; top: -2px; right: -2px; z-index: -1;}
.ind_A .img > a::after {content: ''; background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 50%; transition: all 0.5s ease 0s;}
.ind_A .img > a:hover::after {background: rgba(255, 255, 255, 1); z-index: -10;}

.ind_B {position: relative; z-index: 3; padding: 3.8025% 7px 2.448% 0;}
.ind_B::before {content: ''; background: #e4f3ff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -5;}
.ind_B > .con {width: 100%; max-width: 1790px; padding: 0 50px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; position: relative; z-index: 10;}
.ind_B > .con > .img {width: 49.113%; position: relative; z-index: 1;}
.ind_B > .con > .img > .itemBot {width: 12.652%; padding-bottom: 12.652%; height: 0; display: block; position: absolute; z-index: 100; text-decoration:none; font-size: 0; line-height: 0;}
.ind_B > .con > .img > .itemBot::before {content: attr(data-title); font-size: 14px; color: #fff; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-align: center; width: 110px; padding: 3px 0; border-radius: 5px; background: rgba(0, 0, 0, 0.75); position: absolute; bottom: 50%; left: calc(50% - 55px); z-index: -1; opacity: 0; transition: all 0.25s ease 0s;}
.ind_B > .con > .img > .itemBot:hover::before {bottom: 100%; opacity: 1;}
.circle-a1 {top: 10.483%; left: 43.857%;}
.circle-a2 {top: 33.615%; right: 11.687%;}
.circle-a3 {bottom: 17.35%; right: 24.217%;}
.circle-a4 {bottom: 17.832%; left: 23.375%;}
.circle-a5 {top: 33.976%; left: 12.05%;}
.ind_B > .con > .img > .pic {display: none;}
.ind_B > .con > .img > .pick {display: block!important;}
.ind_B > .con > .img > .pic > a {width: 45.182%; border-radius: 50%; overflow: hidden; position: absolute; top: calc(50% - 2px); left: calc(50% + 1px); z-index: 50; transform:translate(-50%, -50%);}
.ind_B > .con > .img > .pic > a img {transform: scale(1.0, 1.0); transition: all 0.25s ease 0s;}
.ind_B > .con > .img > .pic > a:hover img {transform: scale(1.2, 1.2);}
.ind_B > .con > .img > .pic > a::before {content: ''; background: url("../images/icon_01c.svg") no-repeat center / cover; width: 30px; height: 30px; position: absolute; top: 20%; left: calc(50% - 15px); z-index: 100; transform: scale(0, 0); transition: all 0.25s ease 0s;}
.ind_B > .con > .img > .pic > a:hover::before {transform: scale(1.0, 1.0); transition: all 0.75s ease 0s;}
.ind_B > .con > .img > .pic > a::after {content: attr(data-title); position: absolute; top: 5%; left: 5%; right: 5%; bottom: 5%; z-index: 10; border-radius: 50%; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 20px; text-align: center; color: #fff; font-size: 150%; font-weight: 600; line-height: 1.1111; background: rgba(213, 84, 70, 0.7); transform: scale(0, 0); transition: all 0.5s ease 0s;}
.ind_B > .con > .img > .pic > a:hover::after {transform: scale(1.0, 1.0);}
.ind_B > .con > .txt {width: 49.113%; padding: 48px 0 0 4.32%;}
.ind_B > .con > .txt > .con {max-width: 500px;}
.ind_B > .con > .txt > .con > .tit {color: #425d91; font-weight: 700; line-height: 1.1; position: relative; z-index: 1; margin: 0 0 14.8% 0;}
.ind_B > .con > .txt > .con > .tit::after {content: ''; background: url("../images/icon_04c.png") no-repeat center / cover; width: 51px; height: 9px; position: absolute; top: calc(100% + 21px); left: 2px;}
.ind_B > .con > .txt > .con > .tit a:link, .ind_B > .con > .txt > .con > .tit a:visited {text-decoration:none; color:#425d91; transition: all 0.5s ease 0s;}
.ind_B > .con > .txt > .con > .tit a:active, .ind_B > .con > .txt > .con > .tit a:hover {text-decoration:none; color:#d55952; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_B > .con > .txt > .con > .nan {color: #e4f3ff; font-weight: 600; line-height: 1.1; letter-spacing: 2.2px; text-shadow: -2px -2px 0 #d55446,2px -2px 0 #d55446,-2px 2px 0 #d55446,2px 2px 0 #d55446; margin: 0 0 7.2% 3px;}
.ind_B > .con > .txt > .con > .img {display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 3px 10% 1px;}
.ind_B > .con > .txt > .con > .img img {width: 30.444%;}
.ind_B > .con > .txt > .con p {line-height: 1.333333; margin: 0 0 8px 4px;}
.ind_B > .con > .txt > .con b, .ind_B > .con > .txt > .con strong {color: #d55446;}
.ind_B > .con > .txt > .con > .bot {width: 180px; height: 63px; border-radius: 31px; background: #d55952; color: #fff; font-weight: 500; letter-spacing: 0.2px; text-decoration:none; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; border: 0px solid #d55952; box-shadow: 0 0 13px rgba(213, 89, 82, 0); padding: 0 0 2px 0; margin: 9.2% 0 0 2px;}
.ind_B > .con > .txt > .con > .bot:hover {decoration:none; background: #fff; color: #d55952; border: 3px solid #d55952; box-shadow: 0 0 13px rgba(213, 89, 82, 0.3);}

.ind_C {position: relative; z-index: 5; padding: 4.844% 0px 2.5521% 0;}
.ind_C > .frame_1170 {position: relative; z-index: 10;}
.ind_C > .frame_1170 > .tit {color: #425d91; font-weight: 700; text-align: center; line-height: 1.1; position: relative; z-index: 1; margin: 0 0 6.325% 0;}
.ind_C > .frame_1170 > .tit::after {content: ''; background: url("../images/icon_04c.png") no-repeat center / cover; width: 51px; height: 9px; position: absolute; top: calc(100% + 21px); left: calc(50% - 25px);}
.ind_C > .frame_1170 > .tit a:link, .ind_C > .frame_1170 > .tit a:visited {text-decoration:none; color:#425d91; transition: all 0.5s ease 0s;}
.ind_C > .frame_1170 > .tit a:active, .ind_C > .frame_1170 > .tit a:hover {text-decoration:none; color:#d55952; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_C > .lis {position: relative; z-index: 20; display: flex; flex-flow: wrap; padding: 9px 0 0 0;}
.ind_C > .lis > div {width: 19.063%; margin: 0 1.146% 21px 0; position: relative; z-index: 1;}
.ind_C > .lis > div > .img {height: 0; padding-bottom: 59.914%; position: relative; z-index: 1; overflow: hidden;}

.ind_C > .lis > div:nth-child(1), .ind_C > .lis > div:nth-child(2), .ind_C > .lis > div:nth-child(3), .ind_C > .lis > div:nth-child(4) {width: 24.167%; margin: 0 1.094% 21px 0; position: relative; z-index: 1;}
.ind_C > .lis > div:nth-child(4), .ind_C > .lis > div:nth-child(9), .ind_C > .lis > div:nth-child(14), .ind_C > .lis > div:nth-child(19), .ind_C > .lis > div:nth-child(24), .ind_C > .lis > div:nth-child(29) {margin: 0 0 21px 0;}
.ind_C > .lis > div > .txt {background: rgba(51, 80, 135, 0.85); position: absolute; bottom: 15px; right: 14px; left: 15px; z-index: 10; min-height: 45px; color: #fff; padding: 10px 8px 9px 21px; display: flex; flex-flow: wrap; align-items: flex-end; overflow: auto; transition: all 0.5s ease 0s;}
.ind_C > .lis > div > .txt::after {content: ''; background: url("../images/icon_04d.png") no-repeat center / cover; width: 32px; height: 33px; display: block; position: absolute; top: 6px; right: 8px;}
.ind_C > .lis > div:hover > .txt::after {background: url("../images/icon_04dh.png") no-repeat center / cover; top: 8px;}
.ind_C > .lis > div > .txt > .tit {width: calc(100% - 35px); color: #fff; font-size: 133.333%; font-weight: 700; line-height: 1.083333; margin: 0; transition: all 0.5s ease 0s;}
.ind_C > .lis > div:hover > .txt {min-height: calc(100% - 29px); background: rgba(255, 49, 49, 0.7);}
.ind_C > .lis > div:hover > .txt > .tit {margin: 0 auto 0 0;}

.ind_D {background: #e4f3ff; position: relative; z-index: 3; padding: 3.23% 0px 3.75% 0;}
.ind_D > .frame_1604 {position: relative; z-index: 10;}
.ind_D > .frame_1604 > .tit {color: #425d91; font-weight: 700; text-align: center; line-height: 1.1; position: relative; z-index: 1; margin: 0 0 4.24% 0;}
.ind_D > .frame_1604 > .tit::after {content: ''; background: url("../images/icon_04c.png") no-repeat center / cover; width: 51px; height: 9px; position: absolute; top: calc(100% + 11px); left: calc(50% - 29px);}
.ind_D > .frame_1604 > .tit a:link, .ind_D > .frame_1604 > .tit a:visited {text-decoration:none; color:#425d91; transition: all 0.5s ease 0s;}
.ind_D > .frame_1604 > .tit a:active, .ind_D > .frame_1604 > .tit a:hover {text-decoration:none; color:#d55952; cursor:pointer; transition: all 0.5s ease 0s;}
.ind_D > .frame_1604 > .lis {position: relative; z-index: 10;}
.ind_D > .frame_1604 > .lis .item > .con {width: 100%; max-width: 507px; background: #fff; position: relative; z-index: 1;}
.ind_D > .frame_1604 > .lis .item > .con > .img {height: 0; padding-bottom: 66.47%; position: relative; z-index: 1; overflow: hidden;}
.ind_D > .frame_1604 > .lis .item > .con > .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_D > .frame_1604 > .lis .item > .con:hover > .img img {transform: scale(1.2, 1.2);}
.ind_D > .frame_1604 > .lis .item > .con > .txt {position: relative; z-index: 5; border: 1px solid #e0e0e0; border-top: none; padding: 8.09% 6.51% 8.876% 7.496%;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .dat {background: #1d9ecc; width: 83px; height: 93px; position: absolute; bottom: calc(100% - 13px); left: 6.933%; z-index: 10; color: #fff; font-weight: 500; line-height: 1; text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center; padding: 0 2px 0 0;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .dat span {font-size: 136%; margin: 0;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .dat label {font-size: 106%; font-weight: 400; padding: 4px 0 6px 0; margin: 0;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .tit {color: #333; line-height: 1.33333; letter-spacing: 0.1px; font-weight: 600; margin: 0 0 6.222% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s ease 0s;}
.ind_D > .frame_1604 > .lis .item > .con:hover > .txt > .tit {color: #d55446;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .fon {color: #4d4d4d; line-height: 1.33333; letter-spacing: 0.07px; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .bot {width: 187px; height: 45px; color:#fff; background: #425d91; display: flex; flex-flow: wrap; justify-content: center; align-items: center; font-weight: 500; letter-spacing: -0.2px; position: absolute; bottom: calc(100% - 12px); right: -1px; z-index: 10; padding: 2px 0 0 1px; transition: all 0.5s ease 0s;}
.ind_D > .frame_1604 > .lis .item > .con:hover > .txt > .bot {padding: 2px 0 0 5px;}
.ind_D > .frame_1604 > .lis .item > .con > .txt > .bot img {margin: -1px 0 0 6px; transition: all 0.5s ease 0s;}
.ind_D > .frame_1604 > .lis .item > .con:hover > .txt > .bot img {margin: -1px 0 0 9px;}
.ind_D > .frame_1604 > .lis .item > .con:hover > .txt > .bot {background: #d55446;}