body{margin: 0;}
html{
   scroll-behavior: smooth;
}
/*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(.3);}/*放大淡入*/
[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; }

/*預設設定*/

.index_infopage{
   background-image: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/index/index_bg01.webp);
   background-position: top center;
   background-repeat: no-repeat;
   overflow: hidden;
}

/*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%;}
.all {
  max-width: 2000px;
  width:100%;
  margin: 0 auto;
  font-size: 16px;
  font-family: 'Noto Serif TC', serif;
  color: #111111;
  letter-spacing: 1px;
}
.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{
   --en-title:15px;
   --ch-title:50px;
   --ch-maintitle:40px;
   --ch-subtitle:22px;
   --ch-index-a:20px;
   --ch-index-b:18px;
   --ch-index-c:28px;
   --ch-index-d:24px;
}

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

.all h6{
   font-size: var(--en-title);
   font-weight: 500;
   color: #1AA39A;
}

.all h5{
   font-size: var(--ch-title);
   font-weight: 500;
   color: #1AA39A;
}
@media screen and (max-width:768px) {
.all{
   --ch-title:40px;
   --ch-subtitle:20px;
   --ch-index-a:20px;
   --ch-index-c:25px;
   --ch-index-d:22px;
}
}
@media screen and (max-width:600px) {
.all{
   --ch-title:30px;
   --ch-maintitle:30px;
   --ch-subtitle:18px;
   --ch-index-a:18px;
   --ch-index-b:16px;
   --ch-index-c:22px;
   --ch-index-d:20px;
}
}
@media screen and (max-width:500px) {
.all{
   --ch-subtitle:17px;
   --ch-index-a:17px;
   --ch-index-b:15px;
   font-size: 15px;
   --ch-index-c:20px;
   --ch-index-d:18px;
}
}

/*index*/
.index_01{
   padding: 0 20px;
}
.index_01 ul{
   flex-flow: row-reverse;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 0 100px;
   align-items: flex-start;
   position: relative;
}
.index_01 ul::before{
   content: '';
   background-image: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/index/flower_right.webp);
   background-position: top left;
   background-repeat: no-repeat;
   background-size: cover;
   width: 795px;
   height: 872px;
   position: absolute;
   right: -400px;
   top: -300px;
}
.index_01 ul::after{
   content: '';
   background-image: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/index/flower_left.webp);
   background-position: top left;
   background-repeat: no-repeat;
   background-size: cover;
   width: 542px;
   height: 741px;
   position: absolute;
   left: -400px;
   bottom: -300px;
}
.index_01 li{
   width: 100%;
}
.index_01 li:nth-of-type(1){
   width: calc(100% - 675px);
   position: relative;
   padding-top: 180px;
}
.index_01 li:nth-of-type(2){
   width: 675px;
   position: relative;
   padding-bottom: 40px;
}
.index_01 img:nth-of-type(2){
   position: absolute;
   bottom: 0;
   right: -40px;
}
.index_01 i{
   position: absolute;
   left: -100px;
   top: 80px;
   z-index: 1;
}
.index_01 h6,.index_01 h5,.index_01 p{
   position: relative;
   z-index: 2;
}
.index_01 p{
   font-size: var(--ch-index-a);
   font-weight: 400;
   line-height: 170%;
   padding: 10px 0;
}
.index_01 p::after{
   content: '';
   display: block;
   width: 35px;
   height: 1px;
   background: #AAAAAA;
   margin-top: 10px;
}
.index_01 section{
   width: calc(100% - 70px);
   margin: 0 0 0 auto;
   padding-top: 70px;
   color: #535353;
   letter-spacing: 0.5px;
}
.index_01 h4{
   font-size: var(--ch-subtitle);
   font-weight: 500;
   color: #B33965;
}
.index_01 span{
   display: block;
   font-weight: 300;
   padding: 15px 0;
}
.index_01 em{
   width: 115px;
}
.index_01 b{
   display: block;
   width: calc(100% - 140px);
   font-weight: 300;
}
.index_02{
   background:url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/index/index_bg02.webp) top center no-repeat;
   min-height: 1270px;
   padding: 100px 20px;
}
.index_02 i,.index_02 h6,.index_02 h5{
   display: block;
   width: fit-content;
   margin: 0 auto;
}
.index_02 h6{
   padding: 20px 0 10px;
}
.index_02 h5{
   font-size: var(--ch-maintitle);
}
.index_02 h5::after,.index_02 h3::after,.index_03 h3::after,.index_04 h5::after{
   content: '';
   display: block;
   width: 35px;
   height: 1px;
   background: #7D7D7D;
   margin: 30px auto;
}
.index_02 ul{
   max-width: 1200px;
   margin: 0 auto;
   padding: 50px 0 0;
   align-items: stretch;
}
.index_02 li{
   max-width: 600px;
   width: 100%;
}
.index_02 li:nth-of-type(1){
   padding-right: 20px;
}
.index_02 h4,.index_03 h4{
   display: flex;
   align-items: center;
   font-size: var(--ch-subtitle);
   font-weight: 500;
   padding-bottom: 15px;
}
.index_02 h4::before,.index_03 h4::before{
   content: '';
   display: block;
   width: 8px;
   height: 27px;
   background: #F1DB6E;
   margin-right: 10px;
}
.index_02 h3,.index_03 h3{
   font-size: var(--ch-index-b);
   font-weight: 500;
}
.index_02 h3::after,.index_03 h3::after,.index_04 h5::after{
   margin: 15px 0;
}
.index_02 p{
   font-weight: 300;
   color: #535353;
   text-align: justify;
   line-height: 170%;
   letter-spacing: 0.5px;
}
.index_02 em{
   display: block;
   padding-top: 50px;
}
.index_02 section{
   display: flex;
   padding-top: 80px;
}
.index_02 section div{
   width: calc(100% - 180px);
   padding-left: 50px;
}
.index_02 span{
   display: block;
   margin-left: -100px;
}
.index_02 li:nth-of-type(2) p:nth-of-type(2){
   padding-top: 20px;
}
.index_03{
   background:url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/index/index_bg03.webp) top center no-repeat;
   padding: 0 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 783px;
   margin-top: -120px;
   position: relative;
   color: #FFFFFF;
}
.index_03 ul{
   max-width: 1200px;
   width: 100%;
   margin: 0;
   padding: 0;
   align-items: flex-start;
}
.index_03 li{
   width: 100%;
}
.index_03 li:nth-of-type(1){
   max-width: 390px;
   position: relative;
   padding-right: 20px;
}
.index_03 li:nth-of-type(2){
   max-width: 765px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.index_03 h4{
   color: #F1DB6E;
}
.index_03 h3::after{
   background: #AAAAAA;
}
.index_03 p{
   font-weight: 300;
   text-align: justify;
   line-height: 170%;
   letter-spacing: 0.5px;
}
.index_03 a{
   max-width: 180px;
   background: #FFFFFF;
   border-radius: 8px;
   display: block;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #525252;
   text-align: center;
   padding: 15px 0;
   margin-top: 30px;
}
.index_03 a:hover{
   background: #F1DB6E;
}
.index_03 figure{
   position: absolute;
   bottom: -150px;
   left: -200px;
}
.index_03 section{
   max-width: 220px;
   width: 32%;
   display: flex;
   flex-flow: wrap;
}
.index_03 section:nth-of-type(2) img{
   order: 1;
   margin-top: 20px;
}
.index_03 h2{
   width: 100%;
   font-size: var(--ch-index-a);
   font-weight: 400;
   border-bottom: 1px solid #5FAFAF;
   padding: 10px 0;
}
.index_03 span{
   display: block;
   line-height: 160%;
   font-weight: 300;
   padding-top: 10px;
}
.index_04{
   background:url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/index/index_bg04.webp) top center no-repeat;
   padding: 0 20px;
   margin-top: -50px;
}
.index_04 ul{
   max-width: 1080px;
   min-height: 657px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.index_04 li{
   max-width: 490px;
   width: 100%;
}
.index_04 p{
   font-size: var(--ch-index-a);
   color: #FFFFFF;
}
.index_04 a{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 250px;
   min-height: 60px;
   background: #D85F56;
   border-radius: 8px;
   margin-top: 30px;
   font-size: var(--ch-index-b);
   color: #FFFFFF;
}
.index_04 a img{
   margin-right: 10px;
}
.index_04 a:hover{
   background: #F1DB6E;
   color: #525252;
}
@media screen and (max-width:1150px) {
.index_01 b{width: calc(100% - 50px);padding-left: 10px;}
}
@media screen and (max-width:1024px) {
.index_01 ul{flex-flow: wrap;justify-content: center;}
.index_01 ul::before{top: -200px;right: -80px;width: 400px;height: 439px;background-size: contain;}
.index_01 ul::after{width: 350px;height: 479px;background-size: contain;left: -50px;bottom: -200px;}
.index_01 li:nth-of-type(1){width: 100%;padding: 0 5%;}
.index_01 i{left: -5%;top: -50px;}
.index_01 section{width: 100%;padding: 30px 0;}
.index_01 b{width: calc(100% - 110px);}
.index_02{background-size: cover;}
.index_02 ul{flex-flow: wrap;justify-content: center;padding: 0;}
.index_02 li{max-width: 580px;}
.index_02 li:nth-of-type(1){padding: 0 0 10px;}
.index_02 em{padding-top: 30px;}
.index_02 section{flex-flow: wrap;padding-top: 10px;}
.index_02 span{margin: 0;padding-bottom: 30px;width: 100%;}
.index_02 span > img{max-width: 100%;width: 100%;}
.index_02 section div{width: 100%;padding: 0;}
.index_03{background-size: cover;background-position: top center;}
.index_03 ul{flex-flow: wrap;justify-content: center;padding: 120px 0 80px;position: relative;}
.index_03 ul::after{
   content: '';
   width: calc(100% + 40px);
   height: 50%;
   background: #2A91A4;
   position: absolute;
   bottom: 0;
   left: -20px;
}
.index_03 li{position: relative;z-index: 2;}
.index_03 li:nth-of-type(1){max-width: 765px;padding: 0 0 20px;}
.index_03 figure{display: none;}
.index_04{margin-top: -2px;background-size: cover;}
.index_04 ul{min-height: auto;padding: 150px 0;}
}
@media screen and (max-width:768px) {
.index_news{position: relative;z-index: 3;}
.index_01 li:nth-of-type(2){width: 715px;padding: 0 25% 5% 0;}
.index_01 img:nth-of-type(2){right: 0;}
.index_01 img:nth-of-type(2){width: 35%;}
.index_04 ul{padding: 100px 0;justify-content: center;}
}
@media screen and (max-width:600px) {
.index_01 ul{padding: 50px 0 0;}
.index_01 ul::before{top: -150px;}
.index_01 ul::after{width: 200px;height: 274px;bottom: 0;}
.index_01 li:nth-of-type(1){padding: 0 calc(5% - 40px);}
.index_02 h6{padding: 10px 0 0;}
.index_02 h5::after{margin: 20px auto;}
.index_03{background-size: 250%;}
.index_03 ul{padding: 100px 0 50px;}
.index_03 ul::after{height: 80%;}
.index_03 li:nth-of-type(1){max-width: 450px;}
.index_03 li:nth-of-type(2){flex-flow: wrap;max-width: 450px;}
.index_03 section{width: 49%;}
.index_03 section:nth-of-type(3){padding-top: 30px;}
.index_03 section:nth-of-type(2) img{order: -1;margin: 0;}
.index_04 ul{padding: 80px 0;}
}
@media screen and (max-width:500px) {
.index_01 ul::before{width: 300px;height: 320px;top: -100px;right: -100px;}
.index_01 ul::after{width: 150px;height: 205px;left: -20px;bottom: -50px;}
.index_01 section{padding: 0 0 30px;}
.index_01 figure{align-items: flex-start;}
.index_01 em{width: 50px;}
.index_01 b{width: calc(100% - 50px);}
.index_04 ul{padding: 50px 0;}
}
@media screen and (max-width:400px) {
.index_01 ul::after{width: 100px;height: 137px;}
.index_01 figure{flex-flow: wrap;}
.index_01 em{display: block;width: fit-content;}
.index_01 b{width: 100%;padding: 10px 0 0;text-align: justify;}
.index_02{padding: 80px 20px 50px;}
.index_03{margin-top: -50px;}
.index_03 ul::after{height: 90%;}
.index_03 section{width: 100%;max-width: 100%;}
.index_03 section:nth-of-type(2){padding: 30px 0;}
.index_03 section:nth-of-type(3){padding: 0;}
}

/*訂位須知*/

.notice_01{
   background: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/notice_bg01.webp) top center no-repeat;
   padding: 50px 20px;
}
.notice_01 section{
   max-width: 850px;
   padding: 50px 10px 60px;
   margin: 0 auto;
   border: 3px solid #F6F6F6;
   text-align: center;
}
.notice_01 h2{
   font-size: var(--ch-index-b);
   font-weight: 300;
   color: #525252;
   padding: 15px 0;
}
.notice_01 span{
   color: #D80000;
}
.notice_01 h3{
   font-weight: var(--ch-index-a);
   font-weight: 600;
   letter-spacing: 1px;
   color: #1AA39A;
}
.notice_01 a{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 180px;
   min-height: 60px;
   margin: -30px auto 0;
   background: #D85F56;
   border-radius: 5px;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #FFFFFF;
   box-shadow: 0 0 5px #CCCCCC;
   position: relative;
   z-index: 1;
}
.notice_01 a:hover{
   background: #F1DB6E;
   color: #535353;
}
.notice_01 ul{
   max-width: 1200px;
   margin: 0 auto;
   padding: 80px 0 0;
   align-items: flex-start;
}
.notice_01 li{
   max-width: 600px;
   width: 100%;
}
.notice_01 li:nth-of-type(2){
   text-align: right;
   padding-left: 20px;
}
.notice_01 h4{
   background: #2A91A4;
   padding: 20px 0;
   margin: 0 0 5px;
   font-size: var(--ch-subtitle);
   color: #FFFFFF;
   letter-spacing: 1px;
   text-align: center;
}
.notice_01 p{
   display: flex;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #525252;
}
.notice_01 p:nth-of-type(odd){
   background: rgb(248,237,182);
}
.notice_01 p:nth-of-type(even){
   background: #FFFFFF;
}
.notice_01 u{
   display: block;
   width: 50%;
   text-align: center;
   padding: 17px 0;
}
.notice_01 p > u:nth-of-type(1){
   border-right: 1px solid #DDDDDD;
}

