/* section */
section{padding: 6vw 0;}
section >*{z-index:5}
section .title_box .page_title{font-weight: 600;font-size: 36px;color: #7b4a25;position: relative;font-family:'Cormorant', sans-serif;text-transform: uppercase;line-height: 110%;text-transform: uppercase;margin-bottom: 30px;}
section .titleBox .subtitle{color:var(--primary);font-family:"Cormorant",sans-serif;font-size:46px;font-weight:400;line-height:1.08;text-transform:uppercase;padding-bottom:9px}
section .title_box p{line-height: 170%;letter-spacing: 0.5px;font-weight: 500;font-size: 20px;color: var(--complement);position: relative;}
section.bg_box{background:no-repeat 50% / cover;}
.more_btn{margin-top:0px}
.more_btn a{position:relative;overflow:hidden;width: 120px;padding: 12px 50px 12px 30px;display:inline-block;border-radius: 100px;}
.more_btn font{font-size: 16px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color:#fff;font-family: 'Cormorant', sans-serif;font-weight: 500;text-transform: uppercase;font-style: oblique;text-align: left;font-weight: 500;letter-spacing: 1px;}
.more_btn span::before{content:"";position:absolute;top:calc(50% - 0px);right:25px;width:18px;height:2px;background-color:currentColor;background:#fff}
.more_btn span::after{content:"";position:absolute;top:calc(50% - 5px);right:25px;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid  #fff;transform:rotate(45deg)}
.more_btn a:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background: linear-gradient(to right, #a58876 0, #ec7325 60%, #ec7e37 110%);}

/* mainArea */
#mainArea{background-color: var(--primary);position:relative}
#mainArea:before{position:absolute;display:block;top:0;left:0px;content:"";background-image:url(/images/39/img-bg-01.png);background-repeat:no-repeat;z-index:2;height:100%;width:100%;border-radius:0 100px 100px 0;opacity: .1;}
#mainArea::after{content:"";display:block;background-size:cover;position:absolute;background-image:url(/images/39/img-bg-02.png);background-repeat:no-repeat;height:1187px;width:1157px;top:0;right:0;z-index:0}

/* news_area */
#news_area #imglist{display:grid;grid-template-columns:600px 1fr;width:100%;gap:60px}
#news_area::after{content:'';position:absolute;height:65%;width:90%;bottom:0;right:0;background: #fff4ee;opacity:1;z-index:3}
#news_area #imglist .left li{margin: 20px;}
#news_area .right{position:relative}
#news_area li .img_scale img{aspect-ratio:4 / 3;width:100%}
#news_area .img_box li .item{align-items:center;padding:20px 0px;display:grid;grid-template-columns:1fr 170px;gap:0 30px}
#news_area li .item .Txt h3{color: var(--info);font-size:21px;letter-spacing:1px;margin-bottom:10px}
#news_area li .item .Txt article{color: var(--complement);font-size:18px}
#news_area li .more_btn a{width:90px;padding:10px 50px 10px 30px}
#news_area li .more_btn.white font{font-size:14px}
#news_area .img_nav li .item .Txt h3{-webkit-line-clamp:2;height:70px;margin-bottom:20px}
#news_area .img_nav li .row{margin: 0 15px;}
#imglist .img_nav{width:100%;position:absolute;bottom:40px;right:0}
#imglist .img_nav .img_show{margin:0 10px 0}
#imglist .img_nav img{width:140px;aspect-ratio:4 / 3;object-fit:cover}
#news_area .list_box{margin: 0 90px;}


/* about_area */
#wrap{position:relative}
#about_area{padding: 4vw 0 3vw 0;position:relative}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
#about_area:before{position:absolute;display:block;top:-410px;content:"";background-image:url(/images/39/img-ab-05.png);background-repeat:no-repeat;background-size:contain;z-index:2;height:740px;width:740px;left:30%}
#about_area .areaTitle .title_box h2{margin-bottom:20px;color:var(--white);text-align:center;font-size:35px;line-height:1.08;text-transform:uppercase;padding-bottom:9px}
#about_area .areaTitle .title_box .subtitle{text-align:center;color:#fff;font-family:'Cormorant',sans-serif;margin-bottom:10px;font-size:24px}
#about_area .areaTitle .title_box p{font-size:18px;color:var(--white);text-align:center;width:600px;margin:auto;line-height:200%;position:relative;padding-top:30px;margin-top:30px}
#about_area .areaTitle .title_box p:before{content:"";width:80px;height:1px;background:#ffffff70;display:block;position:absolute;top:0px;left:50%;transform:translate(-50%,-50%)}
#about_area .about_logo{text-align:center;margin-top:60px;margin-bottom:50px;-webkit-filter:contrast(0) brightness(200%);filter:contrast(0) brightness(200%)}
#about_area .about_logo img{width:300px;transform-origin:bottom right;animation:bannerFox 3s infinite ease-in-out}
@keyframes bannerFox{0%{transform:rotate(0)}
30%{transform:translate3d(0px,0px,0) rotate(0deg)}
40%{transform:translate3d(0px,0px,0) rotate(-3deg)}
50%{transform:translate3d(0px,-10px,0) rotate(-5deg)}
60%{transform:translate3d(0px,0px,0) rotate(-3deg)}
70%{transform:translate3d(0px,0px,0) rotate(0deg)}
100%{transform:rotate(0)}
}
#about_area .about_icon *{transition:unset;-webkit-transition:unset}
.fly-out{position:absolute;z-index:9;top: -70px;left: -90px;transition:unset;-webkit-transition:unset;}
.fly-out02{position:absolute;z-index:9;top:0;left: 120px;}
.fly-out03{position:absolute;z-index:9;top: 0px;right: 230px;}
.fly-out04{position:absolute;z-index:9;top: -70px;right: -50px;}
.fly-out05{position:absolute;z-index:9;width:1920px;height:980px;bottom:0;right:0;display:none}
#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width: 100%;height:auto;margin: auto;object-fit: contain;}


/* linkArea */
#Service_area{overflow:hidden;position:relative;padding: 2vw 0 9vw 0;}
#Service_area .workframe{width:100%}
#Service_area .aboutArea{display:grid;grid-template-columns:1fr 50%;width:100%;align-items:center}
#Service_area .aboutLeft{margin-right:-90px}
#Service_area .aboutArea .aboutRight{background-color:#e9e9e9;padding: 70px 70px 130px;position:relative;overflow:hidden}
#Service_area .linkArea{background-color:#fff;width:70%;position:absolute;right:0;bottom: -150px;}
#Service_area .linkList{padding: 40px 30px;}
#Service_area .linkList li{position:relative;height: 190px;padding: 10px 20px;}
#Service_area .linkList li:after{content:'';position:absolute;right: 0px;top:0;width:1px;height:100%;background:#dbdbdb;opacity:.6}
#Service_area .linkList li:last-child:after{display:none}
#Service_area .linkList li .noBox{position:absolute;color:#122f6f;opacity:.2;font-size:35px;top:50%;right:0;transform:translate(-50%,-50%);width:37px}
#Service_area .linkList li .Img img{aspect-ratio:1 / 1;width:65px;object-fit:contain}
#Service_area .linkList li .Txt{margin-top:20px}
#Service_area .linkList li .Txt  h2{color:var(--triadic2);font-size: 22px;line-height: 130%;margin-bottom: 10px;}
#Service_area .linkList li .Txt p{color:#9196a2;font-size: 16px;}

/* book_area */
#book_area {padding: 3vw 0 6vw 0;}
#book_area .title_box{display:grid;grid-template-columns: .5fr 1fr;gap: 0 40px;align-items: start;}
#book_area .title_box .page_title,#book_area .right .noteBox,#book_area .right .noteBox .Txt .ellipsis,#book_area .right .noteBox .Txt .title{color:var(--white)}
#book_area .right .noteBox{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 20px}
#book_area .right .noteBox .Txt{position:relative;padding-right: 20px;}
#book_area .right .noteBox .Txt:before{content:"";width:1px;height:60%;background-color:#ffffff;position:absolute;right:0;opacity:.3;top:50%;transform:translate(-50%,-50%)}
#book_area .right .noteBox .Txt:last-child:before{display:none}
#book_area .right .noteBox .Txt .title{font-size:22px;letter-spacing:1px;margin-bottom: 10px;}
#book_area .right .noteBox .Txt .ellipsis{font-size:16px;font-weight:300;letter-spacing: 1px;}
#book_area .title_box .subtitle{color: var(--triadic1);}
#book_area .list_box{margin-top: 60px;}
#book_area .list_box ul li{margin:0px 20px;opacity:.4}
#book_area .list_box ul li.slick-active{opacity:1}
#book_area .list_box ul li .bookItem{width:95%;position:relative;margin:0 auto}
#book_area .list_box ul li .img_scale img{aspect-ratio:1 / 2;height:440px;}
#book_area .list_box ul li .info_box{width:calc(100% - 60px);height: 70px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #db6b24);color:#fff;padding:30px 30px 33px;pointer-events:none;position:absolute;bottom: -1px;left:0;transition:all 0.5s 0s ease-out;z-index:1;display:flex;align-items:end;-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);transition:all 0.8s}
#book_area .list_box ul li .info_box h3{font-size:22px;font-weight:400}
#book_area .list_box ul li .info_box .more_btn{position:absolute;bottom:40px;right:30px}
#book_area .list_box ul li .info_box .more_btn::after{content:"";position:absolute;right:-50px;bottom:-80px;width:150px;height:150px;opacity:.5;border:solid 1px #fff;border-radius:50%;opacity:.3}

/* ProgramsArea */
#ProgramsArea{position:relative;overflow:inherit;padding: 10vw 0 8vw 0;background: linear-gradient(to top, #f2f0ea 60%, rgb(255 255 255 / 60%));}
#ProgramsArea .ProgramsList .title_box .left{margin-bottom:40px}
#ProgramsArea .ProgramsList li .item{width:100%;height:100%}
#ProgramsArea .ProgramsList li .Txt{width:calc(100% - 80px);bottom:0px;left:50%;transform:translate(-50%,0%);padding:70px 40px 30px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #04040485);}
#ProgramsArea .ProgramsList .blue .Txt,#ProgramsArea .ProgramsList .red .Txt,#ProgramsArea .ProgramsList .orange .Txt{width:80%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);background:none;padding:10px 10px;display:flex;align-items:center;flex-direction:column;justify-content:center}
#ProgramsArea .ProgramsList li .Img{position:relative;overflow:hidden}
#ProgramsArea .ProgramsList li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
#ProgramsArea .ProgramsList li .Txt h3,#ProgramsArea .ProgramsList li .Txt p{color:#fff;letter-spacing:0.5px}
#ProgramsArea .ProgramsList li .Txt h3{margin-bottom:20px;font-size:26px}

@media screen and (max-width:1560px){
    #ProgramsArea{padding: 10vw 0 5vw 0;}
}
@media screen and (max-width:1440px){
    #book_area .list_box ul li .img_scale img{height:320px}
	#Service_area{padding:2vw 0 20vw 0}
	#Service_area .linkArea{bottom:-220px}
	#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width:65%}
	#ProgramsArea{padding: 12vw 0 7vw 0;}
	#news_area .list_box{margin: 0 20px;}
	#news_area::after{width: 95%;}
}

@media screen and (min-width:1281px){
	.more_btn.white a:hover font{color:#ffffff}
	.more_btn.white a:hover{width:150px}
    #mainArea .mainAreaBG:before{content:'';width: 1px;height: 100%;background: var(--white);position: absolute;left: 10.5vw;top: 0;z-index: 2;opacity: .1;}
    #mainArea .mainAreaBG:after{content:'';width: 1px;height: 100%;background: var(--white);position: absolute;right: 5.5vw;top: 0;z-index: 2;opacity: .1;}
	#book_area .list_box ul li:hover .info_box{opacity:1;transition:all 0.8s;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);height:720px}
	#book_area .list_box ul li:hover .info_box .more_btn{right:10px}
	#book_area .title_box{width: 1280px;}
	#about_area::after{content:"";display:block;position:absolute;background-image: url(/images/39/img-banner02.png);background-repeat: no-repeat;background-size: contain;height: 330px;width: 330px;bottom: -220px;right: 200px;z-index: 0;animation-name: circle;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 50s;opacity: .4;}
}

@media screen and (max-width:1280px){
	section .title_box{margin-bottom:0px}
	section .title_box .page_title,#book_area .title_box .page_title,#about_area .areaTitle .title_box h2{font-size: 32px;margin-bottom:20px}
	#ProgramsArea .ProgramsList .title_box .left{margin-bottom:20px}
    .fly-out{top: -80px;left: -120px;}
	.fly-out02{position:absolute;z-index:9;top:0;left: 50px;}
	.fly-out03{position:absolute;z-index:9;top: 0px;right: 70px;}
	.fly-out04{position:absolute;z-index:9;top: -130px;right: -140px;}
	.fly-out05{position:absolute;z-index:9;width:1920px;height:980px;bottom:0;right:0;display:none}
}
@media (min-width:1201px){
	#ProgramsArea::after{content:"";position:absolute;background-image: url(/images/39/img-ab-logo2.png);background-size: contain;background-repeat:no-repeat;background-position:100% 100%;top: 260px;left: 36%;width:184px;height:164px;z-index:11;-webkit-animation:birdJitter 3s ease-in both infinite;animation:birdJitter 3s ease-in both infinite;opacity: .2;}
	@keyframes birdJitter{0%,60%,to{-webkit-transform:translate(0,0);transform:translate(0,0)}
	30%{-webkit-transform:translate(-1px,0) rotate(-6deg);transform:translate(-1px,0) rotate(-6deg)}
	80%{-webkit-transform:translate(0,0) rotate(3deg);transform:translate(0,0) rotate(3deg)}
	}
	#ProgramsArea::before{content:"";position:absolute;background-image:url(/images/39/img-ad-02.png);background-size: contain;background-repeat:no-repeat;background-position:100% 100%;bottom: -120px;right: 0px;width: 250px;height: 360px;z-index:11;-webkit-animation:birdJitter 3s ease-in both infinite;animation:birdJitter 3s ease-in both infinite}
	#Service_area .aboutArea .aboutRight p, #ProgramsArea .title_box p{width:80%}
	#Service_area .aboutArea .aboutRight::after{content:"";display:block;position:absolute;background-image:url(/images/39/icon-service-01.png);background-repeat:no-repeat;background-size:contain;height:184px;width:236px;bottom:-20px;right:-40px;z-index: -1;}
	#wrap:before {content: '';position: absolute;top: -400px;right: 44%;background-image: url(/images/39/img-banner01.png);background-size: contain;background-repeat: no-repeat;width: 474px;height: 495px;z-index: 10;}
	#ProgramsArea .ProgramsList .blue .Txt:before,#ProgramsArea .ProgramsList .red .Txt:before,#ProgramsArea .ProgramsList .orange .Txt:before {content: '';position: absolute;bottom: -30px;right: -50px;background-image: url(/images/39/img-banner02.png);background-size: contain;background-repeat: no-repeat;width: 216px;height: 226px;z-index: 10;transform-origin: bottom right;animation: bannerMouse1 8s infinite ease-in-out;opacity: .3;}
}

@media (max-width:1200px){
	#Service_area{padding:0vw 0px 5vw 0}
	#Service_area .workframe{display:flex;flex-direction:row;flex-wrap:wrap}
	#Service_area .contactBox{margin-bottom:50px;width:calc(100% - 20px);padding:0 10px}
	#Service_area .linkArea{position:relative;width:100%;bottom: 1px;}
	#Service_area .aboutArea{align-items:end}
    #Service_area .aboutArea .aboutRight{padding: 70px 70px 70px;}
	#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width:46%}
	#about_area .about_logo{margin: 0 auto  140px auto;width:200px}
	.more_btn a{padding:6px 30px 6px 20px}
	#imglist .img_nav{position:relative}
	#news_area::after{width:100%;height:45%}
	#news_area #imglist{display:flex;flex-direction:column;gap:20px}
	#news_area #imglist .left{order:1;width:100%}
	#news_area #imglist .right .img_nav{display:none}
	#news_area .img_box li .item{grid-template-columns:1fr 60px}
	#news_area li .more_btn.white font{display:none}
	#news_area li .more_btn a{width:40px;padding:20px 10px 20px 10px}
}

@media screen and (max-width:1024px){
    #book_area .list_box ul li .img_scale img{height:280px}
	section .title_box .page_title,#book_area .title_box .page_title,#about_area .areaTitle .title_box h2{font-size: 28px;}
	#Service_area .aboutArea .aboutRight{padding:40px 30px}
	#ProgramsArea{padding: 5vw 0 5vw 0;}
	#news_area #imglist .left li{margin: 10px;}
	#about_area{padding: 14vw 0 3vw 0;}
}

@media (min-width:961px){
	.bottombtn{position:absolute;bottom:60px;right:0}
	#ProgramsArea .ProgramsList{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:25px}
	#ProgramsArea .ProgramsList .Ptitle{grid-column-start:1;grid-column-end:3}
	#ProgramsArea .ProgramsList .blue{grid-column-start:4;grid-row-start:1;overflow:hidden;background-color: var(--complement);display:flex;align-items:center;justify-content:center;border-radius:0 0 130px 0}
	#ProgramsArea .ProgramsList .red{grid-column-start:2;grid-row-start:2;border-radius:130px 0 0 0;overflow:hidden;background-color: var(--primary);display:flex;align-items:center;justify-content:center}
	#ProgramsArea .ProgramsList .orange{grid-column-start: 4;grid-row-start: 2;border-radius:130px 0 0 0;overflow:hidden;background-color: #6d513f;display:flex;align-items:center;justify-content:center}
}
@media (max-width: 960px){
	#ProgramsArea .ProgramsList{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:25px}
	#ProgramsArea .ProgramsList .Ptitle{grid-column-start:1;grid-column-end:3}
	#ProgramsArea .ProgramsList .blue{grid-column-start:2;grid-row-start:-1;overflow:hidden;background-color:var(--triadic2);display:flex;align-items:center;justify-content:center;border-radius:0 0 130px 0}
	#ProgramsArea .ProgramsList .red{grid-column-start:1;grid-row-start:2;border-radius:130px 0 0 0;overflow:hidden;background-color:var(--secondary);display:flex;align-items:center;justify-content:center}
	#ProgramsArea .ProgramsList .orange{grid-column-start: 1;grid-row-start: 4;border-radius:130px 0 0 0;overflow:hidden;background-color: var(--primary);display:flex;align-items:center;justify-content:center}
	#ProgramsArea{padding: 28vw 0 14vw 0;}
    section .titleBox .subtitle{font-size:31px}
	#news_area{padding:13vw 0 6vw 0}
	#book_area .title_box{grid-template-columns:1fr;gap:20px 0;justify-content:center;justify-items:center}
	#book_area .title_box .page_title{margin-bottom:0;text-align:center}
	#book_area .right .noteBox{text-align:center;grid-template-columns:1fr;margin:20px 10px;gap:30px 20px}
	#book_area .right .noteBox .Txt:before{height:1px;width:100%;top:auto;bottom:-20px;transform:translate(0%,0%)}
	#book_area{padding:12vw 0 12vw 0}
	#Service_area .aboutArea{grid-template-columns:1fr}
	#Service_area .linkList{padding:20px 0px}
	#about_area .areaTitle .title_box p{width:90%}
    #about_area .about_logo{margin: 60px auto 100px auto;}
	.fly-out02{left: -10px;}
	.fly-out03{right: 40px;}
    .fly-out04{top: -50px;}
    #book_area .right .noteBox .Txt{padding-right: 0;}
}
@media screen and (max-width:640px){
	.bottombtn .productbtn img{width: 16px;}
	#product_next::after{top: 6px;}
	#ProgramsArea .ProgramsList{grid-template-columns: repeat(1,1fr);grid-template-rows: repeat(1,1fr);grid-gap: 40px;}
	#ProgramsArea .ProgramsList .Ptitle{grid-column-start:1;grid-column-end: 1;}
	#ProgramsArea .ProgramsList .blue, #ProgramsArea .ProgramsList .red,#ProgramsArea .ProgramsList .orange{display: none;}
	#ProgramsArea .ProgramsList li .Txt{padding: 50px 20px 30px;width: calc(100% - 40px);}
	#fly-could img,#fly-could02 img,#fly-could03 img,#fly-could04 img,#fly-could05 img{width: 37%;}
}
@media screen and (max-width:480px){
    .fly-out02{left: -20px;top: -80px;}
	.fly-out03{right: 0px;top: -50px;}
    .fly-out04{top: -90px;right: -150px;}
}