@font-face {
    font-family: 'uacm_th';
    src: url('https://www.uacm.co.th/inc/font/uacm_th.ttf?') format('truetype'),
    	 url('https://www.uacm.co.th/inc/font/uacm_th.woff?') format('woff'),
         url('https://www.uacm.co.th/inc/font/uacm_th.ttf?') format('truetype'),
         url('https://www.uacm.co.th/inc/font/uacm_th.svg#uacm_th?') format('svg');
    	 
}

body, ul, li {
	font-family:arial; font-weight:normal;
	font-size:16px;  color:#999;
	line-height:24px;
}

.body { background: #f0f0f0; text-align:center; margin:0px;

  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;

}



.bodyBox {
 
		background: #ffffff url('https://www.uacm.co.th/img/footer_background2.jpg') no-repeat bottom center;

		width:960px; text-align:center;
        color : #999;
        margin:0px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:34px; padding-top:0px;

	/* Rounded Corners */
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;

	-moz-box-shadow:0px 0px 3px #999;
	-webkit-box-shadow:0px 0px 3px #999;
	box-shadow:0px 0px 3px #999;
}

.AdminbodyBox {
 
		background: #ccc;

		width:960px; text-align:center;
        color : #333;
        margin:0px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:34px; padding-top:0px;
        font-family: arial,tahoma; font-size:16px;
		line-height:28px;

	/* Rounded Corners */
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;

	-moz-box-shadow:0px 0px 3px #999;
	-webkit-box-shadow:0px 0px 3px #999;
	box-shadow:0px 0px 3px #999;
}

.inputText {
 
		background: #fff;

		width:150px; text-align:center; color : #666666;
        margin:0px; margin-left:auto; margin-right:auto; padding:4px;
        font-size:14px; border:1px; border-color:#ccc;

	/* Rounded Corners */
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	border-radius: 1px 1px 1px 1px;

	-moz-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	box-shadow: inset 0px 0px 3px #999;

}



A:link {
	font-size:14px; 
	color: #00549d;
	outline:0;
	text-decoration:none;

	/* Fade Transition */
    -moz-transition:color 0.6s;  ease-out;
    -webkit-transition:color 0.6s;  ease-out;
    -o-transition:color 0.6s;  ease-out;
    transition:color 0.6s;  ease-out;

}

A:hover {
	color:#f68e1d;
	/* Fade Transition */
    -moz-transition:color 0.6s;  ease-out;
    -webkit-transition:color 0.6s;  ease-out;
    -o-transition:color 0.6s;  ease-out;
    transition:color 0.6s;  ease-out;
}
A:visited {
	color: #00549d;
}

.Title {
	font-size:22px; color:00549d; line-height:32px;
}

.subTitle {
	font-size:18px; line-height:28px;
}


#overlay { 
	width:100%; height:100%; margin-left:auto; margin-right:auto; display:none; 
	position:fixed; background:#000; z-index:7000; color:#cc0000; font-size:20px;

    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.8);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}



/* ------------ TOPMENU -------------------------------------------------------------- */

#menu {
	list-style-type: none; float:right; height:auto;
	width:435px;
	padding: 0px; margin:0; margin-bottom:5px;
	z-index:9999;
	border: 1px; background: #fff; 
}

#menu li {

	float:left;
	display:inline; display:block; 
	text-align:center;
	position:relative;
	padding: 5px 10px 5px 10px;
	margin:0px; border:none; 
	font-size:16px; color:#00549e;
	/* Fade Transition */

    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;

}

#menu li:hover {
	border: none;
	background: #f0f0f0;
	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;
}

#menu li a {
	font-size:16px; color:#00549e;
	text-decoration:none; text-shadow: 1px 1px 1px #fff;
	display:block; outline:0;
}

#menu li:hover a {
	color:#f78f1e;
	text-shadow: 1px 1px 1px #ffffff;
}

#menu li .drop { }
#menu li:hover .drop { }

.dropdown_home,
.dropdown_company, 
.dropdown_product, 
.dropdown_contact {

	margin:4px auto; float:right; position:absolute;
	display:none; 	text-align:left;
	padding:10px 5px 10px 5px; border:none;

	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;


	background: rgba(255, 255, 255, 1.0);

	-moz-box-shadow:0px 0px 3px #999;
	-webkit-box-shadow:0px 0px 3px #999;
	box-shadow:0px 0px 3px #999;

	left:auto; right:-1px; top:auto;
	height: 0; overflow: hidden; opacity: 0; 
}

.dropdown_home {width: 250px;}
.dropdown_company {width: 220px;}
.dropdown_product {width: 590px;}
.dropdown_contact {width: 215px;}

#menu li:hover .dropdown_home, 
#menu li:hover .dropdown_company, 
#menu li:hover .dropdown_product,
#menu li:hover .dropdown_contact {
	opacity: 1; height: auto; z-index:9000; display:block;

	/* Fade Transition */
    -moz-transition:opacity 0.6s;  ease-out;
    -webkit-transition:opacity 0.6s;  ease-out;
    -o-transition:opacity 0.6s;  ease-out;
    transition:opacity 0.6s;  ease-out;
	}

.drop_head {
	display:block; padding:10px; background: rgba(255, 255, 255, 1.0); margin:0; margin-bottom:3px;
	font-size:18px; color:#f78f1e;
}
.drop_list {
	display:block; padding:5px; padding-left:10px; background: rgba(255, 255, 255, 0.6); margin:0; margin-bottom:3px;
	font-size:16px; color:#00549e;

	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;
}

.drop_list:hover {
	background: rgba(230, 230, 230, 0.6);

	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;
}

.drop_icon {
	display:block; margin:0; float:left; margin:5px;
	background:#FFFFFF; padding:4px; border:none;

	-moz-box-shadow:0px 0px 3px #666666;
	-webkit-box-shadow:0px 0px 3px #666666;
	box-shadow:0px 0px 3px #666666;

	/* Fade Transition */
    -moz-transition:box-shadow 0.6s;  ease-out;
    -webkit-transition:box-shadow 0.6s;  ease-out;
    -o-transition:box-shadow 0.6s;  ease-out;
    transition:box-shadow 0.6s;  ease-out;


}

.drop_icon:hover {
	-moz-box-shadow:0px 0px 10px #666666;
	-webkit-box-shadow:0px 0px 10px #666666;
	box-shadow:0px 0px 10px #666666;

	/* Fade Transition */
    -moz-transition:box-shadow 0.6s;  ease-out;
    -webkit-transition:box-shadow 0.6s;  ease-out;
    -o-transition:box-shadow 0.6s;  ease-out;
    transition:box-shadow 0.6s;  ease-out;
}


#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {

}

#menu .menu_center {
	float:center;
	margin-right:0px;
}

#menu li .align_center {
	/* Rounded Corners */

	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#menu li:hover .align_center {
	left:auto;
	right:-1px;
	top:auto;
}

#menu li:hover div a {
	font-size:12px;
	color:#c00;
}
#menu li:hover div a:hover {
	color:#f00;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;

}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}


/* ------------ END TOPMENU -------------------------------------------------------------- */


/* ------------ FOOT MENU -------------------------------------------------------------- */

.footerSocialBox {

	background: #8dc73f;
	background: -moz-linear-gradient(top, #afd679, #8dc73f);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afd679), to(#8dc73f));

	-moz-box-shadow:0px 0px 1px #999;
	-webkit-box-shadow:0px 0px 1px #999;
	box-shadow:0px 0px 1px #999;


	width:220px; height:auto; float:left; padding:20px; text-align:center; display:block; margin:0px; margin-left:20px;
	-moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;

}

.footerBox1 {
	margin:0; text-align:left; padding:10px 5px 0px 5px; display:block; width:930px; height:30px;
	/* Gradient background */
	background:  url('https://www.uacm.co.th/img/topline.png') no-repeat bottom center;
}

.footerBox {
	margin:0; text-align:left; padding:0px 15px 10px 15px; display:block; width:930px;
	
	/* Gradient background */
	background: rgba(255, 255, 255, .9);

	/* Rounded Corners */
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	
}

#foot_menu {
	list-style:none; height:auto; width:100%; float:left; 
	padding: 0px; margin:0; margin-top:10px; margin-bottom:5px;
	z-index:9999; border: none; 

}

#foot_menu li {
	display:block;
	text-align:left;
	position:relative;
	padding: 3px 10px 3px 10px;
	margin:3px; border:none;

	/* Gradient background */
	background: rgba(255, 255, 255, 0.0);

	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;

	font-size:12px; color:#00549d;
}

#foot_menu li:hover {
	border: none;
	
	/* Background color and gradients */
	background: #ebecee;

	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;
}

.more,
.more:hover {
	float:right; display:block; margin:0px; border:none; 
	width:205px; height:17px;
	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;
}

.more {
	background: url('https://www.uacm.co.th/img/weblogo_b.png') no-repeat bottom center;
}
.more:hover {
	background: url('https://www.uacm.co.th/img/weblogo.png') no-repeat bottom center;
}

.so_g,
.so_g:hover,
.so_in,
.so_in:hover,
.so_tw,
.so_tw:hover,
.so_fb,
.so_fb:hover,
.so_you,
.so_you:hover {

	float:left; display:inline; 
	width:40px; height:40px; border:none; margin:0px;

	/* Fade Transition */
    -moz-transition:background 0.6s;  ease-out;
    -webkit-transition:background 0.6s;  ease-out;
    -o-transition:background 0.6s;  ease-out;
    transition:background 0.6s;  ease-out;
}



.so_g { 		background: url('https://www.uacm.co.th/img/social_icon/g_b.png') no-repeat bottom center; }
.so_g:hover {	background: url('https://www.uacm.co.th/img/social_icon/g.png') no-repeat bottom center; }
.so_in { 		background: url('https://www.uacm.co.th/img/social_icon/in_b.png') no-repeat bottom center; }
.so_in:hover {	background: url('https://www.uacm.co.th/img/social_icon/in.png') no-repeat bottom center; }
.so_tw { 		background: url('https://www.uacm.co.th/img/social_icon/tw_b.png') no-repeat bottom center; }
.so_tw:hover {	background: url('https://www.uacm.co.th/img/social_icon/tw.png') no-repeat bottom center; }
.so_fb { 		background: url('https://www.uacm.co.th/img/social_icon/fb_b.png') no-repeat bottom center; }
.so_fb:hover {	background: url('https://www.uacm.co.th/img/social_icon/fb.png') no-repeat bottom center; }
.so_you { 		background: url('https://www.uacm.co.th/img/social_icon/you_b.png') no-repeat bottom center; }
.so_you:hover {	background: url('https://www.uacm.co.th/img/social_icon/you.png') no-repeat bottom center; }



/* ------------ END FOOT MENU -------------------------------------------------------------- */

/* Library */

.p0 { padding:0px; }
.p5 { padding:5px; }
.p10 { padding:10px; }

.m0 { margin:0px; }
.m5 { margin:5px; }
.m20 { margin:20px; }
.mCenter {  margin-left:auto; margin-right:auto; }
.mTop0 {  margin-top:0px; }
.mT0 {  margin-top:0px; }
.mT5 {  margin-top:5px; }
.mT10 {  margin-top:10px; }
.mT20 {  margin-top:20px; }

.mL5 { margin-left:5px; }
.mR5 { margin-right:5px; }
.mL7 { margin-left:7px; }
.mR7 { margin-right:7px; }

.w100p { width:100%; }

.w30 { width:30px; }
.w50 { width:50px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w250 { width:250px; }
.w400 { width:400px; }

.h5 { height:1px; }
.h30 { height:30px; }
.h120 { height:120px; }
.h130 { height:130px; }
.h300 { height:300px; }

.displaynone { display:none; }
.fL { float:left; }
.fR { float:right; }

.hand { cursor:hand; }
.move { cursor:move; }
.imgShadow { box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */ -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */ -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */ }
.imgBorderW3 { border: 3px solid #fff; }
.touchscroll { -webkit-overflow-scrolling: touch; overflow:auto; }

.roundBox {
	/* Rounded Corners */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.roundBox5 {
	/* Rounded Corners */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

/* News Letter */

#newsletter { width:200px; height:30px; margin-bottom:15px; }
.newsletter { width:220px; height:60px; margin:0px; border:none; padding:0px; background:none;}

.newsletterinput {

		background: #fff;

		width:150px; text-align:center; color : #9ecb3a;
        margin:0px; margin-left:auto; margin-right:auto; padding:4px;
        font-family: tahoma; font-size:14px; line-height:18px; border:5px; border-color:#9ecb3a;

	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: inset 0px 0px 10px #9ecb3a;
	-webkit-box-shadow: inset 0px 0px 10px #9ecb3a;
	box-shadow: inset 0px 0px 10px #9ecb3a;

	width:100%; height:40px; margin-bottom:15px; 


}

/* END News Letter */

.Clear { clear:both; }
.clear { clear:both; }