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

#full_content { background:url(/img/portal/12sky2/common/bg_contents.png) repeat-y center; }
#full_content { _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/portal/12sky2/common/bg_contents_ie6.png'); }
#full_content .contents_container { margin:0 auto; padding-top:3px; width:998px; height:auto; background:url(/img/portal/12sky2/common/bg_contents_top.png) no-repeat center top; }

.start_container { margin:0 auto; width:1004px; height:auto;}
.start_container #logo { float:left; padding:85px 0 0 0; width:322px; height:125px;}
.start_container #logo a { display:block; width:229px; height:118px; background:url(/img/portal/12sky2/common/logo_12sky2.png) no-repeat; }
.start_container #logo a span { display:none; }
.start_container .UI_starter { float:left; width:682px; height:245px;}
.start_container .UI_starter .center_blank { position:relative; float:left; width:360px; height:245px; z-index:1}
.center_blank .video_tray { position:absolute; display:block; left:-30px; top:45px; margin:0 auto; width:400px; height:256px !important; border:solid 2px #333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; background:#000; z-index:4; }
.start_container .UI_starter .right_column {float:left; padding:40px 0 0 10px; width:312px; height:205px;}
.start_container .UI_starter .btn_play_video { position:relative; float:right; margin:0 10px 0 0; width:175px; height:40px; background:url(/img/portal/12sky2/common/btn_play_video_off.png) no-repeat; z-index:4}
.start_container .UI_starter .btn_play_video a { display:block; padding:11px 0 11px 20px; width:151px; height:18px; font-size:10px; color:#c7b299;}
.start_container .UI_starter .btn_play_video a:hover { color:#ffcb05 }
.start_container .UI_starter #btn_start { position:relative; float:right; margin-right:2px; width:275px; height:166px; background:url(/img/portal/12sky2/english/btn_start_off.jpg) no-repeat; z-index:4}
.start_container .UI_starter #btn_start a { display:block; margin-top:35px; width:275px; height:82px;}
.start_container .UI_starter #btn_start a span { display:none; }
.start_container .UI_starter .btn_backtomain { position:relative; float:right; top:40px; margin:0 10px 0 0; width:175px; height:40px; background:url(/img/portal/12sky2/common/btn_play_video_back.png) no-repeat; z-index:4}
.start_container .UI_starter .btn_backtomain a { display:block; padding:11px 0 11px 20px; width:151px; height:18px; font-size:10px; color:#c7b299;}
.start_container .UI_starter .btn_backtomain a:hover { color:#ffcb05 }

.video_container { margin:0 auto; width:980px; height:auto;}
.video_container h1 { display:none; }
.video_container .UI_video { position:relative; width:980px; height:305px; z-index:1px }
.video_container .UI_video .btn_backtomain { position:absolute; top:0; right:0; margin:40px 10px 10px 0; width:115px; height:40px; background:url(/img/portal/12sky2/common/btn_play_video_back.png) no-repeat; z-index:5px}
.video_container .UI_video .btn_backtomain a { display:block; padding:11px 33px 11px 12px; width:70px; height:18px; font-size:10px; color:#00b6f1; text-align:center;}
.video_container .UI_video .btn_backtomain a:hover { color:#ffcb05 }
.video_container .UI_video iframe { position:relative; display:block; padding-top:45px; margin:0 auto; width:400px; height:255px; z-index:4px }
.video_container .UI_video .img_box01 { position:absolute; top:0; left:0; margin-left:40px; display:block; width:375px; height:355px; background:url(/img/portal/12sky2/common/bg_img_box01.png) no-repeat center top; z-index:3px }
.video_container .UI_video .img_box02 { position:absolute; top:0; right:0; margin-right:20px; display:block; width:330px; height:355px; background:url(/img/portal/12sky2/common/bg_img_box02.png) no-repeat center top; z-index:2px }

.stoneinfo_container { float:left; margin-bottom:15px; width:320px; height:auto;}
.iteminfo_container { float:left; margin-bottom:15px; margin-left:10px; width:320px; height:auto;}
.itemevent_container { float:left; margin-bottom:15px; margin-left:10px; width:320px; height:auto;}
.ranking_container { position:relative; float:left; margin-bottom:15px; width:320px; height:auto;}
.announcement_container { float:left; margin-bottom:10px; width:650px; height:auto;}
.screenshot_container { float:left; margin-bottom:10px; width:650px; height:auto;}
.event_container { float:left;  margin-bottom:15px; width:320px; height:auto;}
.achievement_container { float:left; margin-bottom:10px; width:320px; height:auto;}
.google_container { float:left; width:320px; height:auto; padding:1px;}
.contents_tray { margin:0 auto; width:320px; height:auto;}
.contents_tray dt { display:block; width:320px; height:47px;}
.contents_tray dt > a { display:block; padding:11px 25px 21px 25px; width:270px; height:14px; background:url(/img/portal/12sky2/common/bartype_title01.png) no-repeat center top; font-size:11px; color:#b7b7b7; text-transform:uppercase;}
.contents_tray dt > a:hover { color:#f68b1f }

.nolinks dt > a { display:block; padding:11px 25px 21px 25px; width:270px; height:14px; background:url(/img/portal/12sky2/common/bartype_title02.png) no-repeat center top; }
.nolinks dt > a:hover { color:#b7b7b7; }

.contents_tray01 { margin:0 auto; width:650px; height:auto;}
.contents_tray01 dt { display:block; width:650px; height:47px;}
.contents_tray01 dt > a { display:block; padding:11px 25px 21px 25px; width:600px; height:14px; background:url(/img/portal/12sky2/common/bartype_title03.png) no-repeat center top; font-size:11px; color:#b7b7b7; text-transform:uppercase;}
.contents_tray01 dt > a:hover { color:#f68b1f }

/*Holy Stone Guide*/
.stoneinfo_container .tabmenu_tray { position:relative; display:block; margin:0; padding:6px 6px 0 6px ; width:287px; height:25px; border-bottom:solid 2px #252525;}
.stoneinfo_container .tabmenu_tray .tabmenu > a { float:left; margin:2px 1px 0 0; padding:3px 15px 7px 15px; width:100px; height:11px; border:solid 2px #252525; border-bottom:solid 2px #090909 !important;border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; font-size:10px; text-transform:uppercase; color:#707070; background:url(/img/portal/12sky2/common/tab_arrow.gif) no-repeat 110px 7px;}
.stoneinfo_container .tabmenu_tray .on > a { margin:0 1px 0 0; padding:4px 15px 4px 15px; height:15px; background:url(/img/portal/12sky2/common/tab_arrow.gif) no-repeat 110px -15px; color:#f68b1f}
.stoneinfo_container .tabmenu_tray .tabmenu .select_box { position:absolute; display:block; top:32px; margin:2px; padding:0 10px; width:108px; height:auto; border:solid 1px #333; background:#000; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; font-size:10px; text-transform:uppercase; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.stoneinfo_container .tabmenu_tray .tabmenu .select_box > a { float:left; display:block; padding:4px 0; width:108px; height:15px;}
.stoneinfo_container .tabmenu_tray .tabmenu a:hover { color:#f68b1f}
.stoneinfo_container .tabmenu_tray .tabmenu .on > a { margin:2px 1px 0 0; padding:3px 15px 7px 15px; height:11px; background:url(/img/portal/12sky2/common/tab_arrow.gif) no-repeat 110px -16px;  color:#f68b1f}
.stoneinfo_container dd { display:block; margin:3px 10px 0 10px; padding:0; width:300px; height:300px; background:url(/img/portal/12sky2/common/bg_item_info.png) no-repeat top; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000;  }
.stoneinfo_container .stone_info_tray { margin:6px; width:299px; height:auto; }
.stoneinfo_container .stone_info_tray li { width:287px; height:50px; border-bottom:solid 1px #252525; }
.stoneinfo_container .stone_info_tray .last { border-bottom:0;}
.stoneinfo_container .stone_info_tray li span { float:left; padding:7px 0; line-height:14px; text-transform:uppercase; font-size:11px; }
.stoneinfo_container .stone_info_tray .stone_img { margin-left:5px; width:45px; height:35px; }
.stoneinfo_container .stone_info_tray .stone_img img { width:33px; height:33px; border:solid 1px #252525;}
.stoneinfo_container .stone_info_tray .stone_name { width:55px; height:35px; }
.stoneinfo_container .stone_info_tray .clan_name { width:65px; height:35px; }
.stoneinfo_container .stone_info_tray .time_column { float:right; padding-left:20px; width:80px; height:35px; background:url(/img/portal/12sky2/common/item/bullet_time.png) no-repeat left 8px; }
.stoneinfo_container .stone_info_tray .solar .stone_name { color:#ed174c}
.stoneinfo_container .stone_info_tray .solar .stone_img img { background:url(/img/portal/12sky2/common/holystone_solar.gif) no-repeat center;}
.stoneinfo_container .stone_info_tray .lunar .stone_name { color:#faa61a}
.stoneinfo_container .stone_info_tray .lunar .stone_img img { background:url(/img/portal/12sky2/common/holystone_lunar.gif) no-repeat center;}
.stoneinfo_container .stone_info_tray .astral .stone_name { color:#8cc63f}
.stoneinfo_container .stone_info_tray .astral .stone_img img { background:url(/img/portal/12sky2/common/holystone_astral.gif) no-repeat center;}
.stoneinfo_container .stone_info_tray .destiny .stone_name { color:#fff33e}
.stoneinfo_container .stone_info_tray .destiny .stone_img img { background:url(/img/portal/12sky2/common/holystone_destiny.gif) no-repeat center;}
.stoneinfo_container .stone_info_tray .legacy .stone_name { color:#118acb}
.stoneinfo_container .stone_info_tray .legacy .stone_img img { background:url(/img/portal/12sky2/common/holystone_legacy.gif) no-repeat center;}

/*Hot Item Guide*/
.iteminfo_container dd { display:block; margin:3px 10px 0 10px; padding:0; width:300px; height:300px; background:url(/img/portal/12sky2/common/bg_item_info.png) no-repeat top; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000;  }
.iteminfo_container .item_info_tray { float:left; margin:6px 6px 5px 6px; width:288px; height:183px; }
.iteminfo_container .item_info_tray .item_img_tray { float:left; margin:0 5px 5px 0; width:82px; height:82px; line-height:80px; font-size:0px; }
.iteminfo_container .item_info_tray .item_img_tray .item_img img { width:80px; height:80px; border:solid 1px #333; }
.iteminfo_container .item_info_tray .item_img_tray .best_img { position:absolute; width:80px; height:80px; border:solid 1px #ff1748; background:url(/img/portal/12sky2/common/item/bg_bestitem.png) no-repeat; z-index:1; } 
.iteminfo_container .item_info_tray .name_tray { float:left; margin:0 0 5px 0; padding:10px 5px; width:189px; height:17px; font-size:12px; color:#FFF; border:solid 1px #2c2c2c; }
.iteminfo_container .item_info_tray .moken_tray { float:left; margin:0 0 5px 0;padding:10px 5px; width:189px; height:16px; font-size:12px; color:#F90; border:solid 1px #2c2c2c; }
.iteminfo_container .item_info_tray .moken_tray img { float:left; margin:-1px 3px 0 0; width:19px; height:18px; background:url(/img/portal/12sky2/common/bullet_moken.png) no-repeat; vertical-align:middle;}
.iteminfo_container .item_info_tray .feature_tray { float:left; margin:0 0 5px 0; width:286px; height:30px; border:solid 1px #2c2c2c; }
.feature_tray .txt { float:left; padding:8px 0 0 5px; width:82px; height:12px; font-size:10px }
.feature_tray .txt span { float:left; display:block; margin-left:3px; }
.feature_tray .bullet_time { float:left; width:15px; height:15px; background:url(/img/portal/12sky2/common/item/bullet_time.png) no-repeat; vertical-align:middle}
.feature_tray .bullet_quantity { float:left; width:15px; height:15px; background:url(/img/portal/12sky2/common/item/bullet_quantity.png) no-repeat; vertical-align:middle}
.feature_tray .clans { float:right; width:140px; height:30px; font-size:0px; }
.feature_tray .clans li { float:left; width:35px; height:30px; }
.feature_tray .clans .opt_clan01 img { width:35px; height:30px; background:url(/img/portal/12sky2/common/item/option_clan.gif) no-repeat 0 0; }
.feature_tray .clans .opt_clan01.on01 img { background-position: -35px 0; }
.feature_tray .clans .opt_clan02 img { width:35px; height:30px; background:url(/img/portal/12sky2/common/item/option_clan.gif) no-repeat 0 -30px; }
.feature_tray .clans .opt_clan02.on02 img {background-position: -35px -30px; }
.feature_tray .clans .opt_clan03 img { width:35px; height:30px; background:url(/img/portal/12sky2/common/item/option_clan.gif) no-repeat 0 -60px; }
.feature_tray .clans .opt_clan03.on03 img { background-position: -35px -60px; }
.feature_tray .clans .opt_clan04 img { width:35px; height:30px; background:url(/img/portal/12sky2/common/item/option_clan.gif) no-repeat 0 -90px; }
.feature_tray .clans .opt_clan04.on04 img { background-position: -35px -90px; }

.iteminfo_container .item_info_tray .info_tray { float:left; position:relative; margin:0; width:286px; height:57px; font-size:12px; color:#FFF; border:solid 1px #2c2c2c; }
.iteminfo_container .item_info_tray .info_tray .more_info { position:absolute; top:38px; right:0; }
.iteminfo_container .item_info_tray .info_tray .more_info a img { width:19px; height:19px; background:url(/img/portal/12sky2/common/item/bullet_viewdetail.gif)}
.iteminfo_container .item_info_tray .info_tray p { padding:5px; width:auto; height:auto; color:#707070; font-size:10px; line-height:150%; }
.iteminfo_container .item_list_tray { float:left; position:relative; margin:0 6px; padding:5px 0; width:288px; height:90px; border-top:solid 1px #131313; overflow:hidden; }

.item_list_tray .itemSHOT_list { position:relative; display:block; white-space:nowrap; left:0; padding: 0; margin:0;  width:792px; height:66px;}
.item_list_tray .itemSHOT_list li { float:left; padding-right:8px; width:66px; height:66px; }
.item_list_tray .itemSHOT_list a { display:block; padding:1px; width:60px; height:60px; border:solid 2px #333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000;overflow:hidden; z-index:1}
.item_list_tray .itemSHOT_list a img { width:60px; height:60px; filter:gray(); }
.item_list_tray .itemSHOT_list a:hover { border:solid 2px #f68b1f;}
.item_list_tray .itemSHOT_list a:hover img { filter:none; }
.item_list_tray .item_scrollbar_tray { position:relative; display:block; width:280px; height:15px; margin:5px auto; padding:4px; background:url(/img/portal/12sky2/common/bg_itemscroll_bar.png) no-repeat left; line-height:14px;}
.item_list_tray .item_scrollbar { position:relative; display:block; margin:0 auto; padding:0; width:280px; height:15px; clear:both;}
.item_list_tray .item_scrollbar .btn_scroll { position: relative; display:block; width:60px; height:15px; cursor:pointer; font-size:0px; z-index: 2; }
.item_list_tray .item_scrollbar .btn_scroll img { width:60px; height:15px; background:url(/img/portal/12sky2/common/btn_scroll_bar.png) no-repeat; }

/*Item Event*/
.itemevent_container dd { display:block; margin:3px 10px 0 10px; padding:0; width:300px; height:300px; background:url(/img/portal/12sky2/common/bg_itemevent_info.png) no-repeat top; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000;  }
.itemevent_container .buyfree_item_tray { float:left; margin:6px 6px 5px 6px; width:288px; height:auto; }
.itemevent_container .plus_img { float:left; width:100px; height:107px; background:url(/img/portal/12sky2/common/bg_buyfree_plus.png) no-repeat center; }
.itemevent_container .buy_item { position:relative; float:left; width:94px; height:107px; background:url(/img/portal/12sky2/common/bg_buy_item.png) no-repeat center; }
.itemevent_container .buy_item span { display:block; padding:3px 6px; width:82px;; height:10px; font-size:10px; line-height:10px; color:#FFF; }
.itemevent_container .free_item { position:relative; float:left; width:94px; height:107px; background:url(/img/portal/12sky2/common/bg_free_item.png) no-repeat center; }
.itemevent_container .free_item span { display:block; padding:3px 6px; width:82px;; height:10px; font-size:10px; line-height:10px; color:#FFF; text-align:right; }
.itemevent_container .buy_item a { display:block; margin:3px 6px; width:82px; height:82px;}
.itemevent_container .buy_item a img { border: solid 1px #ad131a; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; }
.itemevent_container .free_item a { display:block; margin:3px 6px; width:82px; height:82px;}
.itemevent_container .free_item a img { border: solid 1px #9d724d; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; }
.itemevent_container .buy_item a:hover img, .itemevent_container .free_item a:hover img { border: solid 1px #f68b1f; }

.itemevent_container .buyfree_info_tray { float:left; margin:6px 6px 5px 6px; width:288px; height:auto; }
.buyfree_info_tray .info_box { float:left; margin-right:3px; width:94px; height:151px; background:url(/img/portal/12sky2/common/bg_buyfree_items.png)}
.buyfree_info_tray .end { margin-right:0; }
.buyfree_info_tray .info_box .title_buy { float:left; margin-top:7px; width:94px; height:18px; padding:5px 0; text-align:center; letter-spacing:2px; color:#ff0000 }
.buyfree_info_tray .info_box .buy_q { float:left; width:94px; height:28px; padding:7px 0; font-size:20px; font-weight:bolder; text-align:center; color:#ff0000 }
.buyfree_info_tray .info_box .title_free {float:left; width:94px; height:18px; padding:2px 0; text-align:center; color:#c7b299 }
.buyfree_info_tray .info_box .free_q {float:left; width:94px; height:28px; padding:7px 0; font-size:18px; text-align:center; color:#c7b299; }
.itemevent_container .event_date { float:left; margin:0 7px; width:286px; height:auto; font-size:10px; line-height:10px; color:#707070;}

.itemevent_container .iteminfo_layer { position:absolute; display:none; margin-top:3px; float:left; top:100px; left:6px; width:300px; height:300px; background:#090909; border:solid 2px #666; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; z-index:4 }
.iteminfo_layer .item_info_tray { float:left; margin:6px 6px 5px 6px; width:288px; height:183px; }
.iteminfo_layer .item_info_tray .name_tray { float:left; margin:0 0 5px 0; padding:10px 5px; width:276px; height:17px; font-size:12px; color:#FFF; border:solid 1px #2c2c2c; }
.iteminfo_layer .item_info_tray .moken_tray { float:left; margin:0 0 5px 0;padding:10px 5px; width:276px; height:16px; font-size:12px; color:#F90; border:solid 1px #2c2c2c; }
.iteminfo_layer .item_info_tray .moken_tray img { float:left; margin:-1px 3px 0 0; width:19px; height:18px; background:url(/img/portal/12sky2/common/bullet_moken.png) no-repeat; vertical-align:middle;}
.iteminfo_layer .item_info_tray .feature_tray { float:left; margin:0 0 5px 0; width:286px; height:30px; border:solid 1px #2c2c2c; }
 
.iteminfo_layer .item_info_tray .info_tray { float:left; position:relative; margin:0; width:286px; height:162px; font-size:12px; color:#FFF; border:solid 1px #2c2c2c; overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
.iteminfo_layer .item_info_tray .info_tray p { padding:5px; width:auto; height:auto; color:#707070; font-size:10px; line-height:150%; }
.iteminfo_layer .item_info_tray .info_tray span { display:block; margin:0 3px !important; padding:7px 25px 0 25px !important; left:0; color:#f68b1f; text-align:left; background:url( /img/portal/12sky2/common/bullet_arrow.png) no-repeat left 0; }
.iteminfo_layer .item_info_tray .info_tray .detail_img img { width:255px; height:auto; }
.iteminfo_layer .feature_tray .txt { float:left; padding:8px 0 0 5px; width:82px; height:12px; font-size:10px }
.iteminfo_layer .feature_tray .txt span { float:left; display:block; width:auto; padding:2px 0 0 0; margin-left:3px; }
.iteminfo_layer .feature_tray .bullet_time { float:left; width:15px; height:15px; background:url(/img/portal/12sky2/common/item/bullet_time.png) no-repeat; vertical-align:middle}
.iteminfo_layer .feature_tray .bullet_quantity { float:left; width:15px; height:15px; background:url(/img/portal/12sky2/common/item/bullet_quantity.png) no-repeat; vertical-align:middle}

.itemevent_container .buy_item:hover .iteminfo_layer { display:block; }
.itemevent_container .free_item:hover .iteminfo_layer { display:block; }

/*Ranking*/
.ranking_container .tabmenu_tray { position:relative; display:block; margin: 0 0 0 -10px; padding:2px 10px 0 20px; width:299px; height:25px; border-bottom:solid 2px #333333; z-index:1 }
.ranking_container .tabmenu_tray .tabmenu a { float:left; margin:2px 1px 0 0; padding:3px 15px 7px 15px; width:auto; height:11px; border:solid 2px #333333; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; font-size:10px; text-transform:uppercase; color:#707070}
.ranking_container .tabmenu_tray .on a { margin:0 1px 0 0; padding:4px 15px 4px 15px; height:15px; border-bottom:solid 2px #090909; color:#f68b1f}
.ranking_container .tabmenu_tray .tabmenu a:hover { color:#f68b1f}
.ranking_container .server_menu { position:absolute; top:49px; right:10px;  z-index:2 }
.ranking_container .server_menu > a { float:right; margin:2px 1px 0 0; padding:3px 15px 7px 15px; width:100px; height:11px; border:solid 2px #333; border-bottom:solid 2px #333333 !important; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; font-size:10px; text-transform:uppercase; color:#707070; background:url(/img/portal/12sky2/common/tab_arrow.gif) no-repeat 110px 7px;}
.ranking_container .server_menu .select_box { position:absolute; display:none; top:26px; right:1px; margin:2px; padding:0 10px; width:108px; height:auto; border:solid 1px #333; background:#000; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; font-size:10px; text-transform:uppercase; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:5}
.ranking_container .server_menu .select_box > a { float:left; display:block; padding:5px 0; width:108px; height:15px;}
.ranking_container .server_menu a:hover { color:#f68b1f}
.ranking_container .server_menu.on > a { margin:2px 1px 0 0; padding:3px 15px 7px 15px; height:11px; background:url(/img/portal/12sky2/common/tab_arrow.gif) no-repeat 110px -16px;  color:#f68b1f}

.ranking_container dd { position:relative; display:block; margin-left:-10px; padding:8px 10px 8px 20px; width:299px; height:33px; border-bottom:solid 1px #171717;}
.ranking_container .bg_dragon { background:url(/img/portal/12sky2/common/bg_ranking_dragon.png) no-repeat center top; }
.ranking_container .bg_tiger { background:url(/img/portal/12sky2/common/bg_ranking_tiger.png) no-repeat center top; }
.ranking_container .bg_snake { background:url(/img/portal/12sky2/common/bg_ranking_snake.png) no-repeat center top; }
.ranking_container .bg_sky { background:url(/img/portal/12sky2/common/bg_ranking_sky.png) no-repeat center top; }
.ranking_container .ranking_column { float:left; margin:6px 0; padding:2px 0; width:33px; height:16px; background:url(/img/portal/12sky2/common/bullet_ranking.png) no-repeat center; font-size:10px; text-align:center; }
.ranking_container .ranking_column img { margin:1px; width:49px; height:20px; }
.ranking_container .name_column { float:left; margin:6px 5px; padding:2px 0; width:185px; height:16px; font-size:11px; color:#f68b1f; }
.ranking_container .score_column { float:left; margin:6px 5px; padding:2px 0; width:55px; height:16px; font-size:11px; color:#FFF; }

/*Event Banner*/
.event_container .bnr_tray { display:block; margin:3px 10px; width:300px; height:205px;}
.event_container .bnr_tray a { display:block; padding:1px; width:294px; height:199px; border:solid 2px #333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; overflow:hidden; z-index:1}
.event_container .bnr_tray a img { width:294px; height:199px; }
.event_container .bnr_tray a:hover { border:solid 2px #f68b1f; }

.event_container .bnr_tray:hover .viewbtn_tray { display:block; }
.bnr_tray a .viewbtn_tray { position:absolute; display:none; margin-top:150px; width:294px; height:50px; }
.bnr_tray a .viewbtn_tray .viewbtn { position:absolute; display:block; margin:10px 10px; width:274px; height:28px; background:url(/img/portal/12sky2/common/btn_view.png) no-repeat right center; z-index:2 }
.bnr_tray a .viewbtn_tray .viewbtn span { float:right; margin:6px 32px; width:auto; height:28px; text-transform:uppercase; font-size:10px; color:#FFF;}
.bnr_tray a .viewbtn_tray .viewbtn_bg { position:absolute; display:block; width:294px; height:50px; background:#000; filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7; z-index:1}

.event_container .btnbnr_tray { display:block; margin:9px 9px 3px 11px; width:294px; height:35px; border:solid 2px #171717; }
.event_container .btnbnr_tray li { float:left; margin:2px 0 2px 2px; width:71px; height:31px;}
.event_container .btnbnr_tray li a { display:block; padding-top:7px; width:69px; height:22px; text-align:center; color:#707070; border:solid 1px #333;} 
.event_container .btnbnr_tray li a:hover { background-position:0 -31px; color:#f68b1f}
.event_container .btnbnr_tray li .on { background:#252525; color:#f68b1f}
.event_container .btnbnr_tray li:hover .bnrdetail_tray { display:block; }
.event_container .bnrdetail_tray { position:absolute; display:none; width:150px; height:auto; z-index:2; }

.event_container .location01 {margin:35px 0 0 -8px;}
.event_container .location02 {margin:35px 0 0 -38px;}
.event_container .location03 {margin:35px 0 0 -38px;}
.event_container .location04 {margin:35px 0 0 -71px;}

.event_container .detail_arrow { position:absolute; margin:-9px 0 0 33px; padding:0; width:19px; height:18px; background:none;}
.event_container .detail_arrow img { width:19px; height:18px; background:url(/img/portal/12sky2/common/bullet_bnrdetail_arw.png) no-repeat top;}
.event_container .detail_arrow span { display:none; }

.event_container .location01 .detail_arrow {margin:-9px 0 0 34px;}
.event_container .location02 .detail_arrow {margin:-9px 0 0 63px;}
.event_container .location03 .detail_arrow {margin:-9px 0 0 63px;}
.event_container .location04 .detail_arrow {margin:-9px 0 0 96px;}

.event_container .detail_info { display:block; padding:10px 10px 2px 10px; width:130px; height:auto; background:url(/img/portal/12sky2/common/bg_bnrdetail_top.png) no-repeat top; color:#FFF; text-align:center;}
.event_container .detail_btm { width:150px; height:17px;}
.event_container .detail_btm img {width:150px; height:17px; background:url(/img/portal/12sky2/common/bg_bnrdetail_btm.png) no-repeat top;}

.event_container .calendar_tray { display:block; margin:8px 9px 0 11px; padding:2px; width:292px; height:33px; border:solid 1px #171717; background:url(/img/portal/12sky2/common/bg_event_calendar.gif) no-repeat center;} 
.event_container .calendar_tray a { display:block; padding:7px 5px; }
.event_container .calendar_tray a:hover strong { color:#f68b1f}
.event_container .calendar_tray strong { font-size:14px; font-weight:normal;} 

/*History Achievement*/
.achievement_container .tabmenu_tray { position:relative; display:block; margin: 0 0 3px -10px; padding:2px 10px 0 20px; width:299px; height:25px; border-bottom:solid 2px #333333;}
.achievement_container .tabmenu_tray .tabmenu a { float:left; margin:2px 1px 0 0; padding:3px 15px 7px 15px; width:auto; height:11px; border:solid 2px #333333; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; font-size:10px; text-transform:uppercase; color:#707070}
.achievement_container .tabmenu_tray .on a { margin:0 1px 0 0; padding:4px 15px 4px 15px; height:15px; border-bottom:solid 2px #090909; color:#f68b1f}
.achievement_container .tabmenu_tray .tabmenu a:hover { color:#f68b1f}
.achievement_container dd { position:relative; display:block; margin-left:-10px; padding:8px 10px 8px 20px; width:299px; height:auto; border-bottom:solid 1px #171717;}
.achievement_container .member_column { float:left; width:auto; height:auto; }
.achievement_container .member_column a { float:left; margin-right:5px; width:51px; height:51px; border:solid 2px #333333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.achievement_container .member_column a img { margin:1px; width:49px; height:49px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.achievement_container .member_column a:hover { border:solid 2px #f68b1f; }
.achievement_container .info_column {float:left; width:190px; height:auto;}
.achievement_container .info_column strong a { display:block; padding-top:2px; height:18px; color:#b7b7b7; font-size:12px; font-weight:normal; text-transform:uppercase }
.achievement_container .info_column span a { display:block; color:#707070; line-height:12px;}
.achievement_container .info_column a { display:block; color:#bfd730}
.achievement_container .info_column a:hover { color:#f68b1f}
.achievement_container .icon_column {float:left; padding-top:4px; width:43px; height:43px;}
.achievement_container .icon_column img { width:43px; height:43px; background-position:center; }
.achievement_container .icon_column div { position:absolute; width:43px; height:43px; background:url(/img/portal/12sky2/common/frame_historyicon.png) no-repeat center; cursor:pointer;}

/*Announcement*/
.announcement_container { float:left; margin-bottom:10px; width:650px; height:auto;}
.announcement_container .read_container { float:left; margin-left:1px; width:649px; height:auto; }
.read_container .read_page_top { float:left;  margin:3px 3px 0 3px; width:643px; height:auto; }
.read_container .read_page_top .ann_title { float:left; display:block; padding:5px 12px 10px 15px; width:616px; height:auto;}
.read_container .ann_title strong { float:left; width:571px; }
.read_container .ann_title strong a { display:block; width:571px; height:20px; width:auto; font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", sans-serif; font-size:16px; font-weight:normal; color:#b7b7b7; }
.read_container .ann_title strong a:hover {  color:#f68b1f; }
.read_container .ann_title .date { display:block; height:12px; color:#3A3A3A; font-size:11px; font-weight:normal; clear:both; }
.read_container .read_page { float:left;  margin:0 3px; width:643px; height:auto; z-index:2;}
.read_container .read_page p { color:#6ea6ca; padding:0 15px; word-wrap:break-word; font-weight:100;}
.read_container .read_page_btm { float:left;  margin:0 3px; width:643px; height:auto;}
.read_container .read_page_btm .ann_end { float:left; padding:15px; width:613px; height:auto; min-height:20px; background:url(/img/portal/12sky2/common/bg_readpage_btm.png) no-repeat bottom; z-index:1;}
.read_container .read_page .sumup_img { float:left; width:195px; height:auto;}
.read_container .read_page .sumup_img a { float:left; margin-right:5px; width:195px; height:145px; border:solid 2px #333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; }
.read_container .read_page .sumup_img img { margin:1px; width:193px; height:143px;}
.read_container .read_page .sumup_img a:hover { border:solid 2px #f68b1f; }
.read_container .read_page .sumup { float:left; width:406px; color:#707070; padding:0; word-wrap:break-word; font-weight:100; line-height:180% }
.read_container .read_page .sumup span { float:left; width:406px;}
.read_container .read_page .sumup .btn_gray { margin-top:5px;}
.read_container .msg_tray { float:right; margin:0; padding:2px 0; width:45px; height:19px; cursor:pointer; background:url(/img/portal/12sky2/common/bg_cnt_comment.png) no-repeat center; text-align:center; }
.read_container .msg_tray a { display:block; font-size:10px; color:#707070; }
.read_container .msg_tray .txt { display:none }
.read_container .msg_left span { float:left; margin:0; padding:0 1px; font-size:10px; color:#06F }
.announcement_container .ann_list { float:left; margin-left:1px; padding:5px 15px; width:619px; height:auto; border-bottom:solid 1px #104272; }
.announcement_container .ann_list a { display:block; padding:3px 0; width:619px; height:auto; font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", sans-serif; font-size:16px; color:#00aeff; background:url(/img/portal/12sky2/common/btn_fold.png) no-repeat top right;  -webkit-transition:color .5s;}
.announcement_container .ann_list a:hover { color:#ffcb05; background-position:right -29px;}


/* Screenshot */
.screenshot_container .SHOT_tray { position:relative; display:block; margin:5px 0 5px 11px; width:628px; height:181px; overflow:hidden;}
.screenshot_container .SHOT_tray .SHOT_list { position:relative; display:block; white-space:nowrap; left:0; padding: 0; margin:0;  width:1881px; height:145px;}
.screenshot_container .SHOT_tray .SHOT_list li {display: inline; float:left; padding:0 4px; width:201px; height:145px; }
.screenshot_container .SHOT_tray .SHOT_list a { display:block; padding:1px; width:195px; height:135px; border:solid 2px #333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000;overflow:hidden; z-index:1}
.screenshot_container .SHOT_tray .SHOT_list a img { width:195px; height:135px; }
.screenshot_container .SHOT_tray .SHOT_list a:hover { border:solid 2px #f68b1f; }
.screenshot_container .SHOT_tray .SHOT_list a:hover .viewbtn_tray { display:block; }
.SHOT_list a .viewbtn_tray { position:absolute; display:none; margin-top:100px; width:195px; height:50px; }
.SHOT_list a .viewbtn_tray .viewbtn { position:absolute; float:left; margin:5px; width:185px; height:28px; background:url(/img/portal/12sky2/common/btn_view.png) no-repeat right center; z-index:2 }
.SHOT_list a .viewbtn_tray .viewbtn span { float:right; margin:6px 32px; width:auto; height:28px; text-transform:uppercase; font-size:10px; color:#FFF;}
.SHOT_tray .SHOT_list a .viewbtn_tray .viewbtn_bg { position:absolute; display:block; width:195px; height:35px; background:#000; filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; z-index:1}
.screenshot_container .SHOT_scrollbar_tray { position:relative; display:block; width:614px; height:15px; margin:5px auto; padding:5px; background:url(/img/portal/12sky2/common/bg_scroll_bar.png) no-repeat center; line-height:14px;}
.screenshot_container .SHOT_scrollbar { position:relative; display:block; margin:0 auto; padding:0; width:614px; height:14px; clear:both;}
.screenshot_container .SHOT_scrollbar .btn_scroll { position: relative; display:block; width:60px; height:15px; cursor:pointer; font-size:0px; z-index: 2; }
.screenshot_container .SHOT_scrollbar .btn_scroll img { width:60px; height:15px; background:url(/img/portal/12sky2/common/btn_scroll_bar.png) no-repeat; }

/*replay*/
.reply_area { float:left;}
.reply_area h3{width: 640px; height:32px; margin:0 0 0 1px; padding:10px 0 0 10px; border-bottom:solid 1px #104272; color:#fff; font-size:16px; text-transform:uppercase;}
.reply_area textarea {width:618px; height:58px; margin:10px 0 5px 10px; padding:5px; background:#000; border:1px solid #2175b3; color:#fff; font-size:11px;}

.reply {margin:10px 0 10px 10px;  }
.reply li{width:618px; height:auto; margin:5px 0 0 0; padding:10px 0 0 10px; background:#332f2d; border:1px solid #75624e;}
.reply p {float:left; width:60px;}
.reply p a { float:left; margin-right:5px; width:51px; height:51px; border:solid 2px #756b61; box-shadow:0px 2px 4px #1d1918; -moz-box-shadow:0px 2px 4px #1d1918; -webkit-box-shadow:0px 2px 4px #1d1918;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.reply p a img { margin:1px; width:49px; height:49px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.reply p a:hover { border:solid 2px #ffcb05; }
.reply dl{ float:left; width:550px;}
.reply dl dt {height:20px; color:#fff; font-weight:bold;}
.reply dl .media_reply_txt { word-wrap:break-word; color:#af906e;}
.reply dl .media_reply_date{height:20px; padding:5px 0 0 0; color:#1b1816; font-size:11px;}

.reply_area .btn_area { display:block; margin:0 auto; padding:2px 0; width:630px; height:30px;}
.reply_area .btn_area .btn_default { display:block; margin:0 auto; width:122px;}
.reply_area .btn_area .btn_default a { width:100px; }