.notice_02{
   background: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/notice_bg02.webp) top center no-repeat,#F6F6F6;
   padding: 0 20px;
   position: relative;
}
.notice_02::after{
   content: '';
   width: 167px;
   height: 202px;
   background: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/notice_bg03.webp) center no-repeat;
   position: absolute;
   bottom: -100px;
   left: 50px;
}
.notice_02 i{
   display: block;
   width: fit-content;
   margin: 0 auto;
   padding-top: 100px;
}
.notice_02 h6{
   font-size: var(--ch-maintitle);
   width: fit-content;
   margin: 0 auto;
}
.notice_02 h4{
   font-size: var(--ch-index-a);
   font-weight: 400;
   width: fit-content;
   margin: 0 auto;
}
.notice_02 dl{
   max-width: 1035px;
   margin: 0 auto;
   padding: 50px 0;
}
.notice_02 dd{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 0 0 20px;
}
.notice_02 h3{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   background: #55B0AB;
   border-radius: 5px;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #FFFFFF;
   line-height: 1;
}
.notice_02 s{
   display: block;
   width: calc(100% - 45px);
   font-size: var(--ch-index-b);
   font-weight: 300;
   color: #525252;
   line-height: 170%;
   text-align: justify;
   letter-spacing: 1px;
}
.notice_02 span{
   color: #54B0AB;
}
.notice_02 b{
   display: block;
   font-weight: 300;
   color: #D80000;
}
.notice_02 ul{
   max-width: 1400px;
   margin: 0 auto;
   padding: 0;
   align-items: flex-end;
   flex-flow: row-reverse;
   position: relative;
   z-index: 1;
}
.notice_02 li{
   max-width: 700px;
   width: 100%;
}
.notice_02 li:nth-of-type(1){
   background: #F1DB6E;
   padding: 130px 50px 80px;
}
.notice_02 h2{
   max-width: 550px;
   margin: 0 auto;
   font-size: var(--ch-index-c);
   font-weight: 500;
   letter-spacing: 0.5px;
   line-height: 120%;
   position: relative;
}
.notice_02 h2 img{
   position: absolute;
   bottom: 60px;
   left: 170px;
}
.notice_02 h2::after,.run_pic h6::after{
   content: '';
   display: block;
   margin: 20px 0;
   width: 35px;
   height: 1px;
   background: #7D7D7D;
}
.notice_02 p{
   max-width: 550px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #FFFFFF;
   padding: 20px 0;
}
.notice_02 em{
   margin-right: 20px;
}
.notice_02 u{
   display: block;
   max-width: 400px;
   width: calc(100% - 80px);
   font-weight: 400;
   color: #333333;
}

