/*
°¡ÀÌµå ¸íĪ : BLACKJACK 1±â ȨÆäÀÌÁö CSS °¡À̵å
°¡ÀÌµå ¸ñÀû : -------------------------------------------------------------
°¡ÀÌµå ³»¿ë : ½ºÄÉÁì ·¹À̾ƿô
ÃÖÃÊ Á¦ÀÛÀÚ : Á¤È¿Áø (web_designer@nate.com)
ÃÖÃÊ Á¦ÀÛÀÏ : 2009.11.18
ÃÖÁ¾ ¼öÁ¤ÀÚ : Á¤È¿Áø
ÃÖÁ¾ ¼öÁ¤ÀÏ : 2009.11.18
¼öÁ¤ / ¹èÆ÷ : ´ã´çÀÚ ¹®ÀÇ ÈÄ ¼öÁ¤ °¡´É. Àç¹èÆ÷ Àý´ë ºÒ°¡
*/

@charset "utf-8";

/* dafault */
*{ margin:0; padding:0; }
body, form, div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{padding:0; margin:0; word-break:break-all;}
html, body{height:100%; margin:0; padding:0;}
body{color:#666666; font-size:12px; font-family:dotum,tahoma,sans-serif; text-align:left; letter-spacing:0px; line-height:15px;}
input, textarea, select{font-size:12px; font-family:dotum,tahoma,sans-serif; margin:0; padding:0;}
img{border:0; vertical-align:middle;}
a{color:#666666; text-decoration:none; onfocus:blur;}
a:link{color:#666666; text-decoration:none; onfocus:blur;}
a:hover{color:#c90000; text-decoration:underline; onfocus:blur;}
ul,ol,ul,dl{list-style: none;}
table{border-collapse:collapse;}
em, cite, address, dfn, var{font-style:normal;}
fieldset, blockquote{border:none;}
input{padding:3px 5px 3px 5px; color:#666666; border:1px solid #dedede;}
input.checkbox{width:14px; height:14px; border:0;}
input.radio{width:14px; height:14px; border:0;}
.textarea{border:1px soild #bebebe;}

/* body */
#body{background:url('../images/bg_img.gif') repeat-x;}

/* toplink */
#toplink{height:30px; position:relative; padding-top:20px; padding-right:40px; text-align:right;}
#toplink span.link1{background:url('/images/toplink_yg.gif') no-repeat 0 0; position:relative; display:inline-block; width:70px; height:28px; overflow:hidden;}
#toplink span.link1:hover{background-position:0 -28px; cursor:pointer;}
#toplink span.link2{background:url('/images/toplink_2ne1.gif') no-repeat 0 0; position:relative; display:inline-block; width:64px; height:28px; overflow:hidden;}
#toplink span.link2:hover{background-position:0 -28px; cursor:pointer;}
#toplink span.link3{background:url('/images/toplink_cafe.gif') no-repeat 0 0; position:relative; display:inline-block; width:60px; height:28px; overflow:hidden;}
#toplink span.link3:hover{background-position:0 -28px; cursor:pointer;}
#toplink span img{padding-left:10px; padding-right:10px; margin-top:-10px;}

#body_main{position:relative; clear:both; margin:0; padding:0; overflow:hidden; width:100%; min-width:990px; _min-width:990px;}

/* header */
#header{background:url('../images/bg_gnb.gif') no-repeat; width:235px; height:830px; text-align:left; vertical-align:top;}

#gnb{width:220px; height:590px;}
#radio{width:200px; height:100px; padding-left:20px;}


/* container */
#container{width:100%; overflow:hidden;}

#login_area{width:100%-10px; background:url('../images/bg_login.gif') no-repeat right top; height:40px; text-align:right; padding-right:10px;}

#login{height:40px; text-align:right; margin-right:30px; background-color:#000;}
#login ul{float:right; height:25px; margin-top:10px;}
#login ul li{float:left;}
#login ul li.mem_input1{width:100px; margin:1px 0 0 0; background:none;}
#login ul li.mem_input1 input{background-color:#fff;}
#login ul li.mem_input2{width:20px; margin-top:3px; background:none;}
#login ul li.mem_input3{width:30px; margin-top:5px; background:none;}
#login ul li.mem_input4{width:100px; margin:1px 8px 0 5px; background:none;}
#login ul li.mem_input4 input{background-color:#fff;}
#login ul li.mem_login{width:50px; padding-left:5px; background:none;}
#login ul li.mem_idpw{width:121px; padding-left:5px; background:none;}
#login ul li.mem_logout{width:62px; padding-left:5px; background:none;}
#login ul li.mem_mypage{width:73px; padding-left:5px; background:none;}
#login ul li.mem_emo{width:150px; padding:0 5px 0 5px; margin-top:-3px; text-align:right;}
#login ul li.mem_emo div ul li{padding:3px;}
#login ul li.mem_member{width:auto; margin-top:3px; color:#999; font-size:8pt; background:none;}
#login ul li.mem_member strong{color:#db0000;}
#login ul li img{cursor:pointer; display:block;}

input.login_idpw{width:90px; height:8px; color:#9e9e9e; border:1px solid #e7e7e7; font-size:8pt; background:#fff;}
input.password{width:90px; height:9px; background:#fff;}

#selectBox{display:block; height:25px; text-align:right; position:relative; left:0px; margin-top:38px;  z-index:5000; }
#selectBox ul{float:right; height:25px;}
#selectBox ul li{float:right; border:1px solid #ccc; background-color:#FFF}

#contents{width:100%-40px; height:auto; text-align:left; padding-top:15px; padding-right:40px;}

#main_promo{}

#main_new{width:100%; margin-top:20px; position:relative;}

#new_notice{float:left; position:relative; width:355px; margin-bottom:30px;}
#new_notice h3{background:url('/images/main_tit_notice.gif') no-repeat 0 0; position:relative; display:inline-block; width:355px; height:34px; overflow:hidden; margin-bottom:10px; cursor:pointer;}
#new_notice ul li div.subject{float:left; position:relative; text-align:left; width:315px; height:18px; padding-left:5px;}
#new_notice ul li div.date{float:left; position:relative; text-align:right; width:30px;  height:18px; padding-right:5px; font-family:µ¸¿ò; font-size:11px; color:#000;}
#new_notice ul li div a{text-align:left; font-family:µ¸¿ò; font-size:12px; color:#333;}
#new_notice ul li div a:hover{text-decoration:underline; color:#db0000;}
#new_notice ul li div strong{padding-left:5px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#999;}
#new_notice ul li div img{padding-left:5px; text-align:left;}

#new_from{float:left; position:relative; width:355px; margin-left:15px;  margin-bottom:30px;}
#new_from h3{background:url('/images/main_tit_from.gif') no-repeat 0 0; position:relative; display:inline-block; width:355px; height:34px; overflow:hidden; margin-bottom:10px; cursor:pointer;}
#new_from ul li div.subject{float:left; position:relative; text-align:left; width:315px; height:18px; padding-left:5px;}
#new_from ul li div.date{float:left; position:relative; text-align:right; width:30px;  height:18px; padding-right:5px; font-family:µ¸¿ò; font-size:11px; color:#000;}
#new_from ul li div a{text-align:left; font-family:µ¸¿ò; font-size:12px; color:#333;}
#new_from ul li div a:hover{text-decoration:underline; color:#db0000;}
#new_from ul li div strong{padding-left:5px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#999;}
#new_from ul li div img{padding-left:5px; text-align:left;}

#new_multi{float:left; position:relative; width:355px;}
#new_multi h3{background:url('/images/main_tit_multi.gif') no-repeat 0 0; position:relative; display:inline-block; width:355px; height:34px; overflow:hidden; margin-bottom:10px; cursor:pointer;}
#new_multi ul li div.subject{float:left; position:relative; text-align:left; width:315px; height:18px; padding-left:5px;}
#new_multi ul li div.date{float:left; position:relative; text-align:right; width:30px;  height:18px; padding-right:5px; font-family:µ¸¿ò; font-size:11px; color:#000;}
#new_multi ul li div a{text-align:left; font-family:µ¸¿ò; font-size:12px; color:#333;}
#new_multi ul li div a:hover{text-decoration:underline; color:#db0000;}
#new_multi ul li div strong{padding-left:5px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#999;}
#new_multi ul li div img{padding-left:5px; text-align:left;}

#new_event{float:left; position:relative; width:355px; margin-left:15px;}
#new_event h3{background:url('/images/main_tit_event.gif') no-repeat 0 0; position:relative; display:inline-block; width:355px; height:34px; overflow:hidden; margin-bottom:10px; cursor:pointer;}
#new_event ul li div.subject{float:left; position:relative; text-align:left; width:315px; height:18px; padding-left:5px;}
#new_event ul li div.date{float:left; position:relative; text-align:right; width:30px;  height:18px; padding-right:5px; font-family:µ¸¿ò; font-size:11px; color:#000;}
#new_event ul li div a{text-align:left; font-family:µ¸¿ò; font-size:12px; color:#333;}
#new_event ul li div a:hover{text-decoration:underline; color:#db0000;}
#new_event ul li div strong{padding-left:5px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#999;}
#new_event ul li div img{padding-left:5px; text-align:left;}


/* SCHEDULE */
#schedule{width:725px; clear:both; text-align:left; margin-left:0px;}

#btn_bullet{padding:0 0 5px 0; margin-right:auto; margin-left:auto; color:#999999; text-align:right;}
#btn_bullet span img{margin-top:-6px;}
#btn_bullet span.prev{background:url('/images/btn_bullet.jpg') no-repeat 0 0; position:relative; display:inline-block; width:25px; height:25px; overflow:hidden;}
#btn_bullet span.prev:hover{background-position:0 -25px; cursor:pointer;}
#btn_bullet span.next{background:url('/images/btn_bullet.jpg') no-repeat -25px 0; position:relative; display:inline-block; width:25px; height:25px; overflow:hidden;}
#btn_bullet span.next:hover{background-position:-25px -25px; cursor:pointer;}

#schedule_view{margin-top:5px;}
#schedule_view div.schedule_tit{padding-top:5px; padding-bottom:5px; width:725px; border-top:2px solid #d5d5d5; border-bottom:1px solid #e9e9e9;}

#schedule_view div.schedule_list{width:725px;}
#schedule_view div.schedule_list table tr td{height:70px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; vertical-align:top;}
#schedule_view div.schedule_list table tr td div.strong{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:11px; font-weight:bold; color:#666666;}
#schedule_view div.schedule_list table tr td div.span{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:11px; color:#666666;}
#schedule_view div.schedule_list table tr td div.icon{padding-left:3px; text-align:left;}

#today_schedule{margin-top:5px; padding:5px; background-color:#eee; width:715px; height:auto;}
#today_schedule div.today{float:left; position:relative; text-align:left;}
#today_schedule div.date{float:left; position:relative; text-align:left; font-family:µ¸¿ò; font-size:11px; font-weight:bold; color:#333; margin-left:10px;}
#today_schedule div.txt{float:left; position:relative; text-align:left; width:375px; height:auto; margin-left:10px; font-family:µ¸¿ò; font-size:11px; color:#666;}
/*#today_schedule div.txt{float:left; position:relative; text-align:left; width:420px; height:30px; margin-left:10px; font-family:µ¸¿ò; font-size:11px; color:#777777; overflow:auto;scrollbar-face-color:#f8f1ef; scrollbar-shadow-color:#f8f1ef; scrollbar-highlight-color:#f8f1ef; scrollbar-3dlight-color:#f8f1ef; scrollbar-darkshadow-color:#f8f1ef; scrollbar-track-color:#f8f1ef; scrollbar-arrow-color:#b43e44;}*/

#sche_preview{position:absolute; left:270px; top:215px; width:201px; height:70px; z-index:1}
#sche_preview table tr td.title{background-color:#fff9f9; height:20px; padding:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#333;}
#sche_preview table tr td.memo{background-color:#fff9f9; height:40px; vertical-align:top; padding:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#666;}



/* notice */
#notice{width:100%; clear:both; text-align:left; margin-left:auto; margin-right:auto;}

#notice_list{}
#notice_list div.notice_tit{padding-top:5px; padding-bottom:5px; width:100%; border-top:2px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#notice_list div.notice_tit table tr td{vertical-align:middle; font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}

#notice_list div.notice_list1{width:100%;}
#notice_list div.notice_list1 table tr td{height:32px; vertical-align:middle;}
#notice_list div.notice_list1 table tr td span{font-family:µ¸¿ò; font-size:11px; color:#888;}
#notice_list div.notice_list1 table tr td strong{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}
#notice_list div.notice_list1 table tr td b{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#888;}
#notice_list div.notice_list1 table tr td a{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#000;}
#notice_list div.notice_list1 table tr td a:hover{text-decoration:underline; color:#db0000;}
#notice_list div.notice_list1 table tr td img{padding-left:5px; text-align:left;}
#notice_list div.notice_list1 table tr td img.ico{padding-right:5px;}

#notice_list div.notice_list2 table tr td{height:28px; border-bottom:1px solid #e9e9e9; vertical-align:middle; background-color:#f7f7f7;}
#notice_list div.notice_list2 table tr td span{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#888;}
#notice_list div.notice_list2 table tr td strong{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}
#notice_list div.notice_list2 table tr td b{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#888;}
#notice_list div.notice_list2 table tr td a{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#000;}
#notice_list div.notice_list2 table tr td a:hover{text-decoration:underline; color:#db0000;}
#notice_list div.notice_list2 table tr td img{padding-left:5px; text-align:left;}
#notice_list div.notice_list2 table tr td img.ico{padding-right:5px;}


#notice_view{}
#notice_view div.notice_top{width:100%; border-top:2px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#notice_view div.notice_top table tr td{height:28px; vertical-align:middle; background-color:#f7f7f7;}
#notice_view div.notice_top table tr td span{text-align:left; font-family:µ¸¿ò; font-size:11px; color:#888888;}
#notice_view div.notice_top table tr td strong{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#000;}
#notice_view div.notice_top table tr td b{padding-left:3px; padding-right:5px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#333;}
#notice_view div.notice_top table tr td img{padding-left:3px; text-align:left;}

#notice_view_info{position:relative; text-align:left; padding:6px 0 5px 0; width:100%; border-bottom:1px solid #e9e9e9;}
#notice_view_info div.name{float:left; font-family:µ¸¿ò; font-size:11px; color:#888; font-weight:bold; position:relative;}
#notice_view_info div.txt{float:left; font-family:µ¸¿ò; font-size:11px; color:#888; padding-right:5px; padding-top:2px;}
#notice_view_info div.num{float:left; font-family:µ¸¿ò; font-size:11px; color:#888; font-weight:bold; padding-top:2px;}
#notice_view_info div.partition{float:left; font-family:µ¸¿ò; font-size:11px; color:#ddd; padding-left:10px; padding-right:10px; padding-top:2px;}
#notice_view_info div.file{float:right; text-align:right; position:relative; padding-top:2px;}
#notice_view_info div.file a{font-family:µ¸¿ò; font-size:11px; color:#333333; font-weight:bold;}
#notice_view_info div.file a:hover{text-decoration:underline;}

#notice_view_txt{padding-top:20px; padding-bottom:20px;}
#notice_view_txt div.txt{padding-top:10px; padding-bottom:10px; font-family:µ¸¿ò; font-size:12px; color:#333;}


/* board */
.ico{padding-right:5px;}

#board{width:100%; clear:both; text-align:left; margin-left:auto; margin-right:auto;}

#board_list{}
#board_list div.board_tit{padding-top:5px; padding-bottom:5px; width:100%; border-top:2px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#board_list div.board_tit table tr td{vertical-align:middle; font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}

#board_list div.board_list{width:100%;}
#board_list div.board_list table tr td{height:32px; vertical-align:middle;}
#board_list div.board_list table tr td span{font-family:µ¸¿ò; font-size:11px; color:#888;}
#board_list div.board_list table tr td strong{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}
#board_list div.board_list table tr td b{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#888;}
#board_list div.board_list table tr td a{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#000;}
#board_list div.board_list table tr td a:hover{text-decoration:underline; color:#db0000;}
#board_list div.board_list table tr td img{padding-left:5px; text-align:left;}
#board_list div.board_list table tr td img.ico{padding-right:5px;}

#board_list div.notice_list table tr td{height:28px; border-bottom:1px solid #e9e9e9; vertical-align:middle; background-color:#f7f7f7;}
#board_list div.notice_list table tr td span{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#888;}
#board_list div.notice_list table tr td strong{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}
#board_list div.notice_list table tr td b{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; color:#888;}
#board_list div.notice_list table tr td a{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#000;}
#board_list div.notice_list table tr td a:hover{text-decoration:underline; color:#db0000;}
#board_list div.notice_list table tr td img{padding-left:5px; text-align:left;}
#board_list div.notice_list table tr td img.ico{padding-right:5px;}

#board_view{}
#board_view div.board_top{width:100%; border-top:2px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#board_view div.board_top table tr td{height:28px; vertical-align:middle; background-color:#f7f7f7;}
#board_view div.board_top table tr td span{text-align:left; font-family:µ¸¿ò; font-size:11px; color:#888888;}
#board_view div.board_top table tr td strong{padding-left:3px; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#000;}
#board_view div.board_top table tr td img{padding-left:3px; text-align:left;}

#board_view_info{position:relative; text-align:left; padding:6px 0 5px 0; width:100%; border-bottom:1px solid #e9e9e9; vertical-align:middle;}
#board_view_info div.name{float:left; font-family:µ¸¿ò; font-size:11px; color:#888; font-weight:bold; position:relative;}
#board_view_info div.txt{float:left; font-family:µ¸¿ò; font-size:11px; color:#888; padding-right:5px; padding-top:2px;}
#board_view_info div.num{float:left; font-family:µ¸¿ò; font-size:11px; color:#888; font-weight:bold; padding-top:2px;}
#board_view_info div.partition{float:left; font-family:µ¸¿ò; font-size:11px; color:#ddd; padding-left:10px; padding-right:10px; padding-top:2px;}
#board_view_info div.file{float:right; text-align:right; position:relative; padding-top:2px;}
#board_view_info div.file a{font-family:µ¸¿ò; font-size:11px; color:#333333; font-weight:bold;}
#board_view_info div.file a:hover{text-decoration:underline;}

#board_view_txt{padding-top:20px; padding-bottom:20px;}
#board_view_txt div.txt{padding-top:10px; padding-bottom:10px; font-family:µ¸¿ò; font-size:12px; color:#333;}
#board_view_txt div.img_bb{float:left; position:relative; padding-right:20px; width:120px;}
#board_view_txt div.txt_bb{float:left; position:relative; font-family:µ¸¿ò; font-size:12px; color:#333;}

#board_write{}
#board_write div.board_top{width:700px; border-top:2px solid #d5d5d5;}
#board_write div.board_top table tr td{height:28px; vertical-align:middle;}
#board_write div.board_top table tr td span{text-align:center; font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#000;}

#comment_list {width:100%;}
#comment_list table tr:hover{background-color:#f7f7f7;}
#comment_list table tr td{vertical-align:top; padding:10px 0 10px 0;}
#comment_list table tr td span{text-align:left; font-family:µ¸¿ò; font-size:11px; color:#888;}
#comment_list table tr td strong{text-align:left; font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#888; line-height:16px;}
#comment_list table tr td img{padding-left:3px; text-align:left;}
#comment_list table tr td img.btn1{padding-left:10px; text-align:left;}
#comment_list table tr td img.btn2{padding-left:5px; text-align:left;}

#board_btn{text-align:right;}
#board_btn1{text-align:left;}
#board_btn2{text-align:left; margin-top:5px; padding-top:5px;}
#board_btn3{text-align:right; margin-top:5px; padding-top:5px;}
	
#board_search{text-align:center; padding-bottom:10px;}
.dropb_board_search {font-size:12px; font-family:±¼¸²; color:#666666; border:1px solid #e7e7e7; width:85px;}

#board_choice{position:relative;}
#board_choice div{float:left; position:relative; padding-right:3px; margin-bottom:-1px;}

#board_sort{position:relative; height:20px;}
#board_sort div.select_sort{float:left; position:relative; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#000;}
#board_sort div.select_none{float:left; position:relative; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#333;}
#board_sort div.select_none:hover{float:left; position:relative; text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#333; text-decoration:underline; cursor:pointer;}
#board_sort div.partition{float:left; font-family:µ¸¿ò; font-size:11px; color:#ddd; padding-left:10px; padding-right:10px;}


/* paging */
.paging{position:relative; clear:both; padding:20px 0 20px 0; margin-right:auto; margin-left:auto; color:#999999; text-align:center;}
.paging span{padding:2px 2px 2px 2px; text-align:center; cursor:default; display:block-inline; cursor:pointer;}
.paging span:hover{color:#000;}
.paging span.first{background:url('/images/bullet_paging.gif') no-repeat 0 5px; padding:2px; width:14px; height:6px; overflow:hidden;}
.paging span.first:hover{background-position:0 -10px;}
.paging span.prev{background:url('/images/bullet_paging.gif') no-repeat -15px 5px; padding:2px; width:14px; height:6px; overflow:hidden;}
.paging span.prev:hover{background-position:-15px -10px;}
.paging span.last{background:url('/images/bullet_paging.gif') no-repeat -30px 5px;  padding:2px; width:14px; height:6px; overflow:hidden;}
.paging span.last:hover{background-position:-30px -10px;}
.paging span.next{background:url('/images/bullet_paging.gif') no-repeat -45px 5px;  padding:2px; width:14px; height:6px; overflow:hidden;}
.paging span.next:hover{background-position:-45px -10px;}
.paging span.select, .paging span.select:hover{color:#000; font-weight:bold;}


/* line */
.dotline{background:url('/images/bg_dotline.gif') no-repeat left bottom;}
.line_bottom{background:url('/images/bg_line.gif') no-repeat left bottom;}
.fatline_top{border-top:2px solid #d5d5d5; margin-top:-1px; z-index:1}
.fatline_top1{border-top:2px solid #d5d5d5;}
.fatline_bottom{border-bottom:2px solid #d5d5d5;}


/* footer */
#footer{border-top:1px solid #e7e7e7; padding:20px 0 30px 10px; text-align:left; margin-top:50px;}

/* fanstaff vote */
#fanstaff_vote{width:660px; border:5px solid #dddddd; padding:20px; text-align:center; vertical-align:top;}
#fanstaff_vote table{width:100%; table-layout:fixed;}
#fanstaff_vote table tr td div{width:100%;}
#fanstaff_btn{height:46px;}
#fanstaff_btn ul{float:left; height:46px; padding-left:5px;}
#fanstaff_btn ul li{float:left; padding:0 5px 0 5px;}
#fanstaff_tit{text-align:left;}
#fanstaff_stit{background:url('http://blackjack.yg-2ne1.com/images/fanstaff_vote_topbg.gif') no-repeat; height:36px; text-align:left; vertical-align:middle; padding:12px 0 0 20px; margin-top:10px;}
#fanstaff_stit span{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#333;}
#fanstaff_stit strong{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#333;}
#fanstaff_stit b{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#ccc;}
#fanstaff_step{text-align:left; padding:20px 0 20px 0;}
#fanstaff_box{background-color:#f7f7f7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:15px; margin-bottom:20px;}
#fanstaff_box table tr td{vertical-align:top;}
.fanstaff_txt span{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#da0001;}
.fanstaff_txt strong{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#333;}
#fanstaff_box table tr td div{vertical-align:top;}
#fanstaff_textarea{height:120px; padding:10px; background:#FFF; border:1px solid #ccc; margin-top:3px; overflow:auto; scrollbar-face-color:#dd3d3d; scrollbar-shadow-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#fff;}
#fanstaff_effect{background:url('http://blackjack.yg-2ne1.com/images/fanstaff_vote_effect_bg.gif') repeat-y 5px 0; text-align:left; padding-left:35px;}
#fanstaff_effect p {padding-bottom:10px;}
#fanstaff_effect dl{clear:both; padding-bottom:15px; margin:0;}
#fanstaff_effect dl dt strong{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#333;}
#fanstaff_effect dl dt span{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#333;}
#fanstaff_effect dl dd{width:590px; height:12px; margin-top:2px; background-color:#fff;}
#fanstaff_effect dl dd div{width:590px; height:12px;}
#fanstaff_effect dl dd div.bgcolor01{width:350px; background-color:#84bc45;}
#fanstaff_effect dl dd div.bgcolor02{width:100px; background-color:#e04945;}
#fanstaff_effect dl dd div.bgcolor03{width:30px; background-color:#ff9933;}
#fanstaff_effect dl dd div.bgcolor04{width:50px; background-color:#3fa6bc;}
#fanstaff_effect dl dd div.bgcolor05{width:150px; background-color:#ffcc33;}
#fanstaff_effect dl dd div.bgcolor06{width:150px; background-color:#ff55a5;}
#fanstaff_effect dl dd div.bgcolor07{width:150px; background-color:#665ba7;}

/* VIP 3 NULL */
#vip3_null table tr td{height:30px;}
.fan_null_top{border:1px solid #e85300}
.fan_null{border:1px solid #ddd;}


/* pop */
#pop table{width:100%; table-layout:fixed;}
#pop table tr td div{width:100%;}
.pop_close{height:31px; text-align:right;}

#pop_card{width:400px; border:5px solid #dddddd; padding:20px; text-align:center; vertical-align:top;}
#pop_card_txt{text-align:left; line-height:140%;}
#pop_card_txt span{font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#666;}
#pop_card_txt strong{font-family:µ¸¿ò; font-size:11px; font-weight:bold; color:#db0000;}
#pop_card_form{height:32px;}
#pop_card_form ul{float:left; position:relative; height:32px;}
#pop_card_form ul li{float:left; padding-top:6px; padding-right:10px;}
#pop_card_form ul li b{text-align:left; font-family:µ¸¿ò; font-size:16px; font-weight:bold; color:#000;}
#pop_card_form_txt{height:12px;}
#pop_card_form_txt span{text-align:left; font-family:µ¸¿ò; font-size:11px; font-weight:normal; color:#666;}
#pop_card_form_txt b{text-align:left; font-family:µ¸¿ò; font-size:11px; font-weight:bold; color:#666;}
#pop_card_form_txt strong{text-align:left; font-family:µ¸¿ò; font-size:11px; font-weight:bold; color:#db0000;}
.pop_card_line1{border-top:1px solid #d6d6d6;}

#pop_error{width:450px; border:5px solid #dddddd; padding:20px; text-align:center; vertical-align:top;}
#pop_error_txt{text-align:left; line-height:140%;}
#pop_error_txt span{font-family:µ¸¿ò; font-size:12px; font-weight:normal; color:#666;}
#pop_error_txt strong{font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#db0000;}
#pop_error_txt b{text-align:left; font-family:µ¸¿ò; font-size:12px; font-weight:bold; color:#333;}