*[title^="เชิญคลิ๊ก"] {
/*width: 150px;
height: 70px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
background: #fff;
margin: 10px 0px 5px 0px;
-webkit-box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, .5);
-moz-box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, .5);
box-shadow: 2px 2px 2px 1px rgba(50, 50, 50, .5);
}



*[title^="ตัวอย่าง"] {
/*width: 150px;
height: 70px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: #fff;
margin: 10px auto 20px auto;
}
*[title~="inset"] {
	-webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5) inset;
	-moz-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5) inset;
	box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5) inset;
}
*[title~="outset"] {
	-webkit-box-shadow: 5px 5px 15px 1px rgba(50, 50, 50, .5);
	-moz-box-shadow: 5px 5px 15px 1px rgba(50, 50, 50, .5);
	box-shadow: 5px 5px 15px 1px rgba(50, 50, 50, .5);
}
*[title~="mixed"] {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, .5), 0px -25px 35px 0px rgba(50, 50, 50, .3) inset;
	-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, .5), 0px -25px 35px 0px rgba(50, 50, 50, .3) inset;
	box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, .5), 0px -25px 35px 0px rgba(50, 50, 50, .3) inset;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*height: 50px;*/
	line-height: 25px;
	color: rgba(100, 100, 100, .8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .6);
	border: solid 1px rgba(255, 255, 255, .05);
	background: rgba(200, 200, 200, .2);
	margin-top: 40px;
	text-align: center;
}
h2[title="เมนูอย่างง่าย"] {
	margin-bottom: 25px;
}
h2[title="เมนูอย่างง่าย"]+ul {
	background: #fff;
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
h2[title="เมนูอย่างง่าย"]+ul>li {
	display: inline-block;
	list-style: none;
}
h2[title="เมนูอย่างง่าย"]+ul>li:not(:first-child) {
margin-left: 8px;
}
h2[title="เมนูอย่างง่าย"]+ul>li>a {
	display: block;
	padding: 0px 10px;
	line-height: 30px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px rgba(255, 255, 255, .1);
	text-decoration: none;
	font-weight: 700;
 -webkit-transition-duration: .3s, .5s;
 -o-transition-duration: .3s, .5s;
 -moz-transition-duration: .3s, .5s;
 transition-duration: .3s, .5s;
}
h2[title="เมนูอย่างง่าย"]+ul>li:first-child>a {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(50, 50, 50, .3) inset;
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(50, 50, 50, .3) inset;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(50, 50, 50, .3) inset;
	color: rgba(100, 100, 100, .8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .6);
	background: rgba(200, 200, 200, .2);
}
h2[title="เมนูอย่างง่าย"]+ul>li:first-child>a:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(50, 50, 50, .3) inset;
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(50, 50, 50, .3) inset;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(50, 50, 50, .3) inset;
}
h2[title="เมนูอย่างง่าย"]+ul>li:nth-child(2)>a {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(65, 96, 29, .4) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(65, 96, 29, .3) inset;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(65, 96, 29, .3) inset;
 color: rgba(43, 59, 26, .8);
 text-shadow: 1px 1px 0 rgba(255, 255, 255, .8);
 background: rgba(163, 222, 96, .7);
}
h2[title="เมนูอย่างง่าย"]+ul>li:nth-child(2)>a:hover {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(89, 133, 39, .3) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(50, 50, 50, .3) inset;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(50, 50, 50, .3) inset;
}
 h2[title="เมนูอย่างง่าย"]+ul>li:nth-child(3)>a {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(158, 11, 15, .8) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(158, 11, 15, .8) inset;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(158, 11, 15, .8) inset;
 color: rgba(158, 11, 15, 1);
 text-shadow: 1px 1px 0 rgba(255, 255, 255, .4);
 background: rgba(247, 17, 24, .6);
}
h2[title="เมนูอย่างง่าย"]+ul>li:nth-child(3)>a:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(158, 11, 15, .8) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(158, 11, 15, .8) inset;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(158, 11, 15, .8) inset;
}
h2[title="เมนูอย่างง่าย"]+ul>li:nth-child(4)>a {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(9, 72, 146, .8) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(9, 72, 146, .8) inset;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px -15px 35px 0px rgba(9, 72, 146, .8) inset;
 color: rgba(0, 41, 89, 1);
 text-shadow: 1px 1px 0 rgba(255, 255, 255, .4);
 background: rgba(52, 145, 255, .6);
}
h2[title="เมนูอย่างง่าย"]+ul>li:nth-child(4)>a:hover {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(9, 72, 146, .8) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(9, 72, 146, .8) inset;
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5), 0px 15px 35px 0px rgba(9, 72, 146, .8) inset;
}