body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,img,div {margin:0;padding:0;border:0; font-family:΢ÈíÑźÚ,Verdana,Arial, Helvetica,sans-serif;font-size:13px; }
body{background-color:#fff;color:#000; }

.login_bg { float:left;width:100%; height:100%;   background:url(../images/index_loginbg.jpg)  top center no-repeat; }
.login{ margin:0 auto; width:382px; margin-top:200px; height:400px;}
 html, body { 
            width:100%;
            height:100%;
            margin:0px;
            padding:0px;
        }
img{image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
td,li,select,input,textarea,div {font-size:12px; }
ul,ol{list-style-type:none;}
em{font:normal 12px Tahoma;}
select,input{vertical-align:middle;}
a:link,a:visited{color:#000000;text-decoration:none;cursor:pointer;}
a:hover,a:active{color:#F00;text-decoration:none;cursor:pointer;}
.page{width:1300px; margin:0 auto; text-align:left;}
.clear{ clear: both; font-size:1px; width:1px; height:0px; overflow:hidden; visibility: hidden; }
.transition_500{webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms ;}
select::-ms-expand { display: none; }
*{margin:0;padding:0;}
@font-face {
	   font-family: basefont;

	  src: url('leaguegothic-regular-webfont.ttf'),  url("leaguegothic-regular-webfont.eot") format('opentype'); 
	  
	  
	
	  font-weight:normal;

	 }
	 


	 

.logo{ float:left;  width:320px; height:auto; }
.logo a { float:left; margin:5px 0px 0px 75px; }
.logo img{ width:100%; height:auto;  image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.index_top{ float:left; position:relative; width:100%; height:100%;}
.min_w{width:100%; min-width:1300px; }


.top_header{width:100%; height:75px;z-index:10; position: fixed;top:0px;  -webkit-box-shadow:0 0 10px #9d9d9d;  
  -moz-box-shadow:0 0 10px #9d9d9d;  
  box-shadow:0 0 10px #9d9d9d; background-color:rgba(255,255,255,0.8);  }


.search{ float:right; right:0px;}
#search_form { position: fixed; z-index:1200; right:0px; height:75px;  display:none; border-left:1px solid #808080; background-color:#FFF; }
#search_form h2 { float:left; }




/*±ß¿ò*/

.boxborder {border:1px solid #DFE9F2; background-color:#F3F3F3; padding-bottom:7px;}
/*µ×²¿°æȨ*/

.linking { float:left;margin:15px 0px 15px 15px; padding:0px; display:inline; min-height:60px;}
.linking li { float:left; margin-right:7px; line-height:22px; height:22px; word-break: normal; white-space:nowrap;}



.footer { width:100%; min-width:1300px; background-color:#171717; height:40px;text-align: center; color:#fff;line-height:40px;}
.footer span {color:#fff; }
.footer a:link,.footer a:visited{color:#fff;}
.footer a:hover,.footer a:active{color:#FF0000; }

.bottom_foot{ width:1000px; text-align:center; height:30px; line-height:30px;}
.bottom_foot ul { margin:0px;}
.bottom_foot li { float:left; text-align:center; margin-left:14px; display:inline;}

.bottom_logo { float:left; width:300px; margin-top:45px;}
.bottom_logo  h1{ float:left;    line-height:60px;  font-size:18px; display:inline; color:#7e7e7e; display:block;}
.bottom_logo span{ float:left; background:url(../images/index_20.jpg) left 4px no-repeat; height:80px; padding-left:40px; margin-top:10px; line-height:30px;  color:#999999; }
.bottom_logo p{ float:left; width:100%;  margin-top:40px; font-size:14px; color:#999999; display:block;}
.bottom_logo b{ float:left;width:100%;   margin-top:5px; font-size:20px;  color:#171717;display:block; }


.bottom_menu{ float:left; width:135px; height:210px; margin-top:55px; }
.bottom_menu dt{  width:130px; height:105px; line-height:60px; padding-bottom:10px; text-align:center; }
.bottom_menu dt h1{ float:left; margin-left:50px;   font-size:15px; display:inline; color:#7f7f7f;}
.bottom_menu dd{   width:130px; height:25px;text-align:center; }
.bottom_menu dd span{  float:left; margin-left:50px; line-height:22px;  }

.bottom_right{ float:right; width:199px; margin-top:35px;margin-right:10px;}
.bottom_right span{ float:right;height:80px;   line-height:30px;  color:#999999; }
.bottom_right p{ float:right; margin-top:40px; line-height:30px;  color:#999999; }

.menu_link{font-size:14px; color:#fff;}
.menu_link a:link{font-size:14px;color:#fff;}
.menu_link a:visited{color:#fff;font-size:14px;}
.menu_link a:hover{color:#fff;font-size:14px;}
.menu_link a:active{color:#fff;font-size:14px;}

.menu2{font-size:12px; color:#7f7f7f;}
.menu2 a:link{color:#7f7f7f;font-size:12px;}
.menu2 a:visited{color:#7f7f7f;font-size:12px;}
.menu2 a:hover{color:#FF0000;font-size:12px;}
.menu2 a:active{color:#7f7f7f;font-size:12px;}

.menu_s{font-size:13px; color:#262626;}
.menu_s a:link{color:#262626;font-size:13px;}
.menu_s a:visited{color:#262626;font-size:13px;}
.menu_s a:hover{color:#FF0000;font-size:13px;}
.menu_s a:active{color:#262626;font-size:13px;}


.input {
	BORDER: #e0e0e0 1px solid; line-height:30px; height:30px; width:200px; padding-left:20px; FONT-SIZE: 12px;COLOR: #656565;  BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: blink; resize:none;
}

.input1 {
	BORDER: #e0e0e0 1px solid; line-height:42px; height:42px; width:100%; padding-left:20px; FONT-SIZE: 12px;COLOR: #8b8b8b; font-family:΢ÈíÑźÚ,Verdana,Arial, Helvetica,sans-serif; BACKGROUND-COLOR: #e5e5e5; TEXT-DECORATION: blink; resize:none;
}

.input2 {margin-left:10px;
	BORDER: #e0e0e0 1px solid; line-height:42px; height:42px; width:138px; padding-left:20px; FONT-SIZE: 14px;COLOR: #8b8b8b; font-family:΢ÈíÑźÚ,Verdana,Arial, Helvetica,sans-serif;   background:url(../images/select_icon.png) right center  no-repeat;BACKGROUND-COLOR: #e5e5e5; 



-webkit-appearance:none;

-moz-appearance:none;

appearance:none;
}

.input4 {BORDER: #cacaca 0px double;  float:left; width:1160px; color:#999; height:200px; line-height:30px; line-height:32px; padding-left:20px;TEXT-DECORATION: blink; BACKGROUND-COLOR: #ffffff;}

.input3 {BORDER: #e0e0e0 1px solid; line-height:42px; height:42px; width:100px; padding-left:20px; FONT-SIZE: 12px;COLOR: #656565;  BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: blink; resize:none;}

.button3 {
BORDER: #cacaca 0px double;  cursor:pointer ; width:1160px;color:#fff; font-size:18px; line-height:47px; height:47px;TEXT-DECORATION: blink; background-color:#55585a; cursor:default;
}
.button3:hover {cursor:pointer ; 
background-color: #d90000; 
}

.button {
BORDER: #cacaca 0px double;  cursor:pointer ; width:100%;color:#8b8b8b; font-weight:bold; font-size:18px; line-height:47px; height:47px;TEXT-DECORATION: blink; background-color:#e5e5e5; cursor:default;
}
.button:hover {cursor:pointer ; 
background-color: #d90000; color:#fff;
}




#city_join {right:35px; width: 43px; position:fixed;top: 335px;  height:190px;z-index:2000;}

#city_join span{float:left; display:inline; width:43px; height:49px;   background-color:#212121;}



#city_join span:hover {
 background-color:#ca0000;
}




#rege_freedisign {right: 40px; width: 65px; position:fixed;top: 200px;  height:76px;z-index:2002; display:none;}