@import url("kas_eng.css");

/* Body bg */
body{background:#fff url('/Image/kas/guide/bg_ch_guide.jpg') no-repeat center 34px;}

.guide{padding:10px;}
.guide .cPaging{border-top:none; padding-top:15px;}

/* Top image */
.guide div.top_image	{margin:auto; width:610px; padding-bottom:20px;}


/* Level */
.level li	{float:left;}
table.level_view	{float:left; width:632px; border-bottom:2px solid #eaeaea}
table.level_view th	{height:27px; border-bottom:2px solid #eaeaea}
table.level_view th.lv	{width:40px; background:url('/Image/kas/guide/level_th_level.gif') no-repeat center;}
table.level_view th.img	{width:47px; background:#f3f3f3 url('/Image/kas/guide/level_th_img.gif') no-repeat center;}
table.level_view th.exp	{width:70px; background:url('/Image/kas/guide/level_th_exp.gif') no-repeat center;}
.line {border-right:1px solid #dddddd;}
table.level_view th span{display:none;}
table.level_view td	{height:40px; border-bottom:1px dashed #bbbbbb;}
table.level_view td.lv	{text-align:center;}
table.level_view td.img	{text-align:center; background:#f3f3f3;}
table.level_view td.exp	{text-align:right; padding-right:8px;}

.guideView	{width:610px; margin:auto; padding-top:20px; text-align:center;}
.guideView div.top	{width:610px; height:10px; background:url('/Image/kas/guide/guide_top.gif') no-repeat top;}
.guideView div.swf	{width:610px; background:url('/Image/kas/guide/guide_middle.gif') repeat-y; text-align:center;}
.guideView div.btm	{width:610px; background:url('/Image/kas/guide/guide_btm.gif') no-repeat bottom; height:10px;}

/* Features */
.FeaturesTab	{width:632px; margin:auto;}
.FeaturesTab ul	{}
.FeaturesTab li	{float:left; height:122px;}
.FeaturesView	{width:632px; text-align:center; margin:auto;}

/* Cards */
.card	{float:left; width:600px; margin:auto; padding-top:10px; border-bottom:1px dashed #bbbbbb;}
.card h4.general{background:url('/Image/kas/guide/h4_general_item.gif') no-repeat top left; height:22px;}
.card h4.rare	{background:url('/Image/kas/guide/h4_rare_item.gif') no-repeat top left; height:22px;}
.card h4.unique	{background:url('/Image/kas/guide/h4_unique_item.gif') no-repeat top left; height:22px;}
.card h4.enhance{background:url('/Image/kas/guide/h4_attribute_enhance.gif') no-repeat top left; height:22px;}
.card h4.duration{background:url('/Image/kas/guide/h4_duration.gif') no-repeat top left; height:22px;}
.card h4 span	{display:none;}
.card ul	{padding-left:13px;}
.card li	{float:left; width:117px; padding-bottom:10px;}

/* Tab Image */
.Tabmenu	{width:632px; height:27px; background:url('/Image/kas/guide/tabMenu_bg.gif') repeat-x;}
.Tabmenu ul	{width:632px;}
.Tabmenu ul.else	{width:520px;}
.Tabmenu li	{float:left; width:100px; padding-right:1px;}
.Tabmenu li.tm60	{width:60px;}
.Tabmenu li.tm120	{width:120px;}
.Tabmenu li.tm130	{width:130px;}
.Tabmenu span.tabSide	{float:right; width:100px; text-align:center; *position:relative; *top:-29px;}


/* setup */
.SetupTab		{}
.SetupTab ul	{width:600px; display:block; margin:auto; margin-bottom:-10px;}
.SetupTab li	{list-style:none; float:left; padding-right:35px; background:url('/Image/kas/guide/setup_arrow.gif') no-repeat right;}
.SetupTab li.end	{padding:0; background:none; width:86px;}
.SetupTab li.left	{padding-left:65px;}

.SetupView	{float:left; width:590px; padding-left:20px; padding-top:20px;}
.SetupView div.top	{width:590px; background:url('/Image/kas/guide/setup_top.gif') no-repeat top;}
.SetupView div.top img	{padding:15px;}
.SetupView div.img	{width:590px; background:url('/Image/kas/guide/setup_middle.gif') repeat-y; padding-left:25px;}
.SetupView div.btm	{width:590px; background:url('/Image/kas/guide/setup_btm.gif') no-repeat bottom; height:25px;}