/* CSS Document */

/* For IE, onFocus ªº F ­n¤j¼g*/
a{ noFocusline:expression(this.onFocus=this.blur());}
/* For Firefox */
a:focus{ -moz-outline-style:none;}

.hidden { display:none;}
.error { color:#f00; padding-left:10px;}
.noRecord { text-align:center; margin:100px 0;}

.shareboard_container { margin:0; padding:0;font-size:12px; width:100%}
.shareboard_container { *width:100%;}

textarea { font-size:12px; line-height:2em}

#sub_bar { text-align:center; margin-bottom:10px;}
#sub_bar ul { list-style:none; padding:0; display:inline; border-right:1px solid #333; margin-left:0;}
#sub_bar ul li { display:inline; padding:0 8px; border-left:1px solid #333; padding-top:0;}
#sub_bar a{ color:#666; padding-left:2px;}
#sub_bar .currentPage a{ font-weight:bold; color:#ff0000;}
#sub_bar .prevBtn { padding-right:16px; background:url(images/prev.jpg) no-repeat right 50%; margin-right:12px;}
#sub_bar .nextBtn { margin-left:15px; padding-left:16px; background:url(images/next.jpg) no-repeat left 50%;}
#sub_bar span.nextBtn, #sub_bar span.prevBtn { color:#999999}

/*---------------------------------board.php-----------------------------*/

#shareboard_view #top_bar { margin:0; overflow:hidden; zoom:1; padding-bottom:5px; width:100%;}
#shareboard_view #top_bar p { margin:20px 0 10px 20px;padding-left:10px; background:url(images/arrow.jpg) no-repeat left 50%; width:300px; float:left; color:#999}
#shareboard_view #top_bar a { margin-right:30px;margin-top:20px; display:block; width:78px; height:21px; background:url(images/post_btn.jpg) no-repeat; text-indent:-100px; overflow:hidden; float:right;}

#shareboard_view #boardList { clear:left; padding-left:0; padding-top:5px;margin:auto 30px; list-style:none;}
#shareboard_view #boardList li { overflow:hidden; zoom:1;background:url(images/dot.jpg) no-repeat 5px 5px; margin-bottom:30px; }
#shareboard_view #boardList .post{background:url(images/topic_bg.jpg) no-repeat right bottom; border:1px solid #ccc; margin-bottom:5px;padding:10px 13px; padding-bottom:0px;}
#shareboard_view #boardList .topic_title { background:url(images/cir.jpg) no-repeat left 50%;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; padding:8px 0; color:#0066CC; margin-bottom:0; padding-left:16px;}
#shareboard_view #boardList .topic_icon  { width:75px; font-weight:bold; color:#FF6600; float:left; margin-top:10px; margin-left:10px; text-align:center}
#shareboard_view #boardList .topic_icon span { display:block;}
#shareboard_view #boardList .topic_icon img { margin-bottom:10px;}
#shareboard_view #boardList .topic_content  { margin-left:110px; font-size:13px; line-height:1.8em; min-height:100px; height:auto; margin-bottom:0; text-align:justify; color:#333; padding-right:5px; padding-bottom:30px;}
#shareboard_view #boardList .topic_content { *height:auto !important; *height:120px;}
#shareboard_view #boardList .private { padding-top:30px; padding-bottom:0px;}
#shareboard_view #boardList .topic_date     { clear:left;border-top:1px dotted #ccc; padding:8px 0; color:#0066CC; margin-bottom:0; height:16px;  margin-top:0;}
#shareboard_view #boardList .topic_date span { padding-left:8px; background:url(images/blue_dot.jpg) no-repeat left 50%; margin-right:10px;}
#shareboard_view #boardList .reply  {  width:87%; float:right;padding:9px 0 ; background-color:#ebe9db}
#shareboard_view #boardList .reply .inner_reply { width:100%; padding-bottom:0px;}
#shareboard_view #boardList .reply .inner_reply1 { padding-left:55px; padding-right:10px; background:url(images/retb_title.gif) no-repeat #ebe9db;} 
#shareboard_view #boardList .reply .inner_reply p { margin:0; border:5px solid #d6d3c3; padding:10px;min-height:80px; height:auto; color:#666; line-height:2em; text-align:justify;}
#shareboard_view #boardList .reply .inner_reply p {*height:auto !important; *height:100px;}


/*---------------------------------post.php-----------------------------*/

#shareboard_post {}
#shareboard_post form { padding:0 20px; padding-top:0; margin-top:0;}
#shareboard_post form legend { display:none;}
#shareboard_post fieldset {background:url(images/board_bg.jpg) no-repeat left top; padding-top:80px; border:none;}
#shareboard_post #viewTopic { border:none; }
#shareboard_post #viewTopic a { background:url(images/view_btn.jpg) no-repeat left top; display:block; width:78px; height:21px; text-indent:-200px; overflow:hidden; float:right;}
#shareboard_post fieldset p { margin:0; overflow:hidden; zoom:1; border-bottom:1px dotted #999;}
#shareboard_post fieldset label { display:block; width:60px; padding:8px 5px;  font-weight:bold; color:#666; text-align:center; float:left; background-position:left 50%; background-repeat:no-repeat; text-indent:-500px; overflow:hidden;zoom:1; background-color:#e7edf4}
#shareboard_post fieldset label {*width:65px !important; *width:65px;}
#shareboard_post fieldset p input { margin-left:10px; margin-top:5px;}
#shareboard_post fieldset p#po_title { border-top:3px solid #91aed4; margin-top:18px;  border-bottom:none;}
#shareboard_post fieldset p#po_title input { width:240px;}
#shareboard_post fieldset p#po_title label { background-image:url(images/gadd_list1.gif)}
#shareboard_post fieldset p#po_name {border-top:1px dotted #999;}
#shareboard_post fieldset p#po_name input {width:240px;}
#shareboard_post fieldset p#po_name label { background-image:url(images/gadd_list2.gif)}
#shareboard_post fieldset p#po_email {}
#shareboard_post fieldset p#po_email input {width:360px;}
#shareboard_post fieldset p#po_email label { background-image:url(images/gadd_list3.gif); padding-bottom:20px}
#shareboard_post fieldset p#po_email .error {}
#shareboard_post fieldset p#po_mobile label { background-image:url(images/gadd_list8.gif)}
#shareboard_post fieldset p#po_mobile label { padding-bottom:20px}
#shareboard_post fieldset p#po_mobile .error { display:block;}
#shareboard_post fieldset #po_icon { overflow:hidden; zoom:1;border-bottom:1px dotted #999;}
#shareboard_post fieldset #po_icon label { height:85px;}
#shareboard_post fieldset #po_icon label { *height:95px !important; *height:95px;}
#shareboard_post fieldset #po_icon label { background-image:url(images/gadd_list6.gif)}
#shareboard_post fieldset #po_icon ul#icon_list { list-style:none; padding:0; margin:0; margin-left:80px; margin-top:10px;}
#shareboard_post fieldset #po_icon ul#icon_list li { display:inline;}
#shareboard_post fieldset p#po_show {}
#shareboard_post fieldset p#po_show input { margin-left:15px;}
#shareboard_post fieldset p#po_show label { background-image:url(images/gadd_list7.gif)}
#shareboard_post fieldset p#po_check { overflow:hidden; zoom:1;}
#shareboard_post fieldset p#po_check #code { padding-left:10px; color:#ff0000; display:block; float:left}
#shareboard_post fieldset p#po_check input {}
#shareboard_post fieldset p#po_check label { background-image:url(images/gadd_list4.gif); padding:10px 5px; padding-bottom:20px}
#shareboard_post fieldset p#po_check .error { display:block;}
#shareboard_post fieldset p#po_content { border-bottom:3px solid #91aed4;}
#shareboard_post fieldset p#po_content label { height:305px;}
#shareboard_post fieldset p#po_content label {*height:320px;}
#shareboard_post fieldset p#po_content textarea { height:290px; width:82%; margin-top:10px; margin-left:10px;}
#shareboard_post fieldset p#po_content textarea { *width:81%;}
#shareboard_post fieldset p#po_content label { background-image:url(images/gadd_list5.gif); }
#shareboard_post fieldset p#po_content label {}
#shareboard_post fieldset p#po_content .error { display:block;}
#shareboard_post fieldset p#btnSet { text-align:center; margin:10px 0; border:none;}
#shareboard_post fieldset p#btnSet input { border:1px solid #999; color:#999;}



/*---------------------------------login.php-----------------------------*/

#shareboard_login { background:url(images/login_bg.jpg) no-repeat; height:200px; width:265px; text-align:center;}
#shareboard_login form { padding-top:60px;}
#shareboard_login form p { margin:15px 0;}
#shareboard_login form .error{ display:block}

/*---------------------------------admin.php-----------------------------*/
#shareboard_admin { padding:0 20px; width:auto}
#shareboard_admin h2{ margin:0; border-bottom:5px solid #276abc; color:#276abc; padding-bottom:5px; margin-bottom:10px; font-size:16px; padding-left:24px; background:url(images/big_cir.jpg) no-repeat left top;}
#shareboard_admin ul#boardList { list-style:none; padding:0; margin:0; }
#shareboard_admin ul#boardList li {padding-top:20px;}
#shareboard_admin table { border-left:1px solid #ccc; border-top:1px solid #ccc; border-collapse:collapse; font-size:12px; width:750px;}
#shareboard_admin td    { border-bottom:1px solid #ccc; border-right:1px solid #ccc; vertical-align:middle; padding-left:3px;}
#shareboard_admin td.th { text-align:center; padding:0; background:#efefee; color:#006633}
#shareboard_admin td.replyContent { padding:10px 3px; text-align:justify}
#shareboard_admin .btnSet { margin-bottom:40px; margin-top:10px; text-align:right;}
#shareboard_admin .btnSet #replyBtn ,#shareboard_admin .btnSet input{ border:1px solid #666; color:#666; background:#fff; margin:0;}
#shareboard_admin .btnSet form {  display:inline; float:right;}
#shareboard_admin .btnSet #replyBtn { padding:2px 0; width:90px; text-align:center; margin-top:1px; float:right; margin-right:10px;}
#shareboard_admin .btnSet #replyBtn {*padding:2px 0 4px 0;}
#shareboard_admin .btnSet a { color:#666; text-decoration:none;}
#adminInfo { margin-bottom:20px;}
#adminInfo span { padding-right:560px;}
#adminInfo a { border:1px solid #666; color:#666; padding:2px 10px; text-decoration:none;}

/*---------------------------------reply.php-----------------------------*/

#shareboard_reply { padding:0 20px; width:auto}
#shareboard_reply {*width:800px;}
#shareboard_reply h2{ margin:0; border-bottom:5px solid #276abc; color:#276abc; padding-bottom:5px; margin-bottom:30px; font-size:16px; padding-left:24px; background:url(images/big_cir.jpg) no-repeat left top;}
#shareboard_reply table { border-left:1px solid #ccc; border-top:1px solid #ccc; border-collapse:collapse; font-size:12px; width:750px;}
#shareboard_reply td    { border-bottom:1px solid #ccc; border-right:1px solid #ccc; vertical-align:middle; padding-left:3px;}
#shareboard_reply td.th { text-align:center; padding:0; background:#efefee; color:#006633}
#shareboard_reply td.replyContent { padding:10px 3px; text-align:justify}
#replyArea { text-align:center;}
#replyArea > p{ color:#CC0000;}
#replyArea textarea { display:block;width:600px; height:400px; margin:auto}
#replyArea input { border: 1px solid #666; color:#666; margin:5px;}

/*---------------------------------admin_set.php-----------------------------*/
#shareboard_admin_set { padding:0 20px;width:auto;}
#shareboard_admin_set {*width:800px; *position:relative}
#shareboard_admin_set h2{ margin:0; border-bottom:5px solid #276abc; color:#276abc; padding-bottom:5px; margin-bottom:30px; font-size:16px; padding-left:24px; background:url(images/big_cir.jpg) no-repeat left top;}
#shareboard_admin_set form { width:300px; margin:0 auto;}
#shareboard_admin_set form {*position:absolute; *left:50%; *margin-left:-150px;}
#shareboard_admin_set form p { margin:1px ; overflow:hidden; zoom:1;}
#shareboard_admin_set form label { float:left; width:80px; margin-right:3px; padding:5px 5px; background-color:#DBDBDB}
#shareboard_admin_set form label {*width:90px;}
#shareboard_admin_set form p input { width:200px;}
#shareboard_admin_set form #btnSet { text-align:center;}
#shareboard_admin_set form #btnSet input { width:100px; border:1px solid #666; color:#666; margin-top:10px;}
#shareboard_admin_set form .error { text-align:center}

/*---------------------------------news_view.php-----------------------------*/

#shareboard_news_view {}
#shareboard_news_view #eventsHolder {margin:auto 20px; padding-top:0; }
#shareboard_news_view #eventsHolder #eventsTitle { background:url(images/news_title.jpg) no-repeat right top; height:92px; }
#shareboard_news_view #eventsHolder #eventsTitle h2 { margin:0;padding-top:10px; padding-left:10px; font-weight:normal; font-size:16px;}
#shareboard_news_view #eventsHolder #eventsTitle p  { margin-top:10px; margin-left:10px;color:#ebffbe}
#shareboard_news_view #eventsHolder #eventsBody { padding:10px 20px; line-height:2em; font-size:12px; color:#767f61; background-color:#f1f5e7; padding-bottom:10px; min-height:300px;}
#shareboard_news_view ul { margin:20px 20px 0 20px; padding:0; padding-top:41px; background:url(images/other_newstitle.gif) no-repeat; list-style:none; border-bottom:2px solid #ded7d0;}
#shareboard_news_view ul li { overflow:hidden; zoom:1; margin:0; padding:5px 0; border-bottom:1px dotted #cfc6be;}
#shareboard_news_view ul li p { margin:0; color:#666666;}
#shareboard_news_view ul li p a { color:#666666;}
#shareboard_news_view ul li#evtTh { border:none; padding:0;}
#shareboard_news_view ul li p.evtDate  { float:left; width:143px; text-align:center; }
#shareboard_news_view ul li p.evtTitle { margin-left:143px; padding-left:5px; }
#shareboard_news_view ul li p#evtDate  { background:url(images/news_tag_date.jpg) no-repeat #7a756a; padding:7px 0; text-indent:-300px; overflow:hidden}
#shareboard_news_view ul li p#evtTitle { background:url(images/news_tag_title_left.jpg) no-repeat #7a756a; padding:7px 0 ;text-indent:-300px; overflow:hidden}

/*---------------------------------news_admin.php-----------------------------*/
#shareboard_news_admin { padding:0 20px; width:auto;}
#shareboard_news_admin {*width:800px;}
#shareboard_news_admin h2{ margin:0; border-bottom:5px solid #276abc; color:#276abc; padding-bottom:5px; margin-bottom:10px; font-size:16px; padding-left:24px; background:url(images/big_cir.jpg) no-repeat left top;}
#shareboard_news_admin h3 { margin:0 40px;border:1px solid #d8d9bf; padding:5px 0; text-align:center; font-size:14px; background:#efefee; color:#669933}
#shareboard_news_admin #eventsFormHead { margin-top:30px;}

#shareboard_news_admin legend { display:none; }
#shareboard_news_admin fieldset { margin:0 40px; padding:0; border:none; margin-bottom:40px;}
#shareboard_news_admin fieldset {*margin-top:-19px;}
#shareboard_news_admin fieldset p { border:1px  solid #d8d9bf; border-top:none; margin:0; overflow:hidden; zoom:1;}
#shareboard_news_admin fieldset #btnSet { border:none; text-align:center; padding:8px 0;}
#shareboard_news_admin fieldset #btnSet input { border:1px solid #d8d9bf; background-color:#fff; color:#968a81;}
#shareboard_news_admin label { width:60px;padding:16px 0; display:block; float:left; margin-right:10px; text-align:center; border-right:1px solid #d8d9bf; background:#efefee;color:#669933}
#shareboard_news_admin fieldset #eventsFormContent label { padding:160px 0;}
#shareboard_news_admin fieldset #eventsFormTitle input { margin-top:8px; width:575px;}
#shareboard_news_admin fieldset textarea {height:300px;margin-top:8px; width:575px;}
#shareboard_news_admin fieldset #eventsFormDate label { padding:10px 0;}
#shareboard_news_admin fieldset #eventsFormDate span { display:block; margin-top:10px;}

#shareboard_news_admin ul { list-style:none; padding:0; margin:0 40px; border-right:1px solid #d8d9bf;}
#shareboard_news_admin ul li { margin:0; padding:0;border-left:1px solid #d8d9bf; border-bottom:1px solid #d8d9bf; clear:both; overflow:hidden; zoom:1;}
#shareboard_news_admin ul {*margin-top:-19px;}
#shareboard_news_admin ul li p { margin:0; padding:7px 0;}
#shareboard_news_admin .eventsMoreNo     { width:60px;float:left; text-align:center; border-right:1px solid #d8d9bf;}
#shareboard_news_admin .eventsMoreTitle  { margin-left:60px; margin-right:105px; padding-left:5px;border-right:1px solid #d8d9bf;}
#shareboard_news_admin .eventsMoreEdit   { width:50px; float:right; text-align:center; border-right:1px solid #d8d9bf;}
#shareboard_news_admin .eventsMoreEdit a { background:url(images/alter.gif) no-repeat left 50%; text-indent:-100px; width:14px; overflow:hidden; display:block; margin:auto;}
#shareboard_news_admin .eventsMoreDelete { width:50px; float:right; padding:0; padding-top:5px; text-align:center}
#shareboard_news_admin #eventsMoreNo ,#shareboard_news_admin #eventsMoreTitle,#shareboard_news_admin #eventsMoreEdit    {background:#efefee;color:#669933; text-align:center;}
#shareboard_news_admin #eventsMoreDelete { padding-top:5px; background:#efefee}
#shareboard_news_admin #eventsMoreDelete input { border:1px solid #d8d9bf;margin:0; padding:0; color:#999; background-color:#fff;}

/*---------------------------------tour_admin.php-----------------------------*/
#shareboard_tour_admin { padding:0 20px; width:auto;}
#shareboard_tour_admin {*width:800px;}
#shareboard_tour_admin h2{ margin:0; border-bottom:5px solid #276abc; color:#276abc; padding-bottom:5px; margin-bottom:10px; font-size:16px; padding-left:24px; background:url(images/big_cir.jpg) no-repeat left top;}
#shareboard_tour_admin h3 { margin:0 40px;border:1px solid #d8d9bf; padding:5px 0; text-align:center; font-size:14px; background:#efefee; color:#669933; }
#shareboard_tour_admin #tourFormHead { margin-top:50px;}

#shareboard_tour_admin legend { display:none; }
#shareboard_tour_admin fieldset { margin:0 40px; padding:0; border:none; margin-bottom:40px;}
#shareboard_tour_admin fieldset {*margin-top:-19px;}
#shareboard_tour_admin fieldset p { border:1px  solid #d8d9bf; border-top:none; margin:0; overflow:hidden; zoom:1;}
#shareboard_tour_admin fieldset #btnSet { border:none; text-align:center; padding:8px 0;}
#shareboard_tour_admin fieldset #btnSet input { border:1px solid #d8d9bf; background-color:#fff; color:#968a81;}
#shareboard_tour_admin label { width:60px;padding:16px 0; display:block; float:left; margin-right:10px; text-align:center; border-right:1px solid #d8d9bf; background:#efefee;color:#669933}
#shareboard_tour_admin fieldset #tourFormFee     label { padding:160px 0;}
#shareboard_tour_admin fieldset #tourFormContent label { padding:160px 0;}
#shareboard_tour_admin fieldset #tourFormExtra   label { padding:160px 0;}
#shareboard_tour_admin fieldset #tourFormTitle input { margin-top:8px; width:575px;}
#shareboard_tour_admin fieldset textarea {height:300px;margin-top:8px; width:575px;}
#shareboard_tour_admin fieldset #tourFormDate label { padding:10px 0;}
#shareboard_tour_admin fieldset #tourFormDate span { display:block; margin-top:10px;}

#shareboard_tour_admin ul { list-style:none; padding:0; margin:0 40px; border-right:1px solid #d8d9bf;}
#shareboard_tour_admin ul li { margin:0; padding:0;border-left:1px solid #d8d9bf; border-bottom:1px solid #d8d9bf; clear:both; overflow:hidden; zoom:1;}
#shareboard_tour_admin ul li p { margin:0; padding:7px 0;}
#shareboard_tour_admin .tourMoreNo     { width:60px;float:left; text-align:center; border-right:1px solid #d8d9bf;}
#shareboard_tour_admin .tourMoreTitle  { margin-left:60px; margin-right:105px; padding-left:5px;border-right:1px solid #d8d9bf;}
#shareboard_tour_admin .tourMoreTitle a{ color:#999;}
#shareboard_tour_admin .tourMoreEdit   { width:50px; float:right; text-align:center; border-right:1px solid #d8d9bf;}
#shareboard_tour_admin .tourMoreEdit a { background:url(images/alter.gif) no-repeat left 50%; text-indent:-100px; width:14px; overflow:hidden; display:block; margin:auto;}
#shareboard_tour_admin .tourMoreDelete { width:50px; float:right; padding:0; padding-top:5px; text-align:center;}
#shareboard_tour_admin .tourMoreDelete { margin:0;}
#shareboard_tour_admin .tourMoreDelete input { border:1px solid #d8d9bf; width:40px; background-color:#fff;color:#999; }
#shareboard_tour_admin #tourMoreNo ,#shareboard_tour_admin #tourMoreTitle,#shareboard_tour_admin #tourMoreEdit    {background:#efefee;color:#669933; text-align:center;}
#shareboard_tour_admin #tourMoreDelete { padding-top:6px; background:#efefee}
#shareboard_tour_admin #tourMoreDelete { *padding-top:4px;}
#shareboard_tour_admin #tourMoreDelete a { border:1px solid #d8d9bf;margin:0; height:20px;padding:2px 7px; color:#999; background-color:#fff;}

#shareboard_tour_admin table { margin:0 40px;width:660px; border-collapse:collapse}
#shareboard_tour_admin table {*width:680px;}
#shareboard_tour_admin table td { border-bottom:1px solid #d8d9bf; border-right:1px solid #d8d9bf; padding:20px 10px; font-size:12px; line-height:2em}
#shareboard_tour_admin table td.label { border-left:1px solid #d8d9bf;width:70px; padding:20px 0; text-align:center; vertical-align:middle;background:#efefee;color:#669933}
#shareboard_tour_admin table td form { display:block; width:100px; float:left}
#shareboard_tour_admin table td#btnSet { padding:15px 0; border:none; text-align:center; }
#shareboard_tour_admin table td#btnSet div { margin:auto;width:300px;}
#shareboard_tour_admin table td#btnSet a { display:block; float:left;border:1px solid #d8d9bf;margin:0; padding:0px 7px; color:#999; background-color:#fff; text-decoration:none; margin-bottom:10px; margin-right:8px;}
#shareboard_tour_admin table td#btnSet #delBtn { border:1px solid #d8d9bf; width:100px; height:26px; background-color:#fff;color:#999;}

/*---------------------------------tour_view.php-----------------------------*/
#shareboard_tour_view { }
#shareboard_tour_view ul { margin:0; padding:0; width:auto;}
#shareboard_tour_view ul li {padding:10px; margin-top:30px;background:url(images/tour_title.jpg) no-repeat; list-style:none; color:#666; line-height:2em}
#shareboard_tour_view ul li h3 {margin:10px 20px; border:1px dashed #847c4d; padding:20px 24px; margin-bottom:40px; font-size:16px; color:#297cb6; background:url(images/blue_square.gif) no-repeat 11px 50%;}
#shareboard_tour_view ul li h4 { font-weight:normal; border-top:1px dotted #ded4bd; border-bottom:1px dotted #ded4bd; padding:5px 16px 3px 16px; color:#9d2b2b;background:url(images/double_arrow.gif) no-repeat 5px 50% #eee5d1; font-size:12px;}
#shareboard_tour_view ul li .gotoTop{ display:block; width:auto; height:16px; background:url(images/goto_top.gif) no-repeat right top; text-indent:-1200px; overflow:hidden; margin-bottom:30px;}