@charset "UTF-8";
/* CSS Document */

html{
	height: 100%;
	margin:0 auto;
	}
body{  font-size:12px; color:#595757; background:white; padding:0; margin:0; height:100%; font-family:Arial, Helvetica, sans-serif; text-align:left; }

*{ margin:0; padding:0;}
ul , li{ padding:0; margin:0;}
.clear{ clear:both;}
.float_L{ float:left;}
a { color:#131313; text-decoration: none; }
a:hover { color:#999999; text-decoration: none; }
a img{ border:none;}
a img:hover{ border:none; text-decoration: none;}

#container_B{width: 100%; margin:0 auto; background:url(../_imgs/bg_3.gif) repeat-x bottom; z-index:1;}
#container{ width:964px; margin:0 auto; height:auto; z-index:5;}

#top{width:930px;height:73px;float:left; background:url(../_imgs/top_bg.jpg) repeat-x; padding-right:34px;}
#top .logo{width:242px;height:73px;float:left; background:url(../_imgs/index_logo.jpg) no-repeat;}
#top .lan{ width:150px;height:73px; float:right;}
#top .lan_L{ width:14px;height:73px; float:left; background:url(../_imgs/top_bg2.jpg) no-repeat;}
#top .lan_M{ width:122px;height:68px; float:left; background:url(../_imgs/top_bg3.jpg)  repeat-x; text-align:center; padding-top:5px;}
#top .lan_R{ width:14px;height:73px; float:left; background:url(../_imgs/top_bg4.jpg) no-repeat;}

div#navigation { width:722px; height:34px; float:left; padding-left:242px; margin-bottom:6px; background:url(../_imgs/mainBg.jpg) no-repeat scroll 0% 0% transparent; }
div#navigation ul { margin: 0px; padding: 0px; list-style-type: none; font-size:13px; font-weight:bold; text-align:center; }
div#navigation li { margin: 0px; padding: 0px;float: left; width: 120px; line-height: 34px; height: 34px; z-index: 20;display:block;  }
div#navigation li .cooper{ margin: 0px; padding: 0px;float: left; width: 120px; line-height: 34px; height: 34px; z-index: 20;display:block; background:url(../_imgs/menu_icon.png) no-repeat;  }

div#navigation a { display: block; font-size: 13px; color:#FFFFFF; text-decoration: none; text-align: center; }
div#navigation li:hover { background:url(../_imgs/menu01_act.jpg) no-repeat; }
div#navigation ul ul { position:relative; left: 0px; top: 0px; display: none; }
div#navigation ul ul li { clear: both; width: 120px; height: 30px; }
div#navigation ul ul li a { display: block; text-align: left; padding-left: 10px; height: 30px; line-height: 30px; background:url(../_imgs/navigation_icon.png) repeat scroll 0% 0%  transparent; 	}
div#navigation ul ul li:hover { background: url(../_imgs/navigation_icon.gif) repeat scroll 0% 0% transparent; }
div#navigation ul.level1 li:hover ul.level2 { display: block; }
div#navigation ul.level2 ul { position: absolute; left: 120px; top: 0px; z-index: 10; }
div#navigation ul.level2 li:hover ul.level3 { display: block; }

div#navigation .MenuBg{ width: 120px; height: 34px; background: url(../_imgs/menu01_act.jpg) no-repeat top; }





#menu .menu li a.ends{ background:url(../_imgs/menu_end.jpg) no-repeat; width:125px; height:55px; display:block; text-indent:-9999em;}
#menu .menu li a.ends:hover{ background:url(../_imgs/menu_end_hov.jpg) no-repeat;}
#menu .menu li.ends_act{ background:url(../_imgs/menu_end_act.jpg) no-repeat; width:125px; height:55px; display:block; text-indent:-9999em;}





#menu ul li:hover { background: url('navigation_icon.gif') repeat scroll 0% 0% transparent; }
#menu ul.level1 li:hover ul.level2 { display: block; }
#menu ul.level2 ul { position: absolute; left: 170px; top: 0px; z-index: 10; }
#menu ul.level2 li:hover ul.level3 { display: block; }





#content{ width:964px; height:auto; float:left;}

#sidebar_left{  width:210px; float:left;  }
#sidebar{  width:210px; height:1100px; float:left; color:#595757; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; overflow:hidden;}

#sidebarLink{  width:210px; float:left; margin-bottom:22px; }
#sidebarLink .img{  width:210px; float:left; margin-top:5px;}

.sidebarNewsTop{  width:210px; float:left; padding-bottom:5px;}
.sidebarNews{  width:210px; float:left;margin-bottom:16px; padding-top:5px; border-top:#999 dotted 1px;}

#sidebar .title{ color:#6DB82B; font-size:11px; font-weight:bold;}
#sidebar .title a{ color:#6DB82B; font-size:11px; font-weight:bold; text-decoration:none; }
#sidebar .title a:hover{ color:#6DB82B; font-size:11px; font-weight:bold; text-decoration:none; }
#sidebarMenu{  width:210px; float:left; margin-left:19px;}
#sidebar .img{  width:210px; float:left; margin-top:6px;}

#main{ width:740px; float:left; }
#mainFlash{ width:740px; height:265px; float:left; background:url(../_imgs/mainFlash.jpg) no-repeat; }
#mainBanner{ width:740px; height:140px; float:left; margin-top:23px; margin-bottom:20px; }
#mainBanner .img{ margin-left:2px;}

#mainDown{ width:740px; float:left; text-align:left;}
#mainMenu{ width:740px; float:left; text-align:left; margin-bottom:7px;}
#mainGame{ width:740px; float:left;}
#mainGameMenu{ width:740px; height:42px; float:left; background:url(../_imgs/main_01_menuBg.jpg) repeat-x; margin-bottom:5px;}
#mainGameMenu .but{ padding-right:3px;}
#mainGameContent{ width:740px;  float:left; padding-top:14px;}
#mainGameText{width:370px; height:462px; float:left; background:#EBEBEB; color:#000000; ; padding-top:10px; margin-right:4px; font-size:11px;}
#mainGameText01{width:100px; height:442px; float:left; margin-left:40px; margin-right:15px;}
#mainGameText02{width:100px; height:442px; float:left; margin-right:15px;}
#mainGameText03{width:100px; height:442px; float:left;}
#mainGameMore a{width:367px; height:17px; float:left; background:#6EB92B; color:#FFFFFF; text-align:right; padding-top:3px; padding-right:3px; font-size:11px;}
#mainGameMore a:hover{ color:#000000;text-decoration:none;}


#mainGameMenu #search{ width:189px; height:17px; margin-top:11px; float:left; background:url(../_imgs/main_search.jpg) no-repeat;  }
.searchBg{ background:url(../_imgs/main_search.jpg) no-repeat; width:199px; height:20px; text-align:center; padding-top:8px; float:left;}
.searchBg input{ width:199px; border:0; font-size:12px;}
a.btnSearch{ background:url(../_imgs/btn_search.png) no-repeat; width:60px; height:31px; display:block; padding:8px 0 0 3px; font-size:13px; float:left; letter-spacing:5px; margin-left:5px;}
a.btnSearch:hover{ background:url(../_imgs/btn_search_hover.png) no-repeat; text-decoration:none;}
a.btnSearch{ color:#FFF; text-decoration:none;}

#mainGameText ul{ margin:0; list-style:none;}
#mainGameText ul li{ margin:0; padding:4px 0px; line-height:1.4em; list-style:none; list-style-image:url(../_imgs/main_01_icon.gif);color:#3F3F3F; }
#mainGameText ul li a{ color:#3F3F3F; font-size:11px; list-style:none;}
#mainGameText ul li a:hover{ color:#6DB82B;text-decoration:none;}

#mainGamePic{width:366px; height:472px; float:left;}
#mainGamePic ul{ list-style:none;width:366px;  height:472px;}
#mainGamePic ul li{ float:left; display:inline; cursor:pointer; }
#mainGamePic img{ width:170px; height:82px; padding:2px 7px 7px 3px; background:url(../_imgs/main_01_imgBg.jpg) no-repeat;display:block; margin-bottom:3px; }
.imgGame{ margin-right:4px;}  
  
#footerMenuBg{width:100%; height:195px; margin:1021px auto 0px auto; background:url(../_imgs/bg_3.gif) repeat-x bottom; z-index:3;}

#footerMenu{ width:924px; height:96px; float:left; text-align:left; padding:20px ; background:#f7f7f7; margin-top:10PX; font-size:11px;}
#footerMenu .title{ background:url(../_imgs/footer_icon.gif) no-repeat; padding-left:10px; color:#6DB82B; padding-bottom:5px;}
#footerMenu01{width:85px; height:96px; float:left; margin-left:10px;}
#footerMenu02{width:65px; height:96px; float:left; margin-left:10px;}
#footerMenu03{width:100px; height:96px; float:left; margin-left:10px;}
#footerMenu04{width:80px; height:96px; float:left; margin-left:10px;}
#footerMenu05{width:100px; height:96px; float:left; margin-left:10px;}
#footerMenu06{width:65px; height:96px; float:left; margin-left:10px;}

#footerMenu ul{ margin-top:7px; list-style:none;}
#footerMenu ul li{ padding-top:4px; list-style:none; color:#000000; }
#footerMenu ul li a{ color:#000000; font-size:12px;}
#footerMenu ul li a:hover{ color:#999999; text-decoration:none;}

#footer{ width:924px; height:16px; float:left; text-align:left; padding:20px 20px 20px 20px ; background:#FFFFFF; background:url(../_imgs/footer_logo.jpg) right center no-repeat; text-align:center left; font-size:10px; color:#3F3532;}



/* PAGE */
#mainPage{ width:725px;  float:left; margin-left:29px;}
#mainNav{ width:725px;height:20px; float:left; text-align:right; padding-top:10px; }
#mainNav a{ font-size:12px; color:#6f6f6f; }
#mainNav a:hover{  color:#6DB82B; text-decoration:none;  }
#mainNav .h1{  color:#6DB82B; text-decoration:none;  }

.title01{background:url(../_imgs/whygash_img03.jpg) no-repeat; width:54px; height:16px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding-top:2px; padding-left:10px;}
.tableBorder{background:url(../_imgs/whygash_img05.jpg) repeat-x; height:18px;}
.title02{ font-size:16px; font-weight:bold; color:#6DB82B; padding:10px 0;}
.tableText{ font-size:12px;  color:#6f6f6f; padding-top:10px; padding-bottom:10px; line-height:1.8em; }
.tableText2{ font-size:13px;  color:#6f6f6f; padding-top:6px; padding-bottom:6px; padding-right:10px; padding-left:5PX; line-height:1.8em;}

.tableText2 a{ font-size:13px;  color:#6DB82B; line-height:1.8em;}
.tableText2 a:hover{ font-size:13px;  color:#6DB82B; text-decoration:none;}

.title03{ font-size:16px; font-weight:bold; color:#002c56; padding:6px 0;}
.title04{ font-size:16px; font-weight:bold;  color:#002c56; padding:6px 0; letter-spacing:1px; line-height:18px;}
.tableText3{ font-size:13px;  color:#6DB82B;padding:5px 0; }
.titleText4{ font-size:13px; font-weight:bold; color:#002c56; padding:6px 0;}
.table04{font-size:13px; color:#6f6f6f; padding-left:4px; padding-right:0px; line-height:1.8em;}

.tableStory{background:url(../_imgs/story_01_imgBG.jpg) repeat-y; width:730px;}

#mainStory{ width:725px; text-align:left; }
#mainStory{ width:725px; text-align:left; }
#mainStory ul{ margin:6px 0 0px 20px; list-style:none; padding-left:20px;}
#mainStory ul li{ margin:0;  font-size:13px;  color:#6f6f6f; line-height:1.8em; list-style:none; list-style-image:url(../_imgs/story_02_icon.jpg);}
