/* #contentBox ============================================= */
#contentBox{width: 100%;min-width: 960px; height: 1000px; padding: 0 3.7rem; box-sizing: border-box;  border-top: 1px solid #eee; margin: 0 auto;}

.title{width: 350px; height: 100px; line-height: 50px; margin-top: 30px; font-size: 3.5rem; text-align: center; margin-left: 60px; color: #333;}
/* #contentBox ------------------------------ */
.loginbox{width: 1000px; min-width: 960px; height: 300px; background-color: #eee; margin-top: 60px; margin: 0 auto; /*padding: 70px 70px; box-sizing: border-box;*/}
  fieldset{width: 100%; height:100%;}

  .login_form{padding:40px 0 20px 0; text-align: center; }
  .member{margin-right: 50px;}

.loginbox>fieldset>ul{width: 720px; height: 140px; margin:0 auto; position: relative;}
  .id_box{width: 500px; height: 50px;margin-top: 10px; }
  .id{width: 500px; height: 50px; text-indent: 10px; border:1px solid #ccc;}

  .pw_box{width: 500px; height: 50px;margin-top: 10px; }
  .pw{width: 500px; height: 50px; text-indent: 10px; border:1px solid #ccc;}

  .login_area{width:200px; height: 110px; position: absolute; right: 0; top:0;}
  .login_area>button{width: 100%;height: 100%;background-color: #caf; color: #fff; font-size: 1.5rem; }
  .id_storage{width: 180px; height: 40px; float: left; margin-top: 20px;}
  .pw_security{width: 200px; height: 40px; float: left; margin-top: 20px;}

#contentBox>dl{width: 700px; min-width: 960px; height: 130px;margin: 0 auto; margin-top: 30px;}
#contentBox dt{width: 500px; height: auto; float: left;}

.membership{width: 140px;height: 50px;background-color: #999; color: #fff; font-weight: bold; text-align: center; line-height: 50px; float: left; }
.membership>a{display: block;width: 100%; height: 100%; color: #fff;}



.service_box{width: 1300px; min-width: 960px; height: 200px; margin:0 auto;}
.third i{color: #fff; font-size: 2rem; text-align: center; line-height: 60px;}
.service_box>.special{width: 200px; height: 200px; background-color: #caf;color: #fff; font-weight: bold; font-size: 1.5rem; display:block; text-align: center; line-height: 40px; padding: 40px 0; box-sizing: border-box; float: left; }
.service_box>.list{width: 1004px;height: 200px;float: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; box-sizing: border-box;}
.service_box>.list>.li_01{width: 250px;height: 150px; float: left;  border-right: 1px solid #ddd; box-sizing: border-box; line-height: 30px; text-align: center; }
.service_box>.list>.li_01>.fir{width: 200px; height: 80px;  margin: 0 auto; font-weight: bold; font-size: 1.2rem;}
.service_box>.list>.li_01>.fir>span{color: #f99;}
.service_box>.list>.li_01>.sec{width: 200px; height: 30px; margin: 0 auto;}
.service_box>.list>.li_01>.third{width: 60px; height: 60px; border-radius: 50px; background-color: #f99; margin: 0 auto;}
.third i{color: #fff; font-size: 2rem; text-align: center; line-height: 60px;}
.third>a{display: block; width: 100%; height: 100%;}