@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css);#app{font-family:Kanit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.content-con[data-v-9d5ed642]{width:40%;word-wrap:break-word}.amount[data-v-9d5ed642]{font-weight:600}.headerx[data-v-9d5ed642]{min-height:100vh;width:100%;background-image:url(../img/bg1.964921f4.jpg);filter:blur(4px);background-position:50%;background-size:cover;position:relative}.text-box[data-v-9d5ed642]{width:90%;color:#fff;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.text-box h1[data-v-9d5ed642]{font-size:62px;text-shadow:2px 2px 4px #000}.text-box p[data-v-9d5ed642]{margin:10px 0 40px;font-size:24px;color:#fff;text-shadow:2px 2px 4px #000}.course[data-v-9d5ed642]{width:80%;margin:auto;text-align:center;padding-top:100px}h1[data-v-9d5ed642]{font-size:46px;font-weight:600}p[data-v-9d5ed642]{color:#777;font-size:24px;font-weight:300;line-height:22px;padding:10px}.rowx[data-v-9d5ed642]{margin-top:5%;display:flex;justify-content:space-between}.course-col[data-v-9d5ed642]{flex-basis:31%;background:#fff3f3;border-radius:10px;margin-bottom:5%;padding:20px 12px;box-sizing:border-box;transition:.5s}h3[data-v-9d5ed642]{font-size:18px;text-align:center;font-weight:600;margin:10px 0}.course-col[data-v-9d5ed642]:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.2)}@media(max-width:700px){.rowx[data-v-9d5ed642]{flex-direction:column}}.hotnews[data-v-9d5ed642]{width:80%;margin:auto;text-align:center;padding-top:50px}.hotnews-col[data-v-9d5ed642]{flex-basis:32%;border-radius:10px;margin-bottom:30px;position:relative;overflow:hidden}.hotnews-col img[data-v-9d5ed642]{width:100%;display:block;height:300px}.layer[data-v-9d5ed642]{background:transparent;height:100%;width:100%;position:absolute;top:0;left:0;transition:.5s}.layer[data-v-9d5ed642]:hover{background:rgba(233,231,222,.7)}.layer h3[data-v-9d5ed642]{width:100%;font-weight:500;color:#000;font-size:26px;bottom:0;left:50%;transform:translateX(-50%);position:absolute;opacity:0;transition:.5s}.layer:hover h3[data-v-9d5ed642]{bottom:49%;opacity:1}.doctrine[data-v-9d5ed642]{width:80%;margin:auto;text-align:center;padding-top:100px}.doctrine-col[data-v-9d5ed642]{flex-basis:31%;border-radius:10px;margin-bottom:5%;text-align:left;background-color:#fff}.doctrine-col[data-v-9d5ed642]:hover{box-shadow:10px 20px 40px rgba(0,0,0,.25)}.doctrine-col img[data-v-9d5ed642]{width:100%;height:300px;border-radius:10px 10px 0 0}.doctrine-col p[data-v-9d5ed642]{padding:0;margin:10px}.doctrine-col h3[data-v-9d5ed642]{margin:10px;margin-top:16px;margin-bottom:15px;text-align:left}@media(max-width:700px){.text-box h1[data-v-9d5ed642]{font-size:30px}}.contrainer-home[data-v-9d5ed642]{height:100vh;width:100%;background-image:url(../img/bg3.a094dd84.jpg);background-size:cover}.content-home h1[data-v-9d5ed642]{font-size:60px;font-weight:100;margin-bottom:15px;color:#232d60}.content-home p[data-v-9d5ed642]{font-size:20px;color:#6a7199}.content-home[data-v-9d5ed642]{margin-left:10%;margin-right:10%}.feature-img[data-v-9d5ed642]{display:flex;width:100%;height:100%}.box-content[data-v-9d5ed642]{background-color:#fff}.container-news[data-v-9d5ed642]{margin-top:3%;display:none}.row-news[data-v-9d5ed642]{margin-bottom:3%;margin-top:3%}.cols-detail-campaign[data-v-9d5ed642]{margin-top:5%}.colxx[data-v-9d5ed642]{margin:auto}.image-size[data-v-9d5ed642]{max-width:90%;height:300px}.image[data-v-9d5ed642]{display:block;width:100%;margin:auto;height:100%}.ytube[data-v-9d5ed642]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fbe9e7}.cards[data-v-9d5ed642]{width:600px;height:500px;transform-style:preserve-3d;transform:perspective(1000px);left:15%}.cards .imgBoxs[data-v-9d5ed642],.cards[data-v-9d5ed642]{position:relative;box-shadow:10px 20px 40px rgba(0,0,0,.25)}.cards .imgBoxs[data-v-9d5ed642]{width:100%;height:100%;z-index:1;transform-origin:left;transform-style:preserve-3d;background:hsla(0,0%,100%,0);transition:1.5s}.opencards .imgBoxs[data-v-9d5ed642]{transition:2s;transform:rotateY(-180deg)}.cards .imgBoxs img[data-v-9d5ed642]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cards .imgBoxs img[data-v-9d5ed642]:nth-child(2){transform:rotateY(180deg)}.cards .details[data-v-9d5ed642]{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;justify-content:center;align-items:center}.contents[data-v-9d5ed642]{word-break:break-all}.cards .details .content[data-v-9d5ed642]{display:flex;justify-content:center;align-items:center;flex-direction:column}.cards .details .contents h2 span[data-v-9d5ed642]{color:#e21;font-size:.8em}.headcam[data-v-9d5ed642]{text-align:center}.arrow[data-v-9d5ed642]{height:300px;width:300px;float:right}.btn-news[data-v-9d5ed642]{margin:3%}.name-con[data-v-9d5ed642]{font-size:28px;max-width:450px;margin-bottom:3%}@media only screen and (max-width:768px){.image-size[data-v-9d5ed642]{max-width:90%;height:300px}}@media only screen and (max-width:415px){.container-news[data-v-9d5ed642]{display:block}.ytube[data-v-9d5ed642]{display:none}}@media only screen and (max-width:1024px){.container-news[data-v-9d5ed642]{display:block}.ytube[data-v-9d5ed642]{display:none}}.img[data-v-9d5ed642]{cursor:pointer;background-size:cover;background-repeat:repeat;background-position:50%;color:#000;transition:all .25s ease;position:relative;border:7px solid #fff}.img[data-v-9d5ed642],.white[data-v-9d5ed642]{height:100%;width:100%}.cen-text[data-v-9d5ed642]{position:absolute;top:50%;left:40%;color:#fff}.img[data-v-9d5ed642]:hover{filter:grayscale(0);z-index:1;transform:scale(1.15)}.campaign[data-v-9d5ed642]{background:#fbe9e7;margin:auto;padding-top:50px;text-align:center}.campaign p[data-v-9d5ed642]{margin:0}.text-align-left[data-v-9d5ed642]{text-align:left}.word1{font-size:30px;color:#fff}.word2{margin:0 0 40px}.hero{width:100%;height:100vh;background-image:url(http://3.bp.blogspot.com/-bVDEdYtZ35s/UGj5-Dob7iI/AAAAAAAAAMw/AnFCZ6znEao/s1600/222.jpg);background-size:cover;position:relative;overflow:hidden}.logo{width:100px;cursor:pointer}.navbar1{width:85%;height:15%;display:flex;align-items:center;justify-content:space-between}.contentx{color:#fbfcfb;position:absolute;top:70%;right:10%;transform:translateY(-50%);z-index:2}.contentx h1{color:#e38955!important;font-size:80px}@media only screen and (max-width:321px){.contentx{top:85%;left:8%;transform:translateY(-50%);z-index:2}.contentx h1{font-size:48px}}@media only screen and (max-width:376px){.contentx{top:90%;left:8%;transform:translateY(-50%);z-index:2}.contentx h1{font-size:48px}.word1{font-size:30px}}@media only screen and (max-width:415px){.contentx{top:90%;left:8%;transform:translateY(-50%);z-index:2}.contentx h1{font-size:38px}.word1{font-size:30px}}@media only screen and (max-width:540px){.contentx{top:80%;left:8%;transform:translateY(-50%);z-index:2}.word1{font-size:10px}.word2{font-size:20px}}@media only screen and (max-width:769px){.contentx{color:#fbfcfb;position:absolute;top:85%;left:8%;transform:translateY(-50%);z-index:2}}@media only screen and (max-width:1024px){.contentx{color:#fbfcfb;position:absolute;top:85%;left:8%;transform:translateY(-50%);z-index:2}.word1{font-size:30px}.word2{font-size:40px}}h1{font-size:80px;margin:10 px 0 30px;line-height:80px}#leaves{position:relative;top:-100%;width:100%;text-align:right}#leaves i{display:inline-block;width:200px;height:150px;background:linear-gradient(to bottom right,#309900,#005600);transform:skew(20deg);border-radius:5% 40% 70%;box-shadow:inset 0 0 1px #222;border:1px solid #333;z-index:1;-webkit-animation:falling 5s 0s infinite}#leaves i:nth-of-type(2n){-webkit-animation:falling2 5s 0s infinite}#leaves i:nth-of-type(3n){-webkit-animation:falling3 5s 0s infinite}#leaves i:before{position:absolute;content:"";top:117px;right:9px;height:27px;width:32px;transform:rotate(49deg);border-radius:0 15% 15% 0;border-top:1px solid #222;border-bottom:1px solid #222;border-left:0 solid #222;border-right:1px solid #222;background:linear-gradient(90deg,#006400,#005600);z-index:1}#leaves i:after{content:"";height:125px;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent);display:block;transform:rotate(125deg);position:absolute;left:85px;border-radius:50%}#leaves i:nth-of-type(n){height:23px;width:30px}#leaves i:nth-of-type(n):before{width:7px;height:5px;top:17px;right:1px}#leaves i:nth-of-type(n):after{width:2px;height:17px;left:12px;top:0}#leaves i:nth-of-type(odd){height:11px;width:16px}#leaves i:nth-of-type(odd):before{width:4px;height:3px;top:7px;right:0}#leaves i:nth-of-type(odd):after{width:2px;height:6px;left:5px;top:1px}#leaves i:nth-of-type(3n+2){height:17px;width:23px}#leaves i:nth-of-type(3n+2):before{height:4px;width:4px;top:12px;right:1px}#leaves i:nth-of-type(3n+2):after{height:10px;width:2px;top:1px;left:8px}#leaves i:nth-of-type(n){-webkit-animation-delay:1.9s}#leaves i:nth-of-type(2n){-webkit-animation-delay:3.9s}#leaves i:nth-of-type(3n){-webkit-animation-delay:2.3s}#leaves i:nth-of-type(4n){-webkit-animation-delay:4.4s}#leaves i:nth-of-type(5n){-webkit-animation-delay:5s}#leaves i:nth-of-type(6n){-webkit-animation-delay:3.5s}#leaves i:nth-of-type(7n){-webkit-animation-delay:2.8s}#leaves i:nth-of-type(8n){-webkit-animation-delay:1.5s}#leaves i:nth-of-type(9n){-webkit-animation-delay:3.3s}#leaves i:nth-of-type(10n){-webkit-animation-delay:2.5s}#leaves i:nth-of-type(11n){-webkit-animation-delay:1.2s}#leaves i:nth-of-type(12n){-webkit-animation-delay:4.1s}#leaves i:nth-of-type(13n){-webkit-animation-delay:1s}#leaves i:nth-of-type(14n){-webkit-animation-delay:4.7s}#leaves i:nth-of-type(15n){-webkit-animation-delay:3s}#leaves i:nth-of-type(n){background:linear-gradient(to bottom right,#309900,#005600)}#leaves i:nth-of-type(2n+2){background:linear-gradient(to bottom right,#5e9900,#2b5600)}#leaves i:nth-of-type(4n+1){background:linear-gradient(to bottom right,#990,#564500)}#leaves i:nth-of-type(n){opacity:.7}#leaves i:nth-of-type(3n+1){opacity:.5}#leaves i:nth-of-type(3n+2){opacity:.3}#leaves i:nth-of-type(n){transform:rotate(180deg);-webkit-animation-timing-function:ease-in-out}@-webkit-keyframes falling{0%{-webkit-transform:translate3d(300,0,0) rotate(0deg)}to{-webkit-transform:translate3d(-350px,700px,0) rotate(90deg);opacity:0}}@-webkit-keyframes falling3{0%{-webkit-transform:translateZ(0) rotate(-20deg)}to{-webkit-transform:translate3d(-230px,640px,0) rotate(-70deg);opacity:0}}@-webkit-keyframes falling2{0%{-webkit-transform:translateZ(0) rotate(90deg)}to{-webkit-transform:translate3d(-400px,680px,0) rotate(0deg);opacity:0}}.con[data-v-a862675a]{display:flex;justify-content:center}.con>.sub-con[data-v-a862675a]{background-color:#fff;display:inline-block;box-shadow:0 0 20px 0 rgba(0,0,0,.2);border-radius:20px;padding:15px 15px}.small-contentx>.rank[data-v-a862675a]{color:#757575}.small-contentx>.rank2[data-v-a862675a]{color:#8a7f41}.small-contentx>.rank3[data-v-a862675a]{color:silver}.small-contentx>.rank4[data-v-a862675a]{color:gold}.small-contentx>.rank5[data-v-a862675a]{color:#949494}.small-contentx>.rank6[data-v-a862675a]{color:pink;display:inline-block}.head[data-v-a862675a]{display:flex;justify-content:flex-start}.sub-con>.c-red[data-v-a862675a]{margin-bottom:8px;color:red}.head>h1[data-v-a862675a]{font-size:30px}img[data-v-a862675a]{width:50px;height:30px}.head-search{display:flex;width:30%}.head div{font-size:55px;font-weight:700}.campaign-name{font-size:42px}.amount{font-weight:600}.status_open{background-color:#72e772}.status_close,.status_open{text-align:right;padding:20px;font-size:30px}.status_close{background-color:#da0f0f}.container-news{margin-top:3%}.cols-detail-campaign{margin-top:5%}.colxx{margin:auto}.image-size{max-width:90%;height:300px}.image{display:block;width:100%;margin:auto;height:100%}.margin-card{margin-bottom:5%}div{display:block}v-img{width:100%}.img{width:300px;background-size:cover;display:block;margin-right:auto;margin-left:auto}.img-fluid{-o-object-fit:cover;object-fit:cover;margin:3%}.fontstlye{font-size:20px;font-weight:700}.btn-news{position:relative;width:40%;margin-left:auto;margin-right:auto}.btn-doctrine{position:relative;width:20%;left:20%}@media only screen and (max-width:415px){.img{width:100%;background-size:cover;display:block;margin-right:auto;margin-left:auto}.btn-news{position:relative;width:100%}.container-news{padding:0}.btn-doctrine{position:relative;left:0;width:100%;margin:3%}}h3{font-size:21px}.panelx{background-color:#fff}.notfound{text-align:center;font-size:2.5em;font-weight:bolder;color:#4d4d4d}.head,.v-slide-group__content{justify-content:center}.head{display:flex;align-items:center}.head h1{font-size:55px;font-weight:700}.title-font-size{font-size:21px}.btn-bookmark{position:absolute;right:5%;top:3%}.containerx{width:80%;margin:0 auto}.titlex{text-align:center;margin:50px 0}.titlex h5{font-size:13px;color:var(--primary-color);text-transform:uppercase}.column-cardx{display:flex;flex-wrap:wrap;justify-content:space-between}.cardx{cursor:pointer}.cardx:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.cardx img{width:100%;height:300px}.panelx{padding:5%;box-shadow:0 6px 18px -8px #7682b7;border-radius:10px;height:250px}span.datex{font-weight:700}