/* CSS for Skill | Written by ΜμΟθ | 2010-06-22 */

/* Skill ------------------------------ */
.menu_skill {
	padding-top: 50px;
}

.menu_skill h3 {
	margin-bottom: 0;
	height: 50px;
}

.menu_skill a {
	display: block;
}

/* Menu */
.voc_1 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 0;
}

.voc_1 a:hover, .voc_1 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px 0;
}

.voc_2 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -50px;
}

.voc_2 a:hover, .voc_2 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -50px;
}

.voc_3 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -100px;
}

.voc_3 a:hover, .voc_3 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -100px;
}

.voc_4 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -150px;
}

.voc_4 a:hover, .voc_4 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -150px;
}

.voc_5 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -200px;
}

.voc_5 a:hover, .voc_5 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -200px;
}

.voc_6 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -300px;
}

.voc_6 a:hover, .voc_6 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -300px;
}

.voc_7 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -250px;
}

.voc_7 a:hover, .voc_7 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -250px;
}

.voc_8 a {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat 0 -350px;
}

.voc_8 a:hover, .voc_8 .act {
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/nav/skill.gif*/ no-repeat -200px -350px;
}

/* Caption */
.skill h3 {
	background: url("../_img/caption/main.gif")/*tpa=http://www.ikki.com.cn/_img/caption/main.gif*/ no-repeat 0 0px;
}

.skill_voc_1 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 0;
}

.skill_voc_2 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -30px;
}

.skill_voc_3 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -60px;
}

.skill_voc_4 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -90px;
}

.skill_voc_5 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -120px;
}

.skill_voc_6 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -180px;
}

.skill_voc_7 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -150px;
}

