@charset "utf-8";
/* CSS Document */
.right_icon .mail_R { display: none!important;}
.right_icon .goTop a { color: #153555;}
.right_icon .goTop a::before { background: #153555;}

.edit_area { margin: 3.7% 0; line-height: 1.875; color: #30373f; width: 100%;}
.edit_area h1 {font-size: 225%; color: rgba(21, 53, 85, 1); font-weight: 600;}
.edit_area h2 {font-size: 187.5%; color: rgba(21, 53, 85, 1); font-weight: 600;}
.edit_area h3 {font-size: 150%; color: rgba(21, 53, 85, 0.9); font-weight: 600;}
.edit_area h4 {font-size: 125%; color: rgba(21, 53, 85, 0.8); font-weight: 600;}
.edit_area h5 {font-size: 118.75%; color: rgba(21, 53, 85, 0.7); font-weight: 600;}
.edit_area h6 {font-size: 112.5%; color: rgba(21, 53, 85, 0.6); font-weight: 600;}

.seo-content { margin: 3.7% 0; line-height: 1.875; color: #30373f; width: 100%;}
.seo-content h1 {font-size: 225%; color: rgba(21, 53, 85, 1); font-weight: 600;}
.seo-content h2 {font-size: 187.5%; color: rgba(21, 53, 85, 1); font-weight: 600;}
.seo-content h3 {font-size: 150%; color: rgba(21, 53, 85, 0.9); font-weight: 600;}
.seo-content h4 {font-size: 125%; color: rgba(21, 53, 85, 0.8); font-weight: 600;}
.seo-content h5 {font-size: 118.75%; color: rgba(21, 53, 85, 0.7); font-weight: 600;}
.seo-content h6 {font-size: 112.5%; color: rgba(21, 53, 85, 0.6); font-weight: 600;}

.subBanner {position: relative; z-index: 1;}
.subBanner > .img {line-height: 0; font-size: 0; position: relative; z-index: 1;}
.subBanner > .txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; color: #fff; padding: 0 20px;}
.subBanner > .txt > div { color: #fff; line-height: 1.5; margin: 5% 0 0 0;}
.subBanner > .txt > div h1 { font-size: 225%; font-weight: 500; color: #eadccd; letter-spacing: 1px;}
.subBanner > .txt > div > div { font-size: 112.5%; color: #fff; font-weight: 300;}

.subMain { position: relative; background: url("../images/ind_bg_01.jpg") repeat center fixed; padding: 0 0 2% 0; overflow: hidden; z-index: 1;}
.subMain::before { content: ''; position: absolute; top: -100px; left: -100px; width: 1306px; height: 970px; background: url("../images/ind_04.png") no-repeat center / cover; z-index: -1; animation: topmove2 8000ms infinite; -webkit-animation: topmove2 8000ms infinite;}

.path_out { padding: 20px 0;}
.path { display: flex; flex-flow: wrap; width: 100%; list-style-type:none; margin: 0; padding: 0; font-weight: 400; color: #124171; font-family: "Noto Sans TC", sans-serif;}
.path li {list-style-type:none; margin: 0; padding: 0; font-weight: 400; color: #124171;}
.path li::after { content: ""; display: inline-block; width: 6px; height: 8px; margin: 0 8px; background: url("../images/icon_next_02.svg") no-repeat center / contain;}
.path li:last-child::after {content: none;}
.path li a { position: relative;}
.path li a:link, .path li a:visited {text-decoration:none; color:#717c87; position: relative; transition: all 0.25s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#91755c; cursor:pointer; transition: all 0.25s ease 0s;}
.path li a::after { content: ''; position: absolute; bottom: -2px; right: 0; width: 0%; height: 1px; background: #91755c; z-index: 1; transition: all 0.25s ease-out 0s;}
.path li a:hover::after { width: 100%; left: 0; transition: all 0.25s ease-out 0s;}

.subM { margin: 20px 0;}
.subM ul { position: relative; width: 100%; max-height: inherit; display: flex; flex-flow: wrap; justify-content: center;}
.subM ul li { position: relative; margin: 0 0.7% 10px 0.7%;}
.subM ul li a:link, .subM li a:visited { text-decoration: none; color: #153555; font-weight: 600; padding: 7px 40px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; position: relative; border: 1px solid #bcc0c3; transition: all 0.25s ease 0s;}
.subM ul li a:active, .subM ul li a:hover, .subM ul li a.current {text-decoration:none; color:#fff; background: #a08264; border: 1px solid #b29375; cursor:pointer; transition: all 0.25s ease 0s;}
.subM ul li.current a {pointer-events: none; cursor: text; color:#fff; background: #a08264; border: 1px solid #b29375;}

.trian_frame { position: relative; z-index: 1;}
.trian_frame .trian_L { position: absolute; top: -22px; left: 0; z-index: -1;}
.trian_frame .trian_R { position: absolute; bottom: -22px; right: 0; z-index: -1;}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 6% 0;}
.pages a:link, .pages a:visited { position: relative; text-decoration:none; color: #30373f; line-height: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 20px; min-width: 27px; height: 27px; margin: 0px 5px 5px 0; padding: 0 0 2px 1px; overflow: hidden; font-family: "Noto Sans TC", sans-serif; z-index: 10; transition: all 0.25s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; min-width: 40px; height: 40px; color:#fff; cursor:pointer; transition: all 0.25s ease 0s;}
.pages a::before {content: ''; background-color: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.25s ease 0s; z-index: -1;}
.pages a:hover::before {background-color: #b29375; transition: all 0.25s ease 0s;}
.pages .prev {font-size: 0!important; min-width: 40px!important; height: 40px!important; margin: 0 20px 5px 0!important;}
.pages .next {font-size: 0!important; min-width: 40px!important; height: 40px!important; margin: 0 0 5px 15px!important;}
.pages .prev::after {content: ''; background: url("../images/icon_prev_03.svg") no-repeat center; background-size: contain; width: 10px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pages .next::after {content: ''; background: url("../images/icon_next_03.svg") no-repeat center; background-size: contain; width: 10px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pages .prev:hover::before, .pages .next:hover::before { background: #fff;}
.pages .current { color:#fff!important; min-width: 40px!important; height: 40px!important;}
.pages .current::before  {background-color: #b29375; z-index: -1;}

.proce_A { display: flex; flex-flow: wrap; justify-content: center; margin: 9% 0 0 0;}
.proce_A ul, .proce_A ol { padding-left: 20px;}
.proce_A > div { position: relative; width: 29%; margin: 0 4.333% 80px 0;}
.proce_A > div::after { content: ''; position: absolute; top: 75px; left: calc(100% + 6%); clip-path: polygon(0 0, 0% 100%, 99% 50%); background: #b1bac3; width: 20px; height: 20px;}
.proce_A > div:last-child { margin-right: 0;}
.proce_A > div:nth-child(3) { margin: 0;}
.proce_A > div:nth-child(5) { width: 36%;}
.proce_A > div:nth-child(3)::after, .proce_A > div:nth-child(5)::after { display: none;}
.proce_A > div .proce_A_T { position: relative; width: 150px; margin: auto; z-index: 1;}
.proce_A > div .proce_A_T .num { position: absolute; top: 0; right: -60px; font-style: italic; font-size: 500%; color: #fff; line-height: 1; z-index: -1;}
.proce_A > div .proce_A_T .pic { position: relative; width: 150px; height: 150px; border-radius: 75px; background: #124171; margin: auto auto 15px auto; z-index: 1; transition: all 0.35s ease 0s;}
.proce_A > div .proce_A_T .pic::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/proce_06.png") no-repeat center / contain; z-index: 1;}
.proce_A > div .proce_A_T .pic .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.proce_A > div .proce_A_C { position: relative; color: #124171; font-weight: 600; padding: 0 0 20px 0; margin: 30px 0 20px 0; text-align: center; font-size: 125%; line-height: 1.4;}
.proce_A > div .proce_A_C::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 1px; background: #a08264; z-index: -1;}
.proce_A > div .proce_A_C > span { color: #a08264; font-size: 80%;}
.proce_A > div .proce_A_B { font-family: "Noto Sans TC", sans-serif;}

.servi_wrap { position: relative; padding: 0 22px; margin: 5.5% 0 9.5% 0; z-index: 1;}
.servi_wrap > div { position: relative; display: flex; flex-flow: row; border: 1px solid #9e938a; background: transparent; margin: 0 0 40px 0; overflow: hidden; z-index: 1; transition: all 0.35s ease 0s;}
.servi_wrap > div:nth-child(2n+2) { flex-flow: row-reverse;}
.servi_wrap > div .text { width: 50%; padding: 40px 45px;}
.servi_wrap > div .text .pic_text { display: flex; flex-flow: wrap; margin: 0 0 25px 0;}
.servi_wrap > div .text .pic_text > div:nth-child(1) { width: 132px; margin: 0 40px 0 0;}
.servi_wrap > div .text .pic_text > div:nth-child(2) { width: calc(100% - 132px - 40px);}
.servi_wrap > div .text .pic_text > div:nth-child(2) h2 { font-size: 187.5%;}
.servi_wrap > div .text .pic_text > div:nth-child(2) h3 { font-size: 150%;}
.servi_wrap > div .text .pic_text > div:nth-child(1) .pic { position: relative; width: 132px; height: 132px; border-radius: 66px; z-index: 1; transition: all 0.35s ease 0s;}
.servi_wrap > div .text .pic_text > div:nth-child(1) .pic .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.servi_wrap > div .text .pic_text > div:nth-child(1) .pic::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/servi_13.png") no-repeat center / contain; z-index: 1;}
.servi_wrap > div .text p { font-family: "Noto Sans TC", sans-serif;}
.servi_wrap > div .photo { width: 50%; position: relative; text-align: center; height: 0; padding-bottom: 28.9303%; overflow: hidden; z-index: 1;}
.servi_wrap > div .photo::before, .servi_wrap > div .photo::after { content:""; position:absolute; top:0; left:0; height:100%; -webkit-transition:all 0.35s cubic-bezier(0.46, 0.16, 0.24, 0.77); background:rgba(255, 255, 255, 0.2); transition:all 0.35s cubic-bezier(0.46, 0.16, 0.24, 0.77); width:101%; z-index: 13;}
.servi_wrap > div .photo::before { clip-path:polygon(0 0, 100% 0, 0% 100%); right:0; top:0; translate: -100% -100%;}
.servi_wrap > div .photo::after { clip-path:polygon(100% 100%, 100% 0%, 0 100%); left:0; translate: 100% 100%;}
.servi_wrap > div .photo img { transition: all 0.35s ease 0s;}
.servi_wrap > div:hover { background: #fff;}
.servi_wrap > div:hover .photo::before, .servi_wrap > div .photo:focus-visible::before { translate:0 0;}
.servi_wrap > div:hover .photo::after, .servi_wrap > div .photo:focus-visible::after { translate:0 0;}
.servi_wrap > div:hover .photo img { transform: scale(1.05);}

.servi_de_wrap { position: relative; padding: 0 22px; z-index: 1;}
.servi_de_wrap .servi_de_A { position: relative; margin: 5.5% 0 6.5% 0; z-index: 1;}
.servi_de_wrap .servi_de_A .tit_b { color: #91755c;}
.servi_de_wrap .servi_de_A > div { display: flex; flex-flow: row; border: 1px solid #9e938a; background: transparent; margin: 0 0 40px 0;}
.servi_de_wrap .servi_de_A > div .text { width: 50%; padding: 40px 45px;}
.servi_de_wrap .servi_de_A > div .text .pic_text { display: flex; flex-flow: wrap; align-items: center; margin: 0 0 25px 0;}
.servi_de_wrap .servi_de_A > div .text .pic_text > div:nth-child(1) { width: 132px; margin: 0 40px 0 0;}
.servi_de_wrap .servi_de_A > div .text .pic_text > div:nth-child(2) { width: calc(100% - 132px - 40px);}
.servi_de_wrap .servi_de_A > div .text .pic_text > div:nth-child(1) .pic { position: relative; width: 132px; height: 132px; border-radius: 66px; z-index: 1; transition: all 0.35s ease 0s;}
.servi_de_wrap .servi_de_A > div .text .pic_text > div:nth-child(1) .pic .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.servi_de_wrap .servi_de_A > div .text .pic_text > div:nth-child(1) .pic::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/servi_13.png") no-repeat center / contain; z-index: 1;}
.servi_de_wrap .servi_de_A > div .text p { font-family: "Noto Sans TC", sans-serif;}
.servi_de_wrap .servi_de_A > div .photo { width: 50%; position: relative; text-align: center; overflow: hidden; z-index: 1;}
.servi_de_wrap .servi_de_B { display: flex; flex-flow: wrap; padding: 0 10px; margin: 4% 0; font-family: "Noto Sans TC", sans-serif;}
.servi_de_wrap .servi_de_B > div:nth-child(1) { width: 47.5%; margin: 0 5% 0 0;}
.servi_de_wrap .servi_de_B > div:nth-child(2) { width: 47.5%; margin: 0 0 0 0;}
.servi_de_wrap .servi_de_B > div > div { position: relative; margin: 0 0 30px 0px;}
.servi_de_wrap .servi_de_B > div:nth-child(1) > div:first-child { margin-bottom: 50px;}
.servi_de_wrap .servi_de_B > div:nth-child(1) > div:last-child { margin-bottom: 0;}
.servi_de_wrap .servi_de_B > div:nth-child(2) > div:last-child { margin-bottom: 0;}
.servi_de_wrap .servi_de_B > div > div .num { position: absolute; top: 0; left: 0; color: #153555; font-size: 225%; font-style: italic; line-height: 1;}
.servi_de_wrap .servi_de_B > div > div .tit { display: inline-block; font-size: 112.5%; background: #b29375; color: #fff; padding: 5px 15px; border-radius: 40px; margin: 0 0 10px 25px; min-width: 166px; text-align: center;}
.servi_de_wrap .servi_de_B > div > div .text { margin: 0 0 0 45px;}
.servi_de_wrap .servi_de_C { display: flex; flex-flow: wrap; align-items: center; margin: 2% 0 8% 0;}
.servi_de_wrap .servi_de_C .tit { width: 15.5%; margin: 0 2.09% 0 0; position: relative; display: flex; flex-flow: wrap; align-items: center;}
.servi_de_wrap .servi_de_C .tit .tit_b { color: #153555; max-width: 60%; margin: auto; padding: 20px 0 0 0; font-weight: 500;}
.servi_de_wrap .servi_de_C .tit .eng { position: absolute; top: -10%; left: 0; font-size: 331.25%; font-weight: 600; opacity: 0.1; line-height: 1; z-index: -1;}
.servi_de_wrap .servi_de_C .four { width: 17.315%; margin: 0 3.803% 0 0; border: 1px solid #9e938a; box-shadow: 7px 7px 0 #cacaca; display: flex; flex-flow: wrap; justify-content: center; min-height: 292px;}
.servi_de_wrap .servi_de_C .four:last-child { margin-right: 0;}
.servi_de_wrap .servi_de_C .four:nth-of-type(3), .servi_de_C .four:nth-of-type(5) { margin-top: 105px;}
.servi_de_wrap .servi_de_C .four .four_B { display: flex; flex-flow: wrap; align-items: center; background: #e3ddd8; padding: 20px 30px; width: 100%; font-family: "Noto Sans TC", sans-serif;}
.servi_de_wrap .servi_de_C .four .four_T { display: flex; flex-flow: wrap; align-items: center; padding: 20px 20px; color: #153555; font-size: 175%; text-align: center; line-height: 1.3; font-style: italic;}
.servi_de_wrap .servi_de_D { display: flex; flex-flow: wrap; align-items: center; border: 1px solid #9e938a; margin: 7% 0 0 0;}
.servi_de_wrap .servi_de_D p { padding: 10px 0 0 0; font-family: "Noto Sans TC", sans-serif;}
.servi_de_wrap .servi_de_D > div:nth-child(1) { width: 59.562%; padding: 20px 50px;}
.servi_de_wrap .servi_de_D > div:nth-child(2) { width: 40.438%;}
.servi_de_wrap .servi_de_D .tit { position: relative; display: flex; flex-flow: wrap; align-items: center;}
.servi_de_wrap .servi_de_D .tit .tit_b { color: #153555; font-weight: 500; padding: 20px 0 0 0;}
.servi_de_wrap .servi_de_D .tit .eng { position: absolute; top: -10%; left: -3%; font-size: 375%; font-weight: 600; opacity: 0.1; line-height: 1; z-index: -1;}
.servi_de_btn { text-align: center; margin: 8% 0 5% 0;}

.Lawyer_Team_wrap { position: relative; margin: 0 0 6% 0; z-index: 1;}
.Lawyer_Team_wrap .tit_e { font-size: 225%;}
.Lawyer_Team_wrap .all_list { position: relative; padding: 0 22px; margin: 0 0 8% 0; z-index: 1;}
.Lawyer_Team_wrap .all_list .all_list_in { display: flex; flex-flow: wrap; align-items: center; justify-content: center; padding: 60px 45px 0px 45px; border: 1px solid #9e938a;}
.Lawyer_Team_wrap .all_list .all_list_in > div { position: relative; width: 23%; margin: 0 2.66% 40px 0; z-index: 1; transition: all 0.35s ease 0s;}
.Lawyer_Team_wrap .all_list .all_list_in > div:last-child, .Lawyer_Team_wrap .all_list .all_list_in > div:nth-child(4n+4) { margin: 0 0 40px 0;}
.Lawyer_Team_wrap .all_list .all_list_in > div .photo { transition: all 0.35s ease 0s;}
.Lawyer_Team_wrap .all_list .all_list_in > div .name { font-size: 200%; text-align: center; margin: 10px 0; font-weight: 600;}
.Lawyer_Team_wrap .all_list .all_list_in > div .name span { font-size: 50%; margin-left: 7px;}
.Lawyer_Team_wrap .all_list .all_list_in > div:hover .photo { transform: scale(0.95);}

.Lawyer_Team_A { position: relative; padding: 0 22px; margin: 0 0 6% 0; z-index: 1;}
.Lawyer_Team_A:last-child { margin: 0 0 15% 0;}
.Lawyer_Team_A .Lawyer_Team_A_in { position: relative; display: flex; flex-flow: wrap; border: 1px solid #9e938a;}
.Lawyer_Team_A .Lawyer_Team_A_in .photo { width: 34.847%; display: flex; flex-flow: wrap; align-items: center; justify-content: center;}
.Lawyer_Team_A .Lawyer_Team_A_in .lawyer { width: 24.069%; position: relative; display: flex; flex-flow: column; align-items: center; padding: 40px; background: rgba(255, 255, 255, 0.7); z-index: 1;}
.Lawyer_Team_A .Lawyer_Team_A_in .lawyer .Attorney > div { font-size: 150%; font-weight: 600; color: #153555;}
.Lawyer_Team_A .Lawyer_Team_A_in .lawyer .blue { display: flex; flex-flow: column; align-items: center; margin: 20px 0 0 0;}
.Lawyer_Team_A .Lawyer_Team_A_in .lawyer .blue .name { writing-mode: vertical-lr; max-height: 200px; font-size: 225%; margin: 0 0 30px 0; letter-spacing: 5px; line-height: 1; color: #153555; font-weight: 600;}
.Lawyer_Team_A .Lawyer_Team_A_in .lawyer .blue .little { writing-mode: vertical-lr; letter-spacing: 3px; line-height: 1; color: #153555; font-weight: 600;}
.Lawyer_Team_A .Lawyer_Team_A_in .text { width: 41.084%; padding: 25px 40px 25px 6%; display: flex; flex-flow: column; justify-content: center; font-family: "Noto Sans TC", sans-serif;}
.Lawyer_Team_A .Lawyer_Team_A_in .text .brown { color: #91755c;}
.Lawyer_Team_A .line_btn { display: flex; flex-flow: wrap; justify-content: center; margin: 30px 0 0 0;}
.Lawyer_Team_A .line_btn > a { color: #fff; border: 1px solid #153555; padding: 9px 20px; background: #153555; line-height: 1; border-radius: 10px; transition: all 0.35s ease 0s;}
.Lawyer_Team_A .line_btn > a img { width: 23px; margin-right: 5px;}
.Lawyer_Team_A .line_btn > a:hover { background: #826953; border: 1px solid #826953;}

.Artic_wrap { position: relative; z-index: 1;}
.Artic_wrap .Artic_wrap_in { display: flex; flex-flow: wrap; margin: 55px 0 0 0;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news { position: relative; width: 48.5%; margin: 0 3% 50px 0; padding: 10px; z-index: 1; transition: all 0.35s ease 0s;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); z-index: -1; transition: all 0.35s ease 0s;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:nth-child(2n+2) { margin: 0 0 50px 0;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div { position: relative; border: 1px solid rgb(145, 117, 92, .5); display: flex; flex-flow: wrap; padding: 40px 41px; z-index: 1; transition: all 0.35s ease 0s;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .img { width: 29%;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .text { width: 71%; padding: 0 0 0 10px; font-family: "Noto Sans TC", sans-serif;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .text .blue_T { display: flex; flex-flow: wrap;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .text .blue_T .categ { background: #124171; color: #fff; padding: 0 20px; margin: 0 15px 0 0; text-align: center;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .text .blue_T .date { color: #124171;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .text h3 { line-height: 1.5; margin: 15px 0 10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: "Noto Sans TC", sans-serif; transition: all 0.35s ease 0s;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news > div .text .cont { color: #6e7073; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4; overflow: hidden; transition: all 0.35s ease 0s;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news .news_squa { position: absolute; bottom: -15px; left: -15px; border: none; padding: 0; z-index: -3;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:nth-child(2n+2) .news_squa { bottom: auto; left: auto; top: -15px; right: -15px;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:hover::before { background: rgba(255, 255, 255);}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:hover > div { border: 1px solid #124171;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:hover .news_squa { border: none; filter: grayscale(1) contrast(0) brightness(0.2);}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:hover > div .text h3 { color: #124171;}
.Artic_wrap .Artic_wrap_in .Artic_wrap_news:hover > div .text .cont { color: #000;}

.contact_us_wrap_A { position: relative; text-align: center; padding: 0 0 5% 0; margin: 3.5% 0 5% 0; font-family: "Noto Sans TC", sans-serif;}
.contact_us_wrap_A::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 30%; height: 1px; background: #b09985;}
.contact_us_wrap_B { display: flex; flex-flow: row; justify-content: space-between; margin: 6% 0 0 0; font-family: "Noto Sans TC", sans-serif;}
.contact_us_wrap_B a { color: #30373f!important;}
.contact_us_wrap_B a:hover { color: #91755c!important;}
.contact_us_wrap_B > div {  margin: 0 5% 0 0; max-width: 30%;}
.contact_us_wrap_B > div:nth-child(3n+3) { margin: 0;}
.contact_us_wrap_B > div > div { display: flex; flex-flow: row;}
.contact_us_wrap_B .name > div:nth-child(2) { color: #153555;}
.contact_us_wrap_B > div > div > div:nth-child(1) { position: relative; min-width: 90px; margin-right: 20px; color: #91755c;}
.contact_us_wrap_B > div > div .address { padding-left: 30px;}
.contact_us_wrap_B > div > div .address::before { content: ''; position: absolute; top: 6px; left: 0; width: 17px; height: 17px; background: url("../images/icon_address_01.svg") no-repeat center / contain;}
.contact_us_wrap_B > div > div .phone { padding-left: 30px;}
.contact_us_wrap_B > div > div .phone::before { content: ''; position: absolute; top: 11px; left: 2px; width: 13px; height: 13px; background: url("../images/icon_phone_01.svg") no-repeat center / contain;}
.contact_us_wrap_B > div > div .fax { padding-left: 30px;}
.contact_us_wrap_B > div > div .fax::before { content: ''; position: absolute; top: 6px; left: 0; width: 20px; height: 20px; background: url("../images/icon_fax_01.svg") no-repeat center / contain;}
.contact_us_wrap_B > div > div .mobile { padding-left: 30px;}
.contact_us_wrap_B > div > div .mobile::before { content: ''; position: absolute; top: 7px; left: 0; width: 19px; height: 19px; background: url("../images/icon_mobile_01.svg") no-repeat center / contain;}
.contact_us_wrap_B > div > div .email { padding-left: 30px;}
.contact_us_wrap_B > div > div .email::before { content: ''; position: absolute; top: 9px; left: 2px; width: 14px; height: 14px; background: url("../images/icon_email_02.svg") no-repeat center / contain;}
.contact_us_wrap_B > div > div .line { padding-left: 30px;}
.contact_us_wrap_B > div > div .line::before { content: ''; position: absolute; top: 7px; left: 0; width: 20px; height: 20px; background: url("../images/icon_line_01.svg") no-repeat center / contain;}
.contact_us_wrap_B > div > div .lineid { display: flex; flex-flow: wrap;}
.contact_us_wrap_B > div > div .lineid span { margin: 0 20px 0 0;}
.contact_us_wrap_B .name { font-family: "Noto Serif TC", sans-serif; margin: 0 0 20px 0; font-weight: 600;}
.contact_us_wrap_B .name .little { margin: 0 0 0 10px;}
.contact_us_wrap_C { padding: 0 22px; margin: 2% 0 15% 0;}
.contact_us_wrap_C > div { position: relative; overflow: hidden;}
.contact_us_wrap_C .line { position: relative; width: 1236px !important; height: 32px !important; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; top: 0; left: 50%; margin-left: -618px; z-index: 3; line-height: 0; font-size: 0;}
.contact_us_wrap_C .line > img { max-width: none !important; height: 100% !important; margin: auto;}
.contact_us_wrap_C .trian_L { top: 10px!important;}
.contact_us_wrap_C .map_frame { position: relative; border: 1px solid #9e938a; border-top: 0; padding: 20px; overflow: hidden; z-index: 1;}
.contact_us_wrap_C .map_frame .g_map { position: relative; width: 100%; height: 0; padding-bottom: 26%; filter: grayscale(1); overflow: hidden;}
.contact_us_wrap_C .map_frame .g_map iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 0; z-index: 50;}
.contact_us_wrap_C .map_01_show, .contact_us_wrap_C .map_03_show { display: none;}

.copywriting{ padding-bottom: 40px; }