:root {
	--color1 : #FFFFFF;
	--color2 : #333333;

	/*MainTheme*/
	--color3 : #c8b6ff;
	--color4 : #f7ebff;
	--color5 : #FCF6BD;
	--color6 : #FFD6A5;

	--color7 : #E4E4E4;
	--color8 : #FAFAFA;
	/*OutTheme*/
	--color9 : #15004a;
	--color10 : #363537;
	--color11 : #a16ae8;
		
	/*ขาว*/
	--whiteRgba1 : rgba(255,255,255,0);
	--whiteRgba2 : rgba(255,255,255,0.3);
	--whiteRgba3 : rgba(255,255,255,0.5);
	--whiteRgba4 : rgba(255,255,255,0.8);

	/*ดำ*/
	--blackRgba1 : rgba(0,0,0,0);
	--blackRgba2 : rgba(0,0,0,0.3);
	--blackRgba3 : rgba(0,0,0,0.5);
	--blackRgba4 : rgba(0,0,0,0.8);

	/*สีอื่น*/
	--colorRgba1 : rgba(247, 235, 255, 0);
	
	--txtC1 : #333333;
	--txtC2 : #FFFFFF;
	--txtC3 : #a16ae8;
	--txtC4 : #FCF6BD;
}
.body_bg {
	margin: 0px;
	padding: 0px;
}

