@import "type.css";

a{text-decoration: none;}
.adv_A{margin: 10px auto; width: 1080px;min-height: 100px;}
.adsBoardB{margin: 10px auto; width: 1080px;}
/* Content */
#container{background: #e4e4e4;box-shadow: 0px 4px 35px #888;padding: 1px 0px;position: relative;top: 63px;width:1120px;margin: 0px auto;}
.content_left{width:140px;margin: 0px 0px 0px 0px;float: left;}
.content_main{width:980px;margin: 1px 0px 20px 0px;float: left;position: relative;}


/* Topic */


.latestnews_search{width:409px;height: 29px;background: url('../img/web/ss_latest_new_icon_se.png');}
.latestnews_search input{border:none;margin: 1px 0px 0px 1px;height: 27px;width: 369px;}


.topic_top_menu{width:100%;border-bottom: 1px solid #969696; }
.topic_back_button{background: url('../img/web/ss_broad_st2_bt_back.png'); width:75px;height: 36px;float: left;margin: 10px 15px;cursor: pointer;}
.topic_back_button:hover{background-position: 0px -38px;}
.topic_back_button:active{background-position: 0px -77px;}
.topic_reply_button{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px;}
.topic_reply_button:hover{background-position: 0px -36px;}
.topic_reply_button:active{background-position: 0px -71px;}
.topic_upload_image_button{color: #000;float: left;background: url('../img/web/ss_board_upload_image.png');cursor: pointer;width: 76px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px 0px 16px;}
.topic_upload_image_button:hover{background-position: 0px -36px;}
.topic_upload_image_button:active{background-position: 0px -71px;}

.topic_navi{float: left;margin: 19px 0px 0px 10px;font-size: 13px;}
.topic_navi a{color:#000;}

.newTopicButton{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 15px 10px 15px;}
.newTopicButton a{color: #000;}
.newTopicButton:hover{background-position: 0px -36px;}
.newTopicButton:active{background-position: 0px -71px;}


.lockPlab{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 15px 10px 15px;}
.lockPlab a{color: #000;}
.lockPlab:hover{background-position: 0px -36px;}
.lockPlab:active{background-position: 0px -71px;}

.unlockPlab{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 15px 10px 15px;}
.unlockPlab a{color: #000;}
.unlockPlab:hover{background-position: 0px -36px;}
.unlockPlab:active{background-position: 0px -71px;}

.topic_thead{background: #FFF;/*width: 1090px;*/margin: 15px;border: 1px solid #969696;}
.topic_thead_td{float: left;text-align: center;color: #000;font-size: 13px;font-weight: bold;padding: 5px 0px;}

.post_panel{background: #FFF;/*width: 1090px;*/margin: 15px 15px;border: 1px solid #969696;box-shadow: 2px 5px 8px #969696;}
.post_panel_td{float: left;color: #000;font-size: 13px;padding: 0px 0px 10px 0px;min-height: 350px;}

.user_avata{max-width:150px;margin: 10px 5px 0px 5px;text-align: center;}
.user_avata img{max-width:150px;}
.user_name{width:150px;margin: 5px 5px 0px 5px;font-size: 17px;text-align: center;word-wrap: break-word;}
.user_name a{color: #000;}
.user_rank_text{width:150px;margin: 5px 5px 0px 5px;text-align: center;font-size: 12px;font-style: italic;}
.user_rank_pic{width:150px;margin: 5px 5px 0px 5px;text-align: center;}

.post_head{width: 100%;}
.post_head_topic{float: left;color: blue;font-size: 20px;margin: 0px 0px 0px 10px;line-height: 2.2;}
.post_head_topic_news{float: left;color: blue;font-size: 20px;margin: 0px 0px 0px 10px;line-height: 2.2;font-weight: bold;}
.post_head_reply{float: left;margin: 0px 0px 0px 10px;line-height: 2.5;font-size: 16px;}

.button_kickbox_in{background: url('../img/web/ss_broad_club_bt_in_locker.png') no-repeat; width:70px;height: 34px;float: right;cursor: pointer;margin: 8px -2px 7px -1px;}
.button_kickbox_in:hover{background-position: 0px -36px;}
.button_kickbox_in:active{background-position: 0px -72px;}

.button_shop{background: url('../img/web/shopping.gif') no-repeat; width:70px;height: 31px;float: right;cursor: pointer;margin: 9px -2px 7px -1px;}


.button_kickbox_out{background: url('../img/web/ss_broad_club_bt_out_locker.png') no-repeat; width:70px;height: 34px;float: right;cursor: pointer;margin: 8px -2px 7px -1px;}
.button_kickbox_out:hover{background-position: 0px -36px;}
.button_kickbox_out:active{background-position: 0px -72px;}

.button_kickbox_outStore{background: url('../img/web/ss_broad_st2_bt_out_store.png') no-repeat; width:70px;height: 34px;float: right;cursor: pointer;margin: 8px -2px 7px -1px;}
.button_kickbox_outStore:hover{background-position: 0px -36px;}
.button_kickbox_outStore:active{background-position: 0px -72px;}

.button_pm{background: url('../img/web/ss_broad_st2_bt_pm.png'); width:70px;height: 36px;float: right;cursor: pointer;margin: 7px 0px;}
.button_pm:hover{background-position: 0px -36px;}
.button_pm:active{background-position: 0px -72px;}
.button_profile{background: url('../img/web/ss_broad_st2_bt_profile.png'); width:70px;height: 36px;float: right;cursor: pointer;margin: 7px -1px;}
.button_profile:hover{background-position: 0px -36px;}
.button_profile:active{background-position: 0px -72px;}
.button_ref{background: url('../img/web/ss_broad_st2_bt_reference.png'); width:70px;height: 36px;float: right;cursor: pointer;margin: 7px 0px;}
.button_ref:hover{background-position: 0px -36px;}
.button_ref:active{background-position: 0px -72px;}
.button_update{background: url('../img/web/ss_broad_bt_edit.png') no-repeat; width:70px;height: 36px;float: right;cursor: pointer;margin: 7px -3px 0px 0px;}
.button_update:hover{background-position: 0px -36px;}
.button_update:active{background-position: 0px -72px;}
.button_exp{background: url('../img/web/ss_broad_icon_exp_topic.png') no-repeat; width:70px;height: 36px;float: right;cursor: pointer;margin: 8px -3px 0px 0px;}
.button_exp:hover{background-position: 0px -36px;}
.button_exp:active{background-position: 0px -72px;}

.post_desc{padding: 10px;min-height: 130px;color: #555555;font-size: 17px;line-height: normal;word-wrap: break-word;}
.post_desc img{max-width: 909px;}
.vote_button_panel{margin: 20px 9px 10px 10px;}
.addpoint_show{margin: 0px 0px 0px 10px;float: left;width: 33px;height: 36px;background: url('../img/web/ss_broad_ff_like.png') no-repeat;background-position: 0px -36px;}
.addpoint_button{margin: 0px 0px 0px 10px;float: left;width: 33px;height: 36px;cursor: pointer;background: url('../img/web/ss_broad_ff_like.png') no-repeat;}
.addpoint_button:hover{background-position: 0px -36px;}
.addpoint_button:active{background-position: 0px -72px;}
.dispoint_show{margin: 0px 0px 0px 10px;float: left;width: 33px;height: 36px;background: url('../img/web/ss_broad_ff_unlike.png') no-repeat;background-position: 0px -36px;}
.dispoint_button{margin: 0px 0px 0px 10px;float: left;width: 33px;height: 36px;cursor: pointer;background: url('../img/web/ss_broad_ff_unlike.png') no-repeat;}
.dispoint_button:hover{background-position: 0px -36px;}
.dispoint_button:active{background-position: 0px -72px;}

.addpoint_score{font-size: 17px;float: left;margin:  4px 0px 0px 10px;color: #F00;}
.dispoint_score{font-size: 17px;float: left;margin:  4px 0px 0px 10px;color: #F00;}

.voteTopicButton{float: left;background: url('../img/web/ss_broad_bg_vote.png');margin: 0px 0px 0px 10px;cursor: pointer;width: 157px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.voteTopicButton:hover{background-position: 0px -34px;}
.voteTopicButton:active{background-position: 0px -69px;}
.reportTopicButton{float: left;background: url('../img/web/ss_broad_bg_vote.png');margin: 0px 0px 0px 10px;cursor: pointer;width: 157px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.reportTopicButton:hover{background-position: 0px -34px;}
.reportTopicButton:active{background-position: 0px -69px;}

.userPlabBox{border: 1px solid #969696;margin: 6px 0px;padding: 5px;background: #DDD;}
.userPlabBox a{text-decoration: none;color: #000;}
.userReunBox{border: 1px solid #969696;margin: 6px 0px;padding: 5px;background: #DDD;}
.userReunBox a{text-decoration: none;color: #000;}


.shareFb{background: url('../img/web/facebook.gif') no-repeat;width: 50px;height: 20px;cursor: pointer;margin: 7px 0px 0px 10px;float: left;}
.user_sig{float: left;width:495px;margin: 0px 0px 0px 10px ;padding: 0px 1px;}
.user_sig img{max-width: 495px;}
.user_sig a{color: #5A8C35;text-decoration: none;}
.user_sig a:hover{color: #FA880B;text-decoration: underline;}
.user_blog_relate{float: right;width: 398px;margin: 0px 10px 0px 9px ;}
.user_blog_relate_head{border-bottom: 2px solid #969696;font-size: 17px;padding: 0px 0px 3px 0px;}
.user_blog_relate_head img{margin: 0px 0px -3px 0px;}
.user_blog_relate_body{background: #f2f2f2;border: 1px solid #969696;margin: 5px 0px 0px 0px;width: 396px;min-height: 100px;}
.userinfo_time{font-size: 11px;margin: 0px 0px 0px 5px;word-break: break-word;}
.deletePost{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 0px 10px;}
.deletePost:hover{background-position: 0px -36px;}
.deletePost:active{background-position: 0px -71px;}
.deleteTopic{color: #000;float: left;background: url('../img/web/ss_broad_bt_delete.png');cursor: pointer;width: 54px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px 0px 15px;}
.deleteTopic:hover{background-position: 0px -34px;}
.deleteTopic:active{background-position: 0px -71px;}
.lockTopic{color: #000;float: left;background: url('../img/web/ss_broad_bt_lock.png');cursor: pointer;width: 54px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px 0px 15px;}
.lockTopic:hover{background-position: 0px -34px;}
.lockTopic:active{background-position: 0px -71px;}
.unlockTopic{color: #000;float: left;background: url('../img/web/ss_broad_bt_unlock.png');cursor: pointer;width: 54px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px 0px 15px;}
.unlockTopic:hover{background-position: 0px -34px;}
.unlockTopic:active{background-position: 0px -71px;}
.moveTopic{color: #000;float: left;background: url('../img/web/ss_broad_bt_move.png');cursor: pointer;width: 54px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px 0px 15px;}
.moveTopic:hover{background-position: 0px -34px;}
.moveTopic:active{background-position: 0px -69px;}

.lockicon{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 10px 0px;}


.movePop{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.move_val{margin: 56px 0px 0px 32px;font-size: 20px;}
.move_val select{width: 300px;height: 30px;font-size: 17px;}
.move_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.move_ok:hover{background-position: 0px -43px;}
.move_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.move_cancel:hover{background-position: 0px -43px;}


.banPop{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.banPopup{display: none;position: fixed;z-index: 9999;background: #FFF;top: 50%;left: 50%;width: 458px;height: 500px;margin: -250px 0px 0px -229px;}
.submitBan{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.submitBan:hover{background-position: 0px -43px;}
.cancelbBan{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.cancelbBan:hover{background-position: 0px -43px;}

.unpunismentPop{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.submitUnBan{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.submitUnBan:hover{background-position: 0px -43px;}
.cancelUnBan{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.cancelUnBan:hover{background-position: 0px -43px;}

.seeRequest{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.submitRequest{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.submitRequest:hover{background-position: 0px -43px;}
.cancelRequest{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.cancelRequest:hover{background-position: 0px -43px;}

.deleteUserPop{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.submitDeleteU{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.submitDeleteU:hover{background-position: 0px -43px;}
.cancelDeleteU{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.cancelDeleteU:hover{background-position: 0px -43px;}

.topic_paginator{background: #FFF;/*width: 95%;*/margin: 15px 15px 0px 15px;border: 1px solid #969696;text-align: right;padding: 5px;font-size: 14px;font-weight: bold;}
.goBt{float: left;font-size: 12px;width: 30px;height: 29px;background: url('../img/web/ss_broad_slide_bt_go.png');text-align: center;margin: 1px 0px 0px 0px;line-height: 2.4;cursor: pointer;}

/*
.topic_paginator{background: #FFF;width: 1080px;margin: 15px 15px 0px 15px;border: 1px solid #969696;text-align: right;padding: 5px;font-size: 14px;font-weight: bold;}
.goBt{float: left;font-size: 12px;width: 30px;height: 29px;background: url('../img/web/ss_broad_slide_bt_go.png');text-align: center;margin: 1px 0px 0px 0px;line-height: 2.4;cursor: pointer;}
*/
.topic_leftpage{float: left;background: url('../img/web/ss_broad_slide_bt_arow_l.png');width: 31px;height: 28px;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;border-left: 1px solid #a0a0a0;margin: 0px 0px 0px 10px;cursor: pointer;background-position: 0px -30px;}
.topic_leftpage_disabled{float: left;background: url('../img/web/ss_broad_slide_bt_arow_l.png');width: 31px;height: 28px;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;border-left: 1px solid #a0a0a0;margin: 0px 0px 0px 10px;background-position: 0px -90px;}
.topic_leftpage:hover{background-position: 0px 0px;}
.topic_leftpage:active{background-position: 0px -60px;}
.topic_rightpage{float: left;background: url('../img/web/ss_broad_slide_bt_arow_r.png');width: 31px;height: 28px;border: 1px solid #a0a0a0;cursor: pointer;background-position: 0px -30px;margin: 0px 10px 0px 0px;}
.topic_rightpage_disabled{float: left;background: url('../img/web/ss_broad_slide_bt_arow_r.png');width: 31px;height: 28px;border: 1px solid #a0a0a0;background-position: 0px -90px;margin: 0px 10px 0px 0px;}
.topic_rightpage:hover{background-position: 0px 0px;}
.topic_rightpage:active{background-position: 0px -60px;}



.club_top{width: 1090px;margin: 15px auto;background: #FFF;border: 1px solid #969696;}
.club_cover{width: 100%;background: #969696;height: 260px;position: relative;overflow: hidden;}
.club_cover img{position: absolute;}
.club_menu{width: 100%;border-top: 1px solid #969696;}
.club_image{float: left;margin: 5px;width:75px;height: 75px;text-align: center;}
.club_image img{max-height: 75px;max-width: 75px;}
.club_name{float: left;margin: 10px 0px 0px 0px;height: 70px;max-width: 645px;}
.club_menu_button{width: 345px;padding: 5px;float: right;}
.club_joinButton{position: relative;background: url('../img/web/ss_broad_club_bt_text_1.png');width:76px;height: 35px;float: right;margin: 10px 5px 0px 0px;text-align: center;font-size: 14px;font-weight: bold;line-height: 2.4;cursor: pointer;}
.club_joinButton:hover{background-position: 0px -36px;}
.club_joinButton:active{background-position: 0px -71px;}
.club_leaveButton{position: relative;background: url('../img/web/ss_broad_club_bt_text_1.png');width:76px;height: 35px;float: right;margin: 10px 5px 0px 0px;text-align: center;font-size: 14px;font-weight: bold;line-height: 2.4;cursor: pointer;}
.club_leaveButton:hover{background-position: 0px -36px;}
.club_leaveButton:active{background-position: 0px -71px;}
.club_cancelButton{position: relative;background: url('../img/web/ss_broad_club_bt_text_2.png');width:121px;height: 35px;float: right;margin: 10px 5px 0px 0px;text-align: center;font-size: 14px;font-weight: bold;line-height: 2.4;cursor: pointer;}
.club_cancelButton:hover{background-position: 0px -36px;}
.club_cancelButton:active{background-position: 0px -71px;}
.club_memberButton{position: relative;background: url('../img/web/ss_broad_club_bt_text_1.png');width:76px;height: 35px;float: right;margin: 10px 5px 0px 0px;text-align: center;font-size: 14px;font-weight: bold;line-height: 2.4;cursor: pointer;}
.club_memberButton:hover{background-position: 0px -36px;}
.club_memberButton:active{background-position: 0px -71px;}
.club_editButton{position: relative;background: url('../img/web/ss_broad_club_bt_text_1.png');width:76px;height: 35px;float: right;margin: 10px 5px 0px 0px;text-align: center;font-size: 14px;font-weight: bold;line-height: 2.4;cursor: pointer;}
.club_editButton:hover{background-position: 0px -36px;}
.club_editButton:active{background-position: 0px -71px;}
.club_deletePost{position: relative;background: url('../img/web/ss_broad_club_bt_text_2.png');width:121px;height: 35px;float: right;margin: 10px 5px 0px 0px;text-align: center;font-size: 14px;font-weight: bold;line-height: 2.4;cursor: pointer;}
.club_deletePost:hover{background-position: 0px -36px;}
.club_deletePost:active{background-position: 0px -71px;}

.club_moveCoverButton{opacity: 0.8;background: url('../img/web/ss_broad_club_bt_text_cover.png');width:73px;height: 36px;text-align: center;font-size: 14px;cursor: pointer;line-height: 2.5;position: absolute;z-index: 3;bottom: 10px;right: 10px;color: #FFF;}
.club_moveCoverButton:hover{background-position: 0px -36px;}
.club_moveCoverButton:active{background-position: 0px -72px;}
.club_reply_button{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 0px 5px 0px 15px;}
.club_reply_button:hover{background-position: 0px -36px;}
.club_reply_button:active{background-position: 0px -71px;}

.club_saveMoveCoverButton{opacity: 0.8;display: none;background: url('../img/web/ss_broad_club_bt_text_cover.png');width:73px;height: 36px;text-align: center;font-size: 14px;cursor: pointer;line-height: 2.5;position: absolute;z-index: 3;bottom: 10px;right: 10px;color: #FFF;}
.club_saveMoveCoverButton:hover{background-position: 0px -36px;}
.club_saveMoveCoverButton:active{background-position: 0px -72px;}

.club_desc{width: 100%;border-top: 1px solid #969696;padding: 5px 0px;}
.club_desc_head{font-size: 20px;color: #000;margin: 5px;}
.club_member{border-top: 1px solid #969696;}
.club_member_head{float: left;font-size: 20px;color: #000;margin: 5px;}
.club_member_seeall{float: right;font-size: 16px;color: #969696;margin: 5px;}
.club_member_pic{float: left;margin: 5px 2px;width:50px;height: 50px;position: relative;overflow: hidden;}
.club_member_pic img{min-width: 50px;max-width: 50px;position: absolute;right: 50%; margin-right: -25px;}

.vote_topic{font-size: 20px;margin: 15px 0px 0px 0px;text-align: center;}
.vote_name{float: left;font-size: 17px;width: 300px;text-align: right;}
.vote_score_stick{border: 1px solid #969696;float: left;width: 500px;height: 22px;margin: -1px 10px;}
.vote_score_stick_in{background: #F00;height: 100%;}
.vote_score_per{float: left;font-size: 17px;width: 50px;}
.vote_score_num{float: left;font-size: 17px;width: 50px;}
.vote_item{margin: 5px 0px 0px 0px;}
.vote_score_vote_button{font-size: 11px;color: #FFF;border: 1px solid #969696;background: #5a8c35;padding: 5px;float: left;margin: -2px 0px 0px 10px;cursor: pointer;}

.member_menu{background: #FFF;margin: 0px 15px;border: 1px solid #969696;width: 1090px;}
.member_menu_label{font-size: 24px;color: #F00;float: left;margin: 10px;}
.member_menu_listbutton{float:right;margin: 8px 10px 0px 0px}
.member_new_member_button{margin: 0px 10px 0px 0px;float: right;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;}
.member_new_member_button:hover{background-position: 0px -36px;}
.member_new_member_button:active{background-position: 0px -72px;}
.member_member_button{margin: 0px 10px 0px 0px;float: right;background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;}
.member_member_button:hover{background-position: 0px -36px;}
.member_member_button:active{background-position: 0px -72px;}
.member_admin_member_button{margin: 0px 10px 0px 0px;float: right;background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;}
.member_admin_member_button:hover{background-position: 0px -36px;}
.member_admin_member_button:active{background-position: 0px -72px;}
.member_ban_member_button{margin: 0px 10px 0px 0px;float: right;background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;}
.member_ban_member_button:hover{background-position: 0px -36px;}
.member_ban_member_button:active{background-position: 0px -72px;}

.member_new_member_button.selected{background-position: 0px -72px}
.member_member_button.selected{background-position: 0px -72px}
.member_admin_member_button.selected{background-position: 0px -72px}
.member_ban_member_button.selected{background-position: 0px -72px}

.member_panel{background: #FFF;margin: 0px 15px 15px 15px;border-left: 1px solid #969696;border-right: 1px solid #969696;width: 1090px;}
.member_item{background: #FFF;border-bottom: 1px solid #969696;}
.member_img{float: left;width: 50px;height: 50px;text-align: center;margin: 10px;}
.member_img img{max-height: 50px;max-width: 50px;border: 1px solid #969696}
.member_name{float: left;font-size: 24px;line-height: 2.9;margin: 0px 0px 0px 10px;}
.member_role_button{float: right;}

.club_accept_button{float: left;background: url('../img/web/ss_broad_club_bt_text_1.png');margin: 20px 10px 0px 0px;width: 76px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;cursor: pointer;}
.club_accept_button:hover{background-position: 0px -36px;}
.club_accept_button:active{background-position: 0px -72px;}
.club_cancel_button{float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');margin: 20px 10px 0px 0px;width: 121px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;cursor: pointer;}
.club_cancel_button:hover{background-position: 0px -36px;}
.club_cancel_button:active{background-position: 0px -72px;}
.club_ban_button{float: left;background: url('../img/web/ss_broad_club_bt_text_1.png');margin: 20px 10px 0px 0px;width: 76px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;cursor: pointer;}
.club_ban_button:hover{background-position: 0px -36px;}
.club_ban_button:active{background-position: 0px -72px;}
.club_addadmin_button{float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');margin: 20px 10px 0px 0px;width: 121px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;cursor: pointer;}
.club_addadmin_button:hover{background-position: 0px -36px;}
.club_addadmin_button:active{background-position: 0px -72px;}
.club_removeadmin_button{float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');margin: 20px 10px 0px 0px;width: 121px;height: 34px;font-size: 14px;font-weight: bold;text-align: center;color: #000;line-height: 2.4;cursor: pointer;}
.club_removeadmin_button:hover{background-position: 0px -36px;}
.club_removeadmin_button:active{background-position: 0px -72px;}
.club_unban_button{float: left;background: url('../img/web/ss_broad_club_bt_text_1.png');margin: 20px 10px 0px 0px;width: 76px;height: 34px;font-size: 17px;text-align: center;color: #000;line-height: 2;cursor: pointer;}
.club_unban_button:hover{background-position: 0px -36px;}
.club_unban_button:active{background-position: 0px -72px;}



.headqoute{color: #444444;line-height: 125%;font-size: 13px;font-weight: bold;padding: 3px;margin: 1px;}
.quote{border: 1px solid #D1D7DC;font-size: 13px;color: #444444;line-height: 125%;padding: 3px;margin: 1px;background: #FAFAFA;}


.qpopup{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.qpopup_q{font-size: 27px;margin: 28px 20px;color: #FFF;}
.qpopup_val{margin: 56px 0px 0px 32px;font-size: 20px;}
.qpopup_val select{width: 300px;height: 30px;font-size: 17px;}
.qpopup_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.qpopup_ok:hover{background-position: 0px -43px;}
.qpopup_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.qpopup_cancel:hover{background-position: 0px -43px;}

.pm_item{border-bottom: 1px solid #969696;}
.pm_item_image{width: 50px;height: 50px;overflow: hidden;position: relative;float: left;margin: 5px;}
.pm_item_image img{max-width: 100%;position: absolute; right: 0%;margin-right: 0;}
.pm_item_detail{float: left;width:772px;margin: 5px 10px;}
.pm_item_detail a{ text-decoration: underline; }
.pm_item_name{color: #F00;float: left;font-size: 17px;}
.pm_item_time{float: left;color: #969696;line-height: 1.5; padding-right: 15px; }
.pm_item_desc{margin: 5px 0px;}
.pm_panel_td{float: left;color: #000;font-size: 13px;overflow: auto;max-height: 400px;}


.user_toItem{ height: 50px; position: relative; }
.user_toItem:before{
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    display: block;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background-color: rgba(255,0,0,.7);
}
.user_toItem.online:before{ background-color: #69af28; }
.user_toItem a{ display: block; }
.user_toItem:hover{background: #CCC;}
.user_toItem_img{float: left; margin: 5px 7px; width: 40px;height: 40px;position: relative;overflow: hidden; border-radius: 50%; }
.user_toItem_img img{max-width: 45px;position: absolute;right: 50%;margin-right: -22px;}
.user_toItem_name{ width: 140px; padding: 10px 0 0; color: #000;font-size: 14px; line-height: 1;float: left;}
.user_toItem_name small{
    display: block;
    padding: 5px 0;
    font-size: 90%;
    color: #999;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user_toItem_status{width: 10px;height: 10px;float: left;margin: 19px 0px 0px 0px;border: 1px solid #969696;}

.short_pm{background: #FFF;width: 1090px;margin: 15px 15px;border: 1px solid #969696;box-shadow: 2px 5px 8px #969696;}

.send_button{float: left;color: #FFF;border: 1px solid #969696;background: #5a8c35;padding: 10px 0px;width: 100px;font-size: 20px;margin: 35px 0px 0px 10px;text-align: center;cursor: pointer;}
#textVal{
    width: 800px;
    /*height: 100px;
    resize: none;*/
}
.textFrom{margin: 10px 0px 10px 10px;float: left;}
.short_pm{
    background: #FFF;
    width: 1090px;
    margin: 15px 15px;
    border: 1px solid #969696;
    box-shadow: 2px 5px 8px #969696;
}
.short_pm:before,
.short_pm:after{
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}
.sendemo_button{float: left;color: #FFF;border: 1px solid #969696;background: #5a8c35;padding: 10px 0px;width: 120px;font-size: 20px;margin: 35px 0px 0px 10px;text-align: center;cursor: pointer;}



.allclub_add{text-align: center;color: #FFF;font-size: 14px;font-weight: bold;width: 120px;height: 55px;background: #00a2e0;border: 1px solid #969696;line-height: 4;margin: 10px 19px 0px 0px;float: right;}
.allclub_add:hover{background: #24c2ff;}
.allclub_add:active{background: #005b7d;}
.allclub_body{background: #FFF;margin: 10px 0px 30px 20px;width: 1080px;border: 1px solid #969696;}
.allclub_img{margin: 10px;float: left;width: 100px;height: 100px;overflow: hidden;position: relative;}
.allclub_img img{max-width: 100px;position: absolute;}
.allclub_detail{float: left;margin: 10px 0px 0px 0px;}
.allclub_name{font-size: 20px;color: #F00;}
.allclub_name a{color: #F00;}
.allclub_name a:hover{color: #ff4820;}
.allclub_item:hover{background: #EEE;}
.allclub_desc{width: 900px;max-height: 100px;min-height: 50px;font-size: 17px;}
.allclub_admin{font-size: 17px;float: left;}
.allclub_admin a{color: #F00;}
.allclub_admin a:hover{color: #ff4820;}
.allclub_time{font-size: 17px;float: right;}

.allclub_search{float: left;margin: 37px 0px 0px 20px;}
.allclub_search span{font-size: 20px;}
#searchClub{height: 23px;width: 500px;}
.allclub_searchBT{margin: 39px 0px 0px 0px;float: left;}
.allclub_searchBT img{border-right: 1px solid #888;border-bottom: 2px solid #888;background: #AAA;cursor: pointer;}

.searchTopic_search{float: left;margin: 37px 0px 0px 20px;}
.searchTopic_search span{font-size: 20px;}
#searchTopic{height: 23px;width: 500px;}
.searchTopic_searchBT{margin: 39px 0px 0px 0px;float: left;}
.searchTopic_searchBT img{border-right: 1px solid #888;border-bottom: 2px solid #888;background: #AAA;cursor: pointer;}
.boards_thead{background: #FFF;border: 1px solid #a0a0a0;margin: 20px 0px 0px 20px;padding: 3px 0px;width: 1080px;}
.boards_thead_col{float: left;color: #4a4a4a;font-size: 12px;font-weight: bold;padding: 3px 0px;text-align: center;}
.searchTopic_body{overflow: hidden;position: relative;background: #FFF;border: 1px solid #a0a0a0;margin: 20px 0px 20px  20px;width: 1080px;}


.board_topic_row{border-bottom: 1px solid #a0a0a0;width:100%;}
.board_topic_row:hover{background: #EEE;}
.board_topic_col{float: left;color: #000;font-size: 12px;text-align: center;height: 48px;}
.board_topic_col a{color: #000;}
.board_topic_col_icon{float: left;margin: 3px;width: 35px;height: 35px;border: 1px solid #a0a0a0;background: #f26722;}
.board_topic_col_desc{float: left;width: 680px;text-align: left;margin: 3px 2px;}
.board_topic_col_topic{font-size: 11px;font-weight: bold;color: #000;}
.board_topic_col_topic a{color:#000;}
.board_topic_col_page{font-size: 11px;font-weight: bold;color: #000;margin: 8px 0px 0px 0px;}

.sendV_button{line-height: 2;float: left;background: url('../img/web/ss_broad_login_bt_login.png') no-repeat;text-align: center;width: 71px;height: 35px;cursor: pointer;font-size: 17px;}
.sendV_button:hover{background-position: 0px -35px;}
.sendV_button:active{background-position: 0px -70px;}
.loginV_button{line-height: 2;float: left;background: url('../img/web/ss_broad_login_bt_login.png') no-repeat;text-align: center;width: 71px;height: 35px;cursor: pointer;font-size: 17px;}
.loginV_button:hover{background-position: 0px -35px;}
.loginV_button:active{background-position: 0px -70px;}


.addFriend_button{float: right;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.addFriend_button:hover{background-position: 0px -36px;}
.addFriend_button:active{background-position: 0px -71px;}
.unFriend_button{float: right;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.unFriend_button:hover{background-position: 0px -36px;}
.unFriend_button:active{background-position: 0px -71px;}
.cancelReFriend_button{float: right;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 11px;font-weight: bold;line-height: 3;text-align: center;}
.cancelReFriend_button:hover{background-position: 0px -36px;}
.cancelReFriend_button:active{background-position: 0px -71px;}
.acceptFriend_button{float: right;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 11px;font-weight: bold;line-height: 3;text-align: center;}
.acceptFriend_button:hover{background-position: 0px -36px;}
.acceptFriend_button:active{background-position: 0px -71px;}

.gYellowCard{margin: 10px 0px 0px 27px;float:left;background: url('../img/web/ss_broad_bt_yellow.png');cursor: pointer;width:44px;height: 39px;}
.gYellowCard:hover{background-position: 0px -42px;}
.gYellowCard:active{background-position: 0px -84px;}
.gRedCard{margin: 10px 0px 0px 9px;float:left;background: url('../img/web/ss_broad_bt_red.png');cursor: pointer;width:44px;height: 39px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.gRedCard:hover{background-position: 0px -42px;}
.gRedCard:active{background-position: 0px -84px;}
.gBan{margin: 10px 0px 0px 27px;float:left;background: url('../img/web/ss_broad_bt_ban.png');cursor: pointer;width:44px;height: 39px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.gBan:hover{background-position: 0px -42px;}
.gBan:active{background-position: 0px -84px;}
.topicGotoBan{margin: 10px auto;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.topicGotoBan:hover{background-position: 0px -36px;}
.topicGotoBan:active{background-position: 0px -71px;}
.deleteUserButton{margin: 10px 0px 0px 9px;float:left;background: url('../img/web/ss_broad_bt_delete_user.png');cursor: pointer;width:44px;height: 39px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.deleteUserButton:hover{background-position: 0px -42px;}
.deleteUserButton:active{background-position: 0px -84px;}

.alluser_buttom{float: right;margin: 42px;}


.subTitle{margin: 10px 15px;}
.subTitleAllUser{float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 0px 3px;}

.subTitleAllUser:hover{background-position: 0px -36px;}
.subTitleAllUser:active{background-position: 0px -71px;}
.subTitleAllUser.selected{background-position: 0px -71px;}
.subTitleAllFriend{float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.subTitleAllFriend:hover{background-position: 0px -36px;}
.subTitleAllFriend:active{background-position: 0px -71px;}
.subTitleAllFriend.selected{background-position: 0px -71px;}

.subTitleRequestFriend{float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 0px 3px;}
.subTitleRequestFriend:hover{background-position: 0px -36px;}
.subTitleRequestFriend:active{background-position: 0px -71px;}
.subTitleRequestFriend.selected{background-position: 0px -71px;}
.acceptAllFriend{float: right;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width:121px;height: 35px;font-size: 12px;font-weight: bold;line-height: 2.9;text-align: center;margin: 0px 3px;}
.acceptAllFriend:hover{background-position: 0px -36px;}
.acceptAllFriend:active{background-position: 0px -71px;}
.acceptAllFriend.selected{background-position: 0px -71px;}



.showmrBotton{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 12px;font-weight: bold;line-height: 2.8;text-align: center;margin: 5px 5px 0px 0px;}
.showmrBotton:hover{background-position: 0px -36px;}
.showmrBotton:active{background-position: 0px -71px;}
.showmpBotton{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 12px;font-weight: bold;line-height: 2.8;text-align: center;margin: 5px 5px 0px 0px;}
.showmpBotton:hover{background-position: 0px -36px;}
.showmpBotton:active{background-position: 0px -71px;}
.showHLBotton{color: #000;float: left;background: url('../img/web/ss_broad_club_bt_text_2.png');cursor: pointer;width: 121px;height: 35px;font-size: 12px;font-weight: bold;line-height: 2.8;text-align: center;margin: 5px 5px 0px 0px;}
.showHLBotton:hover{background-position: 0px -36px;}
.showHLBotton:active{background-position: 0px -71px;}



.spoilbutton{color: #000; background: url('../img/web/ss_broad_club_bt_text_1.png');cursor: pointer;width: 76px;height: 35px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;margin: 5px 0px;}
.spoilbutton:hover{background-position: 0px -36px;}
.spoilbutton:active{background-position: 0px -71px;}

.spoilCon{background: #DDD;
padding: 10px;
border: 1px dashed #f36523;
color: #000;
display: none;
margin: 0px 0px 5px 0px;}

.searchPmitem{padding: 3px;
border: 1px solid #ccc;}

.searchPmitem:hover{background: #DDD;}

.clear{clear: both;}

.post_panel_td_left{width: 160px;max-width: 160px; }
.post_panel_td_right{width: 926px; border-left: 1px solid #969696; }
.topic_thead_td_right{width: 927px;}


.unreunBt{float: left;background: url('../img/web/ss_broad_bg_vote.png');margin: 0px 0px 0px 32px;cursor: pointer;width: 157px;height: 34px;font-size: 14px;font-weight: bold;line-height: 2.4;text-align: center;}
.unreunBt:hover{background-position: 0px -34px;}
.unreunBt:active{background-position: 0px -69px;}

.reportPopup{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.reportPopup_q{font-size: 27px;margin: 28px 20px;color: #FFF;}
.reportPopup_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.reportPopup_ok:hover{background-position: 0px -43px;}
.reportPopup_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.reportPopup_cancel:hover{background-position: 0px -43px;}


.pbPopup{display:none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.pbPopup_q{font-size: 27px;margin: 28px 20px;color: #FFF;}
.pbPopup_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.pbPopup_ok:hover{background-position: 0px -43px;}
.pbPopup_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.pbPopup_cancel:hover{background-position: 0px -43px;}


.prPopup{display:none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}

.pbPopup_r_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.pbPopup_r_ok:hover{background-position: 0px -43px;}
.pbPopup_r_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.pbPopup_r_cancel:hover{background-position: 0px -43px;}





.submitPopup{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.submitPopup_q{font-size: 27px;margin: 28px 20px;color: #FFF;}
.submitPopup_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.submitPopup_ok:hover{background-position: 0px -43px;}
.submitPopup_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.submitPopup_cancel:hover{background-position: 0px -43px;}

.unsubmitPopup{display: none;position: fixed;z-index: 9999;background: url('../img/web/ss_broad_pop_up_bg.png');top: 50%;left: 50%;width: 458px;height: 334px;margin: -167px 0px 0px -229px;}
.unsubmitPopup_q{font-size: 27px;margin: 28px 20px;color: #FFF;}
.unsubmitPopup_ok{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_submit.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 102px;font-size: 17px;}
.unsubmitPopup_ok:hover{background-position: 0px -43px;}
.unsubmitPopup_cancel{line-height: 2.3;float: left;background: url('../img/web/ss_broad_pop_up_bt_cancel.png') no-repeat;text-align: center;width: 118px;height: 43px;cursor: pointer;margin: 20px 0px 0px 30px;font-size: 17px;}
.unsubmitPopup_cancel:hover{background-position: 0px -43px;}



.cancelPlab{background: url('../img/web/ss_broad_club_bt_text_2.png');
cursor: pointer;
width: 121px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 2.4;
text-align: center;margin: 0px 0px 0px 10px;
float: left;}


.cancelReun{background: url('../img/web/ss_broad_club_bt_text_2.png');
cursor: pointer;
width: 121px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 2.4;
text-align: center;margin: 0px 0px 0px 10px;
float: left;}



/*
@media only screen and (min-width: 760px) and (max-width: 859px) {
.post_panel_td_right{width: 520px;}
.post_desc img {
max-width: 350px;
}
.user_sig img {
max-width: 90px;
}
.user_sig{width: 90px;}
.post_head_reply{width: 220px;
line-height: 2;}
.post_head_topic_news{
    width: 315px;
line-height: 1.5;
}
.topic_thead_td_right{width:500px;}
}


@media only screen and (min-width: 860px) and (max-width: 959px) {
.post_panel_td_right{width: 620px;}
.post_desc img {
max-width: 450px;
}
.user_sig img {
max-width: 190px;
}
.user_sig{width: 190px;}
.post_head_reply{width: 320px;
line-height: 2;}
.post_head_topic_news{
    width: 415px;
line-height: 1.5;
}
.topic_thead_td_right{width:600px;}
}

@media only screen and (min-width: 960px) and (max-width: 1059px) {
.post_panel_td_right{width: 720px;}
.post_desc img {
max-width: 560px;
}
.user_sig img {
max-width: 290px;
}
.user_sig{width: 290px;}
.post_head_reply{width: 420px;
line-height: 2;}
.post_head_topic_news{
    width: 515px;
line-height: 1.5;
}
.topic_thead_td_right{width:700px;}
}

@media only screen and (min-width: 1060px) and (max-width: 1159px) {
.post_panel_td_right{width: 820px;}
.post_desc img {
max-width: 660px;
}
.user_sig img {
max-width: 390px;
}
.user_sig{width:390px;}
.post_head_reply{width: 520px;
line-height: 2;}
.post_head_topic_news{
    width: 615px;
line-height: 1.5;
}
.topic_thead_td_right{width:800px;}
}


@media only screen and (min-width: 1160px) and (max-width: 1259px) {
.post_panel_td_right{width: 920px;}
.post_desc img {
max-width: 760px;
}
.user_sig img {
max-width: 490px;
}
.user_sig{width:490px;}
.post_head_reply{width: 620px;
line-height: 2;}
.post_head_topic_news{
    width: 715px;
line-height: 1.5;
}
.topic_thead_td_right{width:900px;}
}


@media only screen and (min-width: 1260px) and (max-width: 1359px) {
.post_panel_td_right{width: 1020px;}
.post_desc img {
max-width: 860px;
}
.user_sig img {
max-width: 590px;
}
.user_sig{width:590px;}
.post_head_reply{width: 720px;
line-height: 2;}
.post_head_topic_news{
    width: 815px;
line-height: 1.5;
}
.topic_thead_td_right{width:1000px;}
}
*/

/*
===== Start ======
Created: 08/04/2017
Creater : Mongkon Wirunputi
Contact: j.ten106@gmail.com
Editor: Atom
*/


.pm_panel .topic_thead_td{
    width: 100%;
    border-right: 1px solid #969696;
    padding: 7px 15px;
}
.pm_panel .pm_panel_td.left{
    width: 340px;
    max-height: none;
}
.pm_panel .pm_panel_td.right{
    width: 747px;
    overflow: hidden;
    max-height: none;
    height: auto;
    border-left: 1px solid #969696;
    min-height: 500px;
}
.pm_search{
    position: relative;
    padding: 15px;
}
.pm_search input{ width: 100%; height: 28px; text-indent: 15px; }
.pm_search .searchNameButton{ display: none;}
.pm_search .searchNameBox{
    position: absolute;
    border: 1px solid #555;
    width: calc(100% - 30px);
    background: #FFF;
    left: 15px;
    overflow-y: auto;
    max-height: 350px;
    font-size: 14px;
    display:none;
    z-index: 1;
}
.pm_list{
    width: calc(100% - 30px);
    height: auto;
    overflow-y: auto;
    padding: 15px;
    max-height: 755px;
}
.pm_list .user_toItem{ position: relative; }
.pm_list .user_toItem .clearAllmsg{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: calc(100% - 30px);
    padding: 15px 0;
    cursor: pointer;
    font-weight: bold;
    background-color: rgba(255,255,255,.2);
    text-align: center;
    display: none;
}
.pm_list .user_toItem .clearAllmsg:hover{ background-color: rgba(255,255,255,.8); }
.pm_list .user_toItem:hover .clearAllmsg{ display: block; }
.pm_list .user_toItem:hover .last-pm-datetime{ display: none; }
.pm_content{
    position: relative;
    overflow-y: auto;
    min-height: 550px;
    padding: 15px;
    max-height: 550px;
    background-color: #fff;
}
.pm_item_detail{
    width: 100%;
}
.send_emo{
    text-align: right;
    padding: 10px 0;
}
.short_pm.message_area {
    float: left;
    clear: both;
    width: calc(100% - 30px);
    margin: 0;
    border: 0;
    padding: 15px;
}
.short_pm .textFrom{ margin: 0; padding: 15px 0; width: 100%; }
.short_pm #textVal{ width: calc(100% - 30px); padding: 15px; }
.short_pm .send_button{ margin: 0 0 15px 0; }
.btn-default{
    background: none;
    background-color: #f2f2f2;
    border: 1px solid #969696;
    padding: 0 15px;
    margin: 10px 0 10px 15px;
    width: auto;
    height: auto;
}
.btn-default:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,eaeaea+83,dfdfdf+100 */
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #eaeaea 83%, #dfdfdf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#eaeaea 83%,#dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fdfdfd 0%,#eaeaea 83%,#dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

}
.user_toItem{
    border-bottom: 1px solid #969696;
}
.user_toItem.selected{
    background-color:#ccc;
}
.last-pm-datetime{
    float: right;
    padding: 15px;
}

.pm_item{
    float: left;
    clear: both;
    border-bottom: 0;
    /*padding-bottom: 20px;*/
}
.pm_item_image{
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: 20px;
}
/*.pm_item_time{display: none; }*/
.pm_item_name{ display: none; }
.pm_item_detail {
    max-width: calc(100% - 70px);
    float: left;
    padding: 0;
}
.pm_item_detail .pm_item_desc{
    float: left;
    border-radius: 40px;
    background-color: #f1f0f0;
    padding: 7px 15px;
    overflow: hidden;
}
.pm_item_detail .pm_item_desc iframe{ border-radius: 20px;  }
.pm_item_delete{
    display: none;
    float: right;
    border: 1px solid #969696;
    color: #000;
    background: #CCC;
    padding: 0px 3px;
    font-size: 10px;
    margin: 3px 10px;
    cursor: pointer;
}

.pm_item.me{ float: right; }
.pm_item.me .pm_item_image{ float: right; width: 20px; height: 20px; margin-top: 35px; }
.pm_item.me .pm_item_name{ float: right; }
.pm_item.me .pm_item_time{ float: right;}
.pm_item.me .pm_item_detail { max-width: calc(100% - 50px); text-align: right; }
.pm_item.me .pm_item_detail .pm_item_desc{ float: right; background-color: #0084ff; color: #fff;}
.pm_item.me .pm_item_detail .pm_item_desc a{color: #FFFFFF; }