@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 100%; font-family: Tahoma, Geneva, sans-serif; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #fff; color: #363636; line-height: 1.2; }
a, a:link { color: #222; text-decoration: none; }
a:visited { }
a:active, a:hover { text-decoration: underline; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.recruit { margin: 0 auto }
.recruit a { font-family: Microsoft YaHei; color: #DF4C36; text-decoration: underline; }
.recruit_01 { background:url(https://png.pookcdn.net/net/hr/recruit_01.jpg) no-repeat; }
.recruit_02 { background: url(https://png.pookcdn.net/net/hr/recruit_02.jpg) no-repeat; }
.recruit_03 { background: url(https://png.pookcdn.net/net/hr/recruit_03.jpg) no-repeat; }
.recruit_04 { background: url(https://png.pookcdn.net/net/hr/recruit_04.jpg) no-repeat; }
.recruit_05 { background: url(https://png.pookcdn.net/net/hr/recruit_05.jpg) no-repeat; }
.recruit_06 { background: url(https://png.pookcdn.net/net/hr/recruit_06.jpg) no-repeat; }
.recruit_07 { background: url(https://png.pookcdn.net/net/hr/recruit_07.jpg) no-repeat; }
.recruit_08 { background: url(https://png.pookcdn.net/net/hr/recruit_08.jpg) no-repeat; }
.recruit_09 { background: url(https://png.pookcdn.net/net/hr/recruit_09.jpg) no-repeat; }
.recruit_10 { background: url(https://png.pookcdn.net/net/hr/recruit_10.jpg) no-repeat; }
.recruit_11 { background: url(https://png.pookcdn.net/net/hr/recruit_11.jpg) no-repeat; }
.recruit_12 { background: url(https://png.pookcdn.net/net/hr/recruit_12.jpg) no-repeat; }
.recruit_13 { background: url(https://png.pookcdn.net/net/hr/recruit_13.jpg) no-repeat; }
.recruit_14 { background: url(https://png.pookcdn.net/net/hr/recruit_14.jpg) no-repeat; }
.recruit_15 { background: url(https://png.pookcdn.net/net/hr/recruit_15.jpg) no-repeat; }
.recruit_16 { background: url(https://png.pookcdn.net/net/hr/recruit_16.jpg) no-repeat; }
.recruit_17 { background: url(https://png.pookcdn.net/net/hr/recruit_17.jpg) no-repeat; }
.recruit_18 { background: url(https://png.pookcdn.net/net/hr/recruit_18.jpg) no-repeat; }
.recruit_19 { background: url(https://png.pookcdn.net/net/hr/recruit_19.jpg) no-repeat; }
.recruit_20 { background: url(https://png.pookcdn.net/net/hr/recruit_20.jpg) no-repeat; }
.recruit_21 { background: url(https://png.pookcdn.net/net/hr/recruit_21.jpg) no-repeat; }
.recruit_22 { background: url(https://png.pookcdn.net/net/hr/recruit_22.jpg) no-repeat; }
.recruit_23 { background: url(https://png.pookcdn.net/net/hr/recruit_23.jpg) no-repeat; }
.recruit_24 { background: url(https://png.pookcdn.net/net/hr/recruit_24.jpg) no-repeat; }

@media only screen and (min-width:0) and (max-width:356px) {
.recruit { width: 320px; }
.recruit_01 { height: 64px; background-size: 320px 64px; }
.recruit_02 { height: 64px; background-size: 320px 64px; }
.recruit_03 { height: 64px; background-size: 320px 64px; }
.recruit_04 { height: 64px; background-size: 320px 64px; }
.recruit_05 { height: 64px; background-size: 320px 64px; }
.recruit_06 { height: 64px; background-size: 320px 64px; }
.recruit_07 { height: 64px; background-size: 320px 64px; }
.recruit_08 { height: 64px; background-size: 320px 64px; }
.recruit_09 { height: 64px; background-size: 320px 64px; }
.recruit_10 { height: 64px; background-size: 320px 64px; }
.recruit_11 { height: 64px; background-size: 320px 64px; }
.recruit_12 { height: 64px; background-size: 320px 64px; }
.recruit_13 { height: 64px; background-size: 320px 64px; }
.recruit_14 { height: 64px; background-size: 320px 64px; }
.recruit_15 { height: 64px; background-size: 320px 64px; }
.recruit_16 { height: 64px; background-size: 320px 64px; }
.recruit_17 { height: 64px; background-size: 320px 64px; }
.recruit_18 { height: 64px; background-size: 320px 64px; }
.recruit_19 {height: 64px; background-size: 320px 64px;}
.recruit_20 {height: 64px; background-size: 320px 64px;}
.recruit_21 {height: 64px; background-size: 320px 64px;}
.recruit_22 {height: 64px; background-size: 320px 64px;}
.recruit_23 {height: 64px; background-size: 320px 64px;}
.recruit_24 { height:37px; background-size: 320px 37px; }
.recruit_21 a { font-size:13px; left: 109px; top: 28px; }

}

@media only screen and (min-width:360px) and (max-width:479px) {
.recruit { width: 360px; }
.recruit_01 { height: 71px; background-size: 360px 71px; }
.recruit_02 { height: 71px; background-size: 360px 71px; }
.recruit_03 { height: 71px; background-size: 360px 71px; }
.recruit_04 { height: 71px; background-size: 360px 71px; }
.recruit_05 { height: 71px; background-size: 360px 71px; }
.recruit_06 { height: 71px; background-size: 360px 71px; }
.recruit_07 { height: 71px; background-size: 360px 71px; }
.recruit_08 { height: 71px; background-size: 360px 71px; }
.recruit_09 { height: 71px; background-size: 360px 71px; }
.recruit_10 { height: 71px; background-size: 360px 71px; }
.recruit_11 { height: 71px; background-size: 360px 71px; }
.recruit_12 { height: 71px; background-size: 360px 71px; }
.recruit_13 { height: 71px; background-size: 360px 71px; }
.recruit_14 { height: 71px; background-size: 360px 71px; }
.recruit_15 { height: 71px; background-size: 360px 71px; }
.recruit_16 { height: 71px; background-size: 360px 71px; }
.recruit_17 { height: 71px; background-size: 360px 71px; }
.recruit_18 { height: 71px; background-size: 360px 71px; }
.recruit_19 {height: 71px; background-size: 360px 71px; }
.recruit_20 {height: 71px; background-size: 360px 71px; }
.recruit_21 {height: 71px; background-size: 360px 71px; }
.recruit_22 {height: 71px; background-size: 360px 71px;}
.recruit_23 {height: 71px; background-size: 360px 71px;}
.recruit_24 { height:41px; background-size: 360px 41px; }
.recruit_21 a { font-size:14px; left: 121px; top: 33px; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.recruit { width: 480px; }
.recruit_01 { height: 93px; background-size: 480px 93px; }
.recruit_02 { height: 93px; background-size: 480px 93px; }
.recruit_03 { height: 93px; background-size: 480px 93px; }
.recruit_04 { height: 93px; background-size: 480px 93px; }
.recruit_05 { height: 93px; background-size: 480px 93px; }
.recruit_06 { height: 93px; background-size: 480px 93px; }
.recruit_07 { height: 93px; background-size: 480px 93px; }
.recruit_08 { height: 93px; background-size: 480px 93px; }
.recruit_09 { height: 93px; background-size: 480px 93px; }
.recruit_10 { height: 93px; background-size: 480px 93px; }
.recruit_11 { height: 93px; background-size: 480px 93px; }
.recruit_12 { height: 93px; background-size: 480px 93px; }
.recruit_13 { height: 93px; background-size: 480px 93px; }
.recruit_14 { height: 93px; background-size: 480px 93px; }
.recruit_15 { height: 93px; background-size: 480px 93px; }
.recruit_16 { height: 93px; background-size: 480px 93px; }
.recruit_17 { height: 93px; background-size: 480px 93px; }
.recruit_18 { height: 93px; background-size: 480px 93px; }
.recruit_19 {height: 93px; background-size: 480px 93px; }
.recruit_20 {height: 93px; background-size: 480px 93px; }
.recruit_21 { height: 93px; background-size: 480px 93px; }
.recruit_22 {height: 93px; background-size: 480px 93px;}
.recruit_23 {height: 93px; background-size: 480px 93px;}
.recruit_24 { height: 54px; background-size: 480px 54px; }
.recruit_21 a { font-size: 20px; left: 164px; top: 40px; }
}

@media only screen and (min-width:640px) and (max-width:719px) {
.recruit { width: 640px; }
.recruit_01 { height: 124px; background-size: 640px 124px; }
.recruit_02 { height: 124px; background-size: 640px 124px; }
.recruit_03 { height: 124px; background-size: 640px 124px; }
.recruit_04 { height: 124px; background-size: 640px 124px; }
.recruit_05 { height: 124px; background-size: 640px 124px; }
.recruit_06 { height: 124px; background-size: 640px 124px; }
.recruit_07 { height: 124px; background-size: 640px 124px; }
.recruit_08 { height: 124px; background-size: 640px 124px; }
.recruit_09 { height: 124px; background-size: 640px 124px; }
.recruit_10 { height: 124px; background-size: 640px 124px; }
.recruit_11 { height: 124px; background-size: 640px 124px; }
.recruit_12 { height: 124px; background-size: 640px 124px; }
.recruit_13 { height: 124px; background-size: 640px 124px; }
.recruit_14 { height: 124px; background-size: 640px 124px; }
.recruit_15 { height: 124px; background-size: 640px 124px; }
.recruit_16 { height: 124px; background-size: 640px 124px; }
.recruit_17 { height: 124px; background-size: 640px 124px; }
.recruit_18 { height: 124px; background-size: 640px 124px; }
.recruit_19 { height: 124px; background-size: 640px 124px; }
.recruit_20 { height: 124px; background-size: 640px 124px; }
.recruit_21 { height: 124px; background-size: 640px 124px; }
.recruit_22 { height: 124px; background-size: 640px 124px; }
.recruit_23 { height: 124px; background-size: 640px 124px; }
.recruit_24 { height: 72px; background-size: 640px 72px; }
.recruit_21 a { font-size: 27px; left: 217px; top: 54px; }
}

@media only screen and (min-width:720px) {
.recruit { width: 720px; }
.recruit_01 { height: 137px; background-size: 720px 137px; }
.recruit_02 { height: 137px; background-size: 720px 137px; }
.recruit_03 { height: 137px; background-size: 720px 137px; }
.recruit_04 { height: 137px; background-size: 720px 137px; }
.recruit_05 { height: 137px; background-size: 720px 137px; }
.recruit_06 { height: 137px; background-size: 720px 137px; }
.recruit_07 { height: 137px; background-size: 720px 137px; }
.recruit_08 { height: 137px; background-size: 720px 137px; }
.recruit_09 { height: 137px; background-size: 720px 137px; }
.recruit_10 { height: 137px; background-size: 720px 137px; }
.recruit_11 { height: 137px; background-size: 720px 137px; }
.recruit_12 { height: 137px; background-size: 720px 137px; }
.recruit_13 { height: 137px; background-size: 720px 137px; }
.recruit_14 { height: 137px; background-size: 720px 137px; }
.recruit_15 { height: 137px; background-size: 720px 137px; }
.recruit_16 { height: 137px; background-size: 720px 137px; }
.recruit_17 { height: 137px; background-size: 720px 137px; }
.recruit_18 { height: 137px; background-size: 720px 137px; }
.recruit_19 { height: 137px; background-size: 720px 137px; }
.recruit_20 { height: 137px; background-size: 720px 137px; }
.recruit_21 { height: 137px; background-size: 720px 137px; }
.recruit_22 { height: 137px; background-size: 720px 137px; }
.recruit_23 { height: 137px; background-size: 720px 137px; }
.recruit_24 { height: 80px; background-size: 720px 80px; }
.recruit_21 a { font-size: 30px; left: 239px; top: 59px; }
}