.skill_voc_8 h3 {
	background: url("../_img/caption/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/caption/vocation.gif*/ no-repeat 0 -210px;
}

/* Skill Icon */
.fire {
	padding: 2px 0 1px 20px;
	line-height: 16px;
	background: url("../_img/icon/magic.gif")/*tpa=http://www.ikki.com.cn/_img/icon/magic.gif*/ no-repeat 0 0;
}

.ice {
	padding: 2px 0 1px 20px;
	line-height: 16px;
	background: url("../_img/icon/magic.gif")/*tpa=http://www.ikki.com.cn/_img/icon/magic.gif*/ no-repeat 0 -20px;
}

.wind {
	padding: 2px 0 1px 20px;
	line-height: 16px;
	background: url("../_img/icon/magic.gif")/*tpa=http://www.ikki.com.cn/_img/icon/magic.gif*/ no-repeat 0 -40px;
}

.bolt {
	padding: 2px 0 1px 20px;
	line-height: 16px;
	background: url("../_img/icon/magic.gif")/*tpa=http://www.ikki.com.cn/_img/icon/magic.gif*/ no-repeat 0 -60px;
}

.light {
	padding: 2px 0 1px 20px;
	line-height: 16px;
	background: url("../_img/icon/magic.gif")/*tpa=http://www.ikki.com.cn/_img/icon/magic.gif*/ no-repeat 0 -80px;
}

.dark {
	padding: 2px 0 1px 20px;
	line-height: 16px;
	background: url("../_img/icon/magic.gif")/*tpa=http://www.ikki.com.cn/_img/icon/magic.gif*/ no-repeat 0 -100px;
}

.book, .book:hover {
	display: block;
	margin: 0 8px;
	padding-left: 20px;
	background: url("../_img/icon/book.gif")/*tpa=http://www.ikki.com.cn/_img/icon/book.gif*/ no-repeat 0 2px;
	*background: url("../_img/icon/book.gif")/*tpa=http://www.ikki.com.cn/_img/icon/book.gif*/ no-repeat 0 1px;
}

.skill_icon {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url("../_img/icon/skill.gif")/*tpa=http://www.ikki.com.cn/_img/icon/skill.gif*/;
	background-repeat: no-repeat;
}

.si_01_01 {
	background-position: 0 0;
}

.si_01_02 {
	background-position: -40px 0;
}

.si_01_03 {
	background-position: -80px 0;
}

.si_01_04 {
	background-position: -120px 0;
}

.si_01_05 {
	background-position: -160px 0;
}

.si_01_06 {
	background-position: -200px 0;
}

.si_01_07 {
	background-position: -240px 0;
}

.si_01_08 {
	background-position: -280px 0;
}

.si_02_01 {
	background-position: 0 -40px;
}

.si_02_02 {
	background-position: -40px -40px;
}

.si_02_03 {
	background-position: -80px -40px;
}

.si_02_04 {
	background-position: -120px -40px;
}

.si_02_05 {
	background-position: -160px -40px;
}

.si_02_06 {
	background-position: -200px -40px;
}

.si_02_07 {
	background-position: -240px -40px;
}

.si_02_08 {
	background-position: -280px -40px;
}

.si_03_01 {
	background-position: 0 -80px;
}

.si_03_02 {
	background-position: -40px -80px;
}

.si_03_03 {
	background-position: -80px -80px;
}

.si_03_04 {
	background-position: -120px -80px;
}

.si_03_05 {
	background-position: -160px -80px;
}

.si_03_06 {
	background-position: -200px -80px;
}

.si_03_07 {
	background-position: -240px -80px;
}

.si_03_08 {
	background-position: -280px -80px;
}

.si_04_01 {
	background-position: 0 -120px;
}

.si_04_02 {
	background-position: -40px -120px;
}

.si_04_03 {
	background-position: -80px -120px;
}

.si_04_04 {
	background-position: -120px -120px;
}

.si_04_05 {
	background-position: -160px -120px;
}

.si_04_06 {
	background-position: -200px -120px;
}

.si_05_01 {
	background-position: 0 -160px;
}

.si_05_02 {
	background-position: -40px -160px;
}

.si_05_03 {
	background-position: -80px -160px;
}

.si_05_04 {
	background-position: -120px -160px;
}

.si_05_05 {
	background-position: -160px -160px;
}

.si_05_06 {
	background-position: -200px -160px;
}

.si_06_01 {
	background-position: 0 -200px;
}

.si_06_02 {
	background-position: -40px -200px;
}

.si_06_03 {
	background-position: -80px -200px;
}

.si_06_04 {
	background-position: -120px -200px;
}

.si_06_05 {
	background-position: -160px -200px;
}

.si_06_06 {
	background-position: -200px -200px;
}

.si_07_01 {
	background-position: 0 -240px;
}

.si_07_02 {
	background-position: -40px -240px;
}

.si_07_03 {
	background-position: -80px -240px;
}

.si_07_04 {
	background-position: -120px -240px;
}

.si_07_05 {
	background-position: -160px -240px;
}

.si_07_06 {
	background-position: -200px -240px;
}

.si_08_01 {
	background-position: 0 -280px;
}

.si_08_02 {
	background-position: -40px -280px;
}

.si_08_03 {
	background-position: -80px -280px;
}

.si_08_04 {
	background-position: -120px -280px;
}

.si_08_05 {
	background-position: -160px -280px;
}

.si_08_06 {
	background-position: -200px -280px;
}

.si_08_07 {
	background-position: -240px -280px;
}

.si_09_01 {
	background-position: 0 -320px;
}

.si_09_02 {
	background-position: -40px -320px;
}

.si_09_03 {
	background-position: -80px -320px;
}

.si_09_04 {
	background-position: -120px -320px;
}

.si_09_05 {
	background-position: -160px -320px;
}

.si_09_06 {
	background-position: -200px -320px;
}

.si_09_07 {
	background-position: -240px -320px;
}

.si_10_01 {
	background-position: 0 -360px;
}

.si_10_02 {
	background-position: -40px -360px;
}

.si_10_03 {
	background-position: -80px -360px;
}

.si_10_04 {
	background-position: -120px -360px;
}

.si_10_05 {
	background-position: -160px -360px;
}

.si_10_06 {
	background-position: -200px -360px;
}

.si_10_07 {
	background-position: -240px -360px;
}

.si_11_01 {
	background-position: 0 -400px;
}

.si_11_02 {
	background-position: -40px -400px;
}

.si_11_03 {
	background-position: -80px -400px;
}

.si_11_04 {
	background-position: -120px -400px;
}

.si_11_05 {
	background-position: -160px -400px;
}

.si_11_06 {
	background-position: -200px -400px;
}

.si_12_01 {
	background-position: 0 -440px;
}

.si_12_02 {
	background-position: -40px -440px;
}

.si_12_03 {
	background-position: -80px -440px;
}

.si_12_04 {
	background-position: -120px -440px;
}

.si_12_05 {
	background-position: -160px -440px;
}

.si_12_06 {
	background-position: -200px -440px;
}

.si_13_01 {
	background-position: 0 -480px;
}

.si_13_02 {
	background-position: -40px -480px;
}

.si_13_03 {
	background-position: -80px -480px;
}

.si_13_04 {
	background-position: -120px -480px;
}

.si_13_05 {
	background-position: -160px -480px;
}

.si_13_06 {
	background-position: -200px -480px;
}

.si_14_01 {
	background-position: 0 -520px;
}

.si_14_02 {
	background-position: -40px -520px;
}

.si_14_03 {
	background-position: -80px -520px;
}

.si_14_04 {
	background-position: -120px -520px;
}

.si_14_05 {
	background-position: -160px -520px;
}

.si_14_06 {
	background-position: -200px -520px;
}

.si_14_07 {
	background-position: -240px -520px;
}

.si_14_08 {
	background-position: -280px -520px;
}

.si_15_01 {
	background-position: 0 -560px;
}

.si_15_02 {
	background-position: -40px -560px;
}

.si_15_03 {
	background-position: -80px -560px;
}

.si_15_04 {
	background-position: -120px -560px;
}

.si_15_05 {
	background-position: -160px -560px;
}

.si_15_06 {
	background-position: -200px -560px;
}

.si_15_07 {
	background-position: -240px -560px;
}

.si_15_08 {
	background-position: -280px -560px;
}

.si_16_01 {
	background-position: 0 -600px;
}

.si_16_02 {
	background-position: -40px -600px;
}

.si_16_03 {
	background-position: -80px -600px;
}

.si_16_04 {
	background-position: -120px -600px;
}

.si_16_05 {
	background-position: -160px -600px;
}

.si_16_06 {
	background-position: -200px -600px;
}

.si_16_07 {
	background-position: -240px -600px;
}

.si_16_08 {
	background-position: -280px -600px;
}

.si_17_01 {
	background-position: 0 -640px;
}

.si_17_02 {
	background-position: -40px -640px;
}

.si_17_03 {
	background-position: -80px -640px;
}

.si_17_04 {
	background-position: -120px -640px;
}

.si_17_05 {
	background-position: -160px -640px;
}

.si_17_06 {
	background-position: -200px -640px;
}

.si_18_01 {
	background-position: 0 -680px;
}

.si_18_02 {
	background-position: -40px -680px;
}

.si_18_03 {
	background-position: -80px -680px;
}

.si_18_04 {
	background-position: -120px -680px;
}

.si_18_05 {
	background-position: -160px -680px;
}

.si_18_06 {
	background-position: -200px -680px;
}

.si_19_01 {
	background-position: 0 -720px;
}

.si_19_02 {
	background-position: -40px -720px;
}

.si_19_03 {
	background-position: -80px -720px;
}

.si_19_04 {
	background-position: -120px -720px;
}

.si_19_05 {
	background-position: -160px -720px;
}

.si_19_06 {
	background-position: -200px -720px;
}

.si_19_07 {
	background-position: -240px -720px;
}

.si_19_08 {
	background-position: -280px -720px;
}

.si_20_01 {
	background-position: 0 -760px;
}

.si_20_02 {
	background-position: -40px -760px;
}

.si_20_03 {
	background-position: -80px -760px;
}

.si_20_04 {
	background-position: -120px -760px;
}

.si_20_05 {
	background-position: -160px -760px;
}

.si_20_06 {
	background-position: -200px -760px;
}

/* Skill Home */
.skill_all {
	position: relative;
	width: 720px;
	height: 530px;
	background: url("/img/skill.gif")/*tpa=http://www.ikki.com.cn/_img/bg/skill.gif*/ no-repeat 30px 0;
	padding-right:100px;
}

.skill_all a {
	position: absolute;
	display: block;
}

.skill_all a span {
	display: none;
}

.skill_all a:hover span {
	display: block;
	float: left;
	position: relative;
	padding: 6px 8px 5px 8px;
	*padding: 6px 8px 4px 8px;
	background-color: #106458;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 6px #000;
	-moz-box-shadow: 3px 3px 6px #000;
	-webkit-box-shadow: 3px 3px 6px #000;
}

.skill_all a:hover em {
	position: absolute;
	top: -10px;
	left: 10px;
	display: block;
	width: 13px;
	height: 10px;
	background: url("/show/web/map/tip.gif")/*tpa=http://www.ikki.com.cn/_img/icon/tip.gif*/ no-repeat;
}

/* Role */
.role_voc_1 {
	top: 0;
	left: 258px;
	width: 142px;
	height: 154px;
	background: url("vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -29px -21px;
}

.role_voc_1:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -29px -221px;
}

.role_voc_1:hover span {
	top: 88px;
	left: 58px;
}

.role_voc_2 {
	top: 64px;
	left: 409px;
	width: 142px;
	height: 173px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -229px -12px;
}

.role_voc_2:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -229px -212px;
}

