@charset "UTF-8";

/** 基本樣式設定 **/
body,html {
  /*height:100%;*/
  width:100%;
  margin:0px;
  padding:0px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* change the tap color */
}
body{
  font-family:'Roboto Slab','Roboto', 'Noto Sans TC', Helvetica, Arial, Microsoft Yahei, SimSun, STXihei, arial, sans-serif;
  color: #333333; background-color: #f0f0f0; word-wrap: break-word;
}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img{ border: 0px; vertical-align: middle; line-height: 0; height: auto; }
input{ -webkit-appearance: none; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
textarea:focus, input:focus{ outline: none; }
a { color: #0066cc; text-decoration: none; }
a:hover,a:focus { text-decoration: none; }
.gray{ color: #999999; }
.red{ color: #e50000 !important;}
.blue{ color: #0066cc !important; }
.orange{ color: #ff5500 !important; }


.SSS {font-size: 2px;line-height: 4px;}
.SS {font-size: 10px;line-height: 14px;}
.S {font-size: 12px;line-height: 16px;}
.M {font-size: 13px;line-height: 19px;}
.L {font-size: 15px;line-height: 21px;}
.LL {font-size: 17px;line-height: 23px;}
.LLL {font-size: 19px;line-height: 25px;}

.RWD-TABLE{ background: #ffffff; overflow: hidden; width: 100%; }
.RWD-TABLE th{ font-weight: normal; }
.RWD-TABLE th, .RWD-TABLE td { display: table-cell; text-align: center; }

/*在線狀態*/
.ONLINE{ color: #ffffff; background-color: #0066cc; /*background-color: rgba(0, 102, 204, 0.8);*/ }
.ACT   { color: #ffffff; background-color: #ff0077; /*background-color: rgba(255, 0, 119, 0.8);*/ }
.BUSY  { color: #ffffff; background-color: #ff0000; /*background-color: rgba(255, 0, 0, 0.8);*/ }
.REST  { color: #ffffff; background-color: #666666; /*background-color: rgba(102, 102, 102, 0.8);*/ }

/*分級*/
.ORDINARY{ background-color: #22cc22; color: #22cc22; border-color: #22cc22; /*text-shadow: 0 1px 1px #186018;*/ }
.CAUTION { background-color: #ff7700; color: #ff7700; border-color: #ff7700; /*text-shadow: 0 1px 1px #8c4600;*/ }
.RATED   { background-color: #dd2222; color: #dd2222; border-color: #dd2222; /*text-shadow: 0 1px 1px #811616;*/ }

/*狀態說明*/
.MIC     { background-color: #ee0077; color: #ee0077; border-color: #ee0077; }
.FREECHAT{ background-color: #990088; color: #990088; border-color: #990088; }
.FREELIVE{ background-color: #0066cc; color: #0066cc; border-color: #0066cc; }
.AREA    { background-color: #4c4c4c; color: #4c4c4c; border-color: #4c4c4c; background-color: rgba(0, 0, 0, 0.7); }
.NONE    { background-color: #999999; color: #999999; border-color: #999999; }

/*財富等級*/
.LEVEL_TAG_00,.LEVEL_TAG_01,.LEVEL_TAG_02,.LEVEL_TAG_03,.LEVEL_TAG_04,.LEVEL_TAG_05,.LEVEL_TAG_06,.LEVEL_TAG_07,.LEVEL_TAG_08,.LEVEL_TAG_09,.LEVEL_TAG_10{ display: inline-block; position: relative; width: 1.6rem; margin-right: 3px; padding: 1px 0px; font-size: 10px; color: #ffffff; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,1); z-index: 0; }
.LEVEL_TAG_00:after,.LEVEL_TAG_01:after,.LEVEL_TAG_02:after,.LEVEL_TAG_03:after,.LEVEL_TAG_04:after,.LEVEL_TAG_05:after,.LEVEL_TAG_06:after,.LEVEL_TAG_07:after,.LEVEL_TAG_08:after,.LEVEL_TAG_09:after,.LEVEL_TAG_10:after{ position: relative; content:"富"; display: inline-block; clear: both; margin-left: 2px;}

.LEVEL_TAG_00:before,.LEVEL_TAG_01:before,.LEVEL_TAG_02:before,.LEVEL_TAG_03:before,.LEVEL_TAG_04:before,.LEVEL_TAG_05:before,.LEVEL_TAG_06:before,.LEVEL_TAG_07:before,.LEVEL_TAG_08:before,.LEVEL_TAG_09:before,.LEVEL_TAG_10:before{ content: "."; display: block; position: absolute; top: -1px; width: 1.6rem; padding: 1px 0px; color:transparent; z-index: -1; text-shadow:none; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2) inset; }
.LEVEL_TAG_00:before{ background-color: #808080; }
.LEVEL_TAG_01:before,.LEVEL_TAG_02:before,.LEVEL_TAG_03:before,.LEVEL_TAG_04:before{ background-color:#209920; }
.LEVEL_TAG_05:before,.LEVEL_TAG_06:before,.LEVEL_TAG_07:before{ background-color: #e57300; }
.LEVEL_TAG_08:before,.LEVEL_TAG_09:before,.LEVEL_TAG_10:before{ background-color:#cc1414; }


/* 新版底色
.LEVEL_TAG_10{ background-color: #ff1144; }
.LEVEL_TAG_09{ background-color: #ff2211; }
.LEVEL_TAG_08{ background-color: #ff4411; }
.LEVEL_TAG_07{ background-color: #ff7711; }
.LEVEL_TAG_06{ background-color: #ee9900; }
.LEVEL_TAG_05{ background-color: #88bb00; }
.LEVEL_TAG_04{ background-color: #33cc66; }
.LEVEL_TAG_03{ background-color: #22cc99; }
.LEVEL_TAG_02{ background-color: #22bbcc; }
.LEVEL_TAG_01{ background-color: #22bbee; }
.LEVEL_TAG_00{ background-color: #808080; }
*/

/* 無內容通用樣式 */
.EMPTY{ margin: 0; padding: 1rem 0; text-align: center; color: #999999; }

/** 版面樣式設定 **/

/* 內容寬度 */
.MD_W:after{content:"";display: block;clear: both;}
.MD_W{ position: relative;}
@media screen and (min-width: 768px) { .MD_W{ width: 100%} }
@media screen and (min-width: 980px) { .MD_W{ margin: auto;} }

/* 內容框架 */
.MD_MAIN:after{ content:""; display: block; clear: both; }
.MD_MAIN{ position: relative; top:5px; padding-bottom: 55px; 
  /* iX */
  padding-left: calc(0px + constant(safe-area-inset-left)); /* iX */
  padding-right: calc(0px + constant(safe-area-inset-right));
  padding-bottom: calc(55px + constant(safe-area-inset-bottom));
  padding-left: calc(0px + env(safe-area-inset-left));
  padding-right: calc(0px + env(safe-area-inset-right));
  padding-bottom: calc(55px + env(safe-area-inset-bottom));
}


/* 內容樣式 */
.CONTENT { width: calc(100% - 20px); margin: 15px auto 30px; height: auto; padding: 0 10px 15px 10px; background-color: #ffffff; font-size: 14px; }
.CONTENT .SUBTITLE{ position: relative; margin: 0 -10px 0 -10px; padding: 15px 10px; font-size: 16px; color: #333333; font-weight: bold; font-weight: 700; line-height: 1; border-bottom: 1px solid #eeeeee; } 
.CONTENT .SUBTITLE span.INFO{ position: absolute; right: 10px; top: 17px; color: #999999; font-weight: normal; font-size: 13px; }
.CONTENT .SUBTITLE a.INFO{ position: absolute; right: 0px; top: 17px; color: #999999;font-weight: normal; font-size: 13px; padding-right: 24px; }
.CONTENT .SUBTITLE a.INFO:after{ content: ""; position: absolute; width: 16px; height: 16px; top: 50%; right: 5px; background: url(images/right_moreinfo.png) no-repeat; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.CONTENT section{ padding: 0 0 15px 0; }
.CONTENT section:last-of-type{ padding-bottom: 0px; }


.CONTENT_LIST{ padding: 0; background-color: #ffffff; font-size: 14px; }
.CONTENT_LIST .SUBTITLE{ margin: 0; }
.CONTENT_LIST .SUBTITLE .INFO{ padding: 0; }
.CONTENT_LIST .SUBTITLE a.INFO{ padding-right: 20px; }
.CONTENT_LIST .SUBTITLE a.INFO:after{ content: ""; position: absolute; width: 16px; height: 16px; top: 50%; right: 0px; background: url(images/right_moreinfo.png) no-repeat; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.CONTENT_LIST .LIST_ITEM{ position: relative; padding: 15px 10px; border-top: 1px solid #f5f5f5; }
.CONTENT_LIST .LIST_ITEM:first-of-type{ border-top: 0px; }
.CONTENT_LIST .LIST_ITEM.GET_MORE{ padding: 12px 24px 12px 10px; }
.CONTENT_LIST .LIST_ITEM .RIGHT,.CONTENT_LIST .LIST_ITEM.GET_MORE .RIGHT{ float: right; }
.CONTENT_LIST .LIST_ITEM.GET_MORE:after{ content: ""; position: absolute; width: 16px; height: 16px; top: 50%; right: 5px; background: url(images/right_moreinfo.png) no-repeat; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.CONTENT_LIST .LIST_ITEM.TOTAL_ROW{ background-color:#fff9e5; border-top:1px solid #fae7af; }
.CONTENT_LIST .LIST_ITEM.GET_MORE.TOTAL_ROW{ background-color:#fff9e5; border-top:1px solid #fae7af; }
.CONTENT_LIST .LIST_ITEM.GET_MORE.TOTAL_ROW:after{ background: none; }
.CONTENT_LIST .LIST_ITEM.SHOW_MORE .SHOW_MORE_BTN{ margin-top: 0; }
.CONTENT_MAIN{ margin-top: 0px; background-color: #ffffff; }
.CONTENT_MAIN:after{ content:""; display: block; clear: both; }

.CONTENT_TABTOP{ padding: 0; margin-bottom: 0; border-bottom: 1px solid #f5f5f5; }
.CONTENT_TABTOP section:first-of-type{ padding: 0; }
.CONTENT_TABBODY{ margin-top: 0; padding-top: 10px; }

.TITLE{ position: relative; width: 100%; line-height: 1.2; }
.TITLE .INFO{ position: absolute; right: 0; top: 0; color: #999999; }

/* 整頁 */
.CONTENT_FULLPAGE{ padding: 15px; font-size: 0.9rem; background-color: #ffffff; }
.CONTENT_FULLPAGE .SUBTITLE{ margin: 1rem 0 0 0; font-size: 0.9rem; color: #0066cc; }
.CONTENT_FULLPAGE p{ margin: 0.2rem 0; line-height: 1.5rem; }
.CONTENT_FULLPAGE ol, .CONTENT_FULLPAGE ul { margin: 0; padding: 0.2rem 0 0.2rem 1.5rem; line-height: 1.5rem; }
.CONTENT_FULLPAGE a{ text-decoration: underline; color: inherit; }


/* 垂直分區 */
.DETAIL_COLUMN{ display: table; table-layout: fixed; width: 100%; text-align: center; color: #666666; }
.DETAIL_COLUMN .DETAIL_COLUMN_ITEM{ display: table-cell; border-left: 1px solid #f5f5f5; vertical-align: middle; }
.DETAIL_COLUMN .DETAIL_COLUMN_ITEM:first-child{ border-left: 0px solid #f5f5f5; }
.DETAIL_COLUMN b{ color: #333333; }
.DETAIL_COLUMN .HEADLINE{ display: block; margin: 10px 0 0; }

.CONTENT_TABTOP .DETAIL_COLUMN{ line-height: 40px; }
.CONTENT_TABTOP .DETAIL_COLUMN .DETAIL_COLUMN_ITEM{ border-left: 0px solid #f5f5f5; }
.CONTENT_TABTOP .DETAIL_COLUMN .DETAIL_COLUMN_ITEM .TABTOP_ITEM{ display: block; color: #999999; }
.CONTENT_TABTOP .DETAIL_COLUMN .DETAIL_COLUMN_ITEM .TABTOP_ITEM.active{ color: #000; border-bottom: 2px solid #2e7ae5; }


.DETAIL_ROW{  }
.DETAIL_ROW dl{ position: relative; margin: 15px 0 0 0; }
.DETAIL_ROW dt{ position: absolute; }
.DETAIL_ROW dd{ margin: 0; padding: 0; text-align: right; }
.DETAIL_ROW p{ padding: 0; margin: 15px 0 0 0; }
.DETAIL_ROW dt .number{ margin-right: 5px; color: #999999; }

/* 標題+備註 (首頁) */
.TOP{ margin-top: 15px; text-align: center; }
.TOP.GET_MORE{ position: relative; padding: 0px; }
.TOP.GET_MORE:after{ content: ""; position: absolute; width: 16px; height: 16px; top: 50%; right: 0px; background: url(images/right_moreinfo.png) no-repeat; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.TOP .DATE_TAG{ display: inline-block; }
.DATE_TAG{ padding: 6px 12px; border-radius: 1rem; color: #999999; background-color: #f5f5f5; }
.CENTER{ text-align: center; }
.CENTER.MORE_INFO{ font-size: 12px; line-height: 1.6; }
.CENTER.MORE_INFO a{ text-decoration: underline; }


/* 會員點數相關報表 */
.UP_TRADE{ }
.UP_TRADE .UP_TRADE_LIST{ padding: 1px 15px; background-color: #ffffff; font-size: 14px; }
.UP_TRADE .UP_TRADE_LIST .LIST_ITEM{ position: relative; }
.UP_TRADE .UP_TRADE_LIST section { padding: 0 0 15px 0; }

.UP_TRADE .CONTENT_MAIN{ padding: 0px 10px; }
.UP_TRADE .DETAIL_COLUMN .HEADLINE{ font-size: 13px; line-height: 1; }
.UP_TRADE .DETAIL_COLUMN .TOTAL{ display: block; margin: 10px 0; font-size: 24px; }
.UP_TRADE .UP_TRADE_SUM{ }
.UP_TRADE .SHOW_MORE_BTN{ margin-top: 15px; text-align: center; }
.UP_TRADE .SHOW_MORE_BTN a{ display: inline-block; width: 100%; padding: 8px; border-radius: 4px; color: #999999; background-color: #f5f5f5; }

/* 時/日報表 */
.REPORT{ font-size: 13px; }
.REPORT .TOP_BAR,.REPORT .LIST_ITEM{ display: table; width: 100%; table-layout: fixed; }
.REPORT .TOP_BAR{ padding: 5px 24px 5px 10px; color: #999999; font-size: 12px; }
.REPORT .TOP_BAR .TIME,.REPORT .TOP_BAR .INFO,.REPORT .TOP_BAR .TOTAL{ display: table-cell; text-align: right; vertical-align: middle; width: 100%; }
.REPORT .LIST_ITEM .TIME, .REPORT .LIST_ITEM .INFO, .REPORT .LIST_ITEM .TOTAL{ display: table-cell; text-align: right; vertical-align: middle; width: 100%; }
.REPORT .TOP_BAR .TIME, .REPORT .LIST_ITEM .TIME{ width: 50%; text-align: left; }
.REPORT .TOP_BAR .INFO.CENTER, .REPORT .LIST_ITEM .INFO.CENTER{ text-align: center; }
.REPORT .TOP_BAR .INFO.LEFT, .REPORT .LIST_ITEM .INFO.LEFT{ text-align: left; }
.REPORT .LIST_ITEM .INFO{ color: #999999; color: #333333; }
.REPORT .LIST_ITEM .TOTAL{ color: #e50000; color: #333333; }

/* 會員送禮明細 */
.REPORT_GIFT{ }
.REPORT_GIFT .TOP_BAR{ padding: 5px 10px 5px 10px; }


/* 消費明細 */
.HOUR_DETAIL_LIST{ font-size: 12px; line-height: 1; }
.HOUR_DETAIL_LIST .LIST_ITEM{ position: relative; padding: 15px; }
.HOUR_DETAIL_LIST .TITLE{ margin-top: 10px; min-height: 1rem; color: #999999; }
.HOUR_DETAIL_LIST .TITLE .NAME{ font-weight: normal; font-weight: 500; color: #333333; }
.HOUR_DETAIL_LIST .TITLE .gray{ margin-right: 5px; font-weight: normal; }
.HOUR_DETAIL_LIST .TIME{ display: block; text-align: center; }
.HOUR_DETAIL_LIST .TIME .DATE_TAG{ display: inline-block; }
.HOUR_DETAIL_LIST .PAY_NOTE{ margin-top: 10px; }
.HOUR_DETAIL_LIST .TOTAL{ position: absolute; right: 15px; top: 3rem; font-weight: bold; color: #333333; }

/* 送禮明細 */
.GIFT_TRADE_LIST{ font-size: 12px; line-height: 1; color: #333333; }
.GIFT_TRADE_LIST .LIST_ITEM{ position: relative; padding: 15px; }
.GIFT_TRADE_LIST .TIME{ display: inline-block; margin-left: -15px; }
.GIFT_TRADE_LIST .TIME .DATE_TAG{ display: inline-block; padding: 6px 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.GIFT_TRADE_LIST .TOTAL{ position: absolute; right: 15px; top: 20px; font-weight: bold; color: #333333; }
.GIFT_TRADE_LIST .TITLE{ margin-top: 10px; padding-right: 0px; }
.GIFT_TRADE_LIST .TITLE .NAME{ font-weight: normal; white-space: nowrap; line-height: 1.8; color: #333333; }
.GIFT_TRADE_LIST .TITLE .gray{ margin-right: 5px; font-weight: normal; }

/* 表單基本 */
.RECORD{ width: 100%; font-size: 13px; line-height: 1.4; }
.RECORD th,.RECORD td{ padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
.RECORD th:first-child,.RECORD td:first-child{ padding-left: 10px; text-align: left; }
.RECORD th:last-child,.RECORD td:last-child{ padding-right: 10px; text-align: right; }
.RECORD th{ padding-bottom: 5px; color: #999999; }
.RECORD tr:last-of-type td{ border-bottom: 0px solid #f5f5f5; }

/* 常見問題 */
.UP_FAQ{ }
.UP_FAQ .CONTENT_LIST{ background-color: transparent; }
.FAQ_DETAIL_LIST{ font-size: 13px; color: #999999; background-color: #ffffff; }
.FAQ_DETAIL_LIST .TITLE{ font-size: 14px; line-height: 25px; font-weight: normal; font-weight: 500; color: #333333; }
.FAQ_DETAIL_LIST .SHOW_MORE_BTN{ font-size: 14px; }
.FAQ_DETAIL_LIST .LIST_ITEM.GET_MORE{ padding: 12px 34px 12px 15px; }
.FAQ_DETAIL_LIST .LIST_ITEM.GET_MORE.ON{ padding-right: 34px; }
.FAQ_DETAIL_LIST .LIST_ITEM.GET_MORE:after,.FAQ_DETAIL_LIST .LIST_ITEM.GET_MORE.ON:after{ content: ""; position: absolute; width: 16px; height: 16px; top: 50%; right: 10px; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.FAQ_DETAIL_LIST .LIST_ITEM.GET_MORE:after{ background: url(images/v_down.png) no-repeat; background-size: contain; }
.FAQ_DETAIL_LIST .LIST_ITEM.ON:after{ background: url(images/v_up.png) no-repeat; }
.FAQ_DETAIL_LIST .MESSAGE{ padding: 12px 20px 20px 20px; line-height: 1.8; background-color: #fafafa; color: #666666; }
.FAQ_DETAIL_LIST .MESSAGE ol,.FAQ_DETAIL_LIST .MESSAGE ul{ margin: 0; padding: 0 0 0 1.8rem ; }
.FAQ_DETAIL_LIST .MESSAGE .ICON_INFO{ padding-left: 1rem; }
.FAQ_DETAIL_LIST .MESSAGE .ICON_INFO li:first-child{ margin-top: 0; }
.FAQ_CATEGORY{ margin-top: 10px; color: #999999; background-color: #ffffff; }
.FAQ_CATEGORY .DETAIL_COLUMN{ border-top: 1px solid #f5f5f5; }
.FAQ_CATEGORY .DETAIL_COLUMN_ITEM{ padding: 20px 0; border-left: 1px solid #f5f5f5; }
.FAQ_CATEGORY .DETAIL_COLUMN_ITEM .HEADLINE{ margin: 0; font-size: 14px; color: #333333; }
.IMG_SLIDER{ height: 260px; margin: 10px -20px; overflow: hidden; font-size: 20px; line-height: 0; }
.SLIDER{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; overflow: hidden; overflow-x: auto; font-size: 0; white-space: nowrap; }
.SLIDER a{ display: inline-block; margin-left: 10px; text-decoration: none; vertical-align: top; }
.SLIDER a:first-child{ margin-left: 0px; }
.SLIDER a img{ max-height: 260px; border: 1px solid #d9d9d9; }


/** 進入包廂頁 **/
.HOST:after,.HOST_PHOTO:after,.PIC:after,.HOST_INFO:after{content:""; display: block; clear: both;}
.HOST .CONTENT_MAIN{ margin-top: -10px; font-size: 14px; }
.HOST .PIC,.HOST_INFO ul{ margin: 0; padding: 0; list-style: none; }
.HOST_PHOTO{ width: 50%; float: left; }
.PIC .PIC_B{ width: 100%; }
.PIC .PIC_S{ width: 50%; float: left; }
.HOST_PHOTO .PIC .PIC_B img,.PIC .PIC_S img{ width: 100%; height: auto; }

.HOST_INFO{ width: 50%; float: right; color: #999999; padding: 0 10px; }
.HOST_INFO .TITLE{ margin-top: 15px;}
.HOST_INFO .NAME{ font-size: 16px; font-weight: bold; }
.HOST_INFO section{ padding: 10px 0; border-top: 0px solid #e6e6e6; }
.HOST_INFO section:first-child{ padding-top: 0px; border-top: 0px solid #e6e6e6; }
.HOST_INFO b{ color: #333333; font-weight: normal; }
.HOST_INFO .HOST_MODE{ margin-top: 10px; font-size: 12px; }
.HOST_INFO .HOST_PAY{  margin-top: 10px; line-height: 16px; color: #333333; color: #e50000; }
.HOST_INFO .HOST_PAY b{ margin-right: 2px; color: #e50000; font-weight: bold; font-size: 16px; }
.HOST_INFO .HOST_MODE span{ margin: 2px 2px 2px 0; padding: 0px 2px; border-radius: 2px; }
.HOST_INFO .HOST_MODE .HOST_MODE_ITEM{ margin-top: 10px }
.HOST_INFO .HOST_MODE .ORDINARY,.HOST_INFO .HOST_MODE .CAUTION,.HOST_INFO .HOST_MODE .RATED{ border-width: 1px; border-style: solid; background-color: #ffffff; }
.HOST_INFO .HOST_MODE .AREA, .HOST_INFO .HOST_MODE .MIC, .HOST_INFO .HOST_MODE .FREECHAT,.HOST_INFO .HOST_MODE .FREELIVE{ color: #ffffff; }
.HOST_INFO .HOST_MODE .MIC, .HOST_INFO .HOST_MODE .FREECHAT,.HOST_INFO .HOST_MODE .FREELIVE{ border-radius: 20px; }

/*會員總評價*/
.RATINGS_AVERAGE{ margin: 15px 0; }
.RATINGS_AVERAGE .HEADLINE{ margin: 0px auto 10px; font-size: 12px; }
.RATINGS_AVERAGE .RATING_HEARTS{ margin-top: 0px; line-height: 0; }
.RATINGS_AVERAGE .RATING_HEARTS img{ margin: 0 1px; width: 10%; max-width: 14px; }

/*會員評價*/
.MEMBER_REVIEW{ margin-top: 15px; border-top: 1px solid #f5f5f5; font-size: 12px; }
.MEMBER_REVIEW .TIME{ margin-top: 0px; text-align: center; }
.MEMBER_REVIEW .TIME .DATE_TAG{ display: inline-block; }
.MEMBER_REVIEW .RATING{ margin-top: 10px; }
.MEMBER_REVIEW .RATING span{ margin-right: 0.5rem; text-align: left; }
.MEMBER_REVIEW .MESSAGE{ /*display: inline-block;*/ margin-top: 10px; line-height: 1.4; }
.MEMBER_REVIEW .TITLE{ display: inline; margin-right: 0.5rem; }
.MEMBER_REVIEW .TITLE .NAME{ font-weight: normal; font-weight: 500; color: #333333; }
.MEMBER_REVIEW .TITLE .gray{ margin-right: 5px; font-weight: normal; color: #999999; }
.MEMBER_REVIEW .TITLE:after{ content:" :"; font-weight: bold; }

/* 評分樣式 */
.RATING .POINT_PLUS,.RATING .POINT_ZERO, .RATING .POINT_MINUS{ display: inline-block; padding-left: 0.7rem; background: left center no-repeat; background-size: 0.7rem; font-weight: normal; }
.RATING .POINT_PLUS{ color: #cc0000; background-image: url(images/like_on.png); }
.RATING .POINT_ZERO{ color: #808080; background-image: url(images/like.png); }
.RATING .POINT_MINUS{ color: #333333; background-image: url(images/like_b.png); }

.HOST .RECORD{ font-size: 12px; line-height: 1; color: #4d4d4d; }

/*圖示說明*/
.ICON_INFO{ position: relative; margin: 0; padding: 0px; list-style: none; line-height: 1; color: #4d4d4d; }
.ICON_INFO:after{content:""; display: block; clear: both;}
.ICON_INFO li{ position: relative; margin-top: 15px; padding-left: 3.5rem;}
.ICON_INFO .ICON_STYLE{ position: absolute; left: 0; top: 50%; display: inline-block; width: 3rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #666666; text-align: center; line-height: 20px; }
.ICON_INFO .ICON_STYLE span{ padding: 0px 2px; border-radius: 2px; }
.ICON_INFO .ICON_STYLE .ORDINARY,.ICON_INFO .ICON_STYLE .CAUTION,.ICON_INFO .ICON_STYLE .RATED{ border-width: 1px; border-style: solid; background-color: #ffffff; }
.ICON_INFO .ICON_STYLE .AREA{ color: #ffffff; }
.ICON_INFO .ICON_STYLE .MIC, .ICON_INFO .ICON_STYLE .FREECHAT, .ICON_INFO .ICON_STYLE .FREELIVE{ border-radius: 20px; color: #ffffff; }

@media screen and (max-width: 480px) { 
  .HOST_INFO .TITLE .NAME{ display: block; }
  .HOST_INFO .TITLE .INFO{ position: static; display: block; margin-top: 10px; }
}
@media screen and (min-width: 481px) {
  .HOST_PHOTO{ float: left; width: 50%; }
  .PIC .PIC_B{ width: 66.66%;float: left; }
  .PIC .PIC_S{ width: 33.33%; float: left; }
  .HOST_INFO{ float: right; width: 50%; }
  .MEMBER_REVIEW .RATING b img{ display: inline-block; }
  .MEMBER_REVIEW .RATING b:before { display: none;}
}



/* 主目錄/我 */
.U_MENU{ top: 0px; }
.U_MENU .CONTENT_LIST{ margin-top: 10px; border-bottom: 1px solid #f0f0f0; }
.U_MENU .CONTENT_LIST:nth-child(1){ margin-top: 0; }
.U_MENU .CONTENT_LIST:nth-child(1) .LIST_ITEM:nth-child(1){ border-top: 0px solid; }
.U_MENU .CONTENT_LIST .LIST_ITEM{ padding: 0 0 0 50px; font-size: 17px; border-top-color: #f0f0f0; line-height: 50px; color: #333333; background-color: #ffffff; }
.U_MENU .CONTENT_LIST .LIST_ITEM img{ position: absolute; width: 24px; height: 24px; top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  }
.U_MENU .CONTENT_LIST .LIST_ITEM img.AVATAR{ width: 30px; height: 30px; border-radius: 50%; left: 10px; }
.U_MENU .CONTENT_LIST:nth-child(1) .LIST_ITEM:nth-child(1) img{ width: 30px; height: 30px; border-radius: 50%; left: 10px; } /* 會員頭像 */