@charset "utf-8";
/* CSS Document */
html {
	direction:rtl;
}
body {
	background-color:#FFF;
    font-family: Tahoma,Geneva,sans-serif;
    font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
	direction:rtl;
}
@font-face {
  	font-family: 'Yekan';
	src: url('../fonts/yekan/yekan.eot?#') format('eot'),  /* IE6–8 */
		   url('../fonts/yekan/yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		   url('../fonts/yekan/yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #3c8800;
	-webkit-transition:color .25s ease-in;  
   	-moz-transition:color .25s ease-in;  
  	-o-transition:color .25s ease-in;  
   	transition:color .25s ease-in;
}
a:link , a:visited , a:active {
	color: #4A4A4A;
	text-decoration: none;
}
a:hover 
{
	text-decoration: none;
	color:#684287;
	
}
.Alert {
	border:1px solid #060;
	background-color:#c9fb84;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	min-width:400px;
}
.Alert2 {
	border:1px solid #900;
	background-color:#FCDBD1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	min-width:400px;
}
.Alert3 {
	border:1px solid #F90;
	background-color:#FFFF33;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	min-width:400px;
}
.archiveNewsGroup {
	font-size:14px;
	font-family: "Yekan",tahoma;
	color:#684287;
}
/*===============================  index Page ========================*/
#forIndexWard {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	border:0px solid #000;
}
#indexWard {
	width:1000px;
	height:365px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	position:relative;
	background:url(../img/top_right_shadow.png) top right no-repeat;
	border:0px solid red;
}
#forSlider {
	width:880px;
	height:270px;
	float:right;
	text-align:right;
	margin-right:19px;
	display:inline-block;
	border:0px solid #000;
}
#forLogo {
	width:279px;
	height:365px;
	position:absolute;
	left:0;
	top:0;
	z-index:1000;
	display:inline-block;
	background:url(../img/bg-left-logo.png) left top no-repeat;
	border:0px solid blue;
}
#logo {
	width:127;
	height:180px;
	margin:0 auto; 
	text-align:center;
	margin-top:85px;
	display:inline-block;
	border:0px solid #000;
}
#forMenuTopIcon {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	background:#684287;
	border:0px solid #3F0;
}
#menuTopIcon {
	width:1000px;
	height:41px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	background:url(../img/menu_bg.png) top center no-repeat;
	border:0px solid red;
}
#forMenuTop {
	width:697px;
	height:41px;
	float:right;
	text-align:right;
	margin-right:19px;
	border:0px solid #FFF;
}
#menuTop {
	border:0px solid red;
	height:80px;
	display:inline-block;	
}
#menuTop ul {
	width:100%;
	height:55px;
	margin:0px;
	padding:0px;
	display:inline-block;
	border:0px solid red;	
}
#menuTop li {
	float:right;
	height:55px;
	line-height:55px;
	list-style: none outside none;
	display:inline-block;
	border:0px solid red;
}
#menuTop li a, #menuTop li a:link, #menuTop li a:visited, #menuTop li a:active {
	height:55px;
	display:inline-block;
	font-size:16px;
	font-family: "Yekan",tahoma;
	text-decoration:none;
	color:#FFF;
	padding-right:30px;
	padding-left:30px;
}
#menuTop li a:hover {
	background:url(../img/menu_top/menu.bg.png) top center no-repeat;
	border:0px solid red;
}
#forTopIconSearch {
	width:241px;
	height:40px;
	float:left;
	text-align:left;
	margin-left:18px;
	display:inline-block;
	border:0px solid blue;
}
#forSearch {
	width:165px;
	height:28px;
	float:left;
	margin-left:8px;
	margin-top:2px;
	display:inline-block;
	border:0px solid #0F0;
}
.textSearch {
	width:165px;
	height:28px;
	float:left;	
	color:#FFF;
	text-indent:10px;
	font-size:12px;
	font-family: "Yekan",tahoma;
	display:inline-block;
	background:url(../img/search/textsearch.png)  top center no-repeat;
	border:0px solid red;
}
.forTopIcon {
	width:60px;
	height:25px;
	float:left;
	display:inline-block;
	border:0px solid black;
}
#forIndexMainWard {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	border:0px solid red;
}
#indexMainWard {
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	position:relative;
	background:url(../img/bg-indexcontent.png) top center no-repeat;
	border:0px solid blue;
}
#mainPanel {
	width:962px;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	background:#f4f0fd;
	border:0px solid #3C0;
}
#rightPanel {
	width:700px;
	height:autopx;
	float:right;
	text-align:right;
	position:relative;
	display:inline-block;
	border:0px solid blue;
}
#forStuffGroup {
	width:667px;
	height:auto;
	margin:30px 25px 30px 0px;
	text-align:center;
	display:inline-block;
	border:0px solid #390;
}
.StuffGroupItem {
	width:110px;
	height:110px;
	float:right;
	text-align:right;
	display:inline-block;
	border:0px solid blue;
}
.forLatestStuff {
	width:962px;
	height:200px;
	float:right;
	text-align:center;
	display:inline-block;
	position:static ;
	border:0px solid #3F0;
}
.latestStuffDarkLine {
	float:right;
	height:1px;
	width:48px;
	background:#01877b;
}
.latestStuffLightLine {
	float:right;
	height:1px;
	width:932px;
	background:#e1e7e8;
}
.latestStuff {
	float:right;
	text-align:right;
	width:900px;
	height:141px;
	margin-top:10px;
	margin-right:40px;
	border:0px solid red;
}
#leftPanel {
	width:261px;
	height:auto;
	float:left;
	text-align:center;
	display:inline-block;
	margin-bottom:23px;
	background:url(../img/right-panel.png) top right no-repeat;
	border:0px solid red;
}
.ads {
	width:auto;
	height:auto;
	margin-top:30px;
	margin-right:20px;
	display: inline-block;
	border:0px solid red;
}
.adsImg {
	margin:0 auto;
	margin-bottom:23px;
	text-align:center;
	border:0px solid blue;
}
#forLoginInput {
	width:195px;
	height:190px;
	text-align:center;
	margin-right:20px;
	display:inline-block;
	background:#ffffff;
	border-bottom:2px solid #fdda35;
}
#loginInputTitle {
	width:195px;
	height:auto;
	margin:0 auto;
	text-align:center;
	color:#684287;
	font-size:16px;
	margin-bottom:8px;
	font-family: "Yekan",tahoma;
	display:inline-block;
	border:0px solid red;
}
.newsLetterTextF {
	width:175px;
	height:40px;
	text-align:right;
	text-indent:10px;
	line-height:35px;
	color:#aa91bf;
	margin-bottom:10px;
	font-size:16px;
	background:#f4f0fd;
	font-family: "Yekan",tahoma;
	border:0px solid #85776f;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; /* Firefox 4 */`
	-webkit-transition: all 0.3s ease-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-out; /* Opera */
}
.newsLetterTextF:focus {
	background:#f5eafd;
	border:0px solid #75655c;
	color:#776e68;
}
.loginInpu {
	width:185px;
	height:auto;
	float:left;
	text-align:left;
	margin-left:9px;
	text-indent:8px;
	display:inline-block;
	border:0px solid red;
}
.loginInpuSubscribe {
	width:auto;
	height:auto;
	float:right;
	text-align:left;
	display:inline-block;
	border:0px solid red;
}
.loginInpuSubscribe a {
	color:#FFF;
	font-size:13px;
	font-family:"Yekan",tahoma;
}
.loginInpuUnSubscribe {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	display:inline-block;
	border:0px solid blue;
}
.loginInpuUnSubscribe a {
	color:#FFF;
	font-size:13px;
	font-family:"Yekan",tahoma;
}
.loginInpuUnSubscribe a:hover {
	color:red;
}
#loginInpuSubscribe {
	width:84px;
	height:30px;
	color:#fff;
	font-size:14px;
	font-family: "Yekan",tahoma;
	border:0px solid blue;
	background:#8bc441;
	cursor:pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#loginInpuSubscribe:hover {
	color:#3b6800;
}
#loginInpuUnSubscribe {
	width:84px;
	height:30px;
	border:0px solid red;
	color:#fff;
	font-size:14px;
	font-family: "Yekan",tahoma;
	background:#ee3e4a;
	cursor:pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#loginInpuUnSubscribe:hover {
	color:#7d0210;
}
.forlinks {
	width:195px;
	height:250px;
	margin-top:23px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
	background-color:#FFF;
	border-bottom:2px solid #fdda35;
}
.boxTitle {
	width:195px;
	height:40px;
	color:#86689f;
	margin:0 auto;
	text-align:center;
	line-height:35px;
	font-size:16px;
	font-weight:bold;
	font-family: "Yekan",tahoma;
	display:inline-block;
	border:0px solid red;
}
.forMarqueeLinksDiv {
	position:relative;
	width:190px;
	height:180px;
	margin:0 auto;
	display:inline-block;
	border:0px solid #03F;
}
.forMarqueeLinks {
	width:241px;
	top:0px; 
	right:0;
	position:absolute;        
}
.marqueeLinks {
	background:url(../img/links/bullet.png) center right no-repeat;
	width:165px;
	height:auto;
	line-height:15px;
	float:right;
	text-align:right;
	min-height:20px;
	padding-right:13px;
	margin-right:6px;
	margin-bottom:10px;
	padding-top:5px;
	display:inline-block;
	border:0px solid red;
}
.forLinksControls {
	width:100%;
	height:20px;
	line-height:20px;
	margin:9px auto 0 auto;
	text-align:center;
	display:inline-block;
	border:0px solid red;
}
.upButton {
	float:right;
	margin-right:65px;
	width:16px;
	height:16px;
	cursor:pointer;
	background:url(../img/links/up.png) center center no-repeat;
}
.pauseButton {
	float:right;
	margin-right:10px;
	width:16px;
	height:16px;
	cursor:pointer;
	background:url(../img/links/pause.png) center center no-repeat;
}
.downButton {
	float:right;
	margin-right:10px;
	width:16px;
	height:16px;
	cursor:pointer;
	background:url(../img/links/down.png) center center no-repeat;
}
#forIndexContent {
	width:667px;
	height:auto;
	margin-right:25px;
	display:inline-block;
	background:url(../img/news/bg-news.png) top center repeat-y;
	border:0px solid #3F0;
}
.indexContent {
	text-align:right;
	border: 0px solid red;
}
.secondIndexContentTitle {
	margin-bottom:10px;
	text-indent:35px;
	line-height:35px;
	font-size:14px;
	color:#684287;
	font-family: "Yekan",tahoma;
	background:url(../img/news/bullet.png) right center no-repeat;
	border-bottom:1px solid #d1bee6;
}
.secondIndexContentTitle a, .secondIndexContentTitle a:link, .secondIndexContentTitle a:visited, .secondIndexContentTitle a:active {
	color:#684287;
	font-size:14px;
	font-family: "Yekan",tahoma;
}
.secondIndexContentTitle a:hover {
	color:#684287;
}
.indexContentTitle {
	margin-bottom:10px;
	text-indent:35px;
	line-height:35px;
	font-size:14px;
	color:#684287;
	font-family: "Yekan",tahoma;
	background:url(../img/news/bullet.png) right center no-repeat;
}
.indexContentTitle a, .indexContentTitle a:link, .indexContentTitle a:visited, .indexContentTitle a:active {
	color:#684287;
	font-size:14px;
	font-family: "Yekan",tahoma;
}
.indexContentTitle a:hover {
	color:#684287;
}
.indexContentBody {
	border:0px solid red;
	text-align:justify;
	line-height:1.8;
	color:#444;
}
#forNewsReadMore {
	width: 100%;
	height: 23px;
	line-height: 19px;
	display: inline-block;
	margin-top: 5px;
	text-align:left;
}
.forNewsItem {
	width:667px;
	height:auto;
	margin-top:30px;
	margin-right:25px;
	text-align:right;
	line-height:1.8;
	display:inline-block;
	border:0px solid blue;
}
.newsItem {
	color:#666;
	text-align:justify;
	border:0px solid blue;
}
.newsTitle {
	border:0px solid red;
}
.newsTitle a, .newsTitle a:link, .newsTitle a:visited, .newsTitle a:active {
	font-size:14px;
	font-family: "Yekan",tahoma;
	color:#684287;
}
.newsTitle a:hover {
	color:#3e076b;
}
.archiveNewsTitle a, .archiveNewsTitle a:link, .archiveNewsTitle a:visited, .archiveNewsTitle a:active {
	font-size:14px;
	font-family: "Yekan",tahoma;
	color:#684287;
}
.archiveNewsTitle a:hover {
	color:#3e076b;
}
.forIndexContentBottomTitle {
	width:668px;
	height:auto;
	float:right;
	text-align:right;
	text-indent:30px;
	line-height:45px;
	display:inline-block;
	background:url(../img/news/bullet.png) center right no-repeat;
	border:1px solid red;	
}
.forIndexContentBottomTitle a, .forIndexContentBottomTitle a:link, .forIndexContentBottomTitle a:visited, .forIndexContentBottomTitle a:active {
	font-size:14px;
	font-family: "Yekan",tahoma;
	color:red;
}
.forIndexContentBottomTitle a:hover {
	color:#009F90;
}
.newsTxt {
	color: #757575;
    font-family: tahoma;
    font-size: 12px;
    line-height: 1.5;
    text-align: justify;
	border:0px solid blue;
}
.indexNewsTxt{
	text-align:justify;
	font-size:12px;
	font-family:tahoma;
	line-height:1.5;
	color:#757575;
}
#forWardBottom {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	background:#684287;
	border:0px solid blue;
}
#wardBottom {
	width:1000px;
	height:75px;
	margin:0 auto;
	text-align:center;
	margin-bottom:15px;
	display:inline-block;
	background:#684287;
	border:0px solid blue;
}
#forMenuBottomIcon {
	width:100%;
	height:41px;
	background:url(../img/bg-footer.png) top center no-repeat;
	float:right;
	text-align:right;
	display:inline-block;
	border:0px solid #FF0;
}
#forMenuBottom {
	width:530px;
	height:23px;
	float:right;
	text-align:right;
	color:#FFF;
	margin:15px 30px 0px 0px;;
	display:inline-block;
	border:0px solid #F0F;
}
#forMenuBottom a {
	color:#FFF;
	font-size: 15spx;
    font-family: "Yekan",tahoma;
}
#forMenuBottom a:hover {
	color:#e1b92c;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-out; /* Opera */
}
#forMenuBottom ul {
	margin:0;
	padding:0;
}
.menuBottomLi {
    height:15px;
	line-height:8px;
	float: right;
    list-style: none outside none;
	margin:0;
	padding:0;
	padding-right:15px;
	padding-left:15px;
}
.secondDivider {
	width:100%;
	height:2px;
	float:right;
	background:url(../img/news/divider.png) top center no-repeat;
	margin:20px 0px
}
.forBottomIconItem {
	width:150px;
	height:23px;
	float:left;
	margin:12px 0px 0px 25px;
	text-align:left;
	display:inline-block;
	border:0px solid black;
}
.footerItem {
	width:auto;
	height:auto;
	float:left;
	margin-left:15px;
	display:inline-block;
	position:relative;
	z-index:2;
	-webkit-transition:all .15s ease-in;  
   	-moz-transition:all .15s ease-in;  
  	-o-transition:all .15s ease-in;  
   	transition:all .15s ease-in;
	border:0px solid red;
}
.footerItem:hover {
	margin-top:-5px;
}
#copyRight {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
   	font-size:13px;
	font-family: "Yekan",tahoma;
    color:#ffd503;
	line-height:45px;
	margin:10px auto 0 25px;
	border:0px solid red;
}
#copyRight a:link {
	font-size:11px;
	font-family: "Yekan",tahoma;
	color:#FFF;
}
/*=============================== End Page =======================*/
/*=============================== Second Page =======================*/
#secondWard {
	width:1000px;
	height:270px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	position:relative;
	background:url(../img/top_right_shadow.png) top right no-repeat;
	border:0px solid red;
}
#forSecondLogo {
	width:279px;
	height:270px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:inline-block;
	background:url(../img/second-left-logo.png) left top no-repeat;
	border:0px solid blue;
}
#secondLogo {
	width:127;
	height:180px;
	margin:0 auto; 
	text-align:center;
	margin-top:57px;
	display:inline-block;
	border:0px solid #000;
}
#forSecondContent {
	width:667px;
	height:auto;
	text-align:justify;
	margin-right:25px;
	margin-top:10px;
	display:inline-block;
	border:0px solid #3F0;
}
#SecondContent {
	padding:20px;
	text-align:right;
    padding-top: 25px;
	border: 0px solid red;
}
.SecondContentTitle {
	text-indent:30px;
	line-height:2.5;
	background:url(../img/news/bullet.png) right center no-repeat;
}
.SecondContentTitle a, .SecondContentTitle a:link, .SecondContentTitle a:visited, .SecondContentTitle a:active {
	color:#000;
	font-size:14px;
	font-family: "Yekan",tahoma;	
}
.SecondContentTitle a:hover {
	color:#227369;
}
.secondContentBody {
	margin-top:10px;
	text-align:justify;
	font-size:12px;
	line-height:1.5;
	color:#757575;
	border:0px solid red;
}
#secondMapPage {
	width:695px;
	height:30px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	margin-top:25px;
	background: url(../img/map/hover.png) top center repeat-y;
	border:0px solid red;
}
#mapPage {
    width:660px;
    display:inline-block;
	margin:0 auto;
    line-height:30px;
    text-align: right;
	text-indent:28px;
	color:#74645C;
	font-size:13px;
    font-family:"Yekan",tahoma;
	color:#7b5997;
	background:url(../img/map/home.png) right 10px center no-repeat;
	border:0 solid #90f;
}
#secondMapPage a {
	color:#7b5997;
	font-size:13px;
    font-family:"Yekan",tahoma;
}
#secondMapPage a:hover {
	color:#9d85b3;
}
.BorderImgGallery {
	width:270px;
	height:192px;
	display:inline-block;
	padding-top:15px;
	padding-right:4px;
	background:url(../img/gallery/frame.png) top center  no-repeat;
}
.tdfont
{
	color:#166dc7;
	height:25px;
	font-size:12px;
}
.TabBorderStuffGroup
{
	border:1px solid #B3B3B3;
	padding:3px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
}
.TextF {
	font-size: 12px;
	color: #000000;
	font-family: Tahoma;
	background-color: #F6F3F3;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	height:25px;
	margin:5px;
	background: linear-gradient(#eee, #fff);
  	transition: all 0.3s ease-out;
	width:300px;
}
.TextF:focus {
  outline: none;
  background-position: 0 -2.3em;
}
.SelectBox
{
	font-size: 12px;
	color: #000000;
	font-family: Tahoma;
	background-color: #F6F3F3;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	height:30px;
	padding:3px;
	margin:5px;
	background: linear-gradient(#eee, #fff);
  	transition: all 0.3s ease-out;
	width:305px;
}
.PagingSelectBox
{
	font-size: 12px;
	color: #000000;
	font-family: Tahoma;
	background-color: #F6F3F3;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	height:30px;
	padding:5px 3px 3px 3px;
	margin:5px;
	background: linear-gradient(#eee, #fff);
  	transition: all 0.3s ease-out;
}
.SelectBox:focus , .PagingSelectBox:focus{
  outline: none;
  background-position: 0 -2.3em;
}
.TextArea
{
	font-size: 12px;
	color: #000000;
	font-family: Tahoma;
	background-color: #F6F3F3;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	margin:5px;
	text-indent:3px;
	background: linear-gradient(#eee, #fff);
  	transition: all 0.3s ease-out;
	width:300px;
}
.Submit {
	font-size: 11px;
	font-stretch:color: #000000;
	font-family: Tahoma;
	background-color: #F6F3F3;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	cursor:pointer;
	height:25px;
	min-width:100px;
	background: linear-gradient(#eee, #fff);
}
/*=================================== Stuff =================================*/
.numOfGroup_Stuff {
	text-align:center;
	color:#666;	
}
.stuffImgDetail {
	width:100%;
	height:auto;
	display:inline-block;
	margin:0 auto;
	text-align:center;
}
.stuffTitleDetail {
	width:100%;
	height:auto;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#684287;
	font-size:17px;
	margin-top:20px;
	font-family: "Yekan",tahoma;
	font-size:16px;
}
.stuffDesc {
	width:100%;
	height:auto;
	display:inline-block;
	line-height:1.5;
	text-align:justify;
}
.stuffTabpage {
	width: 100%; 
	margin: 20px auto 0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
.stuffRec {
	width:100%;
	height:auto;
	margin:0 auto 10px;
	display:inline-block;
}
.stuffColor {
	border:1px solid #c0c0c0;
	width:32px;
	height:20px;
	display:inline-block;
}
.noItem {
	width:auto;
	height:auto;
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#eaeaea;
	border:1px solid #bebec0;
	padding:10px;
	margin:0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
}
/*=========================== End Stuff ===============================*/
/*=========================== Stuff Table =============================*/
table#tableGrid td{
	padding:3px;	
}
table#tableGrid {
	border:1px solid #CCC;
	padding:3px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
}
table#tableToolbar{
	background:url(../image/table-toolbar-bg.png) repeat-x;
	height:54px;
	border:1px solid #CCC;
	margin-bottom:10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
    -webkit-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:  2px 2px 4px 0px rgba(50, 50, 50, 0.2);	
}
table#tableToolbar td{
	padding:0px 5px 0px 5px;	
}
#tableGrid tr:nth-child(even) {
	background-color:#eaeaeb;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#tableGrid tr:nth-child(odd) {
	background-color:#dadadd;	
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#tableGrid tr:hover {
	background-color:#cbc4dc;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#tableGrid tr:first-child {
	background-color:#c2c2c4;
	height:40px;
}
.bgtd1
{
	background-color:#eaeaeb;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.bgtd2
{
	background-color:#dadadd;	
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.bgtd3
{
	background-color:#F93B3B;	
	text-align:center;
}
.bgtd4
{
	background-color:#ccdddf;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.bgtd5
{
	background-color:#FF9;
	text-align:center;
}
.bgtd6
{
	background-color:#6F3;
	text-align:center;
}
.bgtd7
{
	background-color:#090;
	text-align:center;
}
.bgtdhed
{
	background-color:#c2c2c4;
	height:40px;	
}
/*=========================== End Stuff Table ============================*/
::-moz-selection {
	background-color:#8A68A5;
	color:#FFF;
}
::selection{
	background-color:#8A68A5;
	color:#FFF;
}