.run_pic{
   padding: 80px 0;
}
.run_pic i{
   display: block;
   width: fit-content;
   margin: 0 auto 10px;
}
.run_pic h6,.run_pic h5{
   width: fit-content;
   margin: 0 auto;
}
.run_pic h5{
   font-size: var(--ch-maintitle);
}
.run_pic h6::after{
   margin: 20px auto;
}
figure.run_01{
   background-image: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/run_pic01.webp);
   background-position: left top;
   -webkit-animation: animate1 600s linear infinite alternate;
   animation: animate1 600s linear infinite alternate;
}
figure.run_02{
   background-image: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/run_pic02.webp);
   background-position: right top;
   -webkit-animation: animate2 600s linear infinite alternate;
   animation: animate2 600s linear infinite alternate;
}
.run_pic figure{
   background-repeat: repeat-x;
   min-height: 330px;
   margin-top: 50px;
}
@-webkit-keyframes animate1 {
from { background-position:    0px; }
to { background-position: -21225px; }
}

@keyframes animate1 {
from { background-position:    0px; }
to { background-position: -21225px; }
}

@-webkit-keyframes animate2 {
from { background-position:    0px; }
to { background-position: 21225px; }
}

@keyframes animate2 {
from { background-position:    0px; }
to { background-position: 21225px; }
}

