@charset "utf-8";

/**********main_content**********/
#main_inner .main_content{width:917px;display:inline-block;float:right;background:#fff;min-height:580px;margin-bottom: 50px;}
#main_inner .main_content #location{height:107px;background: url("../images/tilte_bg.png")no-repeat right; margin-bottom:40px;}
#main_inner .main_content h2{clear:both;font-size:1.5em; padding-top:73px;padding-bottom:14px; border-bottom:1px solid #dcdcdc;color:#020202;}


#login_wrap #login_input{width: 90%;margin: 10px auto;padding:30px;border-radius:3px; background:url('../images/bg01.png') #eee right;}
#login_wrap #login_input .login_input_inner{background: url(../images/box_bg.png) repeat #fff;width:100%;position: relative;overflow: hidden;}
#login_wrap #login_input .login_input_inner::before{content:'';display: block;width:300px;height:282px;background: url('../images/login_bg01.png')no-repeat;background-size:100%;position: absolute;left:-18px;top:-28px;z-index:1;opacity:.6;}
#login_wrap #login_input .login_input_inner::after{content:'';display: block;width:300px;height:365px;background: url('../images/login_bg02.png')no-repeat bottom;background-size:100%;position: absolute;right:18px;bottom:10px;z-index:1;opacity:.6;}
#login_wrap #login_input table{position: relative;margin: 0px auto; width:60%;z-index: 100;}
#login_wrap #login_input table tbody td{color:#333;text-shadow: 1px 1px 1px #fff;}
#login_wrap #login_input table tbody td table{margin:100px auto;height:100px;width:100%;}
#login_wrap #login_input table tbody td table tbody{width:100%;}
#login_wrap #login_input table tbody td table td:nth-child(1),
#login_wrap #login_input table tbody td table td:nth-child(5){width:0;}
#login_wrap #login_input table tbody td table td:nth-child(4) input{margin-top: 25px;}
#login_wrap #login_input table tbody td table td input#u_name,
#login_wrap #login_input table tbody td table tr:nth-child(2) td:nth-child(3) input{width:100%;}
#login_wrap #login_input table tbody td table tr:nth-child(1) td:nth-child(4) input{margin-left: 10px;}

/*#login_wrap #login_input table tbody td table tr:nth-child(2){background:rgba(255,255,255,.7);}
#login_wrap #login_input table tbody td table tr:nth-child(1){background:rgba(255,255,255,.7);}*/
#login_wrap #login_input table tbody td table td{padding:0 10px;}

#login_wrap #login_input table tbody td table tr:nth-child(1) td:nth-child(2){width:20%;}
#login_wrap #login_input table tbody td table tr:nth-child(1) td:nth-child(3){width:30%;}
#login_wrap #login_input table tbody td table tr:nth-child(1) td:nth-child(4){width:15%;}

.search_ok{background:#333;width:80px;height:50px;border:1px solid #333; color:#fff;cursor: pointer;border-radius: 8px;font-size: 1em;}


    /*main_content - max-width: 1200px*/ 
    @media all and (max-width:1200px){
      #main_inner .main_content{width:78%;}
    }
    /*main_content - max-width: 1024px*/ 
    @media all and (max-width:1024px){
      #main_inner .main_content{display: block;float: none;margin: 0 auto;width:90%; height:auto;}
      .search_ok{width:100%;}
    }
    /*main_content - max-width: 868px*/ 
    @media all and (max-width:868px){
      #login_wrap #login_input table tbody td{font-size: .9em;}
      #login_wrap #login_input table tbody td table tr:nth-child(1) td:nth-child(2) {padding:0 5px;width: 15%;}
      #login_wrap #login_input table tbody td table tr:nth-child(1) td:nth-child(3) { width: 25%;}
      #login_wrap #login_input table tbody td table td{padding:0;}
      #login_wrap #login_input table tbody td table tr:nth-child(2) td:nth-child(2){padding:0 5px;}
      .search_ok{width:70%;}
    }
    /*main_content - max-width: 868px*/ 
    @media all and (max-width:768px){
      #login_wrap #login_input table tbody td{word-break: keep-all;}
    }
    /*main_content - max-width: 868px*/ 
    @media all and (max-width:599px){
      #login_wrap{}
      #login_wrap #login_input{max-width:100%;padding:5%;margin: 10px auto;border-radius:3px;}
      #login_wrap #login_input .login_input_inner{max-width:100%;}
      #login_wrap #login_input table{margin: 0px auto; width:80%;}
    }
    @media all and (max-width:499px){
      #login_wrap #login_input table tbody td{font-size: .82em;}
    }
    @media all and (max-width:411px){
      #login_wrap #login_input table{margin: 0px auto; width:98.3%;}
      
    }