/* indexbox */
.indexbox { position: relative; }
.indexbox h4 {color: #8f8f8f;font-size: 20px;line-height: 16px;font-weight: normal;font-family: 'Noto Serif TC' , serif;letter-spacing: 4px;padding: 0 10px 0 0;}
.indexbox .boxtit {color: #bcbcbc;margin: 0 0 40px 0;font-size: 20px;line-height: 43px;font-weight: normal;text-transform: uppercase;}
.indexbox .h2boxtit {color: #636363;font-size: 18px;line-height: 32px;font-weight: normal;/* width: 47%; */display: inline-block;}
.indexbox .more {margin-top: 30px;}
.indexbox .more a {position: relative;padding: 15px 45px;border: 2px #ad9d8f solid;color: #ad9d8f;}
.indexbox .more a:before { position: absolute; width: 0; height: 100%; background: #ad9c8f; display: block; left: 0; top: 0; content: ""; z-index: -1; }

/* aboutBox */
#aboutBox{position:relative;padding-top:9vw;padding-bottom:9vw;background-image:url(/images/01/img-abbg.jpg);background-repeat:no-repeat;background-position:0 0;background-size:cover}
#aboutBox:before{position:absolute;width:100vw;height:320px;background:#f4f5f0;display:block;top:0;left:0;z-index:2;content:"";background-image:url(/images/01/img-abPhotobg.jpg);background-repeat:no-repeat;background-position:50% 2%;background-size:100%;background-attachment:fixed}
#aboutBox .fixTxt{position:absolute;font-size:7vw;font-weight:900;color:rgb(236 235 230);white-space:nowrap;left:120px;top:300px;z-index:2;text-transform:uppercase;font-family:'Cormorant Garamond',serif}
#aboutBox .bg{position:absolute;width:22vw;height:16vw;background:no-repeat 50%;top:37vw;right:0vw;z-index:3}
#aboutBox #pictureBox{position:absolute;width:370px;height:255px;left:50px;top:470px;z-index:3;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#aboutBox #pictureBox a.photo{width:100%;height:335px;background-position: 50% 50%;background-size: cover;}
#aboutBox .aboutinfo{position:relative;font-size:0;z-index:2;display: grid;width: min(95%, 1600px);margin: 0 auto;grid-template-columns: 50% 39%;justify-content: end;gap: 150px;}#aboutBox .aboutinfo .row{width:33.3%;display:inline-block;vertical-align:top}
#aboutBox .aboutinfo .info{padding: 20vw 0 2vw;-webkit-writing-mode:vertical-rl;}
#aboutBox .aboutinfo .info .h2boxtit{margin-bottom:25px;font-weight:500;font-size:35px;letter-spacing:3px;display:block}
#aboutBox .aboutinfo .info article p{margin-bottom:30px;line-height:220%;font-size: 20px;padding:0 30px;letter-spacing:0.05em;height: 460px;}
#aboutBox .aboutinfo .img{height:100%;z-index:1;box-shadow:0 0 12px 7px rgb(157 157 157 / 23%)}
#aboutBox .aboutinfo .img a.photo{width:100%;height:100%}
#aboutBox .aboutinfo .img:before{position:absolute;top:35px;content:"";display:block;width:100%;height:100%;background-color:rgb(255 255 255 / 56%);right:-35px;z-index:-1}

/*manabout*/
#manabout{position:relative}
#manabout .fleexJ{display:flex}
#manabout .imgboxJ{display:flex;flex-direction:column;width:50%;margin-top:-30px;box-shadow:0 0 10px 3px rgb(198 198 198 / 31%)}
#manabout .imfo{display:flex;flex-direction:column;width: calc(50% - 60px);padding:80px 80px 0px 80px;justify-content:center}
#manabout .imfo .titleJ{margin-bottom:40px}
#manabout .imfo .titleJ h2{font-size:38px;color:#636363}
#manabout .imfo .titleJ p{text-transform:uppercase;color: #636363;font-size:16px;letter-spacing:0.10em;margin-left:5px;margin-top:-10px}
#manabout .textJ{margin-bottom:40px}
#manabout .textJ h3{font-size:26px;color:#3b3b3c}
#manabout .textJ p{font-size: 20px;}
#manabout p.more{text-align:left}
#feature{position:relative;background:url(/images/01/cum_bg.jpg);padding:40px 0 120px;background-size:cover}
#feature .scenent{display:flex;justify-content:center;padding: 20px 0;}
#customBox2{position:relative;overflow:hidden;max-width:95%}
#feature .scenent .cumlist{position:relative;width:1600px;max-width:95%;margin:0 auto}
#feature .scenent .malin{display:flex;flex-direction:column;align-items:center;padding-top:30px}
#feature .scenent .imgcrew{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#feature .scenent .imgcrew{padding:30px;background:#ffffffd6;border-radius:600px;margin-bottom:35px;box-shadow:0px 8px 18px -2px #cccccc30}
#feature .scenent .imgcrew:hover:before{border:#70c21f 2px solid}
#feature .scenent .imgcrew:before{content:"";position:absolute;width:200px;height:200px;border-radius:500px;border:#474747bf 2px solid}
#feature .scenent .imgcrew:hover{-moz-transform:translateY(-0.75em);-webkit-transform:translateY(-0.75em);-o-transform:translateY(-0.75em);-ms-transform:translateY(-0.75em);transform:translateY(-0.75em);background:#70c21f}
#feature .scenent .imgcrew:hover img{-webkit-filter:brightness(100)}
#feature .scenent .title{font-size:20px;color:#636363;font-weight:500}
#feature .scenent article{font-size:18px;margin-top:-2px}
#feature .scenent .imgcrew img{width:115px}
#fantwoJ{position:relative}
#fantwoJ .maflex{display:flex;margin-bottom:25px}
#fantwoJ .left_box{position:relative;display:flex;flex-direction:column;align-items:center;width:50%;background-size:100%;background-image:url(/images/01/aer_blank-A.jpg);background-position:50% 50%}
#fantwoJ .left_box:hover,#fantwoJ .right_box:hover{background-size:150%}
#fantwoJ .blabla{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#fantwoJ .right_box{position:relative;display:flex;flex-direction:column;align-items:center;width:50%;background-size:100%;background-image:url(/images/01/aer_blank-B.jpg);background-position:50% 50%}
#fantwoJ  .blabla:before{content:"";position:absolute;width:100%;height:100%;background-color:#00000099;z-index:1}
#fantwoJ  .blabla:after{content:"";position:absolute;width:90%;height:80%;top:10%;border:#f4f4f478 1px solid;z-index:3}
#fantwoJ .maflex .matext{position:absolute;display:flex;top:calc(50% - 168px);z-index:8;width:100%;justify-content:space-evenly}
#fantwoJ .twolon{margin:25px 13px}
#fantwoJ .twolon h2,#fantwoJ .onelon h2{color:#ffffff;font-size:33px;position:relative;margin-bottom:20px}
#fantwoJ .twolon h2:before,#fantwoJ .onelon h2:before{content:"";position:absolute;width:60px;height:1px;background:white;left:145px;top:28px}
#fantwoJ .twolon p,#fantwoJ .onelon p{font-size:16px;color:white;font-weight:200}

/* SeoStarRating */
#SeoStarRating { text-align: right; }

/* productBox */
#productBox .workframe{position:relative;width:100%}
#productBox{background-image:url(/images/01/img-pdbg.jpg);background-repeat:no-repeat;background-position:0px -30px;background-size:cover}
.bgTxt{margin-top:0;padding:60px 0 10px;line-height:1;pointer-events:none;text-align:center;font-weight:100;font-size:40px;display:block;color:#636161;letter-spacing:8px;font-weight:600}
.bgTxt .h3{text-align: center;color: #b3b3b3;text-transform: uppercase;padding: 10px 0;letter-spacing: 4px;font-size: 16px;}
#productBox .proList{padding: 0 0 1vw;}
#productBox .proList li{ position: relative; padding: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#productBox .proList li.slick-slide{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform: scale(0.8);z-index: -1;margin: 0 -30px;opacity: 0.4;}
#productBox .proList li.slick-center{z-index: 1;-webkit-transform: scaleY(0.9);-ms-transform: scaleY(0.9);transform: scaleY(0.9);opacity: 1;}
#productBox .proList .item{margin: 30px auto;position: relative;width: 100%;max-width: 1350px;-webkit-box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.3);box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.3);}
#productBox .proList .item .Img{ position: relative}
#productBox .proList .item .Img a.photo:after { position: absolute; top: 0; left: 0;width: 100%; height: 100%; background-color: rgb(0 0 0 / 0.2); content: ""}
#productBox .proList .item .info {position: absolute;left: 50%;bottom: 60px;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);text-align: center;}
#productBox .proList .item .info h3 {text-align: center;color: #fff;font-size: 1.9rem;text-shadow: 0px 0px 10px rgb(0 0 0 / 0.5);-webkit-line-clamp: 1;font-weight: 200;letter-spacing: 2px;}
#productBox .proList .item .info article p {text-align: center;color: #ffffff;font-weight: 100;text-shadow: 0 0 10px rgb(0 0 0 / 0.3);-webkit-line-clamp: 2;font-family: 'Cormorant Garamond', serif;font-size: 18px;letter-spacing: 2px;}

/* more */
p.more { padding: 20px 0; text-align: center; }
p.more a {position: relative;overflow: hidden;padding: 8px 50px;display: inline-block;align-items: center;border: 1px #d6d6d6 solid;letter-spacing: .06em;line-height: 30px;transition: 1.2s ease 1.8s;transform: translateY(0%);}
p.more a:before {position: absolute;width: 100%;height: 100%;background: #1d56a5;top: 0;left: 0;transform: translateY(110%);transition: .4s cubic-bezier(.23,1,.32,1);content: "";}
p.more a font {position: relative;display: inline-block;font-size: 13px;color: #676767;padding-bottom: 5px;z-index: 2;}
p.more a:hover {border-color: #1d56a5;}
p.more a:hover:before { transform: translateY(0); }
p.more a:hover font { color: #fff; }	

/* NewsBox */
#NewsBox{position:relative;padding:3vw 0 8vw;overflow:hidden;background-position:0% 100%;background-repeat:no-repeat}
#NewsBox .fixTxt{position:absolute;font-size:7vw;font-weight:900;color:rgb(236 235 230);white-space:nowrap;right: -640px;bottom: -80px;z-index:2;text-transform:uppercase;font-family:'Cormorant Garamond',serif}
#NewsBox .listbox{position:relative;z-index:2;width:48%;margin:10px 0% 0 10%;float:left}
#NewsBox .listbox .titBox font{font-weight:100;font-size:35px;display:block;color:#636161;letter-spacing:8px;padding:0px 0 20px;font-weight:600}
#NewsBox .listbox .titBox p{color:#b3b3b3;text-transform:uppercase;padding:10px 0 0;letter-spacing:3px;font-size:22px}
#NewsBox ul{display:inline-block;width:calc(100% - 10px);margin-left:0px;animation-duration:1.5s;animation-name:fadeInUp}
#NewsBox ul li{border:0}
#NewsBox ul li:nth-child(2n){}
#NewsBox ul li a{border-bottom:1px solid rgb(10 10 10 / 10%);width:92%;display: grid;align-items: center;grid-template-columns: 100px 1fr 30px;padding: 10px 0;gap: 10px;}
#NewsBox ul li a font{display:-webkit-inline-box;color:#636363}
#NewsBox ul li a font.time{overflow:hidden;font-family:'Noto Sans TC','Noto Sans SC','Source Sans Pro',sans-seri;color:#c1c1c1}
#NewsBox ul li a font.txt{-webkit-line-clamp:1;height: auto;font-weight:400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
#NewsBox ul li a font.arrow{position:relative;padding:10px 0px;margin:11px 0;width:1px;height: 40px;background:#b1b1b1;float:right}
#NewsBox ul li a font.arrow:before{position:absolute;width:0;height:0;border-style:solid;border-width:13px 7px 0 0;border-color:#8e8e8e transparent transparent transparent;left:0;bottom:-1px;content:""}

#ssbanner{float:right;width:37%;margin-left:1%}
#ssbanner .bxslider a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:90%;position:relative;z-index:2}
#ssbanner .bxslider a img{width:100%}
#bottomBox #ssbanner{float:right;width:44%;position:relative;padding-bottom:50px;margin-right:5%}
#ssbanner .bxslider{box-shadow:0 0 20px #bcbcbc;width:85%;margin:20px auto;position:relative;z-index:5}
#ssbanner .bxslider a{background-size:cover}
#bottomBox #ssbanner:after{content:'';background:#ebebeb;position:absolute;width:100%;height:40%;left:0;bottom:-50px}

/* jamsetip */
#jamsetip{position:relative;margin-top:60px;margin-bottom:80px}
#jamsetip:after{content:"";position:absolute;width:90%;height:80%;left:5%;top:10%;border:#f4f4f478 3px solid;z-index:0}
#jamsetip .maJbox{display:flex;justify-content:space-around;padding:143px 0;background-image:url(/images/01/ciree.jpg);background-size:cover;background-position: 50% 50%;}
#jamsetip .maJbox .leftmco{}
#jamsetip .maJbox .rightmco{}
#jamsetip .maJbox a{position:relative;width:300px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:500px;border:#ffffff17 3px solid;color:white;font-size:30px;z-index:3}
#jamsetip .maJbox a:hover{width:500px}

/* bookBox */
#bookBox { background: #efebe9; }
#bookBox:before , #customBox:before { position: absolute; width: 50%; height: 100%; background: #dcd7d2; top: 0; left: 0; z-index: 1; content: ""; }
#bookBox .bg { position: absolute; width: 42%; height: calc(100% - 50px); left: 50%; bottom: 0; z-index: 2; background: #fff; }
#bookBox .bg >div { height: 100%; background: no-repeat 50% / cover; opacity: .2; }
#bookBox .bookinfo { position: relative; top: -50px; z-index: 3; }
#bookBox .bookinfo .rightBox , #bookBox .bookinfo .slick-dots { position: absolute; margin-left: calc(5% + 50px); width: 22%; text-align: left; font-size: 0; bottom: 50px; left: 62%; }
#bookBox .bookinfo .boxtit { font-size: 30px; bottom: calc(100% - 200px); }
#bookBox .bookinfo .list { position: relative; }
#bookBox .bookinfo ul li { font-size: 0; }
#bookBox .bookinfo ul li .img { margin: 50px 50px 50px 0; width: 62%; display: inline-block; box-shadow: 0 0 50px 2px rgba(0, 0, 0, .3); }
#bookBox .bookinfo ul li .info { margin-left: 5%; width: 22%; display: inline-block; }
#bookBox .bookinfo ul li .info a { width: 90%; height: 170px; font-size: 20px; color: #292929; -webkit-line-clamp: 5; }
#bookBox .bookinfo .btns { margin: auto; width: 135px; right: 8%; left: auto; }
#bookBox .bookinfo .slick-dots li { margin: 0; }
#bookBox .bookinfo .slick-dots li button:before , #bookBox .bookinfo .slick-dots li.slick-active button:before { color: #0f2942; }
#bookBox .bookinfo .more { width: 90%; text-align: right; }

/* customBox */
#customBox ul { padding: 50px 0; z-index: 2; }
#customBox ul li { position: relative; }
#customBox ul li .bg { position: absolute; width: 100%; height: 100%; background: no-repeat 50% / cover; top: 0; left: 0; z-index: 1; }
#customBox ul li .bg iframe { width: 100%; height: 100%; }
#customBox ul li .info { position: relative; padding: 70px 0; min-height: 215px; background: rgb(15 41 66 / .8); z-index: 2; }
#customBox ul li .info h3 { text-align: center; font-size: 35px; }
#customBox ul li .info article { margin: 30px auto 0; width: 700px; line-height: 200%; text-align: center; font-weight: 400; color: #ccc; }

#customBox2 .slick-prev:before{content:url(/images/01/arrow.png);font-size:45px;color:#ac612a}
#customBox2 .slick-next:before{content:url(/images/01/arrow2.png);font-size:45px;color:#ac612a}

@media screen and (max-width:1460px){
    #NewsBox .fixTxt{bottom:-60px;}
	#aboutBox .aboutinfo .info{padding: 27vw 0 0;}
	#aboutBox #pictureBox{left:35px;top:700px;width:226px}
	#manabout .imfo{padding:40px 40px 0px 40px;width:calc(50% - 80px)}
	#manabout .imgboxJ img{height:100%;object-fit:cover}
	#aboutBox #pictureBox a.photo{height:auto}
	#NewsBox{background-size:cover;padding:50px 0 150px}
}
@media screen and (max-width:1366px){
	#aboutBox .aboutinfo .row.info{padding:27vw 4vw 4vw 20vw}
	#aboutBox #pictureBox{left:0px;top:720px}
	#aboutBox,#aboutBox:before{background-attachment:inherit;background-position:50% 0%}
}
@media screen and (min-width:1281px){
	header:not(.scroll) #hSearch, header:not(.scroll) #hSearch[data-type="2"]{top: unset !important;bottom: 12%;}
    header:not(.scroll) #topbtns .dropdown:hover .dropdown_menu[data-type="0"]{transform: translate(-50%, -150%);}
    header:not(.scroll)  #topbtns .dropdown:hover .order_list[data-type="0"]{transform: translate(0%, -150%);}
	.indexbox .more a:hover{color:#fff}
	.indexbox .more a:hover:before{width:100%}
	#NewsBox ul li:hover{background:#efefef}
}
@media screen and (max-width: 1280px){
    #aboutBox .aboutinfo .info article p{height:300px;}
	#bookBox .bookinfo .rightBox,#bookBox .bookinfo .slick-dots{margin-left:50px}
	#bookBox .bookinfo ul li .info{margin-left:0}
	#NewsBox .workframe{width:95%}
	#NewsBox .listbox{width:60%;margin:0px auto 0;float:left}
	#NewsBox ul{padding:40px 0 0}
	#NewsBox{background-position:100% 100%;padding: 50px 0 90px;}
	#aboutBox #pictureBox,#aboutBox .bg{display:none}
}
@media screen and (max-width:1024px){
    #customBox2 .slick-prev{left:-20px}
    #customBox2 .slick-next{right:-20px;}
	#aboutBox .aboutinfo .info{padding: 30vw 0 0;}
    #aboutBox .aboutinfo{margin-right:0;grid-template-columns: 50% 45%;gap: 40px;}
	#manabout .fleexJ{display:flex;flex-direction:column}
	#manabout .imgboxJ{width:100%}
	#manabout .imgboxJ img{height:400px;object-fit:cover}
	#manabout .imfo{width: calc(100% - 15px);}
	#bookBox .bookinfo .boxtit{margin-left:0;width:100%;text-align:center;top:-40px;bottom:auto;left:0}
	#bookBox .bookinfo ul li .img{margin:30px 30px 30px 0;width:calc(92% - 135px);box-shadow:0 0 20px 2px rgba(0,0,0,.3)}
	#bookBox .bookinfo ul li .info{position:absolute;width:calc(92% - 135px);background:#0f2942;display:block;left:0;bottom:30px;z-index:2}
	#bookBox .bookinfo ul li .info a{margin:10px 20px 4px;height:34px;color:#fff;-webkit-line-clamp:1}
	#bookBox .bookinfo .slick-dots{margin-left:0;width:100%;text-align:center;left:0;bottom:-10px}
	#aboutBox .aboutinfo .row{width:43%}
	#aboutBox .fixTxt{left:120px;top:140px;color:rgb(218 218 218 / 25%)}
	#aboutBox .aboutinfo .row.info{padding:30vw 4vw 4vw 20vw}
	#aboutBox{background-position:50% 80%}
	#fantwoJ .maflex{display:flex;flex-direction:column;margin-bottom:30px}
	#fantwoJ .left_box{width:100%;background-size:cover}
	#fantwoJ .right_box{width:100%;background-size:cover}
}
@media screen and (max-width:1180px){
	#bottomBox #ssbanner:after{bottom:0;height:30%}
	#bottomBox #news{width:49%}
	#bottomBox #ssbanner{width:40%}
}
@media screen and (max-width:980px){
    #customBox2 .slick-prev:before, #customBox2 .slick-next:before{zoom:70%;}
    #aboutBox .aboutinfo .info article p{height: 450px;font-size: 19px;}
	#jamsetip .maJbox a{width:200px;height:200px}
	#jamsetip .maJbox a:hover{width:250px}
	#jamsetip:after{width:94%;left:3%;height:94%;top:3%}
	#aboutBox{padding-top: 0;background:none}
	#aboutBox .fixTxt{display:none}
	#aboutBox #pictureBox{top:-7vw}
	#aboutBox #pictureBox,#aboutBox #pictureBox a.photo{width:40vw;height:25vw;display:none}
	#aboutBox .aboutinfo{padding:8vw 0;width: 100%;}
	#aboutBox .aboutinfo .info{transform: translate(50%,0);text-align:center;padding: 45vw 0vw 0vw 10vw;}
	#aboutBox .aboutinfo .img{width:100%;display:block;opacity:.1;top:0;left:0;z-index:1;position: absolute;}
	#aboutBox .aboutinfo .img:before{display:none}
	#customBox ul li .info article{width:85%}
	#NewsBox .listbox{width:90%;margin:0px auto 0;float:none}
	#ssbanner{float:none;width:100%;margin-left:1%}
}
@media screen and (max-width:768px){
    #NewsBox ul li a{width:100%;}
	#NewsBox ul li a font.txt{}
	.wraprow .titBox{padding:20px 0 0;color:#7b7b7b;display:inline-block;width:100%;margin:0 0px;text-align:center}
	.wraprow .titBox p{}
	#NewsBox ul{width:100%;margin-left:0px;padding:10px 0 0}
	#bottomBox #ssbanner{width:100%;margin:0}
	#aboutBox .aboutinfo .row.info{transform:translate(100%,7%)}
}
@media screen and (max-width:640px){
    #productBox .proList li.slick-slide{margin:0}
    #aboutBox .aboutinfo .info{transform: translate(0%,0);text-align:center;padding: 15vw 0vw 0vw 10vw;}
	#aboutBox .aboutinfo{display:block;}
	#jamsetip .maJbox a{width:120px;height:120px;font-size:21px;border:#ffffff73 1px solid}
	#jamsetip .maJbox a:hover{width:190px}
	#jamsetip:after{width:94%;left:3%;height:94%;top:3%}
	#jamsetip .maJbox{padding: 60px 0;}
	#jamsetip{margin-top:0px;margin-bottom:0}
	#bookBox .bookinfo ul li .img{margin:30px;width:calc(100% - 60px)}
	#bookBox .bookinfo ul li .info{width:calc(100% - 60px);left:30px}
	#bookBox .bookinfo .btns{display:none}
	#bookBox:before,#customBox:before{display:none}
	#customBox ul{padding:0px 0;z-index:2}
	#productBox .proList{padding:5px 0 10px}
	#productBox .proList li.slick-center{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	#NewsBox ul li a{padding: 20px 0;width:100%}
	#NewsBox ul li a font.time{padding:0;display:block;font-size:12px;background-color:#fff}
	#NewsBox ul li a font.txt{height: auto;}
	#NewsBox ul li a font.arrow{display:none}
	#aboutBox .aboutinfo .row.info{transform:translate(100%,12%)}
	#fantwoJ .maflex .matext{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;top:0;left:7%}
	#fantwoJ .left_box img{height:671px}
	#fantwoJ .right_box img{height:500px}
	#manabout .textJ p{font-size: 19px;}
	#manabout .textJ h3{font-size:23px}
	#feature{padding:40px 0 80px}
}
@media screen and (max-width:500px){
	#manabout .imfo .titleJ h2{font-size:30px;letter-spacing:0.15em}
	#manabout .imfo .titleJ p{font-size:14px}
	#aboutBox .aboutinfo .row.info p{margin-right:20px}
	#aboutBox:before{display:none}
	#aboutBox .aboutinfo .row.img a.photo{background:no-repeat 0% 50% / cover}
	#bottomBox #ssbanner:after{height:20%}
	#ssbanner .bxslider{width:90%;margin:20px auto 0}
	#customBox2 .slick-prev{left:0}
	#customBox2 .slick-next{right:0}
	#fantwoJ .blabla:after{width:95%;height:95%;top:2.5%}
	#manabout .imfo{padding:80px 20px;width:calc(100% - 40px)}
	#feature .scenent .imgcrew img{width:90px}
	#feature .scenent .imgcrew:before{width:170px;height:170px}
	#feature .scenent .imgcrew{margin-bottom:20px}
}
@media screen and (max-width:430px){
	#aboutBox .aboutinfo .row.info{transform:translate(160%,4%);padding:16vw 0vw 0vw 0vw}
	#aboutinfo .indexbox h4{color:#8f8f8f;font-size:20px;line-height:45px;font-weight:normal;display:inline-block;font-family:'Noto Serif TC',serif;letter-spacing:4px}
	.indexbox h3.boxtit{color:#bcbcbc;margin:0 0 40px 0;font-size:20px;line-height:30px;font-weight:normal;font-family:'Cormorant Garamond',serif}
	#aboutBox .aboutinfo .row.info h2{font-size:28px;letter-spacing:3px}
	.indexbox h4{font-size:17px;line-height:13px;letter-spacing:4px;padding:0 12px 0 0}
	#aboutBox .aboutinfo .row.info article{margin-bottom:70px;line-height:180%;font-size:15px;padding:0 16px}
}
@media screen and (max-width:380px){
	#aboutBox .aboutinfo .row.info{transform:translate(180%,10%);padding:61vw 0vw 0vw 0vw}
}