@charset "utf-8";
/* CSS Document */

.index_main{width:770px;}
.index_main a{ color:#d0b679; text-decoration:none;}
.index_main a:hover{ color:#d0b679; text-decoration:underline;}

/*news*/
.ad_news{background:url(https://png.pook.com/sssg/images/bg_index_news_2.jpg); width:770px; height:260px; overflow:hidden;}
.ad{ width:335px; height:240px; padding-top:16px; padding-left:9px; }
.focusPic{width:335px; height:240px;}
.focusPic .focusTitle .current a, .focusPic .focusTitle .current a:visited { background:url(https://png.pook.com/sssg/images/icon_ad_index.gif) -16px ; width:16px; height:30px;}
.focusPic .focusTitle .current a:hover {background:url(https://png.pook.com/sssg/images/icon_ad_index.gif); width:16px; height:30px;}
.focusPic #focusMenu li.current{font-weight:bold; color:#eccb00; background:url(https://png.pook.com/sssg/images/icon_ad_index.gif); width:16px; height:30px;}
.focusPic #focusLeft{width:335px;overflow:hidden;}
.focusPic #focusLeft li{ display:none; margin-top:6px;}
.focusPic #focusLeft li.current{ display:block;}
.ad_index{ float:right; margin-right:10px; display:inline; margin-top:-31px; *margin-top:-35px;}
.ad_index li{ float:left; margin-right:5px; display:inline; background:url(https://png.pook.com/sssg/images/icon_ad_index.gif) -16px ; width:16px; height:30px;}
.ad_index span{ position:relative; top:10px;}
.news_block{width:390px; float:left; margin-left:5px; display:inline; margin-top:20px;}
#all_tab{height:35px;width:112px; left:2px;}
#all_tab:hover, #all_tab.chosen_tab{background:url(https://png.pook.com/sssg/images/tab_news_p_2.jpg) -112px; width:112px; height:35px;}
#news_tab{height:35px;width:112px;left:116px;}
#news_tab:hover, #news_tab.chosen_tab{background:url(https://png.pook.com/sssg/images/tab_notice_p_2.jpg) -112px; width:112px; height:35px;}
#act_tab{height:35px;width:112px;left:229px;}
#act_tab:hover, #act_tab.chosen_tab{background:url(https://png.pook.com/sssg/images/tab_act_p_2.jpg) -112px; width:112px; height:35px;}
#list1,#list2,#list3{padding-top:42px;}
#list2,#list3{display:none;}
.com_list {float:left; _float:none; text-align:left; }
.com_list li{margin-left:10px; background:url(https://png.pook.com/sssg/images/arrow.png) no-repeat 0 8px; padding-left:9px; line-height:23px;height:23px;border-bottom:1px dashed #4c3c23;overflow:hidden;}
.com_list li img{ float:left; margin-right:10px; margin-left:5px; margin-top:3px; display:inline;}
.com_list li span{color:#605038;}
.com_list a{float:left;  color:#D0B679;text-decoration:none; width:285px;}
.com_list a:hover{ text-decoration:none; color:#fe5f01; font-weight:bold; background:#271e0f;}

/*handbook*/
.game_info{ background:url(https://png.pook.com/sssg/images/bg_index_feature.jpg); width:770px; height:125px;}
.sys{float:left; margin-top:30px; padding-left:11px;}
#grow_tab{ height:35px; width:146px; left:2px;}
#grow_tab:hover, #grow_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_grow_sys_2.jpg) -146px; width:146px; height:35px;}
#people_tab{ height:35px; width:146px; left:149px;}
#people_tab:hover, #people_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_role_p_2.jpg) -146px; width:146px; height:35px;}
#characteristic_tab{ height:35px; width:146px; left:296px;}
#characteristic_tab:hover, #characteristic_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_characteristic_p_2.jpg) -146px; width:146px; height:35px;}
#war_tab{ height:35px; width:146px; left:444px;}
#war_tab:hover, #war_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_war_p_2.jpg) -146px; width:146px; height:35px;}
#master_tab{ height:35px; width:146px; left:590px;}
#master_tab:hover, #master_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_master_p_2.jpg) -146px; width:146px; height:35px;}
#system2, #system3, #system4, #system5{ display:none;}
.freshman{ width:720px; margin-top:37px; margin-left:10px; display:inline; overflow:hidden;}
.freshman li{ float:left; text-align:left;}
.freshman a{line-height:22px; height:22px; margin-left:10px; margin-right:10px;}
.freshman a:hover{ color:#ffb400; text-decoration:underline;}

/*strategy & rankings*/
.strategy_rankings{ background:url(https://png.pook.com/sssg/images/bg_common_rankings.jpg); width:770px; height:348px;}
.strategy_rankings_area{ padding-top:30px; padding-left:11px;}
#strategy_tab{ height:35px; width:178px; left:2px;}
#strategy_tab:hover, #strategy_tab.chosen_tab{background:url(https://png.pook.com/sssg/images/tab_strategy_2_p.jpg) -178px; width:178px; height:35px;}
#info_tab{ height:35px; width:178px; left:183px;}
#info_tab:hover, #info_tab.chosen_tab{background:url(https://png.pook.com/sssg/images/tab_info_p_2.jpg) -178px; width:178px; height:35px;}
#info2{ display:none;}
.strategy_list {width:350px;margin:40px 0 0 0;}
.bg_strategy{ width:330px; margin-left:13px; padding-left:9px; text-align:left; background:#1d160c; color:#5f5137; }
.bg_strategy span{ padding-left:246px;}
.strategy_list li{ background:url(https://png.pook.com/sssg/images/arrow.png) no-repeat 6px 8px;padding-left:15px;line-height:24px;height:24px;border-bottom:1px dashed #4c3c23;overflow:hidden;display:inline-block; margin-left:7px; *margin-left:9px;}
.strategy_list span{color:#605038;}
.strategy_list a{float:left; color:#D0B679;text-decoration:none; width:280px; text-align:left;}
.strategy_list a:hover{color:#fe5f01; text-decoration:none; font-weight:bold; background:#271e0f;}
.rankings{ width:367px; float:left;}
.title_server{ left:180px; top:10px;}
.choice_server{ width:138px; right:-6px; top:10px;}
.hidden_select{ border:1px solid #30281d; overflow:hidden;}
select{ width:140px; height:22px; background:#000; color:#bda86f; margin:-2px;}
.rankings_table{ width:340px; top:63px; left:34px; border:1px solid #3d2d14;}
.rankings_table th{ background:#0f0c05; color:#5f5137; text-align:center; border:1px solid #3d2d14;}
.rankings_table td{ background:#1e160b; border:1px solid #3d2d14; line-height:20px;}
.game_username{ text-align:left; padding-left:5px;}
.country_type01{ color:#1f495f;}
.country_type02{ color:#7c2313;}
.country_type03{ color:#2a501d;}
.rankings_fitst{ color:#ff2a05;}
.rankings_second{ color:#d75f00;}
.rankings_third{ color:#9e6903;}
.title_rankings{ margin-top:40px; margin-left:35px;}
#level_tab{ width:169px; text-align:center; background:#332613; color:#5e5036; left:35px;}
#level_tab:hover, #level_tab.chosen_tab{background:#1c150b; color:#5f4f36;}
#power_tab{ width:169px; text-align:center; background:#332613; color:#5e5036; left:205px;}
#power_tab:hover, #power_tab.chosen_tab{background:#1c150b; color:#5f4f36;}
#power_rankings{ display:none;}

/*pictures*/
.game_pic{ background:url(https://png.pook.com/sssg/images/bg_index_show.jpg); width:770px; height:209px;}
.pic{ float:left; margin-left:12px; margin-top:30px; display:inline; }
#pic2, #pic3, #pic4{display:none;}
#screenshot_tab{height:35px; width:150px; left:1px;}
#screenshot_tab:hover, #screenshot_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_screenshot_p_2.jpg) -150px; width:150px; height:35px;}
#video_tab{ height:35px; width:150px; left:152px;}
#video_tab:hover, #video_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_video_p_2.jpg) -150px; width:150px; height:35px;}
#wallpaper_tab{ height:35px; width:150px; left:304px;}
#wallpaper_tab:hover, #wallpaper_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_wallpaper_p_2.jpg) -150px; width:150px; height:35px;}
#painting_tab{ height:35px; width:150px; left:455px;}
#painting_tab:hover, #painting_tab.chosen_tab{ background:url(https://png.pook.com/sssg/images/tab_painting_p_2.jpg) -150px; width:150px; height:35px;}
.photos{ margin-top:45px; margin-left:12px;}
.photos li{float:left; width:165px; height:102px; margin-right:15px; display:inline;}
.photos li a{border:1px solid #000; display:block;}
.photos li a:hover{ border:1px solid #ad8025;}
.photos li img{ width:163px; height:100px;}
.pic_more { left:650px; top:8px; width:50px;}