.bubble-i,.bubble-j{position:relative;min-height:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:15px;padding:0 15px;float:right;margin-right:15px;box-shadow:-5px 7px 10px #888888;background:#3598db;color:#fff}.bubble-i:after,.bubble-j:after{content:"";position:absolute;top:7px;border-style:solid;display:block;width:0;z-index:1;right:-10px;border-width:8px 0 8px 15px;border-color:transparent #3598db}.bubble-j{background:#fff;margin-right:-15px;box-shadow:9px 7px 10px #888888;float:left;color:#000}.bubble-j:after{left:-10px;border-width:8px 15px 8px 0;border-color:transparent #fff}.chat-box{transform:rotate(90deg);position:fixed;right:-75px;top:300px;z-index:5;background-color:#3598db;padding:15px;color:#fff;border-radius:0px 0px 4px 4px;font:100 20px Prompt;cursor:pointer;width:200px}.chat-box-massage{z-index:6;position:fixed;width:400px;bottom:-20px;right:-15px}.chat-box-massage .panel-blue{border:none;border-radius:0px;box-shadow:-5px -5px 18px rgba(66,66,66,0.5)}.chat-box-massage .panel-blue .panel-heading{background-color:#3598db;border-radius:0px;color:#fff;font:21px Prompt;letter-spacing:2px}.chat-box-massage .panel-blue .panel-body{height:300px;overflow-y:scroll;background:#dbdbdb;padding:0 15px}.chat-box-massage .panel-blue .panel-footer{background:#dbdbdb}.chat-box-massage .panel-blue .chat-box-date{font-size:16px;line-height:16px;padding-top:5px}.chat-box-massage .panel-blue .chat-box-img{width:60px;height:60px;border-radius:70px;background-position:center}.chat-box-massage .panel-blue .chat-box-chat{margin-top:15px}.chat-box-massage .panel-blue .chat-box-minus{cursor:pointer}.chat-box-massage .panel-blue .chat-box-input{border-radius:0px;margin-right:-15px}.chat-box-massage .panel-blue .chat-box-input input{border-radius:0px;font:100 14px Prompt;height:30px}.chat-box-massage .panel-blue .chat-box-btn{margin-right:-15px;padding-right:0px}.chat-box-massage .panel-blue .btn-vec-blue{background:#3598db;border:none;border-radius:0px;color:#fff;padding:3px 10px;letter-spacing:1px;font:100 16px Prompt}.chat-box-massage .panel-blue .btn-vec-blue:hover{background:#5bc0de;color:#fff}@media screen and (max-width: 768px){.panel-blue{box-shadow:9px 7px 10px #888888}.chat-box-background{width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;z-index:5}.chat-box-massage{width:100%;right:0px;bottom:0px}}.loader{color:#ffffff;font-size:90px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:fixed;top:120px;left:50%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load6 1.7s infinite ease;animation:load6 1.7s infinite ease}@-webkit-keyframes load6{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes load6{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}.nav-company li a:focus,.nav-company li a:hover,.nav-company li a.active{background:transparent;color:#0596D5}.nav-company li a{color:#aaa}.menu-stydent li .active,.menu-stydent li :HOVER,.nav-company .navbar-nav>li>a.active,.nav-company .navbar-nav>li>a:HOVER,.nav-company .navbar-brand:HOVER,.nav-company .active{color:#0596D5;background:transparent}.announce-company{color:#888;padding:0px 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.announce-company strong{color:#333}.redirect a{cursor:pointer}.c-mail-chat{height:400px;overflow-x:hidden}.c-mail-chat .col-xs-4{padding-left:0px;padding-right:0px}.message{padding-top:20px;padding-bottom:20px}.message-date small{color:#999}.status{border-radius:4px;color:#fff}.controls{background-color:#fff !important;width:30% !important;top:10px !important}@media print{color:#eee}.body-showresume{margin-bottom:50px;border:1px solid #ccc;background-color:#fff}.body-showresume label{padding-top:0px !important}.body-showresume .form-control-static{padding-top:0px}.body-showresume .form-group{margin-bottom:0px}.body-showresume img{max-height:200px;max-width:160px}.body-showresume .box-title{border-bottom:2px solid #eee}.body-showresume .box-title h3{margin-bottom:0px}.body-showresume .box-title span{font-weight:normal}.body-showresume .box-content{padding:10px 0}.body-showresume .underline{border-bottom:2px dotted #eee;margin:10px 40px}.labelshowresume{margin:20px 0;margin-right:8.33333333%;cursor:pointer}.labelshowresume .label{border-radius:0px;font-size:20px;margin-right:15px;padding:6px 12px}.block-profile{border:1px dashed #eee;margin-top:15px;margin-right:-15px;padding-left:15px;padding-right:15px}.select2-container--default .select2-selection--single{border-color:#ccc;border-radius:0px;border-left:none;min-height:40px;padding-top:3px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{top:0px;font-size:25px}.select2-selection__arrow{top:4px !important}.s2-radius .select2-container{display:block;width:100%;height:34px;padding:0px 12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.s2-radius .select2-container--default .select2-selection--single{border-color:transparent;min-height:24px}.s2-radius .select2l{width:100%}.select2,.select2-search__field,.select2-search{width:100% !important}#addPosition .select2-selection--multiple{border-left:1px solid #ccc}.c-search .select2-container--default .select2-selection--single{border-radius:0px;border-left:none;border-color:#ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;padding-left:12px}.c-search .select2-container--default .select2-selection--multiple{box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;padding-left:12px}.c-search select,.c-search input{border-radius:0px;border-left:none}.student-employed .select2-selection{border-radius:4px;border:1px solid #ccc}.Announce{color:#777}.detail{color:#5bc0de;text-decoration:underline}.news-announce{border:1px solid #cecece;padding:15px}.news-announce h4{margin-top:0px;height:23px;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;width:80%}.news-announce .label-danger{display:inline-block;font-size:75%;font-family:Prompt}.news-announce p{margin-bottom:0px}.createDt{color:#0596D5}.announce-student{color:#aaa}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-top:7px}.map{padding-top:30px}.map .bg-blue{background:#0596d5;color:#fff}.map .carousel-indicators .active{background-color:#0596D5}.map .carousel-indicators li{border:1px solid #0596D5}.map .TopInterestings-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.success{background-color:#0596D5;color:#fff;padding-bottom:0px}.success .circle{border-radius:50%;width:120px;height:120px;background-color:#fff;text-align:center;margin:auto;color:#000}.success .vertical-align{position:relative;top:48%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 768px){.success{background-image:url("../images/stat_bg.png")}}.work{padding:30px 0}.News{padding-top:30px;padding-bottom:70px;background-color:#ededed}.News .news-title{overflow:hidden;text-overflow:ellipsis;height:45px;line-height:24px;margin-top:0px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.News #activity-detail,.News #article-detail,.News #article2-detail{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;height:55px}.News .publishdate{color:#999;bottom:-15px;position:absolute}.news-main .news-title{overflow:hidden;text-overflow:ellipsis;height:45px;line-height:24px;margin-top:0px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-main #activity-detail,.news-main #article-detail{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;height:55px}.news-main .publishdate{color:#999;bottom:-15px;position:absolute}.readmore{display:block;color:#5bc0de}.checkcc{display:inline-block;padding-left:0px}.checkcc li{position:relative;display:inline-block}.checkcc li input[type=radio]{position:absolute;visibility:hidden}.checkcc li label{display:block;position:relative;padding:18px 0px 0px 45px;z-index:1;cursor:pointer;-webkit-transition:all 0.25s linear;font-family:Prompt;font-size:24px;color:#96caff}.checkcc li:hover label{color:#FFFFFF}.checkcc li .check{display:block;position:absolute;border:2px solid #96caff;border-radius:100%;height:16px;width:16px;top:25px;left:20px;z-index:1;transition:border .25s linear;-webkit-transition:border .25s linear}.checkcc li:hover .check{border:2px solid #FFFFFF}.checkcc li .check::before{display:block;position:absolute;content:'';border-radius:100%;height:10px;width:10px;top:1px;left:1px;margin:auto;transition:background 0.25s linear;-webkit-transition:background 0.25s linear}@media screen and (max-width: 768px){.map .col-sm-4{padding-bottom:20px}#header{height:100px}#header .navbar{top:50px}}@media (max-width: 767px){.sJob{padding:0px 0px 20px}.sJob .col-sm-6{padding-right:15px}}.datepicker{padding:0 12px;background:#fff;color:#000}.modal-backdrop{z-index:8}.modal{z-index:9}.error{color:red}.image-dtl{padding-bottom:20px}.sJob{background-color:#0596d5;padding:0 100px 0px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 10px 20px rgba(0,0,0,0.2);width:100%}.sJob .form-control{border-radius:0px;border-left:none;min-height:40px}.sJob .input-group-addon{background-color:#fff;border-right:none;border-radius:0px;min-width:40px}.sJob .col-sm-6{padding-top:15px;padding-right:7px}@media screen and (max-width: 768px){.sJob{padding:0 0 25px}.sJob .col-sm-6{padding-right:15px}}input[type=radio]:checked ~ .check{border:2px solid #FFF}input[type=radio]:checked ~ .check::before{background:#FFF}input[type=radio]:checked ~ label{color:#FFF}.body-student{padding-top:20px}.body-student .menu-stydent li{padding-bottom:15px}.body-student .menu-stydent li .active,.body-student .menu-stydent li a:HOVER{color:#0596D5 !important}.body-student .menu-stydent li a{color:#676767;text-decoration:none}.body-student .pagination{float:right}.body-student .bg-gray{background-color:#ccc;margin-left:-15px;margin-right:-15px}.body-student .bg-gray h3{padding:15px;margin-top:0px}.body-student .bg-info{background-color:#0596D5;margin-left:-15px;margin-right:-15px;color:#fff}.body-student .bg-info h3{padding:15px;margin-top:0px}.circular img{width:140px;height:140px;border-radius:150px;-webkit-border-radius:150px;-moz-border-radius:150px}.numberCircle{border-radius:50%;padding:10px;font-size:12px;background:#CCC;color:#FFF;text-align:center;display:inline-block;margin:10px}.circular-header img{width:40px;height:40px;border-radius:30%;display:inline-block}.nav-name{font:bold 14px Prompt;color:#000;padding-left:20px;white-space:nowrap;padding-right:20px}.img-header{height:40px}.banner-top{background-color:#BB8FCE;height:50px;color:#fff !important}.banner-top-student{height:70px;color:#fff;box-shadow:0 1px 10px #999}.navbar-nav .dropdown{cursor:pointer}.navbar-nav .dropdown-menu{z-index:5}.navbar-nav .register{padding:0px;margin-right:15px}.navbar-nav .register:hover{background-color:transparent}.navbar-nav li>a{padding-top:10px;padding-bottom:10px}.navbar-default{border-radius:0;background-color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 10px 20px rgba(0,0,0,0.1);margin-bottom:0px;border:none;z-index:4}.home>a{color:#676767;padding:15px 0px !important}.home>a:hover{text-decoration:none;color:#0596D5;background-color:transparent !important}.home-company{color:#676767}.home-company:hover{text-decoration:none;color:#0596D5;background-color:transparent !important}@media screen and (max-width: 768px){.navbar-default{top:50px}}.menu-copper{color:#676767;padding-left:0px !important}.menu-copper:hover{color:#0596D5;background-color:#fff !important}#avatar-form .input-group{display:block}.bootstrap-filestyle .glyphicon{font-size:12px}.bootstrap-filestyle .btn{padding:4px 10px;border-radius:4px}.bootstrap-filestyle .btn-gray{padding:6px 12px;margin-top:15px;display:block}.bootstrap-filestyle input[disabled]{background-color:#fff}.btn a,.btn a:hover{color:#fff;text-decoration:none}.tooltipster-content a{color:#666;cursor:pointer}.attFilePath{padding-top:10px}#footer{width:100%;height:0px;position:absolute;bottom:0;left:0}#footer footer{/*font:18px THSarabunNew*/}#footer footer .bg-social{width:30px;height:30px;background:#2b3b4a;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}#footer footer .bg-social:hover{background:#AF7AC5}#footer footer i{color:#fff;margin:7px 9px}.footer1{background-color:#A569BD;color:#ddd}.footer2{background-color:#633974;color:#A569BD}.padding-lr-0{padding-left:0px;padding-right:0px}.topDetail{-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;max-height:55px;overflow:hidden;text-overflow:ellipsis}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.padding-l-10{padding-left:10px}.padding-l-0{padding-left:0px}.margin-b-15{margin-bottom:15px}marquee{white-space:nowrap}