Cylul007 Webshell

Uname : Linux ns7.thaihispeed.com 3.10.0-693.11.1.el7.x86_64 #1 SMP Mon Dec 4 23:52:40 UTC 2017 x86_64
PHP : 5.3.29 on apache2handler
Time : 24 Nov 2024 23:53:40

New File

New Folder

Path : /home/tassabanlo/domains/lomsak.go.th/public_html/cj/

Current File : /home/tassabanlo/domains/lomsak.go.th/public_html/cj/font.css

Download HOME

.body_bg {
	margin: 0px;
	padding: 0px;
}

/*----- Start NewsIn -----*/
.box_newsIn {
	position: relative;
/*	overflow: hidden;*/
	width: 512px;
	height: 150px;
	left: 0px;
	top: 0px;
}
.dtNwIn_hid {
	position: absolute;
	width: 512px;
	height: 150px;
	visibility: hidden;
}
.newsIn_normal {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	background-repeat:no-repeat;
	width: 184px;
	height: 57px;
	margin: 2px;
	text-decoration: none;
	-webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
	cursor: pointer;
}
.newsIn_select {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	background-repeat:no-repeat;
	width: 184px;
	height: 57px;
	margin: 2px;
	text-decoration: none;
	-webkit-filter: hue-rotate(-28deg);
    filter: hue-rotate(-28deg);
	cursor: pointer;
}
a.link_newsIn:link {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	background-repeat:no-repeat;
	width: 184px;
	height: 57px;
	margin: 2px;
	text-decoration: none;
	cursor: pointer;
}
a.link_newsIn:visited {
	-webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
}
a.link_newsIn:hover {
	-webkit-filter: hue-rotate(-28deg);
    filter: hue-rotate(-28deg);
}
.hdNewIn_tha {
	position: relative;
	width: 165px;
	height: 50px;
	font-family: 'THSarabunPSKRegular';
	font-size: 18px;
	line-height:15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	top: 50px;
}
.hdNewIn_eng {
	position: relative;
	width: 180px;
	height: 56px;
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	top: -113px;
}
/*----- End NewsIn-----*/

/*----- Start NewsOut -----*/
.box_newsOut {
	position: relative;
/*	overflow: hidden;*/
	width: 532px;
	height: 240px;
	left: 0px;
	top: 0px;
}
.dtNwOut_hid {
	position: absolute;
	width: 532px;
	height: 240px;
	visibility: hidden;
}
.newsOut_normal {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	background-repeat:no-repeat;
	width: 184px;
	height: 57px;
	margin: 2px;
	text-decoration: none;
	-webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
	cursor: pointer;
}
.newsOut_select {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	color: #FFFFA0;
	border: 2px solid #FFFFA0;
	background-repeat:no-repeat;
	width: 184px;
	height: 57px;
	margin: 2px;
	text-decoration: none;
	-webkit-filter: hue-rotate(-28deg);
    filter: hue-rotate(-28deg);
	cursor: pointer;
}
a.link_newsOut:link {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #FFFFFF;
	background-repeat:no-repeat;
	width: 184px;
	height: 57px;
	margin: 2px;
	text-decoration: none;
	cursor: pointer;
}
a.link_newsOut:visited {
	-webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
}
a.link_newsOut:hover {
	-webkit-filter: hue-rotate(-28deg);
    filter: hue-rotate(-28deg);
}
.hdNewOut_tha {
	position: relative;
	width: 165px;
	height: 50px;
	font-family: 'THSarabunPSKRegular';
	font-size: 18px;
	line-height:18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	top: 50px;
}
.hdNewOut_eng {
	position: relative;
	width: 180px;
	height: 56px;
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	top: -113px;
}
/*----- End NewsOut-----*/

