@import url(https://fonts.googleapis.com/css?family=Prompt:300,500,600);body{margin-top:56px;-webkit-font-smoothing:antialiased;background-color:#f8f8fa;font-family:CS PraJad,Sans-Serif;font-size:18px}h1,h2,h3,h4,h5,h6{font-family:Prompt,sans-serif;font-weight:600}.login-title{font-weight:300}.login,.login-title{font-family:Prompt,sans-serif}.division{float:none;margin:18px auto;position:relative;text-align:center;width:100%}.division span{font-family:Prompt,sans-serif;background-color:#e8e8e8;color:#777;padding:6px;border-radius:100px;font-weight:300}.division .line{border-top:1px solid #dfdfdf;position:absolute;top:10px;width:40%}.division .line.l{left:0}.division .line.r{right:0}.navbar{font-family:Prompt,sans-serif;box-shadow:0 1px 12px rgba(0,0,0,.08)}.navbar .navbar-brand{color:#fa6901}footer{font-size:14px;padding:35px 0;background-color:#282c35}label.required-field:after{content:" *";color:#dd4b39}.btn{font-family:Prompt,sans-serif}.btn-success{color:#fff}.date{font-family:Prompt,sans-serif;color:#727a80;font-weight:300;font-size:15px}.no-padding{padding:0}.header{font-family:Prompt,sans-serif;background:url(/audience-868074_1920.jpg);background-position:50%;background-size:cover;color:#fff;padding:100px 0 190px}.header .sub-title{font-size:20px;font-weight:300}@media (max-width:1024px){.header{text-align:center;padding-top:30px;padding-bottom:130px}.header .title{font-size:22px}.header .sub-title{font-size:14px}}.search-panel{background-color:#fff;border-radius:5px;box-shadow:0 3px 3px 0 rgba(0,0,0,.16);margin-top:-110px;margin-bottom:30px;padding:30px 50px}.search-panel h3{font-weight:300;margin-bottom:30px;color:#444}@media (max-width:1024px){.search-panel{padding:15px;margin-bottom:10px}.search-panel h3{font-size:20px;margin-bottom:15px}}.events{padding:30px 0}@media (max-width:1024px){.events{padding-top:0}}.events .event-link{text-decoration:none}h1.section-title{position:relative;z-index:1;margin-top:30px;margin-bottom:30px;text-align:center;color:#777;font-size:25px;font-weight:300}h1.section-title:before{border-top:1px solid #777;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:55%;z-index:-1;opacity:1%}h1.section-title span{background:#f8f8fa;padding:0 15px}.event-card{background-color:#fff;box-shadow:0 2px 0 0 rgba(0,0,0,.16);padding:0;margin-bottom:30px}@media (max-width:1024px){.event-card{margin-bottom:15px}}.event-card .event-detail{padding:20px}.event-card .event-detail h1{color:#444;font-size:20px;padding:10px 0}.event-card .event-detail h2{color:#727a80;font-weight:300;font-size:15px}.header-container{max-width:100%;overflow:hidden}.event-header{background-position:30% 30%;background-repeat:no-repeat!important;background-size:cover!important;position:relative;max-width:100%;height:610px;filter:blur(50px)!important;-moz-filter:blur(50px)!important;-o-filter:blur(50px)!important;-ms-filter:blur(50px)!important;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="5")!important;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);z-index:-1}.background-page{background-color:#f8f8fa;z-index:1;margin-top:-40px;height:400px}.event-detail-card{background-color:#fff;border-radius:5px;box-shadow:0 3px 3px 0 rgba(0,0,0,.16);margin-top:-960px;margin-bottom:30px}.event-detail-card h3{color:#777;font-size:18px}.event-detail-card .event-card-header{background-color:#f5f5f5;border-radius:5px!important}.event-detail-card .event-image{border-top-left-radius:5px}@media (max-width:768px){.event-detail-card .event-image{border-top-left-radius:5px;border-top-right-radius:5px}}.event-detail-card .event-information{height:100%}.event-detail-card .event-information .information{padding:50px 30px}@media (max-width:1024px){.event-detail-card .event-information .information{padding-top:30px;padding-bottom:30px}}.event-detail-card .event-information h1{color:#444;font-size:25px;padding:10px 0}.event-detail-card .event-information .location{font-family:Prompt,sans-serif;color:#727a80;font-weight:300;font-size:15px}.event-detail-card .event-information .register{padding:10px 15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff}.event-detail-card .event-detail{padding:50px 55px;line-height:1.6em}@media (max-width:1024px){.event-detail-card .event-detail{padding:0 25px 20px}}.event-detail-card .event-schedule{padding:50px 25px}@media (max-width:1024px){.event-detail-card .event-schedule{padding-top:20px;padding-bottom:0}}.event-detail-card .shared{height:2.5em;width:2.5em;background-color:#bbb;color:#fff;border-radius:50%;line-height:2.5em;text-align:center;display:inline-block}.event-detail-card .shared:hover{background-color:#dadada}.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook:hover{color:#eee}.btn-orange{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-orange:hover{color:#eee}.btn-xs{font-size:13px;padding:2px 8px}.fa,.far,.fas{padding-right:6px}.data-group{margin-bottom:15px}.data-group .key{font-weight:700;margin-bottom:5px}.data-group .value{background:#f6f6f6;border:1px solid #f0f0f0;padding:5px 10px;display:block}.data-group .value.value-lg{font-size:18px}.data-group .value.paragraph{min-height:250px}.data-group .value.no-background{background:transparent}.title-header{padding:30px 0 10px}.account-page-section{padding:10px 0 30px;min-height:70vh}.account-page-section .list-group{font-family:Prompt,sans-serif}.cover{width:100%;height:auto}.content-card{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 3px 3px 0 rgba(0,0,0,.16);padding:20px 30px;min-height:500px}.content-card h2.content-card-title{font-weight:400;font-size:20px}.content-card table{font-size:16px}.ticket{font-family:Prompt,sans-serif}.ticket .ticket-image,.ticket .ticket-qr{border-top-left-radius:5px;border-top-right-radius:5px}.ticket .ticket-qr{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:25px 0 10px}.ticket .ticket-qr .qr-code{border:8px solid #ea4b36}.ticket .ticket-qr .ref-code{font-size:25px;padding-top:15px;padding-bottom:0}.ticket .ticket-title{background-color:#ea4b36;color:#fff;padding:10px}.ticket .ticket-title h3{font-weight:400;font-size:16px;padding:0;margin:0}.ticket .ticket-detail{background-color:#fafafa;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;padding:10px}.ticket .detail-title{color:#939393;padding:0;margin:0;font-size:13px}.ticket .detail-info{color:#333;font-size:13px;padding:0;margin:0;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.ticket .ticket-action{border:1px solid #eaeaea;background-color:#fafafa;padding:0 10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ticket-show{padding:10px 15px!important}.ticket-info-show{padding:0!important;margin:0!important;font-size:16px!important;font-weight:400}.transcript-container{width:100%;overflow:hidden;border:1px solid #e0e0e0}.transcript{font-family:THSarabunNew,sans-serif;line-height:1.7;padding:20px;font-size:13px;width:775px}.transcript header{margin-bottom:15px}.transcript header h1{font-family:THSarabunNew,sans-serif;font-size:17px;font-weight:700}.transcript header h2{font-family:THSarabunNew,sans-serif;font-size:14px}.transcript header dl,.transcript header dl dd{margin-bottom:0}.transcript header .student-image{margin-top:-37px;float:right}.transcript .table{min-height:600px}.transcript .table .left-columns{border:1px solid #e0e0e0}.transcript .table .right-columns{border:1px solid #e0e0e0;border-left:0}.transcript .table .row .col-13{border-right:1px solid #e0e0e0}.transcript .table .table-header{font-weight:700;border-bottom:1px solid #e0e0e0}.transcript .table .table-body .col-3,.transcript .table .table-body .col-13{padding:2px 8px}.transcript footer{margin-top:0;padding:0;background:none}.transcript footer p{text-indent:50px;font-size:13px;line-height:2}.transcript footer .signature-block{margin-top:10px}.transcript footer .signature-block .signature-image{width:auto;max-height:100px}.print-paper{margin:100px 0;border-radius:0}.cover-size{margin:25px 0 20px}.content-border{border-radius:0!important}.confirm h1{font-size:28px}.confirm h4{font-size:18px}.confirm ul.nav{border:1px solid #ddd;border-radius:5px;padding:5px}.confirm a.nav-link{color:#ddd}.confirm a.nav-link.active{background-color:#428bca}