.run_pic a{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 180px;
   min-height: 60px;
   margin: 50px auto 0;
   background: #FFFFFF;
   border-radius: 5px;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #525252;
   box-shadow: 0 0 5px #CCCCCC;
}
.run_pic a:hover{
   background: #F1DB6E;
   color: #2A91A4;
}
@media screen and (max-width:1024px) {
.notice_01 ul{flex-flow: wrap;justify-content: center;}
.notice_01 li{max-width: 549px;}
.notice_01 li:nth-of-type(2){padding: 30px 0 0;}
.notice_02 ul{flex-flow: wrap;justify-content: center;}
.run_pic figure{min-height: 250px;background-size: cover;}
}
@media screen and (max-width:768px) {
.notice_01{background-position: 60% 2%;}
.notice_01 section{max-width: 550px;}
.notice_01 ul{padding: 40px 0 0;}
.notice_02 i{padding-top: 80px;}
}
@media screen and (max-width:600px) {
.notice_01 section{max-width: 400px;padding: 30px 20px 50px;}
.notice_01 a{max-width: 120px;min-height: 50px;margin: -25px auto 0;}
.notice_02::after{display: none;}
.run_pic{padding: 50px 0;}
.run_pic figure{margin-top: 25px;}
.run_pic a{max-width: 120px;min-height: 50px;}
}
@media screen and (max-width:500px) {
.notice_02 i{padding-top: 50px;}
.notice_02 dl{padding: 30px 0;}
.notice_02 li:nth-of-type(1){padding: 80px 20px 30px;}
.notice_02 h2 img{width: 30%;left: 120px;bottom: 50px;}
.run_pic figure{min-height: 150px;}
}
@media screen and (max-width:425px) {
.notice_01{padding: 50px 20px 20px;}
.notice_01 p{flex-flow: column;align-items: center;}
.notice_01 u{width: 90%;}
.notice_01 p > u:nth-of-type(1){border-bottom: 1px solid #DDDDDD;border-right: none;}
.notice_02 i{width: 80px;}
.run_pic i{width: 50px;}
}
@media screen and (max-width:346px) {
.notice_02 h2 img{bottom: 80px;}
.notice_02 p{justify-content: space-between;}
.notice_02 em{margin: 0;}
.notice_02 u{text-align: justify;}
}

/*園區守則*/
.rule{
   overflow: hidden;
}
.rule > a{
   position: relative;
   top: -100px;
}
.rule_01{
   display: flex;
   justify-content: space-between;
   max-width: 300px;
   width: calc(100% - 40px);
   padding: 10px;
   margin: 50px auto;
   background: #55B0AB;
   border-radius: 10px;
}
.rule_01 a{
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 130px;
   min-height: 40px;
   width: 49%;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #FFFFFF;
   border: 1px solid #FFFFFF;
   border-radius: 5px;
}
.rule_01 a:hover{
   background: #FFFFFF;
   color: #525252;
}

.rule_02{
   padding: 0 20px;
}
.rule_02 h5,.rule_03 h5{
   display: flex;
   align-items: center;
   max-width: 1200px;
   margin: 0 auto;
   padding-bottom: 10px;
   border-bottom: 2px solid #7BD5C7;
   font-size: var(--ch-maintitle);
   color: #333333;
}
.rule_02 h5 img,.rule_03 h5 img{
   margin-right: 20px;
}
.rule_02 ul{
   max-width: 1200px;
   margin: 0 auto;
   padding: 50px 0;
}
.rule_02 li{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-bottom: 20px;
}
.rule_02 span{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   background: #55B0AB;
   border-radius: 5px;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #FFFFFF;
   line-height: 1;
}
.rule_02 p{
   display: block;
   width: calc(100% - 45px);
   font-size: var(--ch-index-b);
   font-weight: 300;
   color: #525252;
   line-height: 170%;
   text-align: justify;
   letter-spacing: 1px;
}

.rule_03{
   background: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/notice_bg04.webp) top center no-repeat,#F6F6F6;
   padding: 150px 20px 200px;
}
.rule_03 section{
   max-width: 1200px;
   margin: 0 auto;
   padding: 50px 0;
   align-items: stretch;
}
.rule_03 ul{
   max-width: 760px;
   width: 100%;
   margin: 0;
   padding: 0 10px 0 0;
}
.rule_03 section div{
   max-width: 440px;
   width: 100%;
   border: 3px solid #F7F1D6;
   background: #FFFFFF;
   padding: 0 20px;
   display: flex;
   flex-flow: wrap;
   align-items: center;
   justify-content: center;
   align-content: center;
}
.rule_03 li{
   display: flex;
}
.rule_03 li:nth-of-type(even){
   background: rgba(248,237,182,0.5);
}
.rule_03 li:nth-of-type(odd){
   background: #FFFFFF;
}
.rule_03 h4{
   padding: 10px 20px;
   margin-bottom: 5px;
   background: #2A91A4;
   font-size: var(--ch-subtitle);
   font-weight: 600;
   color: #FFFFFF;
}
.rule_03 h4:nth-of-type(1){
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   border-right: 1px solid #FFFFFF;
}
.rule_03 h4:nth-of-type(1),.rule_03 u:nth-of-type(1){
   width: 40%;
}
.rule_03 h4:nth-of-type(2),.rule_03 u:nth-of-type(2){
   width: 60%;
}
.rule_03 u{
   padding: 15px 0;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #525252;
}
.rule_03 u:nth-of-type(1){
   border-right: 1px solid #DDDDDD;
   text-align: center;
}
.rule_03 u:nth-of-type(2){
   padding: 15px 40px;
}
.rule_03 h3{
   max-width: 352px;
   margin: 0 auto;
   padding-bottom: 15px;
   width: 100%;
   font-size: var(--ch-subtitle);
   font-weight: 600;
   color: #2A91A4;
}
.rule_03 p{
   max-width: 352px;
   margin: 0 auto;
   font-size: var(--ch-index-b);
   line-height: 170%;
   color: #525252;
}