/*----Start Concept-----*/
.bottom1_l {
	background-image: url(../images/dynamic/icon_im.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bottom1_r {
	background-image: url(../images/dynamic/icon_im.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_footer {
	background-image: url(../images/dynamic/icon_im.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*-----End Concept-----*/

/*-----Start Index Static-----*/
.bg_pool {
	background-image: url(../images/dynamic/icon_im.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*-----End Index Static-----*/

/*-----Start Index Dynamic-----*/
.index1_1 {
	background-image: url(../image/collect1/index_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index1_2 {
	background-image: url(../image/collect1/index_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index1_l {
	background-image: url(../image/collect1/index_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index1_r {
	background-image: url(../image/collect1/index_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.index2 {
	background-image: url(../image/collect1/index_53.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index2_l {
	background-image: url(../image/collect1/index_52.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index2_r {
	background-image: url(../image/collect1/index_54.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.index3_1 {
	background-image: url(../image/collect1/index_71.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index3_2 {
	background-image: url(../image/collect1/index_73.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index3_l {
	background-image: url(../image/collect1/index_70.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index3_r {
	background-image: url(../image/collect1/index_72.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.index4_1 {
	background-image: url(../image/collect1/index_80.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index4_2 {
	background-image: url(../image/collect1/index_85.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index4_l {
	background-image: url(../image/collect1/index_74.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index4_r {
	background-image: url(../image/collect1/index_79.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.table1 {
	background-color: #F4F4F4;
}
.table2 {
	background-image: url(../image/collect1/index_08.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table3 {
	background-color: #FFFFFF;
}
.table4 {
	border-radius: 10px;	
}
.table5 {
	background-color: #3689ED;
	background-position:top;	
}
.table6 {
	background-color: #3689ED;
	background-position: bottom;	
}
.table7 {
	background-image: url(../image/collect1/index_14.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
}
.table8 {
	background-image: url(../image/collect1/index_17.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table9 {
	background-image: url(../image/collect1/index_28.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table10{
	background-image: url(../image/collect1/index_36.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table11{
	background-image: url(../image/collect1/index_39.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table12 {
	background-color: #F77B11;
	background-position:top;	
}
.table13{
	background-image: url(../image/collect1/index_47.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table14{
	background-image: url(../image/collect1/index_86.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.table15{
	background-image: url(../image/collect1/index_60.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table16{
	background-image: url(../image/collect1/index_63.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.table17{
	background-image: url(../image/collect1/index_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 79px;
}
.table18{
	background-image: url(../image/collect1/index_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 94px;
}
.table19{
	background-image: url(../image/collect1/index_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 98px;
}
.table20{
	background-image: url(../image/collect1/index_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 209px;
	height: 219px;
}
.table21 {
	background-image: linear-gradient(0deg, #69D7FC, #B9F0FE);
	border-radius: 8px;
}
.table22{
	background-image: url(../image/collect1/index_04.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 73px;
}
.table23{
	background-image: url(../image/collect1/index_05.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 76px;
}
.table24{
	background-image: url(../image/collect1/index_09.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 77px;
}
.table25{
	background-image: url(../image/collect1/index_10.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 63px;
}

.prototype1 {
	background-image: linear-gradient(0deg, #1C82EC, #6DC7F8);
	border-radius: 5px;
	text-align:center;
	padding: 8px 10px 8px 10px;
}
.prototype2 {
	background-image: url(../image/concept/concept_22.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.prototype3 {
	background-image: url(../image/concept/concept_11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.prototype4 {
	background-image: url(../image/concept/concept_15.jpg);
	background-repeat: no-repeat;
	background-position: 30px top;
}
.prototype5 {
	background-image: url(../image/concept/concept_21.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.prototype6 {
	background-image: linear-gradient(0deg, #1C82EC, #6DC7F8);
	border-radius: 5px;
	text-align:center;
	padding: 5px 8px 5px 8px;
}
/*-----End Index Dynamic-----*/

/*-----Start Insite Dynamic-----*/
.org1 {
    background-image: linear-gradient(0deg, #0524AB, #2977DC);	
	border: 1px solid #2570E6;
	border-radius: 10px;
	padding: 3px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	text-align: center;
}
.org2 {
    background-image: linear-gradient(0deg, #339BEF, #88D2F9);	
	border: 1px solid #63C1F7;
	border-radius: 10px;
	padding: 3px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	text-align: center;
}
.org3 {
    background-image: linear-gradient(0deg, #99CD1B, #D2EB69);	
	border: 1px solid #64A100;
	border-radius: 10px;
	padding: 3px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	text-align: center;
}
.org4 {
    background-image: linear-gradient(0deg, #99CD1B, #D2EB69);	
	border: 1px solid #64A100;
	border-radius: 10px;
	padding: 3px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	text-align: center;
}
.org5 {
	background-image: linear-gradient(0deg, #569100 0%, #355600 50%, #89B800 0%);
	border-radius: 10px;
	padding: 5px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.org6 {
	background-image: linear-gradient(0deg, #CDE960, #FFFFFF);
	border-radius: 10px;
}
.line_org1 {
	background-image: url(../image/collect2/orgchart_01.png);
	background-repeat: no-repeat;
	background-position: 79px 0px;
}
.line_org2 {
	background-image: url(../image/collect2/orgchart_02.png);
	background-repeat: repeat-y;
	background-position: 145px 0px;
}
.line_org3 {
	background-image: url(../image/collect2/orgchart_03.png);
	background-repeat: no-repeat;
	background-position: 100px 0px;
}
.staff {
	background-image: linear-gradient(0deg, #9CD400 0%, #6FA523 50%, #C1E502 0%);
	border: 1px solid #5bac14;
	border-radius: 10px;
	text-align: center;
	padding: 5px;
}
.contact1 {
	background-image: url(../image/collect2/contact_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.vision1 {
	background-image: url(../image/collect2/vision_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.vision2 {
	background-image: url(../image/collect2/vision_07.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.duty {
	background-image: url(../image/collect2/duty_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.strategy1 {
	background-image: linear-gradient(0deg, #BADF35, #EDF9CA);
	border: 1px solid #6ABB07;
	border-radius: 10px;
	width: 100px;
	padding: 2px 3px 2px 3px;
}
.cd_map1 {
	background-image: url(../images/dynamic/icon_im.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bt_map1 {
	position: absolute;
	background-image: linear-gradient(0deg, #585858 50%, #D0D0D0 80%, #585858 100%);
	border-radius: 10px;
	box-shadow: inset 1px 1px 0px #1E1E1E,
						inset -1px -1px 0px #1E1E1E,
						inset -1px 1px 0px #1E1E1E,
						inset 1px -1px 0px #1E1E1E;
	width: 35px;
	height: 35px;
	text-align: center;
}
.cd_contact1 {
	background-image: linear-gradient(0deg, #0068E8, #0197F5);
	box-shadow: inset 1px 1px 0px #0197F5,
						inset -1px -1px 0px #0197F5;
}
.cd_contact2 {
	box-shadow: inset 1px 1px 0px #0197F5,
						inset -1px -1px 0px #0197F5;
}
.cd_people1 {
	background-image: linear-gradient(0deg, #0068E8, #0197F5);
	box-shadow: inset 1px 1px 0px #0197F5,
						inset -1px -1px 0px #0197F5;
}
.cd_people2 {
	box-shadow: inset 1px 1px 0px #0197F5,
						inset -1px -1px 0px #0197F5;
}
.cd_people3 {
	background-image: linear-gradient(0deg, #29B2F7, #FFFFFF);
	box-shadow: inset 1px 1px 0px #0197F5,
						inset -1px -1px 0px #0197F5;
}
/*-----End Insite Dynamic-----*/

/*-----Start Text-----*/
.txt_ff {
	font-family: 'THSarabunPSKRegular';
}
.txt_Cpt {
	text-transform: capitalize;
}
.txt_size11 {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
}
.txt_size12 {
	font-size: 11px;
	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_size21 {
	font-size: 21px;
	line-height: 32px;
	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_size38 {
	font-size: 38px;
	line-height: 38px;
	font-weight: bold;
}
.txt_blod {
	font-weight: bold;
}
.txt_shd_white {
	text-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7),  
    	2px -2px 2px rgba(255, 255, 255, 0.7),
    	-2px 2px 2px rgba(255, 255, 255, 0.7),
     	2px 2px 2px rgba(255, 255, 255, 0.7);
}
.txt_stroke1_white {
	text-shadow: 1px 1px 0px #FFFFFF,
	1px -1px 0px #FFFFFF,
	-1px 1px 0px #FFFFFF,
	-1px -1px 0px #FFFFFF;
}
.txt_stroke2_white_shd {
	text-shadow: 0px 1px 0px #FFFFFF,
	0px -1px 0px #FFFFFF,
	0px 2px 0px #FFFFFF,
	0px -2px 0px #FFFFFF,
	
	1px 0px 0px #FFFFFF,
	-1px 0px 0px #FFFFFF,
	2px 0px 0px #FFFFFF,
	-2px 0px 0px #FFFFFF,
	
	1px 1px 0px #FFFFFF,
	1px -1px 0px #FFFFFF,
	1px 2px 0px #FFFFFF,
	1px -2px 0px #FFFFFF,

2px 1px 0px #FFFFFF,
	2px -1px 0px #FFFFFF,
	2px -2px 0px #FFFFFF,
	2px 2px 0px #FFFFFF,
	
	-1px 1px 0px #FFFFFF,
	-1px -1px 0px #FFFFFF,
	-1px 2px 0px #FFFFFF,
	-1px -2px 0px #FFFFFF,

-2px 1px 0px #FFFFFF,
	-2px -1px 0px #FFFFFF,
	-2px -2px 0px #FFFFFF,
	-2px 2px 0px #FFFFFF,
	
	5px 5px 5px rgba(0,0,0,0.6);
}
.txt_stroke2_blue_shd {
	text-shadow: 0px 1px 0px #3689ED,
	0px -1px 0px #3689ED,
	0px 2px 0px #3689ED,
	0px -2px 0px #3689ED,
	
	1px 0px 0px #3689ED,
	-1px 0px 0px #3689ED,
	2px 0px 0px #3689ED,
	-2px 0px 0px #3689ED,
	
	1px 1px 0px #3689ED,
	1px -1px 0px #3689ED,
	1px 2px 0px #3689ED,
	1px -2px 0px #3689ED,

2px 1px 0px #3689ED,
	2px -1px 0px #3689ED,
	2px -2px 0px #3689ED,
	2px 2px 0px #3689ED,
	
	-1px 1px 0px #3689ED,
	-1px -1px 0px #3689ED,
	-1px 2px 0px #3689ED,
	-1px -2px 0px #3689ED,

-2px 1px 0px #3689ED,
	-2px -1px 0px #3689ED,
	-2px -2px 0px #3689ED,
	-2px 2px 0px #3689ED,
	
	3px 4px 4px rgba(0,0,0,0.6);
}
.txt_idt30 {
	text-indent: 30px;
}
.txt_shd_black {
	text-shadow: 2px 2px 2px #000000;
}
.txt_blue {
	color: #0066FF;
}
.txt_blue2 {
	color: #053EBE;
}
.txt_blue3 {
	color: #0B3BA3;
}
.txt_green {
	color: #009900;
}
.txt_white {
	color: #FFFFFF;
}
.txt_black {
	color: #333333;
}
.txt_org {
	color: #FF6600;
}
.txt_org2 {
	color: #F14D05;
}
.txt_vio {
	color: #9933CC;
}
.txt_pink1 {
	color: #FF00FF;
}
.txt_pink2 {
	color: #F9216B;
}
.txt_brown {
	color: #663300;
}
.txt_red1 {
	color: #FF0000;
}
.txt_red2 {
	color: #970C38;
}
.txt_yell {
	color: #FFFF00;
}
.txt_yell2 {
	color: #F5F8A6;
}
/*-----End Text-----*/

/*-----Button-----*/
.bt_box {
	position: absolute;
	width: 0px;
	height: 0px;
}
.bt_box2 {
	position: absolute;
}
.button1 {
	position: absolute;
	background-image: linear-gradient(0deg, #0861CC, #3286EA);
	border-radius: 0px 0px 5px 5px;
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'THSarabunPSKRegular';
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	text-align: center;
	top: 2px;
}
.button1:hover {
	background-image: linear-gradient(180deg, #0861CC, #3286EA);
}
.button2 {
	position: absolute;
	background-image: linear-gradient(0deg, #F77B11, #F89846);
	border-radius: 0px 0px 5px 5px;
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'THSarabunPSKRegular';
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	text-align: center;
}
.button2:hover {
	background-image: linear-gradient(180deg, #F77B11, #F89846);
}
.button3 {
	position: absolute;
	background-image: linear-gradient(0deg, #2184EF, #5BD2F9);
	border-radius: 15px;
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'THSarabunPSKRegular';
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	text-align: center;
}
.button3:hover {
	background-image: linear-gradient(180deg, #2184EF, #5BD2F9);
}
.button4 {
	position: absolute;
	border: 2px solid #F77B11;
	border-radius: 15px;
	cursor: pointer;
	color: #F14B05;
	text-shadow: 1px 1px 0px #FFFFFF,
	1px -1px 0px #FFFFFF,
	-1px 1px 0px #FFFFFF,
	-1px -1px 0px #FFFFFF;
	font-family: 'THSarabunPSKRegular';
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	text-align: center;
}
.button4:hover {
	color: #FA9E29;
	border: 2px solid #F14B05;
}
.button5 {
	width: 150px;
	position: absolute;
	background-image: linear-gradient(0deg, #F2DC3D, #FAF2B8);
	border-radius: 10px;
	border: 1px solid #CEB70D;
	cursor: pointer;
	color: #333333;
	font-family: 'THSarabunPSKRegular';
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	text-align: center;
}
.button5:hover {
	background-image: linear-gradient(0deg, #FAF2B8, #F2DC3D);
}
.button6 {
	cursor: pointer;
	text-decoration: none;
}
.button6 #bt_page:hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
.button7 {
	position: absolute;
	cursor: pointer;
	text-decoration: none;
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.button7:hover {
	-webkit-filter: brightness(1.2) saturate(1.5) hue-rotate(-150deg);
	filter: brightness(1.2) saturate(1.5) hue-rotate(-150deg);
}

/*-----End Button-----*/

/*-----Webboard-----*/
.txt_wb1 {
	background-image: url(../image/resource/wb_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: 'THSarabunPSKRegular';
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	color: #ff0000;
	text-indent: 55px;
}
.txt_wb2 {
	font-family: 'THSarabunPSKRegular';
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
	color: #0689CF;
}
.txt_wb3 {
	font-family: 'THSarabunPSKRegular';
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	color: #FF9703;
}
.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;/*Chrom,Safari,Opera*/
	animation: acWb 0.3s forwards;/*FireFox,IE*/
}
@-webkit-keyframes acWb {/*Chrom,Safari,Opera*/
	0% {
		filter: brightness(1);
		text-indent: 55px;
	}
	100% {
		filter: brightness(1.3);
		text-indent: 65px;
	}
}
@-moz-keyframes acWb {/*FireFox*/
	0% {
		filter: brightness(1);
		text-indent: 55px;
	}
	100% {
		filter: brightness(1.3);
		text-indent: 65px;
	}
}
@-ms-keyframes acWb {/*IE*/
	0% {
		filter: brightness(1);
		text-indent: 55px;
	}
	100% {
		filter: brightness(1.3);
		text-indent: 65px;
	}
}
/*-----End Webboard-----*/

/*-----Start Site Map-----*/
a.link_siteM1:link {
	display: block;
	width: 200px;
	height: auto;
	background-image: linear-gradient(0deg, #236DD1, #5FC7FD);
	border: 1px solid #0066FF;
	border-radius: 10px;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
a.link_siteM1:visited {
	color: #FFFFFF;
}
a.link_siteM1:hover {
	-webkit-animation: acSiteM1 0.5s forwards;
	animation: acSiteM1 0.5s forwards;
}
a.link_siteM2:link {
	display: block;
	background-image: url(../images/icon/76.png);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
	color: #0066CC;
	text-indent: 20px;
	text-decoration: none;
}
a.link_siteM2:visited {
	color: #0066CC;
}
a.link_siteM2:hover {
	color: #FF9900;
	-webkit-animation: acSiteM2 0.5s forwards;
	animation: acSiteM2 0.5s forwards;
}
a.link_siteM3:link {
	display: block;
	background-image: url(../images/icon/19.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	color: #333333;
	text-indent: 25px;
	text-decoration: none;
}
a.link_siteM3:visited {
	color: #333333;
}
a.link_siteM3:hover {
	color: #FF9900;
}
@-webkit-keyframes acSiteM1 {
	50% {
		color: #FFFF00;
		background-image: linear-gradient(180deg, #236DD1, #5FC7FD);
		transform:scale(0.9,0.9);
  }
  100% {
		color: #FFFF00;
		background-image: linear-gradient(180deg, #236DD1, #5FC7FD);
		transform:scale(1,1);
  }
}
@-moz-keyframes acSiteM1 {
	50% {
		color: #FFFF00;
		background-image: linear-gradient(180deg, #236DD1, #5FC7FD);
		transform:scale(0.9,0.9);
  }
  100% {
		color: #FFFF00;
		background-image: linear-gradient(180deg, #236DD1, #5FC7FD);
		transform:scale(1,1);
  }
}
@-ms-keyframes acSiteM1 {
	50% {
		color: #FFFF00;
		background-image: linear-gradient(180deg, #236DD1, #5FC7FD);
		transform:scale(0.9,0.9);
  }
  100% {
		color: #FFFF00;
		background-image: linear-gradient(180deg, #236DD1, #5FC7FD);
		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: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
}
a.link_plc:visited {
	color: #333333;
}
a.link_plc:hover {
	color: #FC2D2D;
}
/*-----End PLC-----*/