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;}
/* .path,.banner,.promotion_title,.page{display:none;} */
.banner,.contact_page .path{display: none;}
/*keyword*/
.tag_lteethel{position: teethsolute;}
.tag_lteethel h2,.tag_lteethel h3,.tag_lteethel h4,.tag_lteethel h5,.tag_lteethel h6{
   font-size: 0px;
   margin: 0;
   padding: 0;
   opacity: 0;
   display: inline-block;
}

/*統一設定*/
.all * {box-sizing:border-box; max-width:100%;word-break: normal;}
.all {
  max-width: 2000px;
  width:100%;
  margin: 0 auto;
  overflow:hidden;
  background-color: #FFFFFF;
  /* font-family:'微軟正黑體'; */
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #595757;
}
.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*/
.all{
   --title:36px;
   --main:28px;
   --sub:24px;
   --text-a:20px;
   --text-b:16px;
   --text-c:14px;
   --team-name:26px;
   --team-text:22px;
   --sv-title:30px;
}

.all_flex{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

h6.en-title{
   font-family: 'Times New Roman', Times, serif;
   font-weight: 400;
   color: #926E54;
}
h5.ch-title{
   font-family: "Noto Serif TC", serif;
   font-size: var(--title);
   font-weight: 600;
   color: #000000;
   background-image: url(https://pic03.eapple.com.tw/charming/index_01.png);
   background-repeat: no-repeat;
}
/*contact*/
.ct_01{
   background: url(https://pic03.eapple.com.tw/charming/ct_bg01.jpg) center no-repeat;
   padding: 0 20px;
   min-height: 380px;
}
.ct_01 section{
   max-width: 1120px;
   margin: 0 auto;
   padding: 100px 0;
}
.ct_01 h6{
   color: #CBAE96;
}
.ct_01 h5{
   color: #FFFFFF;
   background-position: left bottom;
}
.ct_02{
   background: rgba(202,174,149,0.2);
   padding: 1px 20px;
}
.ct_02 dl{
   max-width: 1120px;
   margin: -130px auto 0;
   padding-bottom: 100px;
   align-items: flex-start;
}
.ct_02 dd{
   max-width: 560px;
   width: 100%;
   margin: 0;
   background: #F4EEE9;
   border-radius: 30px 0 0;
   padding: 50px 35px;
}
.ct_02 h6{
   font-size: var(--text-b);
   color: #CBAE96;
}
.ct_02 h5{
   font-size: var(--sub);
   color: #645046;
   padding: 5px 0;
}
.ct_02 h4{
   display: list-item;
   list-style-type: decimal;
   margin-left: 20px;
   padding-top: 10px;
   font-weight: 500;
   line-height: 170%;
   font-size: 20.4px;
   text-align: justify;
}
.ct_02 dd a{
   font-weight: 700;
   color: #CBAE96;
}
.ct_02 dd a:hover{
   color: #645046;
}
.ct_02 dt{
   max-width: 560px;
   border-radius: 0 30px 0 0;
   background: linear-gradient(to bottom,#FFFFFF 50%,transparent 50%);
   margin-top: 50px;
}
.ct_02 article{
   max-width: 480px;
   margin: 0 auto;
   padding: 50px 20px;
   align-items: flex-start;
}
.ct_02 article a{
   display: block;
   max-width: 135px;
   width: 100%;
}
.ct_02 article a:hover{
   transform: translateY(-20px);
}
.ct_02 article b{
   display: block;
   font-size: var(--text-a);
   color: #645046;
   padding: 5px 0;
}
.ct_02 i{
   display: block;
   width: fit-content;
   margin-bottom: 20px;
}
.ct_02 dt section{
   background: #634F45;
   padding: 50px 35px;
   color: #FFFFFF;
}
.ct_02 em{
   display: block;
   width: fit-content;
}
.ct_02 h3{
   font-size: var(--text-a);
   font-weight: 600;
   padding: 20px 0;
}
.ct_02 h2{
   font-weight: 600;
   padding-bottom: 10px;
}
.ct_02 ul{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   max-width: 350px;
   padding: 0;
   margin: 0;
}
.ct_map iframe{
   width: 100%;
   min-height: 460px;
   vertical-align: bottom;
}
.ct_03{
   background: #CAAE95;
   padding: 0 20px;
}
.ct_03 section{
   max-width: 1165px;
   margin: 0 auto;
   padding: 30px 0;
}
.ct_03 p{
   font-family: "Noto Serif TC", serif;
   font-size: var(--text-a);
   font-weight: 600;
   color: #FFFFFF;
   line-height: 140%;
   letter-spacing: 1px;
   text-shadow: 0 0 5px #222222;
   position: relative;
   padding-left: 15px;
}
.ct_03 p::before{
   content: '*';
   position: absolute;
   top: 0;
   left: 0;
}
.ct_03 em{
   display: block;
   width: 1px;
   height: 100px;
   background: #FFFFFF;
   margin: 0 20px;
}
.ct_03 article{
   max-width: 680px;
   width: 100%;
}
.ct_03 article a{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 320px;
   width: 49%;
   background: rgba(99,79,69,0.15);
   border: 1px solid rgba(255,255,255,0.7);
   padding: 20px 0;
   color: #FFFFFF;
}
.ct_03 article a:hover{
   background: #634F45;
   border-color: #FFFFFF;
}
.ct_03 span{
   max-width: 165px;
}
.ct_03 i{
   margin-right: 20px;
}
.ct_03 s,.ct_03 u{
   display: block;
   text-decoration: none;
}
.ct_03 s{
   font-family: "Noto Serif TC", serif;
   font-size: var(--sub);
   font-weight: 600;
}
@media screen and (max-width:1024px) {
.ct_02 dl{flex-flow: wrap;justify-content: center;}
.ct_02 dd,.ct_02 dt{max-width: 100%;width: 100%;}
.ct_02 dt{margin: 0;}
.ct_02 figure{width: fit-content;margin: 0 auto;}
.ct_map iframe{min-height: 400px;}
.ct_03 section{flex-flow: wrap;justify-content: center;}
.ct_03 em{width: 100%;height: 1px;margin: 20px 0;}
}
@media screen and (max-width:768px) {
/*font*/
.all{
   --title:34px;
   --main:26px;
   --sub:22px;
   --text-a:18px;
   --text-b:14px;
   --text-c:12px;
   --team-name:24px;
   --team-text:20px;
   --sv-title:28px;
   font-size: 16px;
}
.ct_01{min-height: 300px;}
.ct_01 section{padding: 80px 0;}
.ct_02 dl{padding-bottom: 80px;}
.ct_02 h4 {font-size: 19px;}
.ct_map iframe{min-height: 350px;}
}
@media screen and (max-width:600px) {
.ct_01{min-height: 280px;}
.ct_01 section{padding: 50px 0;}
.ct_02 dl{padding-bottom: 50px;}
.ct_02 dd{padding: 30px 20px;}
.ct_map iframe{min-height: 300px;}
}
@media screen and (max-width:500px) {
.ct_map iframe{min-height: 250px;}
.ct_02 dt section{padding: 30px 20px;}
.ct_03 article{flex-flow: wrap;justify-content: center;}
.ct_03 article a{width: 100%;margin-top: 10px;}
}
@media screen and (max-width:425px) {
.ct_02 article{padding: 30px 20px;flex-flow: wrap;max-width: 250px;}
.ct_02 i{margin: 0 auto;}
.ct_02 article a{margin-bottom: 20px;width: 100%;max-width: 100%;text-align: center;}
.ct_02 ul{flex-flow: wrap;padding: 0;}
.ct_02 li{width: 100%;}
.ct_02 li:nth-of-type(2){padding-top: 20px;}
}



/*表單調整*/
.contact_content .information_right{
   width: 100%;
   padding: 0;
}
.ct_02 ul{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: 20px;
   max-width: 100%;
   padding: 50px 0 0;
}
.contact_form li{
   padding: 0;
}
.contact_form li .form__label{
   display: flex;
   flex-flow: row-reverse;
   justify-content: flex-end;
   width: 100%;
   margin: 0;
   padding: 0;
   text-align: left;
   font-size: 16px;
   color: #645046;
}
.contact_form li .form__insert{
   display: block;
}
.contact_form li input.noborder{
   border-radius: 10px;
   padding: 15px 0;
}
.contact_form li:nth-of-type(3),.contact_form li:nth-of-type(6),.contact_form li.last{
   grid-column: 1 / 3;
}
.form select{
   width: 100%;
   padding: 10px 26px 10px 10px;
   border-radius: 10px;
}
.contact_form li.last{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.contact_form li.last blockquote,.contact_form li.last cite{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 49%;
   border-radius: 10px;
}
.contact_form li.last cite{
   background: #D2A596;
   border-color: #D2A596;
}
.contact_form li.last cite i{
   margin: 0;
}
@media screen and (max-width:425px) {
.ct_02 ul{grid-template-columns: 1fr;gap: 0;}
.contact_form li:nth-of-type(3),.contact_form li:nth-of-type(6),.contact_form li.last{grid-column: initial;}
}