.role_voc_2:hover span {
	top: 112px;
	left: 63px;
}

.role_voc_3 {
	top: 238px;
	left: 517px;
	width: 123px;
	height: 144px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -438px -26px;
}

.role_voc_3:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -438px -226px;
}

.role_voc_3:hover span {
	top: 77px;
	left: 49px;
}

.role_voc_4 {
	top: 381px;
	left: 429px;
	width: 123px;
	height: 178px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -638px -9px;
}

.role_voc_4:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -638px -209px;
}

.role_voc_4:hover span {
	top: 85px;
	left: 60px;
}

.role_voc_5 {
	top: 466px;
	left: 275px;
	width: 122px;
	height: 154px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -39px -421px;
}

.role_voc_5:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -39px -621px;
}

.role_voc_5:hover span {
	top: 77px;
	left: 43px;
}

.role_voc_6 {
	top: 224px;
	left: 47px;
	width: 116px;
	height: 173px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -442px -412px;
}

.role_voc_6:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -442px -612px;
}

.role_voc_6:hover span {
	top: 97px;
	left: 70px;
}

.role_voc_7 {
	top: 398px;
	left: 138px;
	width: 125px;
	height: 145px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -237px -426px;
}

.role_voc_7:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -237px -626px;
}

.role_voc_7:hover span {
	top: 87px;
	left: 47px;
}

.role_voc_8 {
	top: 74px;
	left: 137px;
	width: 126px;
	height: 152px;
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -637px -422px;
}

.role_voc_8:hover {
	background: url("/img/vocation.gif")/*tpa=http://www.ikki.com.cn/_img/nav/vocation.gif*/ no-repeat -637px -622px;
}

.role_voc_8:hover span {
	top: 87px;
	left: 44px;
}