body{margin: 0;}
/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"] { transform: translate3d(0, 10%, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-5%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(5%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -10%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.7);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition: transform 0.6s ease, opacity 0.6s ease;}
.fade-in { opacity: 0; transition: opacity 1s ease; }

/*模組設定*/
/* .pageIndex .main_part {border-top: none !important;} */
.edit,.show_content {width: 100%;padding: 0;margin: auto;}
.main_part,.edit_part{max-width: 100%;padding: 0;width: 100%;}
/* .path,.banner,.promotion_title,.page{display:none;} */

/*keyword*/
.tag_label{position: absolute;}
.tag_label h2,.tag_label h3,.tag_label h4,.tag_label h5,.tag_label h6{
   font-size: 0px;
   margin: 0;
   padding: 0;
   opacity: 0;
   display: inline-block;
}

/*統一設定*/
.all * {box-sizing:border-box; max-width:100%;word-break: normal;font-family: "Noto Sans TC", serif;}
.all {
  max-width: 2000px;
  width:100%;
  margin: 0 auto;
  overflow:hidden;
  background-color: #FEFDFC;
  font-size: var(--f16);
}
.all img{width:auto; max-width:100%;vertical-align: middle;}
.all a{text-decoration:none;color: inherit;transition: .5s ease;}

.all li{list-style:none;}
.all ol{padding: 0;}
.all h6,.all h5,.all h4,.all h3,.all h2,.all figure,.all p{margin: 0;font-size: inherit;}
.all section{overflow: initial;}
/* .animated15 { animation: none;} */

/*font star*/
.all{
   --f50: 50px;
   --f36: 36px;
   --f24: 24px;
   --f20: 20px;
   --f18: 18px;
   --f16: 16px;
   --f14: 14px;
   --f12: 12px;
}
@media screen and (max-width:768px) {
.all{
   --f50: 45px;
   --f36: 34px;
   --f24: 22px;
   --f20: 18px;
   --f18: 16px;
   --f16: 14px;
}
}
@media screen and (max-width:600px) {
.all{
   --f50: 40px;
   --f36: 32px;
   --f24: 20px;
}
}
/*font end*/

