@charset "utf-8";
/* CSS Document */
body { background-image: url(/img/members/common/bg_potaltop_v2.png) !important;  background-repeat: repeat-x; background-position: top;  }
#wrapper { background-image: url(/img/members/common/layout_main.jpg);  background-repeat: no-repeat; background-position: center top;}
#wrapper { _background-image: url(/img/members/common/layout_login.jpg) !important; }

/* Game Event Button */
.bnr_area { float:left; width: 935px; height: 140px; }
.bnr_area .portal_copy { float:left; margin-left:1px; padding-top:55px; width: 467px; height: 85px; background:url(/img/members/common/main/bg_maincopy.png) no-repeat 0 -15px; }
.bnr_area .portal_copy span { display:block; width:467px; font-size:14px; color:#FFF; text-align:center}
.bnr_area .btn_event_area { float:left; width: 467px; height: 140px; }
.bnr_area .btn_event_area a { display:block; margin-top:13px; width: 463px; height: 105px; border:solid 2px #7f0707; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.bnr_area .btn_event_area a img { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  }

.btn_event_area { margin-bottom:5px; *padding-bottom:5px; _padding-bottom:0; width:220px; height:100%; float:left }
.btn_event_area a img { width:931px; height:105px;}


.game_links { float:left; width: 935px; height: 370px; }
.game_links .gamelink_bnr_area { float:left; margin-right:4px; width: 309px; height: 370px; }
.game_links .last { margin-right:0; }
.game_links .gamelink_bnr_area h2 { float:left; margin-left:5px; width: 304px; height:30px;  }
.game_links .gamelink_bnr_area h2 a { font-size:14px; color:#FFF; font-weight:normal; text-transform:uppercase;}
.game_links .gamelink_bnr_area h2 a:hover { color:#c90f18;}
.game_links .gamelink_bnr_area h2 span { font-size:10px; color:#c90f18; line-height:10px;  }
.game_links .gamelink_bnr_area .gamelink_bnr { float:left; width: 305px; height: 340px; border:solid 2px #666; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer}
.game_links .gamelink_bnr_area .gamelink_bnr .GLmenu_container { display:block; margin:0 auto; margin-top:15px; width:280px; height:140px;  transition:height 0.4s; -webkit-transition:height .4s; -moz-transition:height .4s; -o-transition:height .4s;}
.game_links .gamelink_bnr_area .gamelink_bnr .GLmenu_container ul { position:absolute; margin:10px; display:block; z-index:2;}
.game_links .gamelink_bnr_area .gamelink_bnr .GLmenu_container li { padding:5px; display:none; color:#FFF; text-transform:uppercase; }
.game_links .gamelink_bnr_area .gamelink_bnr .GLmenu_container li a { color:#FFF; }
.game_links .gamelink_bnr_area .gamelink_bnr .GLmenu_container li a:hover { color:#F90; }
.game_links .gamelink_bnr_area .gamelink_bnr .GLmenu_container .bg_container { position:absolute; width:280px; height:170px; background:#000; border:solid 1px #999; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;  transition:opacity 0.4s; -webkit-transition:opacity .4s; -moz-transition:-moz-opacity .4s; -o-transition:opacity .4s; z-index:1; }
.game_links .gamelink_bnr_area .gamelink_bnr .logo { margin-top:10px; text-align:center; }
.game_links .gamelink_bnr_area .gamelink_bnr:hover .GLmenu_container { height:170px; } 
.game_links .gamelink_bnr_area .gamelink_bnr:hover li { display:block; }
.game_links .gamelink_bnr_area .gamelink_bnr:hover .bg_container { filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7; }
.game_links .gamelink_bnr_area .bg_game_TS2 { background:url(/img/members/common/main/game_TS2.jpg) no-repeat center }
.game_links .gamelink_bnr_area .bg_game_TS2 .logo img { width:224px; height:110px; background:url(/img/members/common/main/logo_TS2.png) no-repeat center;}
.game_links .gamelink_bnr_area .bg_game_karahan { background:url(/img/members/common/main/game_TS2.jpg) no-repeat center }
.game_links .gamelink_bnr_area .bg_game_karahan .logo img { width:284px; height:110px; background:url(/img/members/common/main/logo_karahan.png) no-repeat center;}
.game_links .gamelink_bnr_area .bg_game_xen { background:url(/img/members/common/main/game_xen.jpg) no-repeat center }
.game_links .gamelink_bnr_area .bg_game_xen .logo img { width:166px; height:110px; background:url(/img/members/common/main/logo_xen.png) no-repeat center; }
.game_links .gamelink_bnr_area .bg_game_TI { background:url(/img/members/common/main/game_TI.jpg) no-repeat center }
.game_links .gamelink_bnr_area .bg_game_TI .logo img { width:284px; height:110px; background:url(/img/members/common/main/logo_TI.png) no-repeat center;}

.quick_links { float:left; margin:25px 0; width: 935px; height: 195px; }
.quick_links h2 { float:left; margin-left:5px; width: 810px; height:30px; font-size:14px; color:#FFF; font-weight:normal; text-transform:uppercase; }
.sns_container { float:left; padding:0; margin:0 0 5px 0; width:119px; height:auto; float:left }
.sns_container li { float:left; height:28px;}
.sns_container .facebook a {margin:1px 5px 0 0; padding:0; height: 25px; width: 25px; vertical-align:middle; }
.sns_container .facebook a img { height: 25px; width: 25px; background:url(/img/members/common/icon_facebook.png) no-repeat; vertical-align:middle; }
.sns_container .twitter a { margin:1px 5px 0 0; padding:0; height: 25px; width: 25px; vertical-align:middle; }
.sns_container .twitter a img { height: 25px; width: 25px; background:url(/img/members/common/icon_twitter.png) no-repeat; vertical-align:middle; }
.sns_container .youtube a { margin:1px 5px 0 0; padding:0; height: 25px; width: 54px; vertical-align:middle; }
.sns_container .youtube a img { height: 25px; width: 54px; background:url(/img/members/common/icon_youtube.png) no-repeat; vertical-align:middle; }
.quick_links .links_area { float:left; width: 933px; height: 115px; background:#000;  border:solid 1px #333; box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} 
.quick_links .links_area li { float:left; margin-right:4px; padding:25px 0; width: 306px; height: auto; cursor:pointer; }
.quick_links .links_area .last { margin-right:0; }
.quick_links .links_area h3 { display:block; margin-top:5px; width: 306px; text-align:center; white-space:nowrap; }
.quick_links .links_area h3 a { font-size:14px; color:#FFF; font-weight:normal; }
.quick_links .links_area li > a { display:block; margin:0 auto; width:35px; height:35px;  }
.quick_links .links_area li:hover a { color:#c90f18 }

/* 0414_add countdown_ryu */
.game_links .gamelink_bnr_area .gamelink_bnr:hover .cbt_countdown_xen{display:none;}
.cbt_countdown_xen {position:absolute; margin:20px 0 0 52px; width:194px; height:142px; background:url(/img/portal/xen/common/bg_counter_portal.png) no-repeat; color:#ffe001; z-index:999; }



/*counter*/

.cbt_countdown_xen .connter_tray { position:relative; top:28px; left:66px; width:60px; text-align:center }
.cbt_countdown_xen .connter_tray strong { display:block; font-size:40px; color:#FFF; letter-spacing:-5px; line-height:40px;}
.cbt_countdown_xen .connter_tray span { display:block; margin:0 atuo; width:70px; font-size:11px; color:#7ed3f7; letter-spacing:3px; text-align:center; line-height:11px; }