@import url(fonts/prompt/stylesheet.css);
body{ font-family: 'Prompt', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; line-height: 1.8;}
p{ padding: 0 0 10px 0; }
ul,ol{padding: 0 0 2px 0;}
input[type=text], input[type=password] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button,select:focus {outline: none;}
.btn:focus {outline: none;}
.longdesc {  display: none; } 
.portfolio-item {margin-bottom: 18px;}
.portfolio-item2 {margin-bottom: 8px;}
.portfolio-item3 {margin-bottom: 50px;}
.portfolio-item4 {margin-bottom: 24px;}
.portfolio-item5 {margin-bottom: 38px;}

.zoom {transition: transform .3s;}.zoom:hover {transform: scale(0.9); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.zoom-out {transition: transform .3s;}.zoom-out:hover {transform: scale(1.1); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.color1{color: #3D4247;}
.color2{color: #FFFFFF;}
.color3{color: #395196;}
.color4{color: #F93C9A;}
.color5{color: #E9EBEE;}
.color6{color: #373737;}
.color7{color:#7A92FF}
.add{text-align: center; margin: 0; padding:2px; font-size: 13pt; width: 120px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;border-radius: 8px}
.btn-icon{border: 0;background-color: #FFFFFF;box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.05);}.btn-icon:focus {outline: none;}
.bt-close{margin:3px; padding:3px 10px; font-size:12pt;width: 100px;background-color:#395196; color:#FFFFFF;border: none; cursor: pointer;text-align: center; border-radius: 8px;}
.btn, .bt-close:focus {outline: none;} 
.buttonA1{color: #395196; background-color:transparent;border: none; cursor: pointer;text-align: center;}
.buttonA2{color: #FFFFFF; background-color:#395196; border: none; border-radius: 10px; cursor: pointer;padding: 0;}
.buttonA3{color: #373737; background-color:transparent;border: none; cursor: pointer;text-align: center;}.buttonA3:hover{color: #598B45;}
.button-profile{color: #FFFFFF; background-color:transparent;border: none; cursor: pointer;text-align: center;}.button-profile:hover{color: #598B45;}
.button-manual{padding:15px 20px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;text-align: center;float: right;position: relative;}
.button-sug{padding:15px 20px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;text-align: center;float: left;position: relative;}
.button-manual2{margin-bottom: 8px; padding:8px 10px; width: 300px; height: 100px; color: #FFFFFF; background-color: #395196; border: none; cursor: pointer;text-align: center; border-radius: 10px}
.button-sign{margin-bottom: 8px; padding:3px 8px; width: 300px; height: 100px; color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;text-align: center; border-radius: 10px}
.button-banner3{padding:3px 15px; font-size:14pt;background-color:#F26322; color:#FFFFFF;border: none; cursor: pointer;text-align: center; border-radius: 8px}
.button-banner4{margin:3px; padding:3px 10px; font-size:12pt;width: 100px;background-color:#598B45; color:#FFFFFF;border: none; cursor: pointer;text-align: center; border-radius: 8px}
.button-banner5{margin:3px; padding:3px 10px; font-size:12pt;width: 100px;background-color:#F26322; color:#FFFFFF;border: none; cursor: pointer;text-align: center; border-radius: 8px}
.button-doo{background-color: transparent;border:none;color: #373737;font-size: 20px; font-weight: 500; padding: 3px;text-align: center;cursor: pointer;}.button-doo:hover{color: #598B45;}
.iconbanner{text-align: center;border: none; cursor: pointer; padding:10px; width: 120px; height: 120px;  font-size:35pt; color: #FFFFFF; background-color: #598B45; border-radius: 8px}
.bt-menu1{text-align: left; padding:5px 15px; font-size:13pt; width: 100%; background-color: transparent;border:none;color: #373737;cursor: pointer; border: 1px solid #F3F3F3; margin: 2px 0}

.button-manual2:hover{color: #FFFFFF;background-color: #395196;background-image: linear-gradient(#645196,#395196,#395196);}
.button-sign:hover, .button-manual:hover,.add:hover, .button-banner4:hover, .bt-download:hover{color: #FFFFFF;background-color: #598B45;background-image: linear-gradient(#64A852,#598B45,#598B45);}
.button-banner3:hover, .button-banner5:hover{color: #FFFFFF;background-color: #F26322;background-image: linear-gradient(#F2A852,#F26322,#F26322);}
.bt-menu1:hover{background-color: #E9EBEE;border: 1px solid #E4DFDF}

.button-sign:focus{outline: none;} 
.button-manual2:focus{outline: none;}
.button-manual:focus{outline: none;}
.add:focus{outline: none;}
.button-banner3:focus{outline: none;}
.button-banner4:focus{outline: none;}
.button-banner5:focus{outline: none;} 
.bt-download:focus{outline: none;}
.button-doo:focus{outline: none;} 
.buttonA1:focus{outline: none;}
.buttonA2:focus{outline: none;}
.buttonA3:focus{outline: none;}
.button-profile:focus{outline: none;} 
.iconbanner:focus{outline: none;}
.bt-menu1:focus{outline: none;}

@media print {thead { display: table-header-group; }tfoot{display: table-footer-group; }}
@page {size: auto;}	

.menu {color: #395196; font-size: 12pt; text-decoration: none;} 
.menu a:link {color: #3D4247; font-size: 12pt; text-decoration: none;} 
.menu a:visited {color: #3D4247; font-size: 12pt; text-decoration: none;}
.menu a:hover {color: #FFFFFF;  font-size: 12pt; text-decoration: none;}
.menu a:active {color: #FFFFFF; font-size: 12pt; text-decoration: none;}

.readmore {color: #3D4247; font-size: 13pt; text-decoration: none; font-weight: 700} 
.readmore a:link {color: #3D4247; font-size: 13pt; text-decoration: none; font-weight: 700;} 
.readmore a:visited {color: #3D4247; font-size: 13pt; text-decoration: none; font-weight: 700;}
.readmore a:hover {color: #395196;  font-size: 13pt; text-decoration: none; font-weight: 700;}
.readmore a:active {color: #395196; font-size: 13pt; text-decoration: none; font-weight: 700;}

.content {color: #3D4247; font-size: 12pt; text-decoration: none;} 
.content a:link {color: #3D4247; font-size: 12pt; text-decoration: none;} 
.content a:visited {color: #3D4247; font-size: 12pt;  text-decoration: none;}
.content a:hover {color: #007BA4;  font-size: 12pt;   text-decoration: none;}
.content a:active {color: #007BA4; font-size: 12pt;   text-decoration: none;}

.calendartxt {color: #FFFFFF; font-size: 13pt; text-decoration: none; font-weight: 400;} 
.calendartxt a:link,.calendartxt a:visited {color: #3D4247; text-decoration: none; font-weight: 400;} 
.calendartxt a:hover,.calendartxt a:active {color: #007BA4;}

.txt12 {color: #3D4247;} 
.txt13 {color: #3D4247;} 
.add1 {color: #FFFFFF;} .add1 a:link,.add1 a:visited {color: #FFFFFF;text-decoration: none;} .add1 a:hover,.add1 a:active {color: #E9EBEE;}
.iconlink {color: #373737;text-decoration: none;}.iconlink a:link,.iconlink a:visited {color: #373737; text-decoration: none; outline: none }.iconlink a:hover,.iconlink a:active {color: #395196;}
.linkhead {color: #FFFFFF;} .linkhead a:link {color: #3D4247;text-decoration: none;} .linkhead a:visited {color: #3D4247;text-decoration: none;}.linkhead a:hover {color: #E91E63;text-decoration: none;}.linkhead a:active {color: #E91E63;text-decoration: none;}
.linktable {color: #3D4247;}.linktable a:link,.linktable a:visited {color: #3D4247;text-decoration: none;outline: none} .linktable a:hover,.linktable a:active {color: #395196;}
.linktxt {color: #0E0E0E;}.linktxt a:link,.linktxt a:visited {color: #0E0E0E;text-decoration: none;outline: none} .linktxt a:hover,.linktable a:active {color: #395196;}
.collapsetxt{color: #3D4247;text-decoration: none;}.collapsetxt a:link,.collapsetxt a:visited {text-decoration: none; outline: none} .collapsetxt a:hover,.collapsetxt a:active {color: #395196;}
.modalhead {color: #395196;text-decoration: none;} .modalhead a:link,.modalhead a:visited {color: #395196; font-size: 14pt; text-decoration: none; font-weight: 600;} 
.modalhead2 {color: #395196;text-decoration: none;} 
.modalhead3 {color: #3D4247;text-decoration: none;} 
.modalhead4 {color: #395196;text-decoration: none;} 
.manual1 {color: #3D4247;text-decoration: none;} .manual1 a:link,.manual1 a:visited {color: #3D4247; text-decoration: none;} 
.manual2 {color: #3D4247;text-decoration: none;} .manual2 a:link,.manual2 a:visited {color: #395196; text-decoration: none;} 
.madallink {color: #3D4247;text-decoration: none; line-height: 2;} .madallink a:link,.madallink a:visited {color: #3D4247;text-decoration: none; line-height: 2;}.madallink a:hover,.madallink a:active {color: #395196;}
.tab1 {color: #395196;text-decoration: none;} .tab1 a:link, .tab1 a:visited{color: #395196;text-decoration: none;} .tab1 a:hover,.tab1 a:active {color: #395196;text-decoration: none;}
.paddingtxt {margin-bottom: 6px; padding-left:10px;}
.txtname {color: #FFFFFF; text-decoration: none; outline: none} 
.txtname2 {color: #3D4247;}.txtname2 a:link,.txtname2 a:visited {color: #395196;text-decoration: none;outline: none}
.head1 {color: #FFFFFF;text-decoration: none;} .head1 a:link,.head1 a:visited {color: #FFFFFF;text-decoration: none;} 
.head2 {color: #FFFFFF;text-decoration: none;} .head2 a:link,.head2 a:visited {color: #FFFFFF;text-decoration: none;}
.head3 {color: #FFFFFF;text-decoration: none;} .head3 a:link,.head3 a:visited {color: #FFFFFF;text-decoration: none;}
.head6 {color: #FFFFFF;text-decoration: none;outline: none} 
.head6 a:link {color: #FFFFFF;text-decoration: none;outline: none } 
.head6 a:visited {color: #FFFFFF;text-decoration: none;outline: none}
.head6 a:hover {color: #FFFFFF;text-decoration: none;outline: none}
.head6 a:active {color: #FFFFFF;text-decoration: none;outline: none}
	.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:10px;}
	.borderpage4{background-color: #FFFFFF; border: 1px solid #E9EBEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 100%;border-radius: 10px;padding: 0;}
	.borderhead{background-color: #395196;}
	.bglogin{background-color: #395196; border: none;} /*ชมพู*/
	.foot2 {width: 100%;background-color: #395196; color: #FFFFFF;line-height: 1.6; z-index: 1100;}
	.bt-download{padding:2px 8px; color: #FFFFFF; background-color:#598B45;border: none; cursor: pointer;text-align: center; border-radius: 5px}

@media screen and (min-device-width: 300px) and (max-device-width: 450px) {
	.btn-icon{width: 90%;}
	.cut-text{text-decoration: none;text-overflow: ellipsis; /* เพิ่ม ... จุดจุดจุดท้ายสุด */ display: block; overflow: hidden; white-space: nowrap; width: 100%; /* กำหนดความกว้าง */ }
.cut-text-multi{text-decoration: none;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;width: 95%;overflow: hidden;}
.cut-text-multi2{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;width: 90%;overflow: hidden;}
.cut-text-multi3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
.img-news{width: 100%;height: 90px;text-align: center;padding:2px 5px}
.img-pai{width: 230px;height: 150px;text-align: center;padding:15px}
.txt12 {color: #3D4247; font-size: 10pt;} 
.txt13 {color: #3D4247; font-size: 8pt;} 
	#bgcolor1 {height: 330px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
#bgcolor2 {height: 350px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
.add1 {font-size: 10pt; text-decoration: none;} .add1 a:link,.add1 a:visited {font-size:10pt; text-decoration: none;}
.iconlink {color: #373737; font-size: 9pt; font-weight: 300; text-decoration: none; line-height: 1.5}.iconlink a:link,.iconlink a:visited {color: #373737; font-size: 9pt;font-weight: 300; text-decoration: none; outline: none;line-height: 1.5 }
.collapsetxt{color: #3D4247; font-size: .85rem; text-decoration: none; font-weight: 400;}.collapsetxt a:link,.collapsetxt a:visited {color: #3D4247; font-size: .85rem; text-decoration: none; font-weight: 400;}
.linkhead {font-size: 12pt;} .linkhead a:link {ont-size: 12pt; text-decoration: none;}
.linktable {font-size: 10pt;}.linktable a:link,.linktable a:visited {font-size: 10pt;font-weight: 400; text-decoration: none;outline: none}
.linktxt {color: #0E0E0E; font-size: .8rem}.linktxt a:link,.linktxt a:visited {color: #0E0E0E;text-decoration: none;outline: none}
.modalhead {font-size: 12pt;font-weight: 400;} .modalhead a:link,.modalhead a:visited {font-size: 13pt;font-weight: 400;} 
.modalhead2 {font-size: 13pt;font-weight: 400;} 
.modalhead3 {font-size: 11pt;font-weight: 400;} 
.modalhead4 {font-size: 10pt; font-weight: 400;} 
.madallink {font-size: 10pt;line-height: 1.5} .madallink a:link,.madallink a:visited {font-size: 10pt;line-height: 1.5}
.tab1 {font-size: 9pt;font-weight: 500;} .tab1 a:link {font-size: 9pt;font-weight: 500;} 
.paddingtxt {margin-bottom: 4px;}
.drop-txt {font-size: 10pt; font-weight: 300; line-height: 1.6;} 
.txtname {font-size: 9pt;font-weight: 300; } 
.txtname2 {font-size: 11pt; font-weight: 300;} .txtname2 a:link,.txtname2 a:visited {font-size: 11pt;font-weight: 300;text-decoration: none;}
.intratxt {color: #FFFFFF;font-size: 25pt; font-weight: 600; line-height: 1;} 
.intratxt2 {color: #FFFFFF;font-size: 12pt; font-weight: 300;} 
.head1 {font-size: 15pt; font-weight: 500; line-height: 1.5;} .head1 a:link,.head1 a:visited {font-size: 15pt; line-height: 1.5;} 
.head2 {font-size: 13pt; font-weight: 400; line-height: 1.5;} .head2 a:link,.head2 a:visited {font-size: 13pt; font-weight: 400; line-height: 1.5;text-decoration: none;} 	
.head3 {font-size: 10pt; font-weight: 400;} .head3 a:link,.head3 a:visited {font-size: 10pt; font-weight: 400;}
.head6 {font-size: 7pt;font-weight: 300;} .head6 a:link,.head6 a:visited {font-size: 7pt;font-weight: 300;text-decoration: none;} 
.foot2 {width: 100%;background-color: #395196; color: #FFFFFF; font-size: 9pt; font-weight: 200; line-height: 1.1; z-index: 1102;}
.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 1rem;padding: 10px;}
.borderpage{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0; height: 340px;}
	.borderpai{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px; height: 800px;}
.borderpage4{background-color: #FFFFFF; border: none; -webkit-box-shadow: none;box-shadow: none; padding: 0;}
.borderhead{background-color: #395196; border: none; padding: 0;}
.bglogin{background-color: #395196; border: none;} /*ชมพู*/
.bt-download{padding:1px 4px; font-size:.8rem;color: #FFFFFF; background-color:#598B45; font-weight: 200; border: none; cursor: pointer;text-align: center; border-radius: 5px}
}

@media screen and (min-device-width: 451px) and (max-device-width: 767px) {
	.slick-slide img {width: 140px;} 
	.btn-icon{width: 90%;}
	.cut-text{text-decoration: none;text-overflow: ellipsis; /* เพิ่ม ... จุดจุดจุดท้ายสุด */ display: block; overflow: hidden; white-space: nowrap; width: 100%; /* กำหนดความกว้าง */ }
.cut-text-multi{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 95%;overflow: hidden;}
.cut-text-multi2{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;width: 90%;overflow: hidden;}
.cut-text-multi3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
.img-news{width: 100%;height: 140px;text-align: center;padding:2px}
.img-pai{width: 230px;height: 150px;text-align: center;padding:15px}
.txt12 {color: #3D4247; font-size: 10pt;} 
.txt13 {color: #3D4247; font-size: 8pt;} 
	#bgcolor1 {height: 330px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
#bgcolor2 {height: 350px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
.add1 {font-size: 10pt; text-decoration: none;} .add1 a:link,.add1 a:visited {font-size:10pt; text-decoration: none;}
.iconlink {color: #373737; font-size: 10pt; font-weight: 300; text-decoration: none;}.iconlink a:link,.iconlink a:visited {color: #373737; font-size: 10pt;font-weight: 300; text-decoration: none; outline: none }
.collapsetxt{color: #3D4247; font-size: .85rem; text-decoration: none; font-weight: 400;}.collapsetxt a:link,.collapsetxt a:visited {color: #3D4247; font-size: .85rem; text-decoration: none; font-weight: 400;}
.linkhead {font-size: 12pt;} .linkhead a:link {ont-size: 12pt; text-decoration: none;}
.linktable {font-size: 10pt;}.linktable a:link,.linktable a:visited {font-size: 10pt;font-weight: 400; text-decoration: none;outline: none}
.linktxt {color: #0E0E0E; font-size: .8rem}.linktxt a:link,.linktxt a:visited {color: #0E0E0E;text-decoration: none;outline: none}
.modalhead {font-size: 12pt;font-weight: 400;} .modalhead a:link,.modalhead a:visited {font-size: 13pt;font-weight: 400;} 
.modalhead2 {font-size: 13pt;font-weight: 400;} 
.modalhead3 {font-size: 11pt;font-weight: 400;} 
.modalhead4 {font-size: 10pt; font-weight: 400;} 
.madallink {font-size: 10pt;line-height: 1.5} .madallink a:link,.madallink a:visited {font-size: 10pt;line-height: 1.5}
.tab1 {font-size: 12pt;font-weight: 500;} .tab1 a:link {font-size: 12pt;font-weight: 500;} 
.paddingtxt {margin-bottom: 4px;}
.drop-txt {font-size: 10pt; font-weight: 300; line-height: 1.6;} 
.txtname {font-size: 9pt;font-weight: 300; } 
.txtname2 {font-size: 11pt; font-weight: 300;} .txtname2 a:link,.txtname2 a:visited {font-size: 11pt;font-weight: 300;text-decoration: none;}
.intratxt {color: #FFFFFF;font-size: 25pt; font-weight: 600; line-height: 1;} 
.intratxt2 {color: #FFFFFF;font-size: 12pt; font-weight: 300;} 
.head1 {font-size: 20pt; font-weight: 600; line-height: 1.2;} .head1 a:link,.head1 a:visited {font-size: 20pt; line-height: 1.2;} 
.head2 {font-size: 13pt; font-weight: 400; line-height: 1.5;} .head2 a:link,.head2 a:visited {font-size: 13pt; font-weight: 400; line-height: 1.5;text-decoration: none;} 	
.head3 {font-size: 10pt; font-weight: 400;} .head3 a:link,.head3 a:visited {font-size: 10pt; font-weight: 400;}
.head6 {font-size: 10pt;font-weight: 300;} .head6 a:link,.head6 a:visited {font-size: 10pt;font-weight: 300;text-decoration: none;} 
.foot2 {width: 100%;background-color: #395196; color: #FFFFFF; font-size: 9pt; font-weight: 200; line-height: 1.1; z-index: 1102;}
.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 1rem;padding: 10px;}
.borderpage{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0; height: 190px;}
	.borderpai{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px; height: 770px;}
.borderpage4{background-color: #FFFFFF; border: none; -webkit-box-shadow: none;box-shadow: none; padding: 0;}
.borderhead{background-color: #395196; border: none; padding: 0;}
.bglogin{background-color: #395196; border: none;} /*ชมพู*/
.bt-download{padding:1px 4px; font-size:.8rem;color: #FFFFFF; background-color:#598B45; font-weight: 200; border: none; cursor: pointer;text-align: center; border-radius: 5px}
}

/* หน้าจอ ipad pro */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.slick-slide img {width: 140px;} 
	.btn-icon{width: 95%;}
	.cut-text{text-decoration: none;text-overflow: ellipsis; /* เพิ่ม ... จุดจุดจุดท้ายสุด */ display: block; overflow: hidden; white-space: nowrap; width: 100%; /* กำหนดความกว้าง */ }
.cut-text-multi{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;width: 95%;overflow: hidden;}
.cut-text-multi2{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;width: 90%;overflow: hidden;}
.cut-text-multi3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
	.img-news{width: 100%;height: 135px;text-align: center; padding:5px}
		.img-pai{width: 170px;height: 125px;padding-top:15px}
.txt12 {color: #3D4247; font-size: 10pt;} 
.txt13 {color: #3D4247; font-size: 9pt;} 
#bgcolor1 {height: 350px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
#bgcolor2 {height: 370px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
.add{text-align: center; margin: 0 2px; padding:0 2px; font-size: 12pt; width: 110px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;border-radius: 8px}
.add1 {color: #FFFFFF; font-size: 11pt; text-decoration: none;} .add1 a:link,.add1 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none;} .add1 a:hover,.add1 a:active {color: #E9EBEE;}
.iconlink {font-size:10pt; font-weight: 300;line-height: 1.5}.iconlink a:link,.iconlink a:visited {font-size:10pt;font-weight: 300;}
.linkhead {font-size: 13pt;} .linkhead a:link,.linkhead a:visited  {font-size: 13pt;}
.linktable {font-size: 11pt;font-weight: 300}.linktable a:link,.linktable a:visited {font-size: 11pt;font-weight: 400;}
.linktxt {font-size: 11pt;}.linktxt a:link,.linktxt a:visited {font-size: 11pt;}
.collapsetxt{font-size: 11pt; font-weight: 400;}
.modalhead {font-size: 13pt; font-weight: 500;} .modalhead a:link,.modalhead a:visited {font-size: 12pt;font-weight: 500;} 
.modalhead2 {font-size: 12pt; font-weight: 500;} 
.modalhead3 {font-size: 11pt; font-weight: 400;} 
.modalhead4 {font-size: 9pt; font-weight: 400;} 
.madallink {font-size: 11pt; line-height: 1.8;} .madallink a:link,.madallink a:visited {font-size: 11pt;line-height: 1.8;}
.tab1 {font-size: 13pt;font-weight: 500;} .tab1 a:link {font-size: 13pt;font-weight: 500;} 
.paddingtxt {margin-bottom: 6px; padding-left:10px;}
.drop-txt {font-size: 12pt; font-weight: 400; line-height: 1.6;} 
.txtname {font-size: 10pt; font-weight: 400; outline: none} 
.txtname2 {font-size: 10pt; font-weight: 400;}.txtname2 a:link,.txtname2 a:visited {font-size: 10pt; font-weight: 500;}
.intratxt {color: #333333; font-size: 30pt; font-weight: 700; line-height: 1.2;} 
.intratxt2 {color: #333333; font-size: 14pt; font-weight: 500;} 
.head1 {color: #FFFFFF; font-size: 22pt; font-weight: 600; line-height: 1.1; text-decoration: none;} .head1 a:link,.head1 a:visited {color: #FFFFFF; font-size: 22pt; font-weight: 600; line-height: 1.1; text-decoration: none;} 
.head2 {color: #FFFFFF; font-size: 13pt; font-weight: 500; line-height: 1.5; text-decoration: none;} .head2 a:link,.head2 a:visited {color: #FFFFFF; font-size: 13pt; font-weight: 500; line-height: 1.5; text-decoration: none;}
.head3 {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;} .head3 a:link,.head3 a:visited {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;}
	.head6 {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none} 
	 .head6 a:link {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none } 
.head6 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none; ;  font-weight: 400;outline: none}
.head6 a:hover {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
.head6 a:active {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
	.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:10px;}
	.borderpage{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0; height: 230px;}
	.borderpai{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px; height: 820px;}
	.borderpage4{background-color: #FFFFFF; border: 1px solid #E9EBEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 100%;border-radius: 10px;padding: 0;}
	.borderhead{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0;}
	.bglogin{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0 0 0 5px;} /*ชมพู*/
	.foot2 {width: 100%;background-color: #395196; color: #FFFFFF; font-size: 10pt; font-weight: 300; line-height: 1.6; z-index: 1100;}
	.bt-download{padding:2px 8px; font-size:12pt;color: #FFFFFF; background-color:#598B45;border: none; cursor: pointer;text-align: center; border-radius: 5px}
}

/* หน้าจอ Surface */
@media screen and (min-device-width: 1025px) and (max-device-width: 1366px) {
	.slick-slide img {width: 150px;} 
	.btn-icon{width: 95%;}
	.cut-text{text-decoration: none;text-overflow: ellipsis; /* เพิ่ม ... จุดจุดจุดท้ายสุด */ display: block; overflow: hidden; white-space: nowrap; width: 100%; /* กำหนดความกว้าง */ }
.cut-text-multi{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;width: 95%;overflow: hidden;}
.cut-text-multi2{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;width: 90%;overflow: hidden;}
.cut-text-multi3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
	.img-news{width: 100%;height: 160px;text-align: center; padding:5px}
		.img-pai{width: 170px;height: 125px;padding-top:15px}
.txt12 {color: #3D4247; font-size: 9pt;} 
.txt13 {color: #3D4247; font-size: 9pt;} 
#bgcolor1 {height: 350px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
#bgcolor2 {height: 370px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
.add{text-align: center; margin: 0 2px; padding:0 2px; font-size: 12pt; width: 110px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;border-radius: 8px}
.add1 {color: #FFFFFF; font-size: 11pt; text-decoration: none;} .add1 a:link,.add1 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none;} .add1 a:hover,.add1 a:active {color: #E9EBEE;}
.iconlink {font-size:10pt; font-weight: 300;line-height: 1.6}.iconlink a:link,.iconlink a:visited {font-size:10pt;font-weight: 300;}
.linkhead {font-size: 13pt;} .linkhead a:link,.linkhead a:visited  {font-size: 13pt;}
.linktable {font-size: 11pt;font-weight: 300}.linktable a:link,.linktable a:visited {font-size: 11pt;font-weight: 400;}
.linktxt {font-size: 11pt;}.linktxt a:link,.linktxt a:visited {font-size: 11pt;}
.collapsetxt{font-size: 11pt; font-weight: 400;}
.modalhead {font-size: 13pt; font-weight: 500;} .modalhead a:link,.modalhead a:visited {font-size: 13pt;font-weight: 500;} 
.modalhead2 {font-size: 12pt; font-weight: 400;} 
.modalhead3 {font-size: 11pt; font-weight: 400;} 
.modalhead4 {font-size: 9pt; font-weight: 400;} 
.madallink {font-size: 11pt; line-height: 1.8;} .madallink a:link,.madallink a:visited {font-size: 11pt;line-height: 1.8;}
.tab1 {font-size: 13pt;font-weight: 500;} .tab1 a:link {font-size: 13pt;font-weight: 500;} 
.paddingtxt {margin-bottom: 6px; padding-left:10px;}
.drop-txt {font-size: 12pt; font-weight: 400; line-height: 1.6;} 
.txtname {font-size: 10pt; font-weight: 400; outline: none} 
.txtname2 {font-size: 10pt; font-weight: 400;}.txtname2 a:link,.txtname2 a:visited {font-size: 10pt; font-weight: 500;}
.intratxt {color: #333333; font-size: 30pt; font-weight: 700; line-height: 1.2;} 
.intratxt2 {color: #333333; font-size: 14pt; font-weight: 500;} 
.head1 {color: #FFFFFF; font-size: 22pt; font-weight: 600; line-height: 1.1; text-decoration: none;} .head1 a:link,.head1 a:visited {color: #FFFFFF; font-size: 22pt; font-weight: 600; line-height: 1.1; text-decoration: none;} 
.head2 {color: #FFFFFF; font-size: 13pt; font-weight: 500; line-height: 1.5; text-decoration: none;} .head2 a:link,.head2 a:visited {color: #FFFFFF; font-size: 13pt; font-weight: 500; line-height: 1.5; text-decoration: none;}
.head3 {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;} .head3 a:link,.head3 a:visited {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;}
	.head6 {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none} 
	 .head6 a:link {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none } 
.head6 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none; ;  font-weight: 400;outline: none}
.head6 a:hover {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
.head6 a:active {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
	.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:10px;}
	.borderpage{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0; height: 225px;}
	.borderpai{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px; height: 870px;}
	.borderpage4{background-color: #FFFFFF; border: 1px solid #E9EBEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 100%;border-radius: 10px;padding: 0;}
	.borderhead{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0;}
	.bglogin{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0 0 0 5px;} /*ชมพู*/
	.foot2 {width: 100%;background-color: #395196; color: #FFFFFF; font-size: 10pt; font-weight: 300; line-height: 1.6; z-index: 1100;}
	.bt-download{padding:2px 8px; font-size:12pt;color: #FFFFFF; background-color:#598B45;border: none; cursor: pointer;text-align: center; border-radius: 5px}
}

/* หน้าจอ Macbook & HP 21.5*/
@media screen and (min-device-width: 1367px) and (max-device-width: 1600px) {
	.slick-slide img {width: 160px;} 
	.btn-icon{width: 100%;}
	.cut-text{text-decoration: none;text-overflow: ellipsis; /* เพิ่ม ... จุดจุดจุดท้ายสุด */ display: block; overflow: hidden; white-space: nowrap; width: 100%; /* กำหนดความกว้าง */ }
.cut-text-multi{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 95%;overflow: hidden;}
.cut-text-multi2{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;width: 90%;overflow: hidden;}
.cut-text-multi3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
.img-news{width: 100%;height: 180px;text-align: center; padding:5px}
.img-pai{width: 230px;height: 160px;padding:15px}
	.widget-home {position: relative;right: 0;top: -130px;}
.txt12 {color: #3D4247; font-size: 11pt;} 
.txt13 {color: #3D4247; font-size: 9pt;} 
#bgcolor1 {height: 500px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
#bgcolor2 {height: 370px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
.add{text-align: center; margin: 0 2px; padding: 0 2px; font-size: 13pt; width: 120px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;border-radius: 8px}
.add1 {color: #FFFFFF; font-size: 11pt; text-decoration: none;} .add1 a:link,.add1 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none;} .add1 a:hover,.add1 a:active {color: #E9EBEE;}
.iconlink {font-size:11pt; font-weight: 400; line-height: 1.5}.iconlink a:link,.iconlink a:visited {font-size:11pt;font-weight: 400; }
.linkhead {color: #FFFFFF; font-size: 15pt;} .linkhead a:link {color: #3D4247; font-size: 15pt; text-decoration: none;} .linkhead a:visited {color: #3D4247;text-decoration: none;}.linkhead a:hover {color: #E91E63;text-decoration: none;}.linkhead a:active {color: #E91E63;text-decoration: none;}
.linktable {font-size: 12pt;font-weight: 300}.linktable a:link,.linktable a:visited {font-size: 12pt;font-weight: 400;}
.linktxt {font-size: 12pt;}.linktxt a:link,.linktxt a:visited {font-size: 12pt;}
.collapsetxt{font-size: 12pt; font-weight: 400;}.collapsetxt a:link,.collapsetxt a:visited {text-decoration: none; outline: none} 
.modalhead {font-size: 15pt; font-weight: 600;} .modalhead a:link,.modalhead a:visited {font-size: 15pt;font-weight: 600;} 
.modalhead2 {font-size: 13pt; font-weight: 600;} 
.modalhead3 {font-size: 13pt; font-weight: 500;} 
.modalhead4 {font-size: 11pt; font-weight: 500;} 
.manual1 {font-size: 18pt; font-weight: 300;} 
.manual2 {font-size: 14pt; font-weight: 300;} .manual2 a:link,.manual2 a:visited {font-size: 14pt;font-weight: 500;} 
.madallink {font-size: 12pt; line-height: 2;} .madallink a:link,.madallink a:visited {font-size: 12pt;line-height: 2;}
.tab1 {font-size: 13pt;font-weight: 500;} .tab1 a:link {font-size: 13pt;font-weight: 500;} 
.paddingtxt {margin-bottom: 6px; padding-left:10px;}
.drop-txt {font-size: 13pt; font-weight: 400; line-height: 1.6;} 
.txtname {font-size: 10pt; font-weight: 400; outline: none} 
.txtname2 {font-size: 12pt; font-weight: 400;}.txtname2 a:link,.txtname2 a:visited {font-size: 12pt; font-weight: 600;}
.intratxt {color: #333333; font-size: 30pt; font-weight: 700; line-height: 1.2;} 
.intratxt2 {color: #333333; font-size: 14pt; font-weight: 500;} 
.head1 {color: #FFFFFF; font-size: 23pt; font-weight: 600; line-height: 1.1; text-decoration: none;} .head1 a:link,.head1 a:visited {color: #FFFFFF; font-size: 23pt; font-weight: 600; line-height: 1.1; text-decoration: none;} 
.head2 {color: #FFFFFF; font-size: 14pt; font-weight: 500; line-height: 1.5; text-decoration: none;} .head2 a:link,.head2 a:visited {color: #FFFFFF; font-size: 14pt; font-weight: 500; line-height: 1.5; text-decoration: none;}
.head3 {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;} .head3 a:link,.head3 a:visited {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;}
	.head6 {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none} 
	 .head6 a:link {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none } 
.head6 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none; ;  font-weight: 400;outline: none}
.head6 a:hover {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
.head6 a:active {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
	.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:10px;}
	.borderpage{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0; height: 270px;}
	.borderpai{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px; height: 620px;}
	.borderpage4{background-color: #FFFFFF; border: 1px solid #E9EBEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 100%;border-radius: 10px;padding: 0;}
	.borderhead{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0;}
	.bglogin{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0 0 0 5px;} /*ชมพู*/
	.foot2 {width: 100%;background-color: #395196; color: #FFFFFF; font-size: 11pt; font-weight: 400; line-height: 1.6; z-index: 1100;}
	.bt-download{padding:2px 8px; font-size:12pt;color: #FFFFFF; background-color:#598B45;border: none; cursor: pointer;text-align: center; border-radius: 5px}
}

/* หน้าจอ Full HD 1920*/
@media screen and (min-device-width: 1601px) and (max-device-width: 2000px) {
	.slick-slide img {width: 170px;} 
	.cut-text{text-decoration: none;text-overflow: ellipsis; /* เพิ่ม ... จุดจุดจุดท้ายสุด */ display: block; overflow: hidden; white-space: nowrap; width: 100%; /* กำหนดความกว้าง */ }
.cut-text-multi{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 95%;overflow: hidden;}
.cut-text-multi2{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;width: 90%;overflow: hidden;}
.cut-text-multi3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
	.img-news{width: 100%;height: 195px;text-align: center; padding:2px}
	.widget-home {position: relative;right: 0;top: -70px;}
.txt12 {color: #3D4247; font-size: 11pt;} 
.txt13 {color: #3D4247; font-size: 10pt;} 
#bgcolor1 {height: 530px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
#bgcolor2 {height: 390px;background-color: #FFFFFF;background-image: linear-gradient(#FFFFFF,#FFFFFF,#F3F3F3);}
	.add{text-align: center; margin: 2px; padding:2px; font-size: 15pt; width: 150px;color: #FFFFFF; background-color: #598B45; border: none; cursor: pointer;border-radius: 8px}
.add1 {font-size: 14pt;} .add1 a:link,.add1 a:visited {font-size: 14pt;}
.iconlink {font-size:12pt; font-weight: 300;line-height: 1.5}.iconlink a:link,.iconlink a:visited {font-size:12pt;font-weight: 300;}
.linkhead {font-size: 16pt;} .linkhead a:link {font-size: 16pt;} 
.linktable {font-size: 12pt;font-weight: 300}.linktable a:link,.linktable a:visited {font-size: 12pt;font-weight: 400;}
.linktxt {font-size: 12pt;}.linktxt a:link,.linktxt a:visited {font-size: 12pt;}
.collapsetxt{font-size: 12pt;font-weight: 400;}
.modalhead {font-size: 16pt;font-weight: 600;} .modalhead a:link,.modalhead a:visited {font-size: 16pt;font-weight: 600;} 
.modalhead2 {font-size: 15pt;font-weight: 500;} 
.modalhead3 {font-size: 14pt;font-weight: 500;} 
.modalhead4 {font-size: 12pt;font-weight: 500;} 
.manual1 {font-size: 18pt; font-weight: 300;}
.manual2 {font-size: 14pt; font-weight: 300;} .manual2 a:link,.manual2 a:visited {font-size: 14pt;font-weight: 500;} 
.madallink {font-size: 13pt; text-decoration: none; line-height: 2;} .madallink a:link,.madallink a:visited {font-size: 13pt;line-height: 2;}
.tab1 {font-size: 15pt;font-weight: 500;}.tab1 a:link {font-size: 15pt;font-weight: 500;} 
.paddingtxt {margin-bottom: 6px; padding-left:10px;}
.drop-txt {font-size: 15pt; font-weight: 400; line-height: 1.6;} 
	.txtname {color: #FFFFFF; font-size: 10pt; text-decoration: none; font-weight: 400; outline: none} 
.txtname2 {color: #3D4247; font-size: 12pt; font-weight: 400;}.txtname2 a:link,.txtname2 a:visited {color: #395196;font-weight: 600;text-decoration: none;outline: none}
.intratxt {color: #333333; font-size: 30pt; font-weight: 700; line-height: 1.2;} 
.intratxt2 {color: #333333; font-size: 14pt; font-weight: 500;} 
.head1 {color: #FFFFFF; font-size: 23pt; font-weight: 600; line-height: 1.1; text-decoration: none;} .head1 a:link,.head1 a:visited {color: #FFFFFF; font-size: 23pt; font-weight: 600; line-height: 1.1; text-decoration: none;outline: none} 
.head2 {color: #FFFFFF; font-size: 14pt; font-weight: 500; line-height: 1.5; text-decoration: none;} .head2 a:link,.head2 a:visited {color: #FFFFFF; font-size: 14pt; font-weight: 500; line-height: 1.5; text-decoration: none;}
.head3 {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;} .head3 a:link,.head3 a:visited {color: #FFFFFF; font-size: 10pt; font-weight: 500;text-decoration: none;}
	.head6 {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none} 
	 .head6 a:link {color: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: 400; outline: none } 
.head6 a:visited {color: #FFFFFF; font-size: 11pt; text-decoration: none; ;  font-weight: 400;outline: none}
.head6 a:hover {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
.head6 a:active {color: #FFFFFF; font-size: 11pt; text-decoration: none;  font-weight: 400; outline: none}
	.borderlogin2{background-color: transparent; border: none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:10px;}
		.borderpage{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0; height: 310px;}
	.borderpai{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px; height: 640px;}
	.borderpage4{background-color: #FFFFFF; border: 1px solid #E9EBEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 100%;border-radius: 10px;padding: 0;}
	.borderhead{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0;}
	.bglogin{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0 0 0 5px;} /*ชมพู*/
	.foot2 {width: 100%;background-color: #395196; color: #FFFFFF; font-size: 11pt; font-weight: 400; line-height: 1.6; z-index: 1100;}
	.bt-download{padding:2px 8px; font-size:12pt;color: #FFFFFF; background-color:#598B45;border: none; cursor: pointer;text-align: center; border-radius: 5px}
}

/*พื้นหลัง / กรอบ*/
.bg-banner{background-color:#395196;}
.bghead1{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 0 0 0 5px; margin-top: 10px;} /*ชมพู*/
.bghead2{background-color:#14B09B!important}a.bghead2:focus,a.bghead2:hover,button.bghead2:focus,button.bghead2:hover{background-color:#FFFFFF!important}
.bghead3{background-color: #395196; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 7px 0 7px 0;} /*ชมพู*/
.bghead4{background-color: #E9EBEE; border: none; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;width: 100%;border-radius: 10px 10px 0 0;padding: 10px; margin-top: 10px;} /*ชมพู*/
.bgcontent{background-image: url(images/portal-02.jpg);  background-repeat: no-repeat;background-attachment: fixed;}
.bgcontent2{background-color: #FFFFFF!important}
.bgcontent3{background-color: #F3F3F3!important}
.bgcontent4{background-color: #7A92FF!important}
.bgcontent5{background-color: #E9EBEE!important}
.borderlogin{background-color: #385998; border: 2px solid #FFFFFF;  -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; margin: 3px 0;}
.borderpage2{background-color: #FFFFFF;border: 1px dashed #395196; border-top: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; width: 100%;border-radius: 0 0 10px 10px;padding: 0;}
.borderpage3{background-color: #FFFFFF; border: none; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px 10px;}
.bordertop{background-color: #FFFFFF; border: none; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; padding: 10px;}

.btn-light{color:#3D4247;background-color:#FFFFFF;border-color:#E9EBEE;padding: .125rem .5rem;}
.btn-light:hover{color:#FFFFFF;background-color:#FFFFFF;border-color:#E9EBEE}
.btn-light.focus,.btn-light:focus{outline: none}
.btn-light.disabled,.btn-light:disabled{color:#395196;background-color:#FFFFFF;border-color:#E9EBEE}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#3D4247;background-color:#FFFFFF;border-color:#E9EBEE}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}

.nav-tabs{border-bottom:3px solid #395196}.nav-tabs .nav-item{margin-bottom:-2px}.nav-tabs .nav-link{background-color:#E9EBEE; border-top-left-radius:.6rem;border-top-right-radius:.6rem; padding:5px 16px;margin-left: 10px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#395196; background-color:#FFFFFF;}.nav-tabs .nav-link.disabled{color:#395196;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#FFFFFF;background-color:#395196;}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}


.search-box,.search-box2,.close-icon,.search-wrapper {
	position: relative;
	padding-left: 3px;
}
.search-wrapper {
	width: 80%;
	margin: auto;
}
.search-box {
	width: 80%;
 border: 1px solid #E9EBEE;
  outline: 0;
  border-radius: 3px;
}
.search-box2 {
 border: 1px solid #E9EBEE;
  outline: none;
  border-radius: 3px;
}
.search-box:focus {
	border: 1px solid #E9EBEE;
}
.close-icon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.close-icon:focus {
  outline: none;
}
.close-icon:after {
	content: "X";
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	z-index:1;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0px;
	border-radius: 20%;
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
.search-box:not(:valid) ~ .close-icon {
	display: none;
}

/*!
 * Bootstrap-select v1.13.7 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2019 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width:100%;
  /*IE9 and below*/
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
  margin-left: auto;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #395196;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 70% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: #E9EBEE;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border-color: #E9EBEE;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: none;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.input-group .bootstrap-select.form-control,
.bootstrap-select.form-control.input-group-btn {
  display: table-cell;
  z-index: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.1rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.1rem .8rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle:before {
  content: '';
  display: inline-block;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  padding-right: inherit;
  height: 100%;
  width: 100%;
	color: #3D4247;
  text-align: left;
  margin-right: -100%;
	padding: 3px;
}
.input-group .bs3.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0.5px !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  max-height: 450px;
	min-width: 98%;
	padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.3em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 100%;
  margin: 0 2;
  min-height: 26px;
  padding: 3px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .no-results {
  padding: 5px;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 0px;
}
.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.3em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px;
}

.bs-actionsbox {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
	background-image: url('http://intra.led.go.th/Theme/05/images/icon/search.png');
	background-position: 5px;
	background-repeat: no-repeat;
	 padding: 2px 0 2px 34px;
	margin-bottom: 0;
  float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */