body{background-image:url(../image/bg1.gif);
	background-attachment:fixed;
	text-align:center;
	font-family:tahoma,cordiaNew,angsanaNew;}
.center {text-align:center; }
.left {text-align:left;}
.right {text-align:right;}
.top {vertical-align:top;}

.border {border:solid 1px;}

.pa {padding:10px;}

.wh {width:1024px; height:300px;}
.wh1 {width:800px;}
.wh2 {width:208px;}
.wh3 {width:100%;}
.wh4 {width:210px;}
.wh5 {width:530px;}
.wh6 {width:200px;}
.wh7 {width:600px;}
.wh8 {width:810px;}

.whI {width:150px; height:200px;}
.whp {width:240px; height:320px;}
.whp1 {width:320px; height:240px;}

.bg1 {background-color:#fa0;}
.bg2 {background-color:#0f0;}
.bg3 {background-color:#f00;}
.bg4 {background-color:#FFCC00;}
.bg5 {background-color:#fff;}

.bd1 {border-radius:7px 7px 7px 7px;}
.bd5 {border:solid 1px;
        border-radius:7px 7px 7px 7px;}

.color1 {color:#00f;}
.color2 {color:#f00;}
.color3 {color:#f0f;}

.size1 {font-size:20px;}
.size2 {font-size:17px;}
.size3 {font-size:50px;}

.shadow1 {text-shadow:1px 1px #000000;}
.bo {font-weight: bold;}

.ra  {border-radius:7px 7px 7px 7px;}
.ra1 {border-radius:7px 7px 0px 0px;}
.ra2 {border-radius:0px 0px 7px 7px;}

.whr {width:200px; height:50px;}

.floatL {float:left;}
.floatR {float:right;}

.div {
    width: 175px;
    height: 50px;
	border-radius:7px 7px 7px 7px;
    background-image:url(../image/111.jpg);
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:left bottom;
    color: #FF7F00;
    font-weight: bold;
   -webkit-transition: width 0.5s; 
    transition: width 0.5s;
}

/* เอฟเฟ็กเมนู */
.ih1 {transition-timing-function: cubic-bezier(25);}

.div:hover {
    width: 200px;
    background-image:url(../image/112.jpg);
    background-color:#fff;
	color:#8fd300;
	background-repeat:repeat-x;
	background-position:left bottom;}

a:link {color:#00f; text-decoration:none}
a:visited {color:#00f;}
a:hover {color:#f00;}
a:active {color:#0f0;}