@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";#root{width:100%;height:100%;margin:0;padding:0;font-family:Kanit,sans-serif;font-weight:300;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#000000}*{margin:0;padding:0;font-weight:300;font-family:Kanit,sans-serif;-webkit-tap-highlight-color:transparent;color:#fff}html{scroll-behavior:smooth}.awning{width:100%;display:flex;justify-content:flex-end;background:#FFFFFF;background-image:url(/img-camper/logo-mini-bg.png),linear-gradient(to bottom right,#bbbbbb,#eeeeee,#eeeeee,#aaaaaa)}.container{display:flex;flex-direction:row;height:75vh;color:#000;width:80%}.awning-button{border:solid 2px #616161;border-radius:3px;outline:none;background:none;color:#000;padding:5px 15px;font-size:1.2rem;font-weight:400;cursor:pointer;margin-right:10px}.awning-button:hover{outline:solid 2px #aaaaaa;border:solid 2px #616161}.awning-button:focus{outline:none}.left{width:30%;margin-top:75px}.left h3{margin:5px 0 0;font-size:2.2vw;line-height:2vw;font-weight:400;color:#c00}.left h2{font-size:2.7vw;font-weight:600;padding:0;margin:0;text-wrap:nowrap;color:#000;font-family:Orbitron,Kanit}.left h4{font-size:15px;font-weight:300;padding:0;margin:0 0 10px;color:#000}.right{width:70%;overflow:hidden;clip-path:polygon(15% 0%,0% 100%,85% 100%,100% 0%)}#awning-img{width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:all .1s}#awning-img:hover{filter:brightness(1.1)}#deg90{background:#AA0000;border:solid 2px #AA0000;color:#fff}.Awning-topic{display:flex;height:5vw;align-items:center;margin-bottom:1vw}.Awning-topic img{height:100%;mix-blend-mode:difference}@media (max-width: 1100px){.container{display:flex;flex-direction:column;height:fit-content;color:#000;width:90%;padding-right:5%}.left{width:94%;padding:0 3%;margin-top:25px;text-align:left}.right{width:100%;margin:25px 0;overflow:hidden;clip-path:none}#awning-img{width:100%;height:30vh;object-fit:cover;filter:brightness(.9);transition:all .1s}.awning-button{border:solid 2px #616161;border-radius:3px;outline:none;background:none;color:#000;padding:5px 10px;font-size:15px;font-weight:400;cursor:pointer;margin:20px 5px 0}.Awning-topic{display:flex;height:40px;margin-bottom:5px;align-items:center}.left h2{font-size:25px;font-weight:500;padding:0;margin:10px 0;line-height:20px}.left h3{font-size:15px;font-weight:400;margin:00;line-height:15px}.left h4{font-size:12px;font-weight:300;margin:00}}.banner{background-image:url(/img-camper/Camper-banner-01-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:left;height:100vh;box-shadow:inset 0 -5vh 10vh #000;position:relative;display:flex;justify-content:flex-end;overflow-x:hidden}.banner-con{display:flex;justify-content:start;align-items:center;width:80%;height:90%;position:relative;align-items:flex-end}.text-banner{display:flex;flex-flow:column;line-height:1}.text-banner img{width:11vw}.text-banner h2{color:#fff;font-size:1.3vw;font-weight:500;position:relative;margin:0}.text-banner h1{color:#fff;font-size:5vw;font-weight:900;position:relative;margin:0;font-family:Orbitron,Kanit}.text-banner h1:before{content:"";background:#fff;width:18vw;height:2px;position:absolute;top:50%;left:-20vw}.text-banner h1:after{content:"";background:#fff;width:53vw;height:2px;position:absolute;top:50%;left:27vw}.banner-detail{position:absolute;background-color:#000c;width:400px;top:20%;right:4%;padding:25px;text-align:end;opacity:.8;transition:all .2s;display:flex;opacity:0}.banner-detail:hover{background-color:#000e;opacity:1}.banner-detail h1{font-size:25px;font-weight:400}.banner-close{position:absolute;top:20%;right:5%;padding:0;transform:translate(50%,-50%);color:#ddd;font-size:40px;cursor:pointer}.banner-close:hover{color:#fff}.banner-list{top:8%;left:15%;position:absolute;display:flex;flex-direction:row}.banner-list-n{width:70px;height:50px;position:relative;background:#aa0000;border:#ffffff solid 3px;border-radius:4px;margin:0 10px 0 0;cursor:pointer;box-shadow:0 1px 24px 4px #0004}.banner-list-n:hover{border:#FF0000 solid 3px;opacity:.7}#n1{background:url(/img-camper/box-333-A.png) center center no-repeat;background-size:cover}#n2{background:url(/img-camper/boxii-1.jpg) center center no-repeat;background-size:cover}#n3{background:url(/img-camper/CAMPER-Awning.jpg) center center no-repeat;background-size:cover}#n4{background:url(/img-camper/carryboycamper\ 110.jpg) center center no-repeat;background-size:cover}@media (max-width: 1100px){.banner{background-image:url(/img-camper/Camper-banner-02-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:70vh;box-shadow:inset 0 -5vh 10vh #000;position:relative;display:flex;justify-content:flex-end;overflow-x:hidden}.text-banner h1{font-size:8vw}.text-banner h1:after{left:41vw}.text-banner img{width:25vw}}.box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;background-image:url(/img-camper/logo-mini-bg.png),linear-gradient(to bottom left,#440000,#000000,#000000,#440000)}.box-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:80%}.box-head{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:25px 0}.canvas-box{height:75px;width:75px;background:#FFFFFF;display:inline-flex;transform:rotate(-25deg);position:absolute;mix-blend-mode:difference;margin-left:150px;transition:all .5s}.box-head:hover .canvas-box{height:75px;width:75px;background:#FFFFFF;display:inline-flex;transform:rotate(-180deg);position:absolute;mix-blend-mode:difference;margin-left:550px}.box-select{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 0}.box-switchtext-1{background:#FF0000;height:35px;padding:0 15px;display:flex;align-items:center;border-radius:35px;box-shadow:0 0 15px 4px red;transition:all .3s;cursor:pointer;outline:#ffffff00 solid 2px}.box-switchtext-1:hover,.box-switchtext-2:hover,.box-switch:hover{outline:#ffffff88 solid 2px}.box-switchtext-2{background:#660000;height:35px;padding:0 15px;display:flex;align-items:center;border-radius:35px;box-shadow:0 0 15px 4px #f000;transition:all .3s;cursor:pointer;outline:#ffffff00 solid 2px}.box-switch{width:70px;height:35px;background:#CC0000;border-radius:35px;display:flex;justify-content:center;align-items:center;margin:0 20px;cursor:pointer}.box-switch-circle{width:30px;height:30px;background:#ffffff;border-radius:30px;transform:translate(-17px);transition:all .3s}.box-topic{display:flex;height:45px;align-items:center}.box-topic img{height:100%;transform:translate(-40%)}.box-content h3{padding:0;margin:0;font-size:20px;font-weight:500}.box-content h2{font-size:40px;font-weight:700;padding:0;margin:0;font-family:Orbitron,Kanit}.box-content h4{font-size:17px;font-weight:300;padding:0;margin:0 0 10px}.box-main{display:flex;flex-direction:row;width:100%;margin-top:10px}.box-main-img{width:70%;height:35vw;background:url(/img-camper/imageS2.jpg) center center no-repeat;background-size:100% auto;position:relative;border-radius:10px}.box-main-sub{width:28%;margin:0 0 0 2%;position:relative;perspective:1000px}.box-main-detail{width:94%;height:calc(35vw - 10px);padding:10px 3% 0;background:#222222;display:flex;flex-direction:column;border-radius:10px;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(0);transition:all .5s}.box-main h3{font-size:25px;font-weight:400;padding:0;margin:0}.box-main h4{font-size:18px;font-weight:300;letter-spacing:0}.detail-h3{background:#000000;display:flex;position:absolute;transform:translateY(-57px);margin-right:25px;padding:0 6px}.box-main-detail h2{font-size:22px;font-weight:500;width:100%;border-bottom:#FFFFFF solid 1px;font-family:Kanit;margin-top:20px}.box-main-detail-2{width:94%;height:calc(35vw - 10px);padding:10px 3% 0;background:#cccccc;display:flex;flex-direction:column;border-radius:10px;position:absolute;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .5s}.box-main-detail-2 h3{color:#000;font-size:25px;font-weight:500}.box-main-detail-2 h4{color:#000;font-size:15px;font-weight:300}.bmd2btclose{text-align:end;cursor:pointer;color:#000;font-size:25px}.box-main-detail-2 .fa-reply{color:#000;font-size:25px;transition:all .2s}.box-main-detail-2 .fa-reply:hover{color:#a00}.box-choice{border:#aaaaaa solid 1px;height:40px;border-radius:5px;display:flex;justify-content:flex-start;align-items:center;margin-top:10px;cursor:pointer;outline:#cc000000 solid 2px}.box-choice:hover{background:#aaaaaa55}.box-choice h4{padding:0;margin:0 15px;font-size:16px;font-weight:400}#bc-kitchen{outline:#aa0000 solid 2px}.box-main-detail h3{font-size:25px;font-weight:400;width:100%}.detail-h3 h3{font-size:20px;font-weight:400;border-bottom:none}.box-detail-img{width:100%;object-fit:contain}@media (max-width: 1100px){.box{padding:25px 0;height:100%}.box-content{width:84%}.canvas-box{display:none}.box-head{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:25px 0 5px}.box-switchtext-1,.box-switchtext-2{height:30px}.box-switch{width:60px;height:30px;margin:0 10px}.box-switch-circle{width:26px;height:26px;transform:translate(-15px)}.box-main{display:flex;flex-direction:column;width:100%}.box-main-img{width:100%;height:60vw;background:url(/img-camper/imageS2.jpg) top center no-repeat;background-size:auto 100%;position:relative;border-radius:5px;margin-top:10px}.box-main h3{font-size:20px;font-weight:400;padding:0;margin:0}.box-main h4{font-size:15px;font-weight:300;letter-spacing:0}.detail-h3{background:#000000;display:flex;position:absolute;transform:translate(10px,-35px);margin-right:25px;padding:0 6px}.box-topic{display:flex;height:40px;margin-bottom:5px;align-items:center}.box-content h2{font-size:25px;font-weight:500;padding:0;margin:10px 0;line-height:20px}.box-content h3{font-size:15px;font-weight:400;margin:00;line-height:15px}.box-content h4{font-size:12px;font-weight:300;margin:00}.box-main-sub{width:100%;height:35vh;margin:0 0 100px;position:relative;perspective:1000px}.box-main-detail{height:100%;width:90%;margin:25px 0;padding:5% 5% 10%;background:#eeeeee;display:flex;flex-direction:column}.box-main-detail h2{font-size:22px;font-weight:500;width:100%;border-bottom:#666666 solid 1px;font-family:Kanit;margin-top:20px;padding:0 0 10px;color:#000;white-space:0}.box-choice h4{padding:0;margin:0 15px;font-size:16px;font-weight:400;color:#000}.box-main-detail-2{height:100%;width:90%;margin:25px 0;padding:5% 5% 10%;background:#eeeeee;display:flex;flex-direction:column}}#boxpinK{display:flex}#boxpinS,#boxpinA{display:none}.box-main-img img{width:25px;height:25px;position:absolute;cursor:pointer}#pinK1{top:42%;left:40%}#pinK2{top:50%;left:55%}#pinK3{top:62%;left:70%}#pinS1{top:42%;left:55%}#pinS2{top:62%;left:28%}#pinS3{top:62%;left:65%}#pinA1{top:42%;left:35%}#pinA2{top:62%;left:28%}#pinA3{top:55%;left:65%}#pinA4{top:50%;left:12%}#pinA5{top:50%;left:85%}.Boxset{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;padding:1vh 0 5vh;background-image:url(/img-camper/logo-mini-bg.png),linear-gradient(to top right,#880000,#000000,#000000,#000000);overflow:hidden}.Boxset-box{width:85%;background:none;display:flex;flex-direction:row;align-items:center;padding:0;position:relative;height:70vh}.Boxset-box-content{width:30%;padding:0;z-index:1}.Boxset-box-content2{width:60%;padding:0;display:flex;justify-content:flex-start;align-items:center;z-index:0}.Boxset-img{width:60%;filter:brightness(.9);position:absolute;transform:translateY(150px)}.Boxset-img2{width:60%;position:absolute;transform:translate(-50px,-50px);z-index:0}.Boxset-box h2{font-size:2.5vw;font-weight:600;padding:0;margin:0;font-family:Orbitron,Kanit;text-wrap:nowrap}.Boxset-box h4{font-size:20px;font-weight:300;padding:0;margin:10px 0}.Boxset-box .button{border-radius:4px;border:#FFFFFFCC solid 2px;color:#fff;margin-top:30px;position:relative;width:40%;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.Boxset-box .button h4{font-weight:400}.Boxset-box .button:hover{background:#FFFFFF}.Boxset-box .button:hover h4{color:#000}.Boxset-box-content h3{font-size:1.2vw;font-weight:400;margin:25px 0 0;color:red}.Boxset-box-content h4{font-size:1vw;font-weight:300;margin:00}.Boxset-box-content span{font-size:18px;font-weight:500;margin:00}.Boxset-box-content li{font-size:18px;font-weight:300;margin:0 0 0 25px}.Boxset-box-content h3{margin:5px 0 0;font-size:2.2vw;line-height:2vw;font-weight:300}.Boxset-slide{width:100%;margin-top:10vw;overflow-x:hidden;overflow-y:hidden;height:fit-content;position:relative}.Boxset-slide::-webkit-scrollbar{display:none}.Boxset-slide-img{padding:0 0 0 10%;display:flex;transition:all .5s;justify-content:center}.Boxset-slimg-n{width:23vw;height:15vw;margin-right:2vw;object-fit:cover;border:#000000 solid .3vw;border-image:linear-gradient(to top left,#aa0000,#000000,#000000,#aa0000,#000000) 1 stretch;background-size:100% 100%;transition:all .3s;cursor:pointer}.Boxset-slimg01{background:url(/img-camper/kitchen/IMG_2020.jpg) center center no-repeat,#440000;background-size:100% auto}.Boxset-slimg01:hover{background-size:105% auto}.Boxset-slimg02{background:url(/img-camper/boxS/box-333-S.png) center center no-repeat,#440000;background-size:100% auto}.Boxset-slimg02:hover{background-size:105% auto}.Boxset-slimg03{background:url(/img-camper/boxA/box-333-A.png) center center no-repeat,#440000;background-size:100% auto}.Boxset-slimg03:hover{background-size:105% auto}.Boxset-slide-btr{width:50px;height:50px;background:#ffffff;box-shadow:0 2px 24px 4px #000;border-radius:10px;position:absolute;top:30%;right:2%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .2s;color:#000}.Boxset-slide-btl{width:50px;height:50px;background:#ffffff;box-shadow:0 2px 24px 4px #000;border-radius:10px;position:absolute;top:30%;left:2%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .2s;color:#000}.Boxset-slide-btr:hover,.Boxset-slide-btl:hover{background:#cc0000;box-shadow:0 2px 24px 4px #0000}@media (max-width:1100px){.Boxset{margin-top:25px}.Boxset-box{width:90%;display:flex;flex-direction:column-reverse;padding:5% 5% 3% 0;position:relative;height:60vh;justify-content:flex-end}.Boxset-box-content{width:94%;padding:0 0 0 3%}.head-topic{display:flex;height:40px;margin-bottom:5px;align-items:center}.Boxset-box h2{font-size:25px;font-weight:500;padding:0;margin:10px 0;line-height:20px}.Boxset-box-content h3{font-size:15px;font-weight:400;margin:00;line-height:15px}.Boxset-box-content h4{font-size:12px;font-weight:300;margin:00}.Boxset-box .button{width:35%;height:35px}.Boxset-img{width:95%;position:absolute;transform:translateY(70px)}.Boxset-box-content span{font-size:15px}.imghide{width:100%}.Boxset-box .button h4{z-index:0;font-weight:400}.Boxset-box-content2{width:90%;padding:0;display:flex;justify-content:center;align-items:flex-start}.Boxset-img2{width:130%;position:absolute;transform:translateY(-20px);z-index:0}.Boxset-slide{width:100%;margin-top:0;overflow-x:scroll;overflow-y:hidden;height:fit-content;position:relative}.Boxset-slide-img{width:fit-content;padding:0 15vw}.slimg-n{width:58vw;height:35vw}#scrollR,#scrollL{display:none}.Boxset-slimg-n{width:58vw;height:35vw;margin-right:2vw;object-fit:cover;border:#000000 solid .3vw;border-image:linear-gradient(to top left,#aa0000,#000000,#000000,#aa0000,#000000) 1 stretch;background-size:100% auto;transition:all .3s;cursor:pointer}.slimg-set h4{width:58vw}}.realfoot{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:none;background:url(/img-camper/carryboycamper\ 110.jpg) bottom center no-repeat;background-size:100% auto}.foot_1{display:flex;width:1200px;height:86%;margin:2% 5%}.foot_1A{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;color:#fff;width:1200px;height:100%}.foot_1A h2{font-size:30px;font-weight:300;padding:0;margin:0}.foot_1A h3{font-size:18px;font-weight:300;padding:0;margin:0}.foot_1A h4{font-size:17px;font-weight:300;padding:0;margin:0}.foot_1B{display:flex;flex-direction:column;align-items:flex-start;color:#fff;height:100%}.sentmail-box{width:500px;background:#00000088;display:flex;flex-direction:column;padding:25px}.sentbox1{width:60%}.sentbox2{width:38%}.sentbox3,.sentbox4{width:100%}.sentbox5{width:100%;display:flex;justify-content:center}.sentmail-box input,textarea{width:calc(100% - 20px);border-radius:0;outline:none;border:none;padding:5px 10px;background:#ffffffdd;color:#000;font-size:20px;margin:5px 0 25px}.sentmail-box button{width:fit-content;border-radius:0;outline:none;border:none;padding:5px 25px;background:#ffffffdd;color:#000;font-size:20px;margin:5px 0 25px;transition:all .3s}.sentmail-box button:hover{background:#ff0000dd;color:#fff;box-shadow:0 1px 25px 4px #f00b}.sentmail-box button:focus{outline:none}.logocontact{margin:10px 10px 0 0}.contact-icon{width:35px;height:35px;margin-right:5px}.contact-icon:hover{filter:brightness(1.5)}.foot_2{display:flex;width:90%;height:10%;margin:0 5%;border-top:#ffffff44 solid 1px;color:#666}.foot_2A{display:flex;align-items:center;width:50%;height:100%}.foot_2B{display:flex;align-items:center;justify-content:flex-end;width:50%;height:100%}.foot_2A_Logo{width:30%;height:20px;background:url(/img-camper/logo.png) no-repeat;background-size:contain;background-position:left;mix-blend-mode:luminosity}.qrline_img{width:150px;margin:10px 0;cursor:pointer}@media (max-width:1100px){.realfoot{width:100%;height:fit-content;background-size:cover}.foot_1{display:flex;width:90%;margin:2% 5%;flex-direction:column-reverse}.foot_1A{font-size:50%;width:90%;margin-bottom:25px}.foot_1A h2{font-size:20px}.foot_1A h3{font-size:14px}.foot_1A h4{font-size:13px}.logocontact img{width:20px;height:20px}.foot_1B{width:100%}.foot_2{font-size:8px}.foot_2A_Logo{width:40%}.tel_mail_line{display:flex;flex-direction:column;font-size:3vw}.logocontact{margin:3% 2% 0 0}.qrline_img{width:100px;height:100px;margin:10px 0}.sentmail-box{width:90%;background:#00000088;display:flex;flex-direction:column;padding:5% 5% 0;margin:15px 0}.sentmail-box h3{font-size:15px}.sentmail-box input,textarea{font-size:15px;margin:5px 0 15px}.sentmail-box button{padding:2px 20px;font-size:17px}}.gallery{background:#FFFFFF;color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 0}.gallery h3{font-size:40px;font-weight:400;padding:0;margin-bottom:15px;color:#000}.gallery-npage{background:none;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;margin-bottom:25px}.gallery-npage p{font-size:20px;font-weight:400;padding:0;height:40px;width:40px;background:#DDDDDD;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.gallery-npage p:hover{filter:brightness(.9)}#np1{background:#CC0000;color:#fff}.gallery-slide{height:400px;width:1200px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.galpost{height:100%;width:375px;background:#ffffff;box-shadow:0 7px 14px 1px #0006;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:left}.galpost h4{color:#000}.picpost{height:350px;width:95%;object-fit:cover}.gallerynext{color:#000;font-size:75px;position:absolute;right:-50px}.galleryprev{color:#000;font-size:75px;position:absolute;left:-50px}@media (max-width: 1100px){.gallery{background:#FFFFFF;color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 0;height:fit-content}.gallery h3{font-size:30px}.gallery-npage{background:none;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;margin-bottom:10px}.gallery-slide{width:90%;height:fit-content;display:flex;flex-direction:column}.galpost{width:100%;padding:10px 0;margin-bottom:25px}.picpost{height:50vw;width:85vw;object-fit:cover}.galpost h4{margin:10px 0 0}}nav{z-index:4;position:fixed;display:flex;flex-direction:row;align-items:center;width:90%;justify-content:space-between;padding:0 5%;background:#FFFFFF;top:0;height:40px;box-shadow:0 4px 14px 4px #0004}.list_desktop{display:flex;flex-direction:row;position:absolute;width:90%;justify-content:center;align-items:center;height:100%}nav a{color:#222;padding:0 1vw;background:none;height:100%;text-decoration:none;cursor:pointer;list-style-type:none;font-weight:400;font-size:17px;border-bottom:#aa000000 solid 4px;display:flex;align-items:center}nav a:hover{color:#000;border-bottom:#aa0000 solid 4px;background:#ff000022}.nav-open,.nav-close{border-radius:50px;font-size:20px;margin:0 0 0 20px;padding:5px 0;color:#d00;background:none;box-shadow:none}.nav-open{display:flex}.nav-close{display:none;margin-left:21px}.navmobile{z-index:2;height:80vh;width:100%;background:#000000ee;position:fixed;right:-100%;transition:all .5s;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10vh 0;top:0;overflow:hidden}.navmobile a{display:flex;color:#fff;margin:0 5%;background:none;height:50px;width:90%;font-weight:300;text-decoration:none;cursor:pointer;align-items:center;list-style-type:none;border-bottom:#888888 solid 1px}.navmobile a:hover{color:#eee;background:#aa0000}.list_phone{display:flex;align-items:center;opacity:0}@media (max-width:1100px){nav{z-index:3;position:fixed;display:flex;flex-direction:row;align-items:center;width:90vw;justify-content:space-between;padding:10px 5vw;background:#ffffffcc;top:0;height:30px;left:0}.nav-open{display:inline-flex}ul,.list_desktop{display:none}.list_phone{display:flex;align-items:center;opacity:1}}.notic{z-index:4;width:100%;height:40px;position:fixed;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to bottom right,#AA0000,#220000,#000000)}.notic h2{font-size:20px;font-weight:400}.notic a{font-size:18px;font-weight:300;text-decoration:underline;color:#fff;padding-left:10px}.notic a:hover{color:#a00}@media (max-width: 1100px){.notic{width:calc(100% - 40px);height:60px;text-align:center;padding:5px 20px}.notic h2{font-size:14px;font-weight:400}.notic a{display:none}}.option{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:75px 0;margin-bottom:15px;background-image:url(/img-camper/logo-mini-bg.png),linear-gradient(to top left,#333333,#000000,#000000,#333333)}.option-content{width:900px}.option-head{display:flex;flex-direction:column;padding:10px 0;margin-bottom:25px}.option-topic{display:flex;height:5vw;align-items:center;margin-bottom:1vw}.option-topic img{height:100%}.option-head h3{margin:5px 0 0;font-size:2.2vw;line-height:2vw;font-weight:300;color:red}.option-head h2{font-size:2.5vw;font-weight:600;padding:0;margin:0;font-family:Orbitron,Kanit}.option-head span{padding:0;margin:0;font-size:30px;font-weight:300}.option-img{width:100%;height:400px;background:url(/img-camper/IMG_8578.jpg) center center no-repeat;background-size:100% auto;display:flex;flex-direction:row;justify-content:space-between}.option-detail{width:calc(100% - 50px);padding:25px;background:#FFFFFF;color:#000}.option-detail h3{font-size:25px;font-weight:400;color:#000}.option-detail h4{font-size:18px;font-weight:300;color:#000}.allow{color:#fff;height:100%;display:flex;justify-content:center;align-items:center;font-size:60px;font-weight:200;background-color:#0004;width:70px;transition:all .2s;cursor:pointer}.allow:hover{background-color:#0008}.option-detail span{font-size:25px;font-weight:400;color:#a00}@media (max-width: 1100px){.option{padding:15px 0}.option-content{width:90%}.option-topic{display:flex;height:40px;margin-bottom:5px;align-items:center}.option-head h2{padding:0;margin:0;font-size:30px;font-weight:500;line-height:30px}.option-head span{padding:0;margin:0;font-size:25px;font-weight:300}.option-img{height:45vw}.option-detail h3{font-size:20px}.option-detail h4{font-size:15px;font-weight:300}.allow{color:#fff;height:100%;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:200;background-color:#0004;width:50px;transition:all .2s;cursor:pointer}.option-content h3{font-size:15px;font-weight:400;margin:00;line-height:15px}.option-content h2{font-size:22px;font-weight:500;padding:0;margin:5px 0;line-height:20px}.option-content h4{font-size:12px;font-weight:300;margin:00}}.PopShow01{width:100%;height:100%;position:fixed;display:none;top:0;left:0;z-index:4;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:all .3s}.Popbtclose{color:#fff;position:absolute;top:25px;right:25px;font-size:30px;cursor:pointer;z-index:1}.Popbtclose:hover{color:red}.PopOver{display:inline-flex;width:100%;height:60%;overflow-x:hidden;z-index:1}.PopSlide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0 8vw;transform:translate(0);transition:all .5s}.PopGroup{display:flex;flex-direction:row;justify-content:center;align-items:center;width:70vw;height:100%;margin-left:7vw}.PopShow01 img{width:60%;height:100%;object-fit:cover;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative}.PopDetail{width:32%;height:100%;padding:0 4%;background:#ffffff;border-top-right-radius:5px;border-bottom-right-radius:5px;position:relative}.PopDetail h2{color:#000;font-size:25px;font-weight:400;margin:15% 0 0;padding:0}.PopDetail h3{color:#000;font-size:17px;font-weight:300;margin:0;padding:0}.PopBack{width:100%;height:100%;background:#000000cc;position:absolute;z-index:0;cursor:alias}.pop-slide-btr{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;right:25px;cursor:pointer;transition:all .3s;z-index:1}.pop-slide-btr:hover{background:#cc0000}.pop-slide-btl{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;left:25px;cursor:pointer;transition:all .3s;z-index:1}.pop-slide-btl:hover{background:#cc0000}#scrollPopl{opacity:0}.navpop1{display:flex;width:100%;height:5px;background:none;position:absolute;bottom:13%;justify-content:center;z-index:1}@media (max-width: 1100px){.PopSlide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0;transform:translate(0);transition:all .5s}.PopGroup{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:100%;margin-left:5vw}.PopGroup img{width:100%;height:50%;object-fit:cover;border-radius:5px 5px 0 0;position:relative}.PopDetail{width:92%;height:50%;padding:0 4%;background:#ffffff;border-radius:0 0 5px 5px;position:relative}.sideblur{display:none}.pop-slide-btr{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.pop-slide-btr:hover{background:#ffffff}.pop-slide-btl{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.pop-slide-btl:hover{background:#ffffff}.PopDetail h2{color:#000;font-size:25px;font-weight:400;margin:5% 0 0;padding:0}}.PopShow02{width:100%;height:100%;position:fixed;display:none;top:0;left:0;z-index:4;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:all .3s}.PopShow02btclose{color:#fff;position:absolute;top:25px;right:25px;font-size:30px;cursor:pointer;z-index:1}.PopShow02btclose:hover{color:red}.PopShow02Over{display:inline-flex;width:100%;height:60%;overflow-x:hidden;z-index:1}.PopShow02Slide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0 8vw;transform:translate(0);transition:all .5s}.PopShow02Group{display:flex;flex-direction:row;justify-content:center;align-items:center;width:70vw;height:100%;margin-left:7vw}.PopShow02Group img{width:60%;height:100%;object-fit:cover;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative}.PopShow02Detail{width:32%;height:100%;padding:0 4%;background:#ffffff;border-top-right-radius:5px;border-bottom-right-radius:5px;position:relative}.PopShow02Detail h2{color:#000;font-size:25px;font-weight:400;margin:15% 0 0;padding:0}.PopShow02Detail h3{color:#000;font-size:17px;font-weight:300;margin:0;padding:0}.PopShow02Back{width:100%;height:100%;background:#000000cc;position:absolute;z-index:0;cursor:alias}.popShow02-slide-btr{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;right:25px;cursor:pointer;transition:all .3s;z-index:1}.popShow02-slide-btr:hover{background:#cc0000}.popShow02-slide-btl{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;left:25px;cursor:pointer;transition:all .3s;z-index:1}.popShow02-slide-btl:hover{background:#cc0000}#scrollPopShow02l{opacity:0}@media (max-width: 1100px){.PopShow02Slide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0;transform:translate(0);transition:all .5s}.PopShow02Group{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:100%;margin-left:5vw}.PopShow02Group img{width:100%;height:50%;object-fit:cover;border-radius:5px 5px 0 0;position:relative}.PopShow02Detail{width:92%;height:50%;padding:0 4%;background:#ffffff;border-radius:0 0 5px 5px;position:relative}.sideblur{display:none}.popShow02-slide-btr{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.popShow02-slide-btr:hover{background:#ffffff}.popShow02-slide-btl{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.popShow02-slide-btl:hover{background:#ffffff}.PopShow02Detail h2{color:#000;font-size:25px;font-weight:400;margin:5% 0 0;padding:0}}.PopShow03{width:100%;height:100%;position:fixed;display:none;top:0;left:0;z-index:4;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:all .3s}.PopShow03btclose{color:#fff;position:absolute;top:25px;right:25px;font-size:30px;cursor:pointer;z-index:1}.PopShow03btclose:hover{color:red}.PopShow03Over{display:inline-flex;width:100%;height:60%;overflow-x:hidden;z-index:1}.PopShow03Slide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0 8vw;transform:translate(0);transition:all .5s}.PopShow03Group{display:flex;flex-direction:row;justify-content:center;align-items:center;width:70vw;height:100%;margin-left:7vw}.PopShow03Group img{width:60%;height:100%;object-fit:cover;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative}.PopShow03Detail{width:32%;height:100%;padding:0 4%;background:#ffffff;border-top-right-radius:5px;border-bottom-right-radius:5px;position:relative}.PopShow03Detail h2{color:#000;font-size:25px;font-weight:400;margin:15% 0 0;padding:0}.PopShow03Detail h3{color:#000;font-size:17px;font-weight:300;margin:0;padding:0}.PopShow03Back{width:100%;height:100%;background:#000000cc;position:absolute;z-index:0;cursor:alias}.popShow03-slide-btr{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;right:25px;cursor:pointer;transition:all .3s;z-index:1}.popShow03-slide-btr:hover{background:#cc0000}.popShow03-slide-btl{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;left:25px;cursor:pointer;transition:all .3s;z-index:1}.popShow03-slide-btl:hover{background:#cc0000}#scrollPopShow03l{opacity:0}@media (max-width: 1100px){.PopShow03Slide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0;transform:translate(0);transition:all .5s}.PopShow03Group{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:100%;margin-left:5vw}.PopShow03Group img{width:100%;height:50%;object-fit:cover;border-radius:5px 5px 0 0;position:relative}.PopShow03Detail{width:92%;height:50%;padding:0 4%;background:#ffffff;border-radius:0 0 5px 5px;position:relative}.sideblur{display:none}.popShow03-slide-btr{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.popShow03-slide-btr:hover{background:#ffffff}.popShow03-slide-btl{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.popShow03-slide-btl:hover{background:#ffffff}.PopShow03Detail h2{color:#000;font-size:25px;font-weight:400;margin:5% 0 0;padding:0}}.PopShow04{width:100%;height:100%;position:fixed;display:none;top:0;left:0;z-index:4;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:all .3s}.PopShow04btclose{color:#fff;position:absolute;top:25px;right:25px;font-size:30px;cursor:pointer;z-index:1}.PopShow04btclose:hover{color:red}.PopShow04Over{display:inline-flex;width:100%;height:60%;overflow-x:hidden;z-index:1}.PopShow04Slide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0 8vw;transform:translate(0);transition:all .5s}.PopShow04Group{display:flex;flex-direction:row;justify-content:center;align-items:center;width:70vw;height:100%;margin-left:7vw}.PopShow04Group img{width:60%;height:100%;object-fit:cover;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative}.PopShow04Detail{width:32%;height:100%;padding:0 4%;background:#ffffff;border-top-right-radius:5px;border-bottom-right-radius:5px;position:relative}.PopShow04Detail h2{color:#000;font-size:25px;font-weight:400;margin:15% 0 0;padding:0}.PopShow04Detail h3{color:#000;font-size:17px;font-weight:300;margin:0;padding:0}.PopShow04Back{width:100%;height:100%;background:#000000cc;position:absolute;z-index:0;cursor:alias}.popShow04-slide-btr{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;right:25px;cursor:pointer;transition:all .3s;z-index:1}.popShow04-slide-btr:hover{background:#cc0000}.popShow04-slide-btl{padding:15px;background:#ffffff;color:#000;font-size:25px;border-radius:5px;position:absolute;left:25px;cursor:pointer;transition:all .3s;z-index:1}.popShow04-slide-btl:hover{background:#cc0000}#scrollPopShow04l{opacity:0}@media (max-width: 1100px){.PopShow04Slide{display:flex;flex-direction:row;width:max-content;height:100%;padding:0;transform:translate(0);transition:all .5s}.PopShow04Group{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:100%;margin-left:5vw}.PopShow04Group img{width:100%;height:50%;object-fit:cover;border-radius:5px 5px 0 0;position:relative}.PopShow04Detail{width:92%;height:50%;padding:0 4%;background:#ffffff;border-radius:0 0 5px 5px;position:relative}.sideblur{display:none}.popShow04-slide-btr{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.popShow04-slide-btr:hover{background:#ffffff}.popShow04-slide-btl{transform:translateY(-15vh);box-shadow:0 4px 14px 4px #0006}.popShow04-slide-btl:hover{background:#ffffff}.PopShow04Detail h2{color:#000;font-size:25px;font-weight:400;margin:5% 0 0;padding:0}}.postimg{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:2;overflow:hidden}#backblack{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000088}.postimg img{position:absolute;height:60%;object-fit:contain;padding:10px;outline:#FFFFFF solid 2px}.postclose{position:absolute;top:0;right:25px;font-size:100px;font-weight:200;cursor:pointer;color:#fff;text-shadow:0 4px 8px #FFFFFF00;transition:all .3s}.postclose:hover{color:red;text-shadow:0 2px 8px #FF0000}@media (max-width: 1100px){.postimg img{position:absolute;width:90%;height:fit-content;object-fit:contain;padding:10px;outline:#FFFFFF solid 2px}.postclose{display:none}#backblack{background:#000000CC}}.tent01{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;padding:1vh 0 5vh;background-image:url(/img-camper/logo-mini-bg.png),linear-gradient(to top right,#880000,#000000,#000000,#000000);overflow:hidden}.tent01-box{width:80%;background:none;display:flex;flex-direction:row;align-items:center;padding:0;position:relative;height:70vh}.tent01-box-content{width:30%;padding:0;z-index:1}.tent01-box-content2{width:70%;padding:0;display:flex;justify-content:flex-end;align-items:center;z-index:0}.tent01-img{width:60%;filter:brightness(.9);position:absolute;transform:translateY(50px)}.tent01-img2{width:60%;position:absolute;transform:translate(-150px,-100px);z-index:0}.tent01-box h2{font-size:2.5vw;font-weight:600;padding:0;margin:0;font-family:Orbitron,Kanit;text-wrap:nowrap}.tent01-box h4{font-size:20px;font-weight:300;padding:0;margin:10px 0}.tent01-box .button{border-radius:4px;border:#FFFFFFCC solid 2px;color:#fff;margin-top:30px;position:relative;width:40%;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.tent01-box .button h4{font-weight:400}.tent01-box .button:hover{background:#FFFFFF}.tent01-box .button:hover h4{color:#000}.tent01-box-content h3{font-size:1.2vw;font-weight:400;margin:25px 0 0;color:red}.tent01-box-content h4{font-size:1vw;font-weight:300;margin:00}.tent01-box-content span{font-size:18px;font-weight:500;margin:00}.tent01-box-content li{font-size:18px;font-weight:300;margin:0 0 0 25px}#tentBotton{display:flex}#tentDetail{display:none}.imghide{width:500px;margin:25px 0 0}.head-topic{display:flex;height:5vw;align-items:center;margin-bottom:1vw}.head-topic img{height:100%}.tent01-box-content h3{margin:5px 0 0;font-size:2.2vw;line-height:2vw;font-weight:300}.head-topic h3{padding:0;margin:0;font-size:20px;font-weight:500}.tent01-slide{width:100%;margin-top:70px;overflow-x:hidden;overflow-y:hidden;height:fit-content;position:relative}.tent01-slide::-webkit-scrollbar{display:none}.tent01-slide-img{width:max-content;padding:0 0 0 15vw;display:inline-flex;transition:all .5s}.slimg-n{width:23vw;height:15vw;margin-right:2vw;object-fit:cover;border:#000000 solid .3vw;border-image:linear-gradient(to top left,#aa0000,#000000,#000000,#aa0000,#000000) 1 stretch;background-size:100% 100%;transition:all .3s;cursor:pointer}.slimg01{background:url(/img-camper/MM9A9095.jpg) center center no-repeat,#440000;background-size:100% auto}.slimg01:hover{background-size:105% auto}.slimg02{background:url(/img-camper/car-size-dark.jpg) center center no-repeat,#440000;background-size:auto 100%}.slimg02:hover{background-size:auto 105%}.slimg03{background:url(/img-camper/IMG_20220610_182326.jpg) center center no-repeat,#440000;background-size:auto 100%}.slimg03:hover{background-size:auto 105%}.slimg04{background:url(/img-camper/LED.png) center center no-repeat,#440000;background-size:100% auto}.slimg04:hover{background-size:105% auto}.slimg05{background:url(/img-camper/bed-foam-1.jpg) center center no-repeat,#440000;background-size:100% auto}.slimg05:hover{background-size:105% auto}.slimg-set{display:flex;flex-direction:column;width:23vw;padding:0 2vw 0 0}.slimg-set h3{color:#fff;font-size:20px;font-weight:400;margin:15px 0 10px}.slimg-set h4{color:#fff;font-size:17px;font-weight:200;text-wrap:wrap}.tent01-slide-btr{width:50px;height:50px;background:#ffffff;box-shadow:0 2px 24px 4px #000;border-radius:10px;position:absolute;top:35%;right:2%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .2s;color:#000}.tent01-slide-btl{width:50px;height:50px;background:#ffffff;box-shadow:0 2px 24px 4px #000;border-radius:10px;position:absolute;top:35%;left:2%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .2s;color:#000}#scrollL{opacity:0}.tent01-slide-btr:hover,.tent01-slide-btl:hover{background:#cc0000;box-shadow:0 2px 24px 4px #0000}@media (max-width:1100px){.tent01{margin-top:25px}.tent01-box{width:90%;display:flex;flex-direction:column;padding:5% 5% 3% 0;position:relative;height:60vh}.tent01-box-content{width:94%;padding:0 0 0 3%}.head-topic{display:flex;height:40px;margin-bottom:5px;align-items:center}.tent01-box h2{font-size:25px;font-weight:500;padding:0;margin:10px 0;line-height:20px}.tent01-box-content h3{font-size:15px;font-weight:400;margin:00;line-height:15px}.tent01-box-content h4{font-size:12px;font-weight:300;margin:00}.tent01-box .button{width:35%;height:35px}.tent01-img{width:95%;position:absolute}.tent01-box-content span{font-size:15px}.imghide{width:100%}.tent01-box .button h4{z-index:0;font-weight:400}.tent01-box-content2{width:90%;padding:0;display:flex;justify-content:center;align-items:flex-start}.tent01-img2{width:130%;position:absolute;transform:translateY(-20px);z-index:0}.tent01-slide{width:100%;margin-top:0;overflow-x:scroll;overflow-y:hidden;height:fit-content;position:relative}.tent01-slide-img{padding:0 15vw}.slimg-n{width:58vw;height:35vw}#scrollR,#scrollL{display:none}.slimg-set{display:flex;flex-direction:column;width:62vw;padding:0 2vw 0 0}.slimg-set h3{color:#fff;font-size:20px;font-weight:400;margin:15px 0 10px}.slimg-set h4{color:#fff;font-size:14px;font-weight:200;text-wrap:wrap}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}