/*----- Start NewsIn -----*/
.box_newsIn {
	position: relative;
/*	overflow: hidden;*/
	width: 930px;
	height: 350px;
	left: 10px;
	top: 0px;
}
.dtNwIn_hid {
	position: absolute;
	width: 930px;
	height: 350px;
	visibility: hidden;
}
.newsIn_normal {
	display: block;
	overflow: hidden;
    background-color: var(--color4);
	border-radius: 15px 15px 0px 0px;
	width: 310px;
	height: 56px;
	margin: 0px;
	font-family: 'THSarabunPSKRegular';
	font-size: 16px;
	line-height:5px;
	color: var(--txtC1);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.newsIn_select {
	display: block;
	overflow: hidden;
    background-color: var(--color3);
	border-radius: 15px 15px 0px 0px;
	width: 310px;
	height: 56px;
	margin: 0px;
	font-family: 'THSarabunPSKRegular';
	font-size: 16px;
	line-height:5px;
	color: var(--txtC2);
	text-shadow: 1px 2px 1px var(--blackRgba3);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
a.link_newsIn:link {
	display: block;
	overflow: hidden;
    background-color: var(--color4);
	border-radius: 15px 15px 0px 0px;
	width: 310px;
	height: 56px;
	margin: 0px;
	font-family: 'THSarabunPSKRegular';
	font-size: 16px;
	line-height:5px;
	color: var(--txtC1);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
a.link_newsIn:visited {
	background-color: var(--color4);
	border-radius: 15px 15px 0px 0px;
}
a.link_newsIn:hover {
	color: var(--txtC2);
	background-color: var(--color3);
	border-radius: 15px 15px 0px 0px;
}
/*----- End NewsIn-----*/

/*----- Start NewsOut -----*/
.box_newsOut {
	position: relative;
/*	overflow: hidden;*/
	width: 1190px;
	height: 350px;
	left: 5px;
	top: 0px;
}
.dtNwOut_hid {
	position: absolute;
	width: 1190px;
	height: 350px;
	visibility: hidden;
}
.newsOut_normal {
	display: block;
	overflow: hidden;
    background-color: var(--color4);
	border-radius: 15px 15px 0px 0px;
	width: 290px;
	height: 56px;
	margin: 0px;
	font-family: 'THSarabunPSKRegular';
	font-size: 16px;
	line-height:25px;
	color: var(--txtC1);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.newsOut_select {
	display: block;
	overflow: hidden;
    background-color: var(--color3);
	border-radius: 15px 15px 0px 0px;
	width: 290px;
	height: 56px;
	margin: 0px;
	font-family: 'THSarabunPSKRegular';
	font-size: 16px;
	line-height:25px;
	color: var(--txtC2);
	text-shadow: 1px 2px 1px var(--blackRgba3);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
a.link_newsOut:link {
	display: block;
	overflow: hidden;
    background-color: var(--color4);
	border-radius: 15px 15px 0px 0px;
	width: 290px;
	height: 56px;
	margin: 0px;
	font-family: 'THSarabunPSKRegular';
	font-size: 16px;
	line-height:25px;
	color: var(--txtC1);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
a.link_newsOut:visited {
	background-color: var(--color4);
	border-radius: 15px 15px 0px 0px;
}
a.link_newsOut:hover {
	color: var(--txtC2);
	background-color: var(--color3);
	border-radius: 15px 15px 0px 0px;
}
/*----- End NewsOut-----*/

.index1 {
	background-image: url(../image/collect1/index_03.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.index2 {
	background-image: url(../image/collect1/index_06.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.index3_1 {
	background-image: url(../image/collect1/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index3_2 {
	background-image: url(../image/collect1/index_07.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.index4 {
	background-image: url(../image/collect1/index_08.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index5 {
	background-image: url(../image/collect1/index_09.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.index6 {
	background-image: url(../image/collect1/index_10.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index7 {
	background-image: url(../image/collect1/index_12.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.index8 {
	background-image: url(../image/collect1/index_13.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index9 {
	background-image: url(../image/concept/index_01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.index10 {
	background-image: url(../image/concept/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.footer1 {
	background-image: url(../image/concept/index_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 697px;
}
.footer2 {
	background-color: var(--color10);
}
.footer3 {
	background-image: linear-gradient(90deg, var(--whiteRgba1) 0%, var(--whiteRgba3) 20%, var(--whiteRgba3) 80%, var(--whiteRgba1) 100%);
	box-shadow: inset 0px 5px 5px var(--color2);
}

.prototype1 {
	background-image: url(../image/concept/concept_03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prototype2 {
	background-image: url(../image/concept/concept_01.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.table1 {
	background-color: var(--color1);
}
.table2 {
	background-color: var(--color5);
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 3px 3px var(--blackRgba3);
	padding: 5px 5px 5px 5px;
}
.table3 {
	background-color: var(--color1);
	border-radius: 0px 0px 15px 0px;
	padding: 3px 3px 3px 15px;
}
.table4 {
	background-image: url(../image/collect1/index_05.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 355px;
	height: 41px;
}
.table5 {
	background-image: url(../image/collect1/index_04.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 142px;
	height: 88px;
}
.table6 {
	background-image: url(../image/collect1/index_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 138px;
	height: 80px;
}
.table7 {
	background-image: linear-gradient(90deg, var(--whiteRgba1) 1%, var(--whiteRgba2), var(--whiteRgba2), var(--whiteRgba2) 99%);
	/*background-color: var(--whiteRgba2);*/
	border-radius: 15px 15px 0px 0px;
}
.table8 {
	background-color: var(--color1);
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 7px 3px var(--blackRgba2);
}
.table9 {
	background-color: var(--color3);
	border-radius: 15px 15px 0px 0px;
	text-align: center;
}
.table10 {
	background-color: none;
	border-radius: 15px;
	box-shadow: inset 1px 1px 0px var(--blackRgba1),
						inset -1px -1px 0px var(--blackRgba2),
						inset -1px 1px 0px var(--blackRgba1),
						inset 1px -1px 0px var(--blackRgba2),
						inset -1px -3px 15px var(--blackRgba2);
}
.table11 {
	background-image: url(../image/collect1/index_08.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 75px;
	height: 57px;
}
.table12 {
	background-image: url(../image/collect1/index_09.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 78px;
	height: 58px;
}
.table13 {
	background-image: url(../image/collect1/index_10.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 39px;
	height: 61px;
}
.table14 {
	background-image: url(../image/collect1/index_14.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 64px;
	height: 61px;
}
.table15 {
	background-image: url(../image/collect1/index_19.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 54px;
	height: 55px;
}
.table16 {
	background-color: var(--color3);
	border-radius: 0px 0px 15px 15px;
}
.table17 {
	background-image: url(../image/collect1/index_26.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 95px;
	height: 80px;
}
.table18 {
	background-image: url(../image/collect1/index_31.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 111px;
	height: 73px;
}
.table19 {
	background-image: url(../image/collect1/index_32.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 126px;
	height: 55px;
}
.table20 {
	background-image: url(../image/collect1/index_33.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.table21 {
	background-image: url(../image/collect2/contact_03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 383px;
}
.table22 {
	background-image: url(../image/collect2/vision_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 485px;
	height: 365px;
}
.table23 {
	background-image: linear-gradient(90deg, var(--whiteRgba2), var(--whiteRgba2));
	/*background-color: var(--whiteRgba2);*/
	border-radius: 0px 0px 15px 15px;
}
.table24 {
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 5px 3px var(--blackRgba2);
}
.table25 {
	background-color: var(--color3);
	border-radius: 0px 0px 8px 8px;
	text-align: center;
}
.table26 {
	background-image: url(../image/collect2/contact_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 389px;
	height: 224px;
}
.table27 {
	background-image: url(../image/collect2/vision_03.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 643px;
}
.table28 {
	background-image: url(../image/collect2/contact_08.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 745px;
	height: 336px;
}
.table29 {
	background-image: url(../image/collect2/contact_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 223px;
	height: 517px;
}
.table30 {
	background-image: url(../image/collect2/contact_09.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 745px;
	height: 352px;
}
.table31 {
	background-image: url(../image/collect2/contact_10.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 295px;
	height: 510px;
}

.txt_icon1 {
	background-image: url(../image/resource/icon_23.png);
	background-repeat: no-repeat;
	background-position: center 4px;
}
.txt_icon2 {
	background-image: url(../image/resource/icon_80.gif);
	background-repeat: no-repeat;
	background-position: center 6px;
}

.cd_contact1 {
	background-color: var(--color4);
}
.cd_contact2 {
	border: 1px solid var(--color4);
}

.cd_people1 {
	background-color: var(--color3);
}
.cd_people2 {
	box-shadow: inset -1px -1px 1px var(--color3),
				inset -1px 1px 1px var(--color3),
				inset 1px -1px 1px var(--color3),
				inset 1px 1px 1px var(--color3);
}
.cd_people3 {
	background-color: var(--color4);
	box-shadow: inset -1px -1px 1px var(--color3),
				inset -1px 1px 1px var(--color3),
				inset 1px -1px 1px var(--color3),
				inset 1px 1px 1px var(--color3);
}
.cd_people4 {
	background-color: var(--color5);
	box-shadow: inset -1px -1px 1px var(--color6),
				inset -1px 1px 1px var(--color6),
				inset 1px -1px 1px var(--color6),
				inset 1px 1px 1px var(--color6);
}

.txt_ff {
	font-family: 'THSarabunPSKRegular';
}
.txt_size10 {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
}
.txt_size11 {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
}
.txt_size12 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
.txt_size14 {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
}
.txt_size16 {
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
}
.txt_size18 {
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
}
.txt_size20 {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}
.txt_size22 {
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
}
.txt_size24 {
	font-size: 24px;
	line-height: 35px;
	font-weight: bold;
}
.txt_size26 {
	font-size: 26px;
	line-height: 38px;
	font-weight: bold;
}
.txt_size30 {
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
}
.txt_size36 {
	font-size: 36px;
	line-height: 38px;
	font-weight: bold;
}
.txt_size44 {
	font-size: 44px;
	line-height: 40px;
	font-weight: bold;
}
.txt_shd_1 {
	text-shadow: 1px 2px 2px var(--blackRgba2);
}
.txt_shd_white {
	text-shadow: -2px -2px 2px var(--whiteRgba2),  
    	2px -2px 2px var(--whiteRgba2),
    	-2px 2px 2px var(--whiteRgba2),
     	2px 2px 2px var(--whiteRgba2);
}
.txt_stroke1_white {
	text-shadow: 1px 1px 0px var(--color1),
	1px -1px 0px var(--color1),
	-1px 1px 0px var(--color1),
	-1px -1px 0px var(--color1);
}
.txt_stroke2_white_shd {
	text-shadow: 0px 1px 0px var(--color1),
	0px -1px 0px var(--color1),
	0px 2px 0px var(--color1),
	0px -2px 0px var(--color1),
	
	1px 0px 0px var(--color1),
	-1px 0px 0px var(--color1),
	2px 0px 0px var(--color1),
	-2px 0px 0px var(--color1),
	
	1px 1px 0px var(--color1),
	1px -1px 0px var(--color1),
	1px 2px 0px var(--color1),
	1px -2px 0px var(--color1),

	2px 1px 0px var(--color1),
	2px -1px 0px var(--color1),
	2px -2px 0px var(--color1),
	2px 2px 0px var(--color1),
	
	-1px 1px 0px var(--color1),
	-1px -1px 0px var(--color1),
	-1px 2px 0px var(--color1),
	-1px -2px 0px var(--color1),

	-2px 1px 0px var(--color1),
	-2px -1px 0px var(--color1),
	-2px -2px 0px var(--color1),
	-2px 2px 0px var(--color1),
	
	2px 3px 4px var(--blackRgba4);
}
.txt_pl30 {
	padding-left: 30px;
}
.txt_idt30 {
	text-indent: 30px;
}
.txt_idt50 {
	text-indent: 50px;
}
.txt_color1 {
	color: var(--txtC1);
}
.txt_color2 {
	color: var(--txtC2);
}
.txt_color3 {
	color: var(--txtC3);
}
.txt_color4 {
	color: var(--txtC4);
}
.txt_grad1 {
	background: -webkit-linear-gradient(90deg, var(--txtC1), var(--blackRgba1), var(--blackRgba1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.txt_flipV {
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}

.bt_box {
	position: absolute;
	width: 0px;
	height: 0px;
}
.bt_box2 {
	position: absolute;
}
.bt_box3 {
	position: relative;
	width: 0px;
	height: 0px;
}
.button1 {
	position: absolute;
	background-color: var(--color5);
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px -2px 2px var(--blackRgba2), 
				inset 0px -3px 0px var(--color6);
	cursor: pointer;
	width: 90px;
	height: auto;
	color: var(--txtC1);
	font-family: 'THSarabunPSKRegular';
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	text-align: center;
}
.button1:hover {
	background-color: var(--color8);
	box-shadow: inset 0px 3px 3px var(--blackRgba2);
	color: var(--txtC1);
}

.button2 {
	position: absolute;
	background-color: var(--color5);
	border-radius: 0px 0px 10px 10px;
	box-shadow: inset 0px -3px 0px var(--color6);
	cursor: pointer;
	width: 90px;
	height: auto;
	color: var(--txtC1);
	font-family: 'THSarabunPSKRegular';
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	text-align: center;
}
.button2:hover {
	background-color: var(--color8);
	box-shadow: inset 0px 3px 3px var(--blackRgba2);
	color: var(--txtC1);
}
.button3 {
	position: absolute;
	background-color: var(--color5);
	border-radius: 0px 0px 10px 10px;
	box-shadow: inset 0px -3px 0px var(--color6);
	cursor: pointer;
	width: 60px;
	height: auto;
	color: var(--txtC1);
	font-family: 'THSarabunPSKRegular';
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
	text-align: center;
}
.button3:hover {
	background-color: var(--color8);
	box-shadow: inset 0px 3px 3px var(--blackRgba2);
	color: var(--txtC1);
}
.button4 {
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: auto;
	color: var(--txtC2);
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
	text-align: center;
}
.button4:hover {
	color: var(--txtC1);
}
.button5 {
	position: absolute;
	background-color: var(--color5);
	border-radius: 0px 0px 10px 10px;
	cursor: pointer;
	width: 220px;
	height: auto;
	color: var(--txtC1);
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	text-align: center;
}
.button5:hover {
	background-color: var(--color8);
	box-shadow: inset 0px 3px 3px var(--blackRgba2);
	color: var(--txtC1);
}
.button6 {
	cursor: pointer;
	text-decoration: none;
}
.button6 #bt_page:hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}

/*-----Webboard-----*/
.txt_wb2 {
	font-family: 'THSarabunPSKRegular';
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
	color: #0066FF;
}
.txt_wb3 {
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	color: #FF6600;
}
.button_wb {
	display: block;
	height: 44px;
	width: 150px;
	cursor: pointer;
	background-image: url(../image/resource/wb_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: 'THSarabunPSKRegular';
	font-size: 18px;
	line-height: 44px;
	font-weight: bold;
	color: #FF0000;
	text-indent: 55px;
	vertical-align: middle;
	text-transform: uppercase;
	text-decoration: none;
}
.button_wb:hover {
	-webkit-animation: acWb 0.3s forwards;
	animation: acWb 0.3s forwards;
}
@-webkit-keyframes acWb {
	0% {
		filter: brightness(1);
		text-indent: 55px;
	}
	100% {
		filter: brightness(1.3);
		text-indent: 65px;
	}
}
@-moz-keyframes acWb {
	0% {
		filter: brightness(1);
		text-indent: 55px;
	}
	100% {
		filter: brightness(1.3);
		text-indent: 65px;
	}
}
@-ms-keyframes acWb {
	0% {
		filter: brightness(1);
		text-indent: 55px;
	}
	100% {
		filter: brightness(1.3);
		text-indent: 65px;
	}
}
/*-----End Webboard-----*/

/*-----Start Site Map-----*/
.siteM1 {
	display: block;
	width: 200px;
	height: auto;
	background-image: linear-gradient(0deg, var(--color11), var(--color3));
	border-radius: 10px;
	box-shadow: inset 1px 1px 0px var(--color11),
						inset -1px -1px 0px var(--color11),
						inset -1px 1px 0px var(--color11),
						inset 1px -1px 0px var(--color11);
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	color: var(--txtC2);
	text-align: center;
}
a.link_siteM1:link {
	display: block;
	width: 200px;
	height: auto;
	background-image: linear-gradient(0deg, var(--color11), var(--color3));
	border-radius: 10px;
	box-shadow: inset 1px 1px 0px var(--color11),
						inset -1px -1px 0px var(--color11),
						inset -1px 1px 0px var(--color11),
						inset 1px -1px 0px var(--color11);
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	color: var(--txtC2);
	text-align: center;
	text-decoration: none;
}
a.link_siteM1:visited {
	color: var(--txtC2);
}
a.link_siteM1:hover {
	-webkit-animation: acSiteM1 0.5s forwards;
	animation: acSiteM1 0.5s forwards;
}
.siteM2 {
	background-image: url(../image/resource/76.png);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
	color: var(--txtC3);
	text-indent: 20px;
}
a.link_siteM2:link {
	display: block;
	background-image: url(../image/resource/76.png);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
	color: var(--txtC3);
	text-indent: 20px;
	text-decoration: none;
}
a.link_siteM2:visited {
	color: var(--txtC3);
}
a.link_siteM2:hover {
	color: var(--txtC3);
	-webkit-animation: acSiteM2 0.5s forwards;
	animation: acSiteM2 0.5s forwards;
}
a.link_siteM3:link {
	display: block;
	background-image: url(../image/resource/19.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	color: var(--txtC1);
	text-indent: 25px;
	text-decoration: none;
}
a.link_siteM3:visited {
	color: var(--txtC1);
}
a.link_siteM3:hover {
	color: var(--txtC3);
}
@-webkit-keyframes acSiteM1 {
	50% {
		color: var(--txtC1);
		background-image: linear-gradient(180deg, var(--color1), var(--color1));
		transform:scale(0.9,0.9);
  }
  100% {
		color: var(--txtC2);
		background-image: linear-gradient(180deg, var(--color1), var(--color1));
		transform:scale(1,1);
  }
}
@-moz-keyframes acSiteM1 {
	50% {
		color: var(--txtC1);
		background-image: linear-gradient(180deg, var(--color1), var(--color1));
		transform:scale(0.9,0.9);
  }
  100% {
		color: var(--txtC2);
		background-image: linear-gradient(180deg, var(--color1), var(--color1));
		transform:scale(1,1);
  }
}
@-ms-keyframes acSiteM1 {
	50% {
		color: var(--txtC1);
		background-image: linear-gradient(180deg, var(--color1), var(--color1));
		transform:scale(0.9,0.9);
  }
  100% {
		color: var(--txtC2);
		background-image: linear-gradient(180deg, var(--color1), var(--color1));
		transform:scale(1,1);
  }
}
@-webkit-keyframes acSiteM2 {
	50% {
		text-indent: 30px;
  }
  100% {
		text-indent: 20px;
  }
}
@-moz-keyframes acSiteM2 {
	50% {
		text-indent: 30px;
  }
  100% {
		text-indent: 20px;
  }
}
@-ms-keyframes acSiteM2 {
	50% {
		text-indent: 30px;
  }
  100% {
		text-indent: 20px;
  }
}

/*-----PLC-----*/
a.link_plc:link {
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	color: var(--txtC1);
	text-decoration: none;
}
a.link_plc:visited {
	color: var(--txtC1);
}
a.link_plc:hover {
	color: var(--txtC2);
}
/*-----End PLC-----*/

a.link_txt1:link,
a.link_txt1:visited {
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	color: var(--txtC1);
	text-decoration: none;
}
a.link_txt1:hover {
	color: var(--txtC2);
}
a.link_txt2:link,
a.link_txt2:visited {
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	color: var(--txtC1);
	text-decoration: none;
}
a.link_txt2:hover {
	color: var(--txtC3);
}

.internal-icon, .population-icon, .mission-icon, .strategy-icon {
    background-image: url(../image/resource/icon_80.gif) !important;
	background-position: center 7px !important;
}
.cn_title2 {
    background-image: linear-gradient(0deg, var(--color11), var(--color3)) !important;
    box-shadow: inset 1px 1px 0px var(--color11), inset -1px -1px 0px var(--color11), inset -1px 1px 0px var(--color11), inset 1px -1px 0px var(--color11), 3px 3px 5px rgba(255, 255, 255, 0) !important;
}
.staff1 {
    display: inline-block;
    background-image: linear-gradient(0deg, var(--color11), var(--color3));
    border-radius: 10px;
    border: 1px solid var(--color11);
    font-family: "Sarabun", "THSarabunPSKRegular", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: var(--txtC2);
    text-align: center;
    padding: 5px 60px;
}
.staff2 {
    display: inline-block;
    background-image: linear-gradient(0deg, var(--color3), var(--color4));
    border-radius: 10px;
    border: 1px solid var(--color3);
    font-family: "Sarabun", "THSarabunPSKRegular", sans-serif;
    font-size: 17px;
    line-height: 25px;
    font-weight: bold;
    color: var(--txtC1);
    text-align: center;
    padding: 5px 40px;
}
.staff3 {
    display: inline-block;
    background-image: linear-gradient(0deg, var(--color6), var(--color5));
    border-radius: 10px;
    border: 1px solid var(--color6);
    font-family: "Sarabun", "THSarabunPSKRegular", sans-serif;
    font-size: 17px;
    line-height: 25px;
    font-weight: bold;
    color: var(--txtC1);
    text-align: center;
    padding: 5px 40px;
}
/*-----header-nayok-----*/
.header-nayok-image {
	position: absolute;
	background-image: url(../image/customerinfo/header-nayok.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 368px;
	height: 586px;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.header-nayok-name {
	position: absolute;
	background-image: linear-gradient(90deg, var(--whiteRgba1), var(--whiteRgba3), var(--whiteRgba3));
	border-radius: 10px;
	width: 300px;
	height: auto;
	font-family: 'THSarabunPSKRegular';
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	text-align: right;
	color: var(--txtC1);
	text-shadow: 1px 1px 0px var(--color1),
	1px -1px 0px var(--color1),
	-1px 1px 0px var(--color1),
	-1px -1px 0px var(--color1),
	
	2px 3px 2px var(--blackRgba3);
	left: 200px;
	top: 400px;
	padding: 10px 20px;
	z-index: 2;
}
.header-nayok-position {
	font-size: 15px;
}
/*-----call-dpt-----*/
.call-dpt-image {
	background-image: url(../image/customerinfo/call-dpt.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 150px;
	height: 180px;
}
.box_air {
	position: absolute;
	background-image: linear-gradient(0deg, var(--color4) 90%, var(--colorRgba1) 100%);
	background-repeat: no-repeat;
	background-position: center top;
	border-radius: 0px 0px 10px 10px;
	width: 250px;
	height: auto;
	overflow: hidden;
}