@charset "utf-8";


.sg_card {width:100%; display:block;}
.sg_card ul {list-style:none; margin:0; padding:0;}
.sg_card li {width:192px; height:246px; float:left; list-style:none; margin:4px; padding:0;}

.card_pic {width:192px; height:246px; display:block; text-indent:-9999px; position:relative;}
.card_pic:after {content: '';width:200px; height:254px; display:block; position:absolute; left:-4px; top:-4px; -webkit-animation: card_light 1s step-end infinite; background:url(img/card_light.png) no-repeat 0px -99999px;}
	@-webkit-keyframes card_light{
		0%{ background-position:0px 0px;}
		10%{ background-position:-200px 0px;}
		20%{ background-position:-400px 0px;}
		30%{ background-position:-600px 0px;}
		40%{ background-position:-800px 0px;}
		50%{ background-position:-1000px 0px;}
		60%{ background-position:-1200px 0px;}
		70%{ background-position:-1400px 0px;}
		80%{ background-position:-1600px 0px;}
		90%{ background-position:-1800px 0px;}
	}
.card_show {width:288px; display:block; background:url(img/card_showbg.png) repeat-y right top; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; z-index:99; display:none;}
.sg_card li:hover .card_show { display:block;}
.card_show:before, .card_show:after {content: '';width:288px; height:3px; display:block; overflow:hidden; background:url(img/card_showbg.png) no-repeat 0px -9999px;}
.card_show:before { background-position:0px 0px;}
.card_show:after { background-position:0px -3px;}
.card_show01 {width:288px; height:94px; display:block; position:relative;}
.card_show_pic {width:60px; height:60px; padding:3px; display:block; position:absolute; left:14px; top:14px; background:url(img/card_borders.png) no-repeat 0px -9999px;}
.card_show_pic i {width:60px; height:60px; display:block; text-indent:-9999px;}
.card_show_name { position:absolute; left:90px; top:14px; font-size:14px; line-height:20px;}
.card_show_arms { position:absolute; left:90px; top:36px; }
.card_show_arms i {width:20px; height:20px; float:left; margin-right:2px; text-indent:-9999px; background:url(img/card_icon.png) no-repeat 0px -9999px;}
.card_show_arms i.icon_w { background-position:0px 0px;}
.card_show_arms i.icon_z { background-position:-20px 0px;}
.card_show_arms i.icon_b { background-position:-40px 0px;}
.card_show_arms i.icon_q { background-position:-60px 0px;}
.card_show_arms i.icon_g { background-position:-80px 0px;}
.card_show_value { position:absolute; left:90px; top:60px; font-size:15px; line-height:20px; color:#e1ba30; }
.card_show_value:before {content: '';width:20px; height:20px; float:left; margin-right:5px; text-indent:-9999px; background:url(img/card_icon.png) no-repeat -100px 0px;}
.card_show_quality {width:60px; height:60px; display:block; text-indent:-9999px; position:absolute; right:5px; top:10px; background:url(img/card_type.png) no-repeat 0px -9999px;}
.card_show02 {width:260px; padding:0 14px 8px 14px; display:block; font-size:13px; line-height:20px; color:#b8c7cd; font-family:????????????, PMingLiU, SimSun, sans-serif;}
.card_show03 {width:282px; margin:0px 3px; padding:8px 0; height:20px; display:block; background:#080c0e; border-top:1px dashed #31373d; border-bottom:1px dashed #31373d;}
.card_show03 span { padding-left:5px; width:40px; display:inline-block;}
.card_show_fl {width:52px; float:left; font-size:13px; line-height:20px; color:#ffd973; text-align:center;}
.card_show_fr {width:220px; padding-left:10px; float:left; font-size:13px; line-height:20px; color:#eae7d8; text-align:left;}
.card_show04 {width:282px; margin:0px 3px; padding:8px 0; display:block; }
.card_show_skill_tt { width:210px; display:block; font-size:13px; line-height:20px; color:#5094f9; font-family:????????????, PMingLiU, SimSun, sans-serif;}
.card_show_skill_tt span { float:right; color:#f15151;}
.card_show_skill_tx {width:210px; display:block; font-size:12px; line-height:18px; color:#adadad; padding-bottom:10px; font-family:????????????, PMingLiU, SimSun, sans-serif;}
.card_show_skill_tx strong { font-weight:normal; color:#f0c631;}







.sg_card li.card_red .card_show_pic { background-position:0px 0px;}
.sg_card li.card_orange .card_show_pic { background-position:-66px 0px;}
.sg_card li.card_purple .card_show_pic { background-position:-132px 0px;}
.sg_card li.card_blue .card_show_pic { background-position:-198px 0px;}
.sg_card li.card_green .card_show_pic { background-position:-264px 0px;}

.sg_card li.card_red .card_show_name { color:#e72222;}
.sg_card li.card_orange .card_show_name { color:#fea525;}
.sg_card li.card_purple .card_show_name { color:#ff66ff;}
.sg_card li.card_blue .card_show_name { color:#5094f9;}
.sg_card li.card_green .card_show_name { color:#13d76a;}

.sg_card li.card_red .card_show_quality { background-position:0px 0px;}
.sg_card li.card_orange .card_show_quality { background-position:-60px 0px;}
.sg_card li.card_purple .card_show_quality { background-position:-120px 0px;}
.sg_card li.card_blue .card_show_quality { background-position:-180px 0px;}
.sg_card li.card_green .card_show_quality { background-position:-240px 0px;}

.sg_card li.card_red .card_pic:after { -webkit-filter:hue-rotate(320deg);filter:hue-rotate(320deg);}
.sg_card li.card_orange .card_pic:after { -webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);}
.sg_card li.card_purple .card_pic:after { -webkit-filter:hue-rotate(240deg);filter:hue-rotate(240deg);}
.sg_card li.card_blue .card_pic:after { -webkit-filter:hue-rotate(160deg);filter:hue-rotate(160deg);}
.sg_card li.card_green .card_pic:after { -webkit-filter:hue-rotate(80deg);filter:hue-rotate(80deg);}











.card_pic.a01 { background:url(img/a01.png) no-repeat;}
.card_pic.a02 { background:url(img/a02.png) no-repeat;}
.card_pic.a03 { background:url(img/a03.png) no-repeat;}
.card_pic.a04 { background:url(img/a04.png) no-repeat;}
.card_pic.a05 { background:url(img/a05.png) no-repeat;}
.card_pic.a06 { background:url(img/a06.png) no-repeat;}
.card_pic.a07 { background:url(img/a07.png) no-repeat;}
.card_pic.a08 { background:url(img/a08.png) no-repeat;}
.card_pic.a09 { background:url(img/a09.png) no-repeat;}
.card_pic.a09a1 { background:url(img/a09a1.png) no-repeat;}
.card_pic.a09a2 { background:url(img/a09a2.png) no-repeat;}
.card_pic.a09a3 { background:url(img/a09a3.png) no-repeat;}
.card_pic.a09a4 { background:url(img/a09a4.png) no-repeat;}
.card_pic.a09a5 { background:url(img/a09a5.png) no-repeat;}

.card_pic.a10 { background:url(img/a10.png) no-repeat;}
.card_pic.a11 { background:url(img/a11.png) no-repeat;}
.card_pic.a12 { background:url(img/a12.png) no-repeat;}
.card_pic.a13 { background:url(img/a13.png) no-repeat;}
.card_pic.a14 { background:url(img/a14.png) no-repeat;}
.card_pic.a15 { background:url(img/a15.png) no-repeat;}
.card_pic.a16 { background:url(img/a16.png) no-repeat;}
.card_pic.a17 { background:url(img/a17.png) no-repeat;}
.card_pic.a18 { background:url(img/a18.png) no-repeat;}
.card_pic.a19 { background:url(img/a19.png) no-repeat;}
.card_pic.a20 { background:url(img/a20.png) no-repeat;}
.card_pic.a21 { background:url(img/a21.png) no-repeat;}
.card_pic.a22 { background:url(img/a22.png) no-repeat;}
.card_pic.a23 { background:url(img/a23.png) no-repeat;}
.card_pic.a24 { background:url(img/a24.png) no-repeat;}
.card_pic.a25 { background:url(img/a25.png) no-repeat;}
.card_pic.a26 { background:url(img/a26.png) no-repeat;}
.card_pic.a27 { background:url(img/a27.png) no-repeat;}
.card_pic.a28 { background:url(img/a28.png) no-repeat;}
.card_pic.a29 { background:url(img/a29.png) no-repeat;}
.card_pic.a30 { background:url(img/a30.png) no-repeat;}
.card_pic.a31 { background:url(img/a31.png) no-repeat;}
.card_pic.a32 { background:url(img/a32.png) no-repeat;}
.card_pic.a33 { background:url(img/a33.png) no-repeat;}
.card_pic.a34 { background:url(img/a34.png) no-repeat;}
.card_pic.a35 { background:url(img/a35.png) no-repeat;}
.card_pic.a36 { background:url(img/a36.png) no-repeat;}
.card_pic.a37 { background:url(img/a37.png) no-repeat;}
.card_pic.a38 { background:url(img/a38.png) no-repeat;}
.card_pic.a39 { background:url(img/a39.png) no-repeat;}
.card_pic.a40 { background:url(img/a40.png) no-repeat;}
.card_pic.a41 { background:url(img/a41.png) no-repeat;}
.card_pic.a42 { background:url(img/a42.png) no-repeat;}
.card_pic.a43 { background:url(img/a43.png) no-repeat;}
.card_pic.a44 { background:url(img/a44.png) no-repeat;}
.card_pic.a45 { background:url(img/a45.png) no-repeat;}
.card_pic.a46 { background:url(img/a46.png) no-repeat;}
.card_pic.a47 { background:url(img/a47.png) no-repeat;}
.card_pic.a48 { background:url(img/a48.png) no-repeat;}
.card_pic.a49 { background:url(img/a49.png) no-repeat;}
.card_pic.a50 { background:url(img/a50.png) no-repeat;}
.card_pic.a51 { background:url(img/a51.png) no-repeat;}
.card_pic.a52 { background:url(img/a52.png) no-repeat;}
.card_pic.a53 { background:url(img/a53.png) no-repeat;}
.card_pic.a54 { background:url(img/a54.png) no-repeat;}
.card_pic.a55 { background:url(img/a55.png) no-repeat;}
.card_pic.a56 { background:url(img/a56.png) no-repeat;}
.card_pic.a57 { background:url(img/a57.png) no-repeat;}
.card_pic.a58 { background:url(img/a58.png) no-repeat;}
.card_pic.a59 { background:url(img/a59.png) no-repeat;}
.card_pic.a60 { background:url(img/a60.png) no-repeat;}
.card_pic.a61 { background:url(img/a61.png) no-repeat;}
.card_pic.a62 { background:url(img/a62.png) no-repeat;}
.card_pic.a63 { background:url(img/a63.png) no-repeat;}
.card_pic.a64 { background:url(img/a64.png) no-repeat;}
.card_pic.a65 { background:url(img/a65.png) no-repeat;}
.card_pic.a66 { background:url(img/a66.png) no-repeat;}
.card_pic.a67 { background:url(img/a67.png) no-repeat;}
.card_pic.a68 { background:url(img/a68.png) no-repeat;}
.card_pic.a69 { background:url(img/a69.png) no-repeat;}
.card_pic.a70 { background:url(img/a70.png) no-repeat;}
.card_pic.a71 { background:url(img/a71.png) no-repeat;}
.card_pic.a72 { background:url(img/a72.png) no-repeat;}
.card_pic.a73 { background:url(img/a73.png) no-repeat;}
.card_pic.a74 { background:url(img/a74.png) no-repeat;}
.card_pic.a75 { background:url(img/a75.png) no-repeat;}
.card_pic.a76 { background:url(img/a76.png) no-repeat;}
.card_pic.a77 { background:url(img/a77.png) no-repeat;}
.card_pic.a78 { background:url(img/a78.png) no-repeat;}
.card_pic.a79 { background:url(img/a79.png) no-repeat;}
.card_pic.a80 { background:url(img/a80.png) no-repeat;}
.card_pic.a81 { background:url(img/a81.png) no-repeat;}
.card_pic.a82 { background:url(img/a82.png) no-repeat;}
.card_pic.a83 { background:url(img/a83.png) no-repeat;}
.card_pic.a84 { background:url(img/a84.png) no-repeat;}
.card_pic.a85 { background:url(img/a85.png) no-repeat;}
.card_pic.a86 { background:url(img/a86.png) no-repeat;}
.card_pic.a87 { background:url(img/a87.png) no-repeat;}
.card_pic.a88 { background:url(img/a88.png) no-repeat;}
.card_pic.a89 { background:url(img/a89.png) no-repeat;}
.card_pic.a90 { background:url(img/a90.png) no-repeat;}
.card_pic.a91 { background:url(img/a91.png) no-repeat;}
.card_pic.a92 { background:url(img/a92.png) no-repeat;}
.card_pic.a93 { background:url(img/a93.png) no-repeat;}
.card_pic.a94 { background:url(img/a94.png) no-repeat;}
.card_pic.a95 { background:url(img/a95.png) no-repeat;}
.card_pic.a96 { background:url(img/a96.png) no-repeat;}
.card_pic.a97 { background:url(img/a97.png) no-repeat;}
.card_pic.a98 { background:url(img/a98.png) no-repeat;}
.card_pic.a99 { background:url(img/a99.png) no-repeat;}
.card_pic.a100 { background:url(img/a100.png) no-repeat;}
.card_pic.a101 { background:url(img/a101.png) no-repeat;}
.card_pic.a102 { background:url(img/a102.png) no-repeat;}
.card_pic.a103 { background:url(img/a103.png) no-repeat;}
.card_pic.a104 { background:url(img/a104.png) no-repeat;}
.card_pic.a105 { background:url(img/a105.png) no-repeat;}
.card_pic.a106 { background:url(img/a106.png) no-repeat;}
.card_pic.a107 { background:url(img/a107.png) no-repeat;}
.card_pic.a108 { background:url(img/a108.png) no-repeat;}
.card_pic.a109 { background:url(img/a109.png) no-repeat;}
.card_pic.a110 { background:url(img/a110.png) no-repeat;}
.card_pic.a111 { background:url(img/a111.png) no-repeat;}
.card_pic.a112 { background:url(img/a112.png) no-repeat;}
.card_pic.a113 { background:url(img/a113.png) no-repeat;}
.card_pic.a114 { background:url(img/a114.png) no-repeat;}
.card_pic.a115 { background:url(img/a115.png) no-repeat;}
.card_pic.a116 { background:url(img/a116.png) no-repeat;}
.card_pic.a117 { background:url(img/a117.png) no-repeat;}
.card_pic.a118 { background:url(img/a118.png) no-repeat;}
.card_pic.a119 { background:url(img/a119.png) no-repeat;}
.card_pic.a120 { background:url(img/a120.png) no-repeat;}
.card_pic.a121 { background:url(img/a121.png) no-repeat;}
.card_pic.a122 { background:url(img/a122.png) no-repeat;}
.card_pic.a123 { background:url(img/a123.png) no-repeat;}
.card_pic.a124 { background:url(img/a124.png) no-repeat;}
.card_pic.a125 { background:url(img/a125.png) no-repeat;}
.card_pic.a126 { background:url(img/a126.png) no-repeat;}
.card_pic.a127 { background:url(img/a127.png) no-repeat;}
.card_pic.a128 { background:url(img/a128.png) no-repeat;}
.card_pic.a129 { background:url(img/a129.png) no-repeat;}
.card_pic.a130 { background:url(img/a130.png) no-repeat;}
.card_pic.a131 { background:url(img/a131.png) no-repeat;}
.card_pic.a132 { background:url(img/a132.png) no-repeat;}
.card_pic.a133 { background:url(img/a133.png) no-repeat;}
.card_pic.a134 { background:url(img/a134.png) no-repeat;}
.card_pic.a135 { background:url(img/a135.png) no-repeat;}
.card_pic.a136 { background:url(img/a136.png) no-repeat;}
.card_pic.a137 { background:url(img/a137.png) no-repeat;}
.card_pic.a138 { background:url(img/a138.png) no-repeat;}
.card_pic.a139 { background:url(img/a139.png) no-repeat;}
.card_pic.a140 { background:url(img/a140.png) no-repeat;}
.card_pic.a141 { background:url(img/a141.png) no-repeat;}
.card_pic.a142 { background:url(img/a142.png) no-repeat;}
.card_pic.a143 { background:url(img/a143.png) no-repeat;}
.card_pic.a144 { background:url(img/a144.png) no-repeat;}
.card_pic.a145 { background:url(img/a145.png) no-repeat;}
.card_pic.a146 { background:url(img/a146.png) no-repeat;}
.card_pic.a147 { background:url(img/a147.png) no-repeat;}
.card_pic.a148 { background:url(img/a148.png) no-repeat;}
.card_pic.a149 { background:url(img/a149.png) no-repeat;}
.card_pic.a150 { background:url(img/a150.png) no-repeat;}
.card_pic.a151 { background:url(img/a151.png) no-repeat;}
.card_pic.a152 { background:url(img/a152.png) no-repeat;}
.card_pic.a153 { background:url(img/a153.png) no-repeat;}
.card_pic.a154 { background:url(img/a154.png) no-repeat;}
.card_pic.a155 { background:url(img/a155.png) no-repeat;}
.card_pic.a156 { background:url(img/a156.png) no-repeat;}
.card_pic.a157 { background:url(img/a157.png) no-repeat;}
.card_pic.a158 { background:url(img/a158.png) no-repeat;}
.card_pic.a159 { background:url(img/a159.png) no-repeat;}
.card_pic.a160 { background:url(img/a160.png) no-repeat;}



.card_show_pic i.b01 { background:url(../images/card/b01.png) no-repeat;}
.card_show_pic i.b02 { background:url(../images/card/b02.png) no-repeat;}
.card_show_pic i.b03 { background:url(../images/card/b03.png) no-repeat;}
.card_show_pic i.b04 { background:url(../images/card/b04.png) no-repeat;}
.card_show_pic i.b05 { background:url(../images/card/b05.png) no-repeat;}
.card_show_pic i.b06 { background:url(../images/card/b06.png) no-repeat;}
.card_show_pic i.b07 { background:url(../images/card/b07.png) no-repeat;}
.card_show_pic i.b08 { background:url(../images/card/b08.png) no-repeat;}
.card_show_pic i.b09 { background:url(../images/card/b09.png) no-repeat;}
.card_show_pic i.b10 { background:url(../images/card/b10.png) no-repeat;}
.card_show_pic i.b11 { background:url(../images/card/b11.png) no-repeat;}
.card_show_pic i.b12 { background:url(../images/card/b12.png) no-repeat;}
.card_show_pic i.b13 { background:url(../images/card/b13.png) no-repeat;}
.card_show_pic i.b14 { background:url(../images/card/b14.png) no-repeat;}
.card_show_pic i.b15 { background:url(../images/card/b15.png) no-repeat;}
.card_show_pic i.b16 { background:url(../images/card/b16.png) no-repeat;}
.card_show_pic i.b17 { background:url(../images/card/b17.png) no-repeat;}
.card_show_pic i.b18 { background:url(../images/card/b18.png) no-repeat;}
.card_show_pic i.b19 { background:url(../images/card/b19.png) no-repeat;}
.card_show_pic i.b20 { background:url(../images/card/b20.png) no-repeat;}
.card_show_pic i.b21 { background:url(../images/card/b21.png) no-repeat;}
.card_show_pic i.b22 { background:url(../images/card/b22.png) no-repeat;}
.card_show_pic i.b23 { background:url(../images/card/b23.png) no-repeat;}
.card_show_pic i.b24 { background:url(../images/card/b24.png) no-repeat;}
.card_show_pic i.b25 { background:url(../images/card/b25.png) no-repeat;}
.card_show_pic i.b26 { background:url(../images/card/b26.png) no-repeat;}
.card_show_pic i.b27 { background:url(../images/card/b27.png) no-repeat;}
.card_show_pic i.b28 { background:url(../images/card/b28.png) no-repeat;}
.card_show_pic i.b29 { background:url(../images/card/b29.png) no-repeat;}
.card_show_pic i.b30 { background:url(../images/card/b30.png) no-repeat;}
.card_show_pic i.b31 { background:url(../images/card/b31.png) no-repeat;}
.card_show_pic i.b32 { background:url(../images/card/b32.png) no-repeat;}
.card_show_pic i.b33 { background:url(../images/card/b33.png) no-repeat;}
.card_show_pic i.b34 { background:url(../images/card/b34.png) no-repeat;}
.card_show_pic i.b35 { background:url(../images/card/b35.png) no-repeat;}
.card_show_pic i.b36 { background:url(../images/card/b36.png) no-repeat;}
.card_show_pic i.b37 { background:url(../images/card/b37.png) no-repeat;}
.card_show_pic i.b38 { background:url(../images/card/b38.png) no-repeat;}
.card_show_pic i.b39 { background:url(../images/card/b39.png) no-repeat;}
.card_show_pic i.b40 { background:url(../images/card/b40.png) no-repeat;}
.card_show_pic i.b41 { background:url(../images/card/b41.png) no-repeat;}
.card_show_pic i.b42 { background:url(../images/card/b42.png) no-repeat;}
.card_show_pic i.b43 { background:url(../images/card/b43.png) no-repeat;}
.card_show_pic i.b44 { background:url(../images/card/b44.png) no-repeat;}
.card_show_pic i.b45 { background:url(../images/card/b45.png) no-repeat;}
.card_show_pic i.b46 { background:url(../images/card/b46.png) no-repeat;}
.card_show_pic i.b47 { background:url(../images/card/b47.png) no-repeat;}
.card_show_pic i.b48 { background:url(../images/card/b48.png) no-repeat;}
.card_show_pic i.b49 { background:url(../images/card/b49.png) no-repeat;}
.card_show_pic i.b50 { background:url(../images/card/b50.png) no-repeat;}
.card_show_pic i.b51 { background:url(../images/card/b51.png) no-repeat;}