@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,700;1,400;1,500&display=swap";.header[data-v-1421cf7a]{position:absolute;top:0px;width:100%;height:auto;overflow:hidden;background-color:#222;flex:1}.bg-color[data-v-1421cf7a]{background-color:#222;box-shadow:1px 4px 5px #00000040}.textlogo[data-v-1421cf7a]{color:#fff}.textmenu[data-v-1421cf7a]{font-style:italic;color:#fff}.lag[data-v-1421cf7a]{display:flex;align-content:space-around;flex-wrap:wrap;flex-direction:row}.lag #thai-lag[data-v-1421cf7a],#eng-lag[data-v-1421cf7a]{margin:4px}.divider[data-v-1421cf7a]{margin-top:16px;margin-bottom:16px;width:auto;background-color:#fff;height:1px}.collapse-box[data-v-1421cf7a]{margin:0 4px 4px 16px}.card-box[data-v-1421cf7a]{margin-left:16px;margin-bottom:0;margin-top:0;padding:8px;font-style:italic;color:#fff;border:0px;background-color:transparent}.sub-menu[data-v-1421cf7a]{list-style-type:circle;padding:4px}.sub-menu[data-v-1421cf7a],a[data-v-1421cf7a]{color:#fff}.sub-menu[data-v-1421cf7a],a[data-v-1421cf7a]:link{text-decoration:none}@media screen and (max-width: 576px){.textmenu[data-v-1421cf7a]{font-size:x-large}.textoffcanvas[data-v-1421cf7a]{font-size:large}}.footer[data-v-db2dcdef]{width:100%;height:auto;overflow:hidden;background-color:#222;text-align:center}.logo-social[data-v-db2dcdef]{width:auto}.logo-social[data-v-db2dcdef],img[data-v-db2dcdef]{margin:4px}.text-footer[data-v-db2dcdef]{font-style:italic;color:#fff;margin-bottom:8px}.layout[data-v-39208700]{position:relative;margin:0;display:flex;flex-direction:column;flex:1}.content[data-v-39208700]{overflow:hidden;height:auto;margin-top:56px;padding:0;width:100%;flex:2}.image-about[data-v-0b083f2a]{position:relative;width:50%;margin:auto 1em}#my-pic1[data-v-0b083f2a]{position:absolute;top:0;left:0;width:100%;height:608px;background:url(/assets/pic3.aaba662e.png);background-repeat:no-repeat;background-position:center;background-size:auto;transition:opacity .3s;opacity:1}#my-pic2[data-v-0b083f2a]{width:100%;height:608px;background:url(/assets/pic4.636d795e.png);background-repeat:no-repeat;background-position:center;background-size:auto}#my-pic1[data-v-0b083f2a]:hover{opacity:0}.about-me[data-v-0b083f2a]{position:relative;width:auto;height:auto;padding-bottom:20px;z-index:0;background-color:#00846c;box-shadow:1px 4px 5px #00000040}.asset-content[data-v-0b083f2a]{display:flex;height:auto}.text-about[data-v-0b083f2a]{display:block;align-items:center;width:50%;margin:auto 1em}.alignment[data-v-0b083f2a]{text-align:center}.title[data-v-0b083f2a]{font-family:Roboto;font-style:italic;font-weight:400;font-size:36px;line-height:42px;color:#fff;display:inline-block}.underline[data-v-0b083f2a]{width:100%;height:2px;background-color:#fff}.text-content[data-v-0b083f2a]{font-family:Roboto;font-style:italic;font-weight:400;font-size:18px;line-height:24px;color:#fff;margin-top:16px;text-indent:2.5em}.download-button[data-v-0b083f2a]{text-align:center}@media screen and (max-width: 576px){.about-me[data-v-0b083f2a]{height:auto}.asset-content[data-v-0b083f2a]{display:block;height:auto}.text-about[data-v-0b083f2a]{width:90%;padding-bottom:20px;margin:auto}.image-about[data-v-0b083f2a]{width:100%;height:auto;margin-left:auto;margin-right:auto;margin-bottom:16px}#my-pic1[data-v-0b083f2a],#my-pic2[data-v-0b083f2a]{width:100%;height:470px}}.banner[data-v-82b3ebb8]{margin:0;padding:0;position:relative;height:auto;width:auto;z-index:1;background-color:#222;overflow:hidden;box-shadow:1px 4px 5px #00000040}#cicle-1[data-v-82b3ebb8]{position:absolute;width:1029px;height:955px;left:257px;top:-108px;border:1px solid #CF2402;box-sizing:border-box;border-radius:50%;z-index:-1}#cicle-2[data-v-82b3ebb8]{position:absolute;width:321px;height:297px;left:-95px;top:-80px;border-radius:50%;background:#005A4A;z-index:-1}#cicle-3[data-v-82b3ebb8]{position:absolute;width:873px;height:873px;right:-46px;top:-252px;border-radius:50%;background:#005A4A;z-index:-2}.info[data-v-82b3ebb8]{display:flex;height:100%}.profile-sec[data-v-82b3ebb8]{display:block;align-items:center;margin:auto;width:50%}.pic1[data-v-82b3ebb8]{position:relative;margin:auto;height:100%;filter:grayscale(100%);transition:.3s;width:50%;text-align:center}.bg-pic[data-v-82b3ebb8]{position:absolute;top:179px;left:112px;width:139px;height:50px;background-color:#484848;z-index:-3}.pic1 img[data-v-82b3ebb8]{height:100%}.pic1[data-v-82b3ebb8]:hover{filter:grayscale(0%)}#title-name[data-v-82b3ebb8]{color:#fff;font-style:italic;font-weight:400;font-size:48px;line-height:56px}#title-name div[data-v-82b3ebb8]{flex:none;margin:auto;width:100%}#position-name[data-v-82b3ebb8]{color:#fff;font-style:italic;font-weight:400;font-size:16px;line-height:19px}@media screen and (max-width: 576px){#title-name[data-v-82b3ebb8]{font-size:50px;line-height:61px;margin-bottom:16px}#position-name[data-v-82b3ebb8]{font-size:16px;line-height:19px}.pic1 img[data-v-82b3ebb8]{margin:0 0 0 -60px}}.skill[data-v-40b9f7ef]{display:flex;background-color:#00846c;margin-bottom:8px;margin-top:8px;padding:8px 16px 8px 8px;border-radius:8px;align-items:center}.pic-skill[data-v-40b9f7ef]{width:auto;height:4em}.pic-skill img[data-v-40b9f7ef]{width:100%;height:100%}.info-skill[data-v-40b9f7ef]{color:#fff;display:flex;width:100%;margin-left:16px}.text-skill[data-v-40b9f7ef]{width:100%}.name-skill[data-v-40b9f7ef]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:24px;font-style:normal}.year[data-v-40b9f7ef]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.star[data-v-40b9f7ef]{display:flex;align-items:center;font-size:20px}.paddingStar[data-v-40b9f7ef]{display:flex}@media screen and (max-width: 576px){.name-skill[data-v-40b9f7ef]{font-size:16px}.star[data-v-40b9f7ef]{font-size:20px}.pic-skill[data-v-40b9f7ef]{height:auto}}.timeline-item[data-v-52414dc2]{position:relative;margin-bottom:0}.timeline-title[data-v-52414dc2],.position_name[data-v-52414dc2]{font-size:14px}.name_company[data-v-52414dc2]{margin-bottom:4px;font-size:20px}.timeline-info[data-v-52414dc2]{margin-bottom:16px}.timeline-content[data-v-52414dc2]{display:flex;flex-direction:column;padding:1px}.timeline-start[data-v-52414dc2]{background:#005a4a;border:3px solid transparent;border-radius:100%;content:"";display:block;height:24px;position:absolute;top:0px;left:0px;width:24px}.timeline-marker[data-v-52414dc2]{position:absolute;top:0;left:0;bottom:0;width:15px}.timeline-marker[data-v-52414dc2]:before{background:#005a4a;border:3px solid transparent;border-radius:100%;content:"";display:block;height:24px;position:absolute;top:0px;left:0px;width:24px}.timeline-marker[data-v-52414dc2]:after{content:"";width:3px;background:#005a4a;display:block;position:absolute;top:24px;bottom:0;left:11px}.section-myskill[data-v-d2e2559f]{width:100%;height:auto;padding-bottom:20px;padding-top:20px;z-index:0;background-color:#fff;box-shadow:1px 4px 5px #00000040}.columsection[data-v-d2e2559f]{display:flex}.my-skills[data-v-d2e2559f],.my-exp[data-v-d2e2559f]{width:50%;margin:20px}.title[data-v-d2e2559f]{font-family:Roboto;font-style:italic;font-weight:400;font-size:36px;line-height:42px;color:#005a4a;display:inline-block}.boder-title[data-v-d2e2559f]{border-bottom:solid 2px #005a4a;margin-bottom:20px}@media screen and (max-width: 576px){.columsection[data-v-d2e2559f]{display:block}.my-skills[data-v-d2e2559f],.my-exp[data-v-d2e2559f]{width:100%;margin:auto}.title[data-v-d2e2559f]{text-align:center;width:100%;margin-top:20px}.boder-title[data-v-d2e2559f]{padding-bottom:8px}}.portfolio-section[data-v-7a283d07]{width:100%;height:auto;padding-bottom:40px;padding-top:20px;margin-bottom:8px;z-index:-1;background-color:#222;box-shadow:1px 4px 5px #00000040}.text-title-sec[data-v-7a283d07]{font-family:Roboto;font-style:italic;font-weight:400;font-size:36px;line-height:42px;color:#fff;margin:8px;border-bottom:2px solid;border-bottom-color:#005a4a}.title-portfolio[data-v-7a283d07]{text-align:center;width:auto;display:flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.list-port[data-v-7a283d07]{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}.bg-btn[data-v-7a283d07]{background-size:cover;background-repeat:no-repeat;filter:grayscale(100%);width:100%;height:100%;padding:16px;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center}.bg-btn[data-v-7a283d07]:hover{filter:grayscale(0%);transition:.3s;box-shadow:1px 4px 5px #00000040}.menu-port[data-v-7a283d07]{width:300px;height:120px;margin:8px}.text-menu-port[data-v-7a283d07]{font-family:Roboto;font-style:italic;font-weight:500;color:#000;width:fit-content;padding:10px;text-align:center;background-color:#fff}.text-menu-port[data-v-7a283d07]:hover{background-color:#fff;transition:.3s;cursor:pointer}@media screen and (max-width: 576px){.bg-btn[data-v-7a283d07]{filter:grayscale(0%)}}.blog-section[data-v-9616322e]{width:100%;height:auto;z-index:-1;padding-bottom:20px;padding-top:20px;background-color:#005a4a;box-shadow:1px 4px 5px #00000040}.bottom-blog-sec[data-v-9616322e]{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;margin-top:2em}.blog-list[data-v-9616322e]{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%}#title-blog[data-v-9616322e]{font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;margin-bottom:8px}#content-blog[data-v-9616322e]{font-family:Roboto;font-style:italic;font-weight:400;font-size:18px;margin-bottom:8px}#bottom-card-blog[data-v-9616322e]{font-family:Roboto;font-style:italic;font-weight:400;font-size:18px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center}#bottom-card-blog div[data-v-9616322e]{width:100%}#bottom-card-blog a[data-v-9616322e]{width:auto;padding-left:8px;padding-right:8px;flex:none;color:#005a4a;cursor:pointer}.bottom-nav-slide[data-v-9616322e]{position:absolute;bottom:-50px}.list-blog[data-v-9616322e]{width:350px;margin-left:8px;margin-right:8px;background-color:#fff;overflow:hidden;border:#ffffff solid 1px;border-radius:8px;box-shadow:7px 7px 7px #00000040}.pic-blog[data-v-9616322e]{width:100%;height:200px}.pic-blog img[data-v-9616322e]{width:100%;height:100%}.content-card[data-v-9616322e]{display:flex;flex-direction:column;flex-wrap:nowrap;padding:16px}.text-title-blog[data-v-9616322e]{font-family:Roboto;font-style:italic;font-weight:400;font-size:36px;line-height:42px;color:#fff;margin:8px;border-bottom:2px solid;border-bottom-color:#fff;padding-bottom:4px}.title-blog[data-v-9616322e]{text-align:center;width:auto;display:flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;margin-bottom:16px}.icon[data-v-9616322e]{font-size:28px;margin-right:4px}.carousel-control-prev[data-v-9616322e]{left:-20px}.carousel-control-next[data-v-9616322e]{right:-20px}.desktop-comp[data-v-9616322e]{display:flex}.mobile-comp[data-v-9616322e]{display:none}@media screen and (max-width: 576px){.desktop-comp[data-v-9616322e]{display:none}.mobile-comp[data-v-9616322e]{display:flex}}.section-my-youtube[data-v-48afbbff]{position:relative;overflow:hidden;width:100%;height:auto;background-color:#fff;padding-bottom:0;padding-top:40px;z-index:0;box-shadow:0 24px 4px -20px #00000040 inset;-webkit-box-shadow:0px 24px 4px -20px rgba(0,0,0,.25) inset;-moz-box-shadow:0px 24px 4px -20px rgba(0,0,0,.25) inset}#content-channel[data-v-48afbbff]{text-align:center;padding:24px}#title[data-v-48afbbff]{font-family:Roboto;font-style:italic;font-weight:400;font-size:24px}#sub-title[data-v-48afbbff]{font-family:Roboto;font-style:italic;font-weight:400;font-size:18px;color:#595959}#content[data-v-48afbbff]{font-family:Roboto;font-style:italic;font-weight:400;font-size:18px;text-align:center;height:100%}#title[data-v-48afbbff],#sub-title[data-v-48afbbff],#img-cover[data-v-48afbbff],#content[data-v-48afbbff],[data-v-48afbbff]:after{margin-bottom:10px}#img-cover[data-v-48afbbff]{width:100%;height:100%;overflow:hidden;border-radius:8px}#img-cover img[data-v-48afbbff]{width:100%;height:auto}.elememt-vector[data-v-48afbbff]{z-index:-3;width:100%;height:auto;top:0px;left:0px;position:absolute}.title[data-v-48afbbff]{font-family:Roboto;font-style:italic;font-weight:400;font-size:36px;line-height:42px;color:#cf2402;text-align:center;width:100%}.boder-title[data-v-48afbbff]{width:auto;border-bottom:solid 2px #cf2402;margin-bottom:20px}.channel[data-v-48afbbff]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;align-content:flex-start}.list-channel[data-v-48afbbff]{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.channel-list[data-v-48afbbff]{display:flex;height:auto;width:100%;border:1px solid #ff0000;padding:8px 8px 24px;margin-right:24px;margin-bottom:40px;border-radius:8px;background-color:#fff;box-shadow:5px 5px 7px #00000040;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center}.youtube-music[data-v-48afbbff]{position:absolute;width:160px;height:160px;top:370px;left:100px;background-image:url(/assets/youtube_music.075ef241.png);background-position:center;background-size:contain}.youtube-logo[data-v-48afbbff]{position:absolute;width:180px;height:180px;top:62px;right:160px;background-image:url(/assets/youtube.5532c570.png);background-position:center;background-size:contain}.solid-cicle-red[data-v-48afbbff]{position:absolute;width:321px;height:297px;left:-165px;top:8px;border-radius:50%;background:#cf2402}.solid-cicle-red2[data-v-48afbbff]{position:absolute;width:103px;height:95px;right:0px;top:0px;border-radius:50%;background:#cf2402}.solid-cicle-red3[data-v-48afbbff]{position:absolute;width:552.67px;height:955px;right:0px;top:0px;border-radius:50%;background:#cf2402;transform:rotate(-57.09deg)}.cicle-red[data-v-48afbbff]{box-sizing:border-box;position:absolute;width:1400px;height:1313.7px;left:38px;top:-221px;border-radius:50%;border:1px solid #cf2402}.img-pic[data-v-48afbbff]{width:100%;height:auto}.img-pic img[data-v-48afbbff]{width:100%;height:100%}@media screen and (max-width: 576px){.solid-cicle-red[data-v-48afbbff]{left:-314px;top:-71px}.channel-list[data-v-48afbbff]{margin-bottom:24px}.cicle-red[data-v-48afbbff]{width:800px;height:513.7px;left:-218px;top:9px}.solid-cicle-red2[data-v-48afbbff]{right:-85px}.solid-cicle-red3[data-v-48afbbff]{top:1188px}.list-channel[data-v-48afbbff]{flex-direction:column}.boder-title[data-v-48afbbff]{width:100%}.youtube-music[data-v-48afbbff]{top:1205px;left:-56px}.youtube-logo[data-v-48afbbff]{top:1295px;right:-48px}}.contact-me-section[data-v-654ee89c]{width:100%;height:auto;padding-top:40px;padding-bottom:40px;background-color:#00846c;box-shadow:0 24px 4px -20px #00000040 inset;-webkit-box-shadow:0px 24px 4px -20px rgba(0,0,0,.25) inset;-moz-box-shadow:0px 24px 4px -20px rgba(0,0,0,.25) inset}#title-section[data-v-654ee89c]{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-bottom:16px}#form-style[data-v-654ee89c]{display:flex;flex-direction:row;flex-wrap:nowrap}#name[data-v-654ee89c]{margin-right:10px}#phone[data-v-654ee89c]{margin-left:10px}#form-textarea[data-v-654ee89c]{width:100%}#area-text[data-v-654ee89c]{width:100%;padding:10px;font-family:Roboto;font-style:italic;font-weight:100;font-size:16px}#form-style div[data-v-654ee89c]{width:100%}#form-style div label[data-v-654ee89c],#form-textarea label[data-v-654ee89c]{width:100%;margin-bottom:10px}.input-contact[data-v-654ee89c]{width:100%;padding:10px;font-family:Roboto;font-style:italic;font-weight:100;font-size:16px}.text-title-contact[data-v-654ee89c]{font-family:Roboto;font-style:italic;font-weight:400;font-size:36px;line-height:42px;color:#fff;margin:8px;border-bottom:2px solid;border-bottom-color:#fff;padding-bottom:4px;width:fit-content}#icon[data-v-654ee89c]{width:45px;height:25px;font-size:24px}#info[data-v-654ee89c]{display:flex;flex-direction:row;flex-wrap:nowrap;font-family:Roboto;font-style:italic;font-weight:400;font-size:18px;padding-bottom:6px;padding-top:6px}#info div[data-v-654ee89c]{width:100%}#title-contact[data-v-654ee89c]{font-family:Roboto;font-style:normal;font-weight:500;font-size:24px;margin-bottom:16px}.contact-me[data-v-654ee89c]{display:flex;flex-direction:row;flex-wrap:nowrap;color:#fff}.info-contact[data-v-654ee89c]{width:50%;border-right:solid 1px #ffff;padding:24px}.form-contact[data-v-654ee89c]{width:50%;padding:24px}@media screen and (max-width: 576px){.contact-me[data-v-654ee89c]{flex-direction:column}.info-contact[data-v-654ee89c]{width:100%;padding:24px;border-right:0px;border-bottom:solid 1px #ffff}.form-contact[data-v-654ee89c]{width:100%;padding:24px}#form-style[data-v-654ee89c]{flex-direction:column}#phone[data-v-654ee89c]{margin-left:0}#name[data-v-654ee89c]{margin-right:0;margin-bottom:10px}}.home-page[data-v-ae51f6a0]{overflow:hidden;margin:0;padding:0}.blog[data-v-4bc11334]{height:400px;width:100%;display:flex;align-items:center;justify-content:center}html,body{height:100%}body{font-family:Roboto,sans-serif;margin:0;padding:0;height:100%;width:100%;background:#005A4A;display:flex;align-items:stretch;overflow-y:scroll}#button-style1{background:#58A343;box-shadow:0 4px 4px #00000040;border-radius:8px;flex:none;text-align:center;display:inline-block;padding:10px 24px;margin-top:16px;color:#fff;cursor:pointer;border:0px}#app{margin:0;width:100%;display:flex;flex-direction:column}