.all_flex{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
/*index*/
.index_01{
   padding: 0 20px;
}
.index_01 dl{
   max-width: 1780px;
   margin: 0 auto;
   padding: 100px 0;
   display: flex;
   align-items: center;
   flex-flow: row-reverse;
}
.index_01 dd{
   max-width: 600px;
   width: 100%;
   margin: 0 auto;
   padding: 0 20px 0 ;
}
.index_01 h6,.index_02 h6,.index_03 h6{
   display: flex;
   align-items: center;
   font-weight: 400;
   font-size: var(--f36);
   line-height: 1;
}
.index_01 span,.index_02 span,.index_03 span{
   font-family: "Advent Pro", serif;
   font-size: var(--f50);
   font-weight: 400;
   color: #F4CA00;
   padding-left: 10px
}
.index_01 h5,.index_02 h5,.index_03 h5{
   font-size: var(--f20);
   font-weight: 400;
   letter-spacing: 2px;
   color: #333333;
   padding: 20px 0;
}
.index_01 s{
   display: block;
   text-decoration: none;
}
.index_01 p{
}
.index_01 h4{
   font-size: var(--f18);
   font-weight: 400;
   color: #333333;
}
.index_01 u,.index_02 u{
   display: block;
   padding-top: 20px;
   letter-spacing: 2px;
   line-height: 180%;
   color: #878787;
   text-decoration: none;
}
.index_01 dt{
   max-width: 1000px;
   width: 100%;
}
.index_01 dt img{
   min-height: 700px;
   object-fit: cover;
}
.index_02{
   background: #F9F7F4;
   padding: 0 20px;
}
.index_02 dl{
   max-width: 1780px;
   margin: 0 auto;
   padding: 100px 0;
   display: flex;
   align-items: center;
}
.index_02 dd{
   max-width: 550px;
   width: 100%;
   margin: 0 auto;
   padding: 0 20px 0 0;
}
.index_02 h5{
   padding-bottom: 0;
}
.index_02 dt{
   max-width: 1000px;
   width: 100%;
}
.index_02 dt img{
   min-height: 700px;
   object-fit: cover;
}
.index_03{
   padding: 0 20px;
}
.index_03 section{
   max-width: 1600px;
   margin: 0 auto;
   padding: 100px 0;
}
.index_03 h6,.index_03 h5{
   justify-content: center;
   text-align: center;
}
.index_03 dl{
   margin: 0;
   padding-top: 30px;
}
.index_03 dd{
   display: grid;
   grid-template-columns: repeat(3,1fr);
   gap: 10px;
   align-content: space-between;
   margin: 0;
}
.index_03 a{
   display: block;
   position: relative;
   overflow: hidden;
}
.index_03 a img{
   transition: .5s ease;
}
.index_03 a:hover img{
   transform: scale(1.1);
}
.index_03 p{
   display: flex;
   align-items: center;
   background: rgba(51,51,51,0.5);
   width: calc(100% - 20px);
   padding: 5px 20px;
   position: absolute;
   left: 10px;
   bottom: 10px;
}
.index_03 u{
   font-family: "Advent Pro", serif;
   font-size: var(--f36);
   font-weight: 400;
   color: #F4CA00;
   text-decoration: none;
   line-height: 1;
}
.index_03 s{
   font-size: var(--f24);
   font-weight: 400;
   color: #FFFFFF;
   letter-spacing: 2px;
   text-decoration: none;
   line-height: 1;
   padding-left: 10px;
}
@media screen and (max-width:1024px) {
.index_01,.index_02{padding: 0;}
.index_01 dl,.index_02 dl{flex-flow: wrap;justify-content: center;padding: 100px 0 0;}
.index_01 dd,.index_02 dd{max-width: 100%;padding: 0 20px 30px;}
.index_01 dt img,.index_02 dt img{min-height: auto;}
.index_01 p{max-width: 100%;}
.index_03 dl{grid-template-columns: 1fr;}
.index_03 dd{grid-template-columns: repeat(2,1fr);}
.index_03 dt{width: calc(100% / 2 - 5px);}
/* .index_03 dt a{max-height: 30vw;} */
}
@media screen and (max-width:768px) {
.index_01 dl,.index_02 dl{padding-top: 80px;}
/* .index_01 h5,.index_02 h5,.index_03 h5{padding: 0;} */
.index_03 section{padding: 80px 0;}
}
@media screen and (max-width:600px) {
.index_01 dl,.index_02 dl{padding-top: 50px;}
.index_01 u,.index_02 u{padding-top: 20px;}
.index_03 section{padding: 50px 0;max-width: 523px;}
.index_03 dl{padding-top: 20px;}
.index_03 dd{grid-template-columns: 1fr;}
.index_03 dt{width: 100%;}
/* .index_03 dt a{max-height: 60vw;} */
}
@media screen and (max-width:425px) {
.index_01 h6,.index_02 h6,.index_03 h6{flex-flow: wrap;}
.index_01 span,.index_02 span,.index_03 span{width: 100%;padding: 10px 0 0;}
.index_01 s{display: inline;}
}

/*process*/
.pr_01{
   padding: 0 20px;
}
.pr_01 dl{
   max-width: 1200px;
   margin: 0 auto;
   /* padding: 100px 0; */
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   flex-flow: row-reverse;
}
.pr_01 dd{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 600px;
   width: 100%;
   margin: 0;
   padding: 20px;
   background: #F7F7F7;
}
.pr_01 section{
   max-width: 470px;
   width: 100%;
}
.pr_01 h6{
   font-size: var(--f20);
   font-weight: 400;
   letter-spacing: 2px;
   color: #333333;
   line-height: 160%;
}
.pr_01 span{
   display: block;
   padding-top: 15px;
   letter-spacing: 2px;
   line-height: 180%;
   color: #868686;
}
.pr_01 dt{
   max-width: 600px;
   width: 100%;
}
.pr_01 dt img{
   min-height: 100%;
   object-fit: cover;
}
.pr_02{
   padding: 0 20px;
}
.pr_02 section{
   max-width: 1200px;
   margin: 0 auto;
   padding: 100px 0;
}
.pr_02 h6{
   font-size: var(--f36);
   font-weight: 400;
   letter-spacing: 6px;
   text-align: center;
}
.pr_02 ul{
   display: grid;
   grid-template-columns: repeat(3,1fr);
   padding: 80px 0 0;
   margin: 0;
   gap: 50px;
}
.pr_02 li{
   background: #F7F7F7;
   border-radius: 20px;
   padding: 30px;
}
.pr_02 dl{
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #EEEEEE;
   margin: 0;
   padding: 0 0 10px;
}
.pr_02 dd{
   width: calc(100% - 75px);
   margin: 0;
}
.pr_02 dt{
   max-width: 70px;
   width: 100%;
}
.pr_02 h5{
   font-family: "Advent Pro", serif;
   font-size: var(--f50);
   font-weight: 400;
   color: #F4CA00;
}
.pr_02 h4{
   font-size: var(--f24);
   font-weight: 400;
   color: #545454;
   letter-spacing: 2px;
   padding-top: 10px;
}
.pr_02 p{
   font-size: var(--f14);
   letter-spacing: 2px;
   line-height: 160%;
   color: #525252;
   padding: 15px 0 0;
}
.pr_02 a{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 115px;
   width: 100%;
   padding: 5px;
   background: #888888;
   border-radius: 5px;
   margin-top: 15px;
   font-size: var(--f12);
   font-weight: 400;
   color: #FFFFFF;
   letter-spacing: 2pxx;
   line-height: 1;
}
.pr_02 a img{
   margin-right: 5px;
}
.pr_02 a:hover{
   background: #00B200;
}
@media screen and (max-width:1024px) {
.pr_01 dl{flex-flow: wrap;max-width: 600px;}
.pr_02 ul{gap: 20px;}
}
@media screen and (max-width:800px) {
.pr_02 ul{grid-template-columns: repeat(2,1fr);padding-top: 50px;}
}
@media screen and (max-width:768px) {
.pr_02 section{padding: 80px 0;}
.pr_02 li{padding: 20px;}
}
@media screen and (max-width:600px) {
.pr_02 section{padding: 50px 0;}
.pr_02 ul{padding-top: 30px;}
}
@media screen and (max-width:500px) {
.pr_02 ul{grid-template-columns: 1fr;}
}

/*service*/
.sv_01{
   padding: 0 20px;
}
.sv_01 section{
   max-width: 1200px;
   margin: 0 auto;
   padding-bottom: 100px;
}
.sv_01 h6{
   background: #333333;
   padding: 10px;
   font-size: var(--f18);
   font-weight: 400;
   color: #FFFFFF;
   text-align: center;
}
.sv_01 dl{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0;
   padding: 20px 5%;
}
.sv_01 dl:nth-of-type(odd){
   background: #F7F7F7;
}
.sv_01 dl:nth-of-type(even){
   background: #FFFFFF;
}
.sv_01 dd{
   margin: 0;
   font-size: var(--f18);
}
.sv_01 span{
   font-family: "Advent Pro", serif;
   font-size: var(--f36);
   padding-right: 5px;
}
.sv_01 dt{
   max-width: 950px;
   width: calc(100% - 100px);
   line-height: 180%;
   color: #333333;
}
@media screen and (max-width:768px) {
.sv_01 section{padding-bottom: 80px;}
.sv_01 dl{padding: 20px;}
.sv_01 dd{margin: 0 auto;}
}
@media screen and (max-width:600px) {
.sv_01 section{padding-bottom: 50px;}
.sv_01 dl{flex-flow: wrap;padding: 10px;}
.sv_01 dd{margin: 0;}
.sv_01 dt{width: 100%;}
}