@charset "UTF-8";
/* 基本樣式設定 */
body{
  font-family: Arial, Helvetica,"Hiragino Sans GB","Microsoft yahei","黑體","微軟正黑體",sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  background-color: #333333;
  color: #999999;
}

*, 
*:before, 
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

span {
  display: inline-block;
  *display: inline;
}
a {
  color: #ffffff;
  text-decoration: none;      
}
a.blue{color: #33a0ff;}
a:hover,
a:focus {
  cursor:pointer;
  color: #ff4ca6;
  text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
  margin: 0;
  font-family: inherit;
  line-height: 1em;
  color: inherit;
  font-weight: inherit;
}


h1,.h1 {font-size: 36px;}
h2,.h2 {font-size: 20px;}
h3,.h3 {font-size: 20px;}
h4,.h4 {font-size: 16px;}
h5,.h5 {font-size: 13px;}
h6,.h6 {font-size: 11px;}
.p14{font-size: 14px;}

.gray{color: #999999;}
.dark_pink{color:#c2185b;}
.pink{color: #ff409e;}
.pink_b{color: #ff3377; font-weight: bold;}
.warning{}

img{ border: 0;vertical-align: middle;}
.img-circle {
  border-radius: 500px;
  border: 1px solid #e5e5e5;
}


textarea,
.input,
.input_comment {
  margin:0px 5px 0px 0px;
  border: 1px solid #808080;
  background: #ffffff;
  border-radius: 2px; 
}


.btn {
  box-shadow: 0px 1px 0px 0px #b2095e;
  background-color: #e60b78;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  line-height: 20px;
  font-size: 14px;
  text-decoration:none;
  vertical-align: middle;
  border: 0;
}
.btn:hover{  background-color:#b2095e;}
.btn:active{
  position:relative;
  top:1px;
}

.btn_b{
  /*box-shadow: 0px 2px 0px 0px #00404d;*/
  font-size:16px;
  line-height: 25px;
  text-shadow:0px 1px 1px #00404d;
}

.btn_gray{
  background-color: #4d4d4d;
  box-shadow: 0px 1px 0px 0px #4d4d4d;
  border-radius:2px;
  color:#ffffff;
  box-shadow: none;
}
.btn_gray:hover{background-color: #333333;}


/* 版面樣式設定 */
#wrapper{  
  width: 940px;
  margin: 0 auto;
  text-align: center;
}

.TOP_BG{}
.TOP:after,
.TOP_MENU:after,
.TOP_MENU_MAIN:after,
.SEARCH:after{
  content:"";
  display: block;
  clear: both;
}
.TOP{width: 940px;height: 110px; margin: 0 auto;background-color: #ffffff;}
.TOP_MENU_SUB{height: 25px;line-height: 25px;padding-left: 8px;background-color:#c81450; }
.TOP_LOGO{width: 940px;height: 85px;padding-top: 25px;text-align: left;float: left;background-image: url(../images/top_bgimg.jpg);}
.TOP_MENU{}

.TOP_MENU_SUB .LOGON,.TOP_MENU_MAIN_LIST{margin: 0;padding: 0;}
.TOP_MENU_SUB .LOGON li,.TOP_MENU_MAIN_LIST li{list-style: none;float: left;}

.TOP_MENU_SUB .ADDWEB{float: left;}
.TOP_MENU_SUB .ADDWEB a{color: #e6e6e6;}
.TOP_MENU_SUB .ADDWEB a:hover{color: #f2ff80;}
/*
.TOP_MENU_SUB .LOGON{float: right;}
.TOP_MENU_SUB .LOGON li{line-height: 25px;padding: 0 8px;}
*/
.TOP_MENU_MAIN{ 
  width: 940px; 
  margin: auto; 
  height: 40px;  
  background: url(../images/top_menu_bg.jpg) repeat-y;
}
.TOP_MENU_MAIN_LIST{ width: 100%;}
.TOP_MENU_MAIN_LIST td{}
.TOP_MENU_MAIN_LIST a{ display: block; padding: 0 15px; color: #ffffff; font-size:18px; line-height: 40px; text-shadow: 0px 0px 2px #2c264d;}
.TOP_MENU_MAIN_LIST a.on,.TOP_MENU_MAIN_LIST a:hover{ color: #ffff66;}



.title{
  color: #ff4ca6;
  font-weight: bold;
  letter-spacing:0.15em;  
}
.left .title{ font-size: 16px;line-height: 1.5;border-bottom: 2px solid #ff4ca6;margin-bottom: 5px;text-align: left;padding-top: 10px}
.left .title img{margin-right: 5px;}

.main_title:after{content:""; display: block; clear: both;}
.main_title{ padding: 10px;text-align: left;border-bottom: 1px solid #050505;box-shadow: 0px 1px 0px 0px #212121;vertical-align: bottom;l}
.main_title img{vertical-align:}
.main_title .title{font-size: 20px;line-height: 30px;}

.logon{width: 192px; margin: 10px auto 5px;padding: 0; color:#cccccc; border: 1px solid #e60b78; border-radius: 7px;}
.logon li:after{content:""; display: block; clear: both;}
.logon li{ list-style: none; padding: 2px 10px;text-align: left;line-height:1.8;}
.logon a{ color: #ffffff;}
.logon a.blue{ color: #66bfff;}
.logon a:hover{ color: #f2ff80;}
.logon img{ vertical-align: text-top; margin-right: 5px;}
.logon .title{  background-color: #e60b78; color: #ffffff;text-align: left;padding: 5px 10px 0;margin: 0; border-top-left-radius: 4px;border-top-right-radius: 4px;font-weight: normal;text-shadow: 0px 0px 2px #2c264d;border-bottom: 0px;}
.logon input{margin: 0;width: 166px;padding: 2px;}
.logon input.a_left{width: 110px;}
.logon .btn{width: 100%;font-size: 14px;padding: 5px;margin: 4px 0;}
.logon hr{border: 0px;border-bottom:1px dotted #444444;margin: 0}
.a_right{float: right;}
.a_left{float: left}


.app_btn{
  font-family: inherit;
  color:#fff;
  line-height: 16px;
}

/*主持排行*/
.right_list{ margin: 10px auto;}
.right_list tr td{ background-color:#181818 ;border-bottom: 2px solid #282828;}
.right_list tr td.text{padding: 0 8px;color: #fff}
.right_list tr td:first-child{ color: #ff4ca6;;font-weight: bold;font-size: 18px;font-style: italic;}

.connent_btn{
  display:inline-block;
  background-image: url(../images/connent_btn_bg.gif);
  background-repeat: repeat-x;
}
.connent_btn td{vertical-align: middle;}
.connent_btn a{color: #4c4c4c;}
.connent_btn a:hover,
.connent_btn a:focus{color: #1a1a1a;}
.connent_btn td.none{background-color: #ffffff;}
.connent_btn td.connent_btn_e:hover, 
.connent_btn .on{
  background-image: url(../images/connent_btn_onbg.gif);
  background-repeat: repeat-x;
}


.bpinkline{
  background-image: url(../images/bottom_deco.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}
/*主持篩選*/
.main_left_menu:after,
.main_left_menu_btn:after,{
  content:"";
  display: block;
  clear: both;
}
.main_left_menu{font-size: 14px;padding: 5px 8px 5px 5px;*padding: 3px 5px;color: #ffffff;border-bottom: 1px dotted #333;}
.main_left_menu_btn{margin: 0;padding: 0; list-style: none;}
.main_left_menu a{ padding: 4px 4px; *padding: 3px;border-radius: 4px;color: #ff409e}
.main_left_menu a:hover,
.main_left_menu a.on{ 
  background-color: #dd2476;
  color: #ffffff;}
.main_left_menu .level{float: right}
.main_left_menu .level a{padding: 3px 5px 3px 25px;background-position:5px center;background-repeat: no-repeat;}
.main_left_menu .level a.ordinary{background-image:url(../images/ordinary.gif);}
.main_left_menu .level a.caution{background-image:url(../images/caution.gif);}
.main_left_menu .level a.rated{background-image:url(../images/rated.gif);}
.main_left_menu li{float: left;line-height: 30px;margin-left:4px;}
.search{
  float: right;
  margin-top: 0px;
  padding: 0;
  border: 1px solid #82878c;
  height: 24px;
  overflow: hidden;
}
.search input{
  float: left;
  padding: 4px;
  border: 0;
  outline: none;
  vertical-align: top;
}
.search .host_text{
  width: 150px;
  background: url('../images/search.png') no-repeat 4px 4px;
  padding-left: 22px;
  outline: none;
  -webkit-appearance: textfield;
  color: #ffffff;
}
.search .btn{
  height: 24px;
  padding: 4px 8px 5px!important;
  margin: 0;
  border-radius: 0;
  color: #ffffff;
  background-color: #82878c;
  border: 0;
}
.search .btn:hover{background-color: #706d73}



/*FAQ*/
.top_list:after,{content:""; display: block; clear: both;}
.top_list{width: 700px; display: inline-block;  zoom: 1;  *display: inline; margin: 0;padding: 0px ; border-bottom: 1px dotted #333333; }
.top_list a{display: block; font-size: 14px; padding: 2px; line-height: 50px;  color: #ff409e; color: #999999}
.top_list a:hover,.top_list a.on{ color: #ffffff;}
.top_list a.on{
  background-image: url(../images/bottom_deco.gif);
  background-position: bottom;
  background-repeat: repeat-x;}
.top_list li{ float: left; margin-right:10px; list-style: none;}
.faq_list{line-height: 1.6;padding: 10px;}

.content_wbg{background-color: ;}

/*主播列表樣式*/
.host_row{margin: 10px auto 0px;width: 720px;padding-bottom: 5px;}
.host_e{
  width: 135px;
  margin:0px auto; 
  padding: 0px;
  background-color: #2e2e2e;
  list-style: none;
}
.host_e li{margin: 0;text-align: left; }
.host_photo{position: relative; }
.mode{
  width: 135px;
  position: absolute;
  top: 0;
  z-index: 2;
  margin: 0; 
}
.host_name{
  text-align: left; 
  padding: 5px 3px 2px;
  font-size: 14px;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
}
.host_name a{ color: #ffffff;font-weight: normal;}
.host_pay{font-size: 11px;color: #b3b3b3;padding: 0px 3px 3px;}
.host_pay .pay1{color:#e566ff;font-weight: bold;}
.host_pay .pay2{color:#ff667f;font-weight: bold;}
.host_mode{ }
/*在線狀態*/
.host_e .online,.host_e .act,.host_e .busy,.host_e .rest{
  padding:0px 0px;
  height: 40px;
}
.online{background: url(../images/mode_online.png) no-repeat;}
.act{background: url(../images/mode_act.png) no-repeat;}
.busy{background: url(../images/mode_busy.png) no-repeat;}
.rest{background: url(../images/mode_rest.png) no-repeat;}

.host_e .b_online,.host_e .b_act,.host_e .b_busy,.host_e .b_rest{
  width: 125px;
  margin: 5px;
}
.b_online,.b_act,.b_busy,.b_rest{
  margin: 5px 0px;
  padding: 3px;
  border-radius: 5px;
  font-size: 12px;
  color: #ffffff
}

.b_online{border: 1px solid #e60b78;background-color: #e60b78;}
.b_online:hover{border: 1px solid #b2095e;background-color: #b2095e;}
.b_act{border: 1px solid #8e19a6;background-color: #8e19a6;}
.b_act:hover{border: 1px solid #770e8c;background-color: #770e8c;}

.b_busy{border: 1px solid #b31212;background-color: #b31212;}
.b_busy:hover{border: 1px solid #8c0e0e;background-color: #8c0e0e;}
.b_rest{border: 1px solid #666666;background-color: #666666;}
.b_rest:hover{border: 1px solid #4c4c4c;background-color: #4c4c4c;}

/*新進主播*/
.new_host{margin: 10px auto 5px;width: 714px;border: 1px solid #ff6040;background-color: #2e2e2e;border-radius: 8px}
.new_host .title{ background-color: #ff6040; color: #ffffff;text-align: left;padding: 5px 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 16px;font-weight: normal;text-shadow: 0px 0px 2px #2c264d;border-bottom: 1px solid #2e2e2e;}
.new_host_e{width: 102px;padding: 0px;margin:0px auto;}
.new_host_e li{list-style: none;margin: 0;padding: 0;}
.new_host_e .mode{
  padding: 0px;
  height: 40px;
}
.new_host_e .host_photo{padding: 0px 0px;text-align: center;}
.new_host_e .host_photo img{width: 100px;height: 100px;}
.new_host_e .host_name{text-align: center;line-height: 1.8;}


.min_l_list a{color: #ffffff;}
.min_l_list .on,
.min_l_list a:hover{color: #ffffff;}
.min_l_list tr .on,
.min_l_list a tr:hover{background-color: #00404d;color: #ffffff;}



/*主播頁*/
.host_top{width: 700px;margin: 10px auto;}
.host_top td{text-align: left;*line-height: 2.5;height: 40px}
.host_top a{padding: 5px 10px;*padding: 4px 10px;margin-right: 5px;border-radius: 5px; border: 1px solid #cccccc;color: #ffffff;font-size: 14px;}
.host_top a.pink{border: 1px solid #ff4ca6;color: #ff4ca6}
.host_top a:hover{background-color: #ffffff;color: #000000;}
.host_top a.pink:hover{background-color: #ff4ca6;color: #ffffff}
.host_info{width: 360px;}
.host_info td{
  line-height: 2;
  text-align: left;
}
.pic_b img{
  padding: 4px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.pic_s img{
  width: 104px;
  height: 104px;
  padding: 2px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.dotted{  border-bottom: 1px dotted #b2b2b2;}
.part{border-right: 1px solid #d9d9d9}
.host_grade{
  color: #e91e63;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.75em;
}
.host_grade:first-letter{font-size: 100px;}

.faq_comment,
.host_comment{ text-align: left;}
.faq_comment{line-height: 22px}
.faq_comment .message,
.host_comment .message{border-top: 1px dotted #ff409e;}
.faq_comment .BG_pink,
.host_comment .BG_pink{background-color: ;}
.faq_comment .message table{width: 700px}

.vedio,.record,.host_record{background: #222222;margin: 15px 0;}
.vedio > thead>tr>td,
.record > thead>tr>td,
.host_record > thead>tr>td{border-bottom: 2px solid #e91e63;color:#e91e63;font-size: 14px;line-height: 2;padding: 2px;}
.record tbody tr td,
.host_record tbody tr td{border-bottom: 1px solid #111111;color:#ffffff;line-height: 2;padding: 2px;}
.vedio tbody tr td{border-bottom: 1px solid #e6e6e6;color:#4c4c4c;line-height: 16px;padding: 2px}
.record > tbody >tr:hover,
.vedio > tbody >tr:hover,
.host_record > tbody >tr:hover{background-color: #2e2e2e;}

.member_table{margin: 10px;color: #ffffff;}
/*.member_table >thead>tr > td{background-color: #088199;color:#ffffff;font-size: 14px;}*/
.member_table >tbody>tr > td{/*border-top: 1px dotted #b2b2b2;*/ line-height: 1.6;}
.member_table input{padding: 4px}
.member_table .btn{padding: 8px 25px;}

.pay_table{font-size: 12px; color: #222222;}


.FOOTER{}
.LAST{
  padding:10px 10px 15px 10px;
  margin: 0 auto;
  line-height: 1.5rem; 
  color: #adafb2;
  background-color: #222222;
}