.rule_04{
   background: url(https://www.campingdaddy.com.tw/store_image/sinsiangvilla/images/notice/notice_bg05.webp) top center no-repeat;
   padding: 1px 20px;
   margin-top: -50px;
   min-height: 659px;
}
.rule_04 ul{
   max-width: 1300px;
   margin: -100px auto 0;
   padding: 0;
   align-items: flex-end;
   flex-flow: row-reverse;
}
.rule_04 li{
   width: 100%;
}
.rule_04 li:nth-of-type(1){
   max-width: 570px;
   color: #FFFFFF;
   padding: 0 0 100px 20px;
}
.rule_04 li:nth-of-type(2){
   max-width: 680px;
   position: relative;
   padding-bottom: 80px;
}
.rule_04 li:nth-of-type(2) img:nth-of-type(2){
   position: absolute;
   right: 0;
   bottom: 0;
}
.rule_04 h4{
   font-size: var(--ch-maintitle);
   font-weight: 500;
   letter-spacing: 1px;
   line-height: 120%;
   position: relative;
}
.rule_04 h4 img{
   position: absolute;
   top: -95px;
   left: 170px;
}
.rule_04 p{
   font-size: var(--ch-index-b);
   font-weight: 600;
   line-height: 170%;
   padding-top: 20px;
}

.rule_05{
   max-width: 900px;
   width: calc(100% - 40px);
   margin: -70px auto 0;
   padding: 15px 10px;
   background: #F1DB6E;
   border-radius: 20px;
   font-size: var(--ch-index-b);
   font-weight: 600;
   color: #333333;
   text-align: center;
}
.rule_05 p{
   max-width: 670px;
   margin: 0 auto;
}

@media screen and (max-width:1100px) {
.rule_03 u:nth-of-type(2){padding: 15px;}
}
@media screen and (max-width:1024px) {
.rule_03{padding: 150px 20px 80px;}
.rule_03 section{flex-flow: wrap;justify-content: center;}
.rule_03 ul{max-width: 100%;padding: 0 0 50px;}
.rule_03 section div{max-width: 100%;padding: 50px 20px;}
.rule_03 h3,.rule_03 p{max-width: 100%;width: 100%;}
.rule_04 ul{flex-flow: wrap;justify-content: center;margin: 0 auto;}
.rule_04 li:nth-of-type(1){padding: 150px 0 20px;}
.rule_05{margin: 30px auto 0;}
}
@media screen and (max-width:768px) {
.rule_02 ul{padding: 50px 0 20px;}
.rule_03{padding: 20px 20px 80px;}
.rule_03 section{padding: 50px 0 20px;}
}
@media screen and (max-width:600px) {
.rule_02 ul{padding: 20px 0 0;}
.rule_03 section{padding: 20px 0;}
.rule_03 ul{padding: 0 0 20px;}
.rule_03 section div{padding: 20px;}
.rule_04 h4 img{max-width: 200px;top: -50px;left: 130px;}
.rule_04 li:nth-of-type(2) img:nth-of-type(2){max-width: 250px;}
}
@media screen and (max-width:425px) {
.rule_01{flex-flow: wrap;}
.rule_01 a{width: 100%;max-width: 100%;}
.rule_01 a:nth-of-type(2){margin-top: 10px;}
.rule_03 h4{padding: 10px;}
.rule_03 h4:nth-of-type(1),.rule_03 u:nth-of-type(1){width: 30%;}
.rule_03 h4:nth-of-type(2),.rule_03 u:nth-of-type(2){width: 70%;}
.rule_03 u{display: flex;align-items: center;}
.rule_03 u:nth-of-type(1){justify-content: center;}
.rule_03 u:nth-of-type(n){padding: 10px;}
.rule_04 li:nth-of-type(1){padding: 80px 0 20px;}
.rule_04 li:nth-of-type(2){padding: 0 30px 20px 0;}
.rule_04 li:nth-of-type(2) img:nth-of-type(2){max-width: 150px;}
.rule_05{margin: 0 auto;}
}
@media screen and (max-width:375px) {
.rule_03{padding: 20px 20px 50px;}
.rule_04 h4 img{max-width: 150px;top: -30px;}
}


/*交通指南*/
.traffic{
   overflow: hidden;
}
.traffic_01{
   padding: 80px 20px;
}
.traffic_01 h6{
   max-width: 1200px;
   margin: 0 auto;
   padding-bottom: 20px;
   border-bottom: 1px solid #2A91A4;
   font-size: var(--ch-maintitle);
}
.traffic_01 h3{
   font-weight: 500;
   font-size: var(--ch-subtitle);
   color: #333333;
   letter-spacing: 0;
   line-height: 180%;
   padding: 30px 0 0;
}
.traffic_01 ul{
   max-width: 1200px;
   margin: 0 auto;
   padding: 40px 0 0;
}
.traffic_01 li:nth-of-type(1){
   min-width: 100px;
   min-height: 100px;
   background: #2A91A4;
   border-radius: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.traffic_01 li:nth-of-type(2){
   max-width: 1040px;
   width: calc(100% - 120px);
   text-align: justify;
}
.traffic_01 h4{
   font-size: var(--ch-index-d);
   font-weight: 600;
   color: #2A91A4;
   padding-bottom: 5px;
}
.traffic_01 p{
   font-weight: 500;
   font-size: var(--ch-index-b);
   color: #333333;
   letter-spacing: 0;
}
.traffic_02{
   padding: 0 20px;
}
.traffic_02 ul{
   display: grid;
   grid-template-columns: 300px 300px 550px;
   grid-column-gap: 20px;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0;
   text-align: center;
   align-items: stretch;
}
.traffic_02 li{
   width: 100%;
   background: #F6F6F6;
   border-radius: 50px;
   padding: 50px 20px;
}
/* .traffic_02 li:nth-last-of-type(1){
   max-width: 550px;
} */
.traffic_02 h4{
   font-size: var(--ch-index-d);
   font-weight: 600;
   color: #2A91A4;
   padding: 15px 0;
}
.traffic_02 p{
   font-size: var(--ch-index-b);
   font-weight: 500;
   color: #333333;
   line-height: 150%;
}
.traffic_03{
   max-width: 1200px;
   width: calc(100% - 40px);
   margin: 0 auto;
   padding: 60px 0;
}
.traffic_03 iframe{
   min-height: 420px;
}

@media screen and (max-width:1240px) {
.traffic_02 ul{grid-template-columns: 1fr 1fr 1.5fr;}
}
@media screen and (max-width:1024px) {
.traffic_02 ul{grid-template-columns: 1fr 1fr;grid-row-gap: 20px;}
.traffic_02 li:nth-of-type(3){
   grid-column-start: 1;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
}
}
@media screen and (max-width:768px) {
.traffic_01{padding: 50px 20px;}
.traffic_01 ul{flex-flow: wrap;align-items: flex-start;padding: 20px 0 0;}
.traffic_01 li:nth-of-type(1){min-width: 50px;min-height: 50px;border-radius: 10px;}
.traffic_01 li:nth-of-type(1) img{width: 30%;}
.traffic_01 li:nth-of-type(2){width: calc(100% - 60px);}
}
@media screen and (max-width:600px) {
.traffic_02 li{border-radius: 30px;}
.traffic_03{padding: 50px 0 0;width: 100%;}
.traffic_03 iframe{min-height: 350px;}
}
@media screen and (max-width:500px) {
.traffic_02 ul{grid-template-columns: 1fr;}
.traffic_02 li{padding: 20px;}
.traffic_02 li:nth-of-type(3){grid-column-start: 1;grid-column-end: 2;}
}
@media screen and (max-width:425px) {
.traffic_01 h6{padding-bottom: 10px;}
.traffic_02 figure{max-width: 50px;margin: 0 auto;}
.traffic_02 h4{padding: 5px 0;}
.traffic_03 iframe{min-height: 250px;}
}