@charset "utf-8";
/* CSS Document */


/* 搜尋張開寬度 */
.searchOption {min-width:410px; z-index:50; display:none;}

.lf{ float:left; margin-right:10px}
.rt{ float:right}

#partyWrap { width:960px; margin:0 auto;}
#partyWrap .topBox { margin-bottom:10px;}

/* 區域 */
.partyListBox { position:relative; }

/* menu */
.partyListBox .navType { margin-bottom:10px;}
.partyListBox .navType ul { margin:0px; border-bottom: 1px solid #f5609c; padding:8px 0px 0px 10px; }
.partyListBox .navType ul li { list-style:none; float:left; margin-right:5px;}
.partyListBox .navType ul li a { padding:6px 20px; display:block; margin-bottom:-1px; text-decoration:none;}
.partyListBox .navType ul li a.act { padding:6px 20px; display:block; margin-bottom:-1px;border:#f5609c 1px solid; border-bottom:none; background:#f5609c; color:#FFFFFF; font-weight:bold;;text-decoration:none;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;}

.partyListBox .navType ul li a.active { border:#f5609c 1px solid; border-bottom:none; background:#FFF; color:#f5609c; font-weight:bold; cursor:default;text-decoration:none;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
/* 跑馬燈 */
.partyListBox .navType ul li.marquee {float:right;margin-right:0px; width:570px; padding:0px 0px;}
.partyListBox .navType ul li.marquee .title {float:left;font-weight:bold; margin:6px 5px 0px 0px}
.partyListBox .navType ul li.marquee .detail {float:left;}

/* 項目 */
.partyList {padding:10px; border-bottom:#febfca 1px dashed;min-height:160px}

/*標籤*/
.label{}
.label label{padding:0px 5px;font-size:12px; color:#FFF;float:left; margin-right:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*顏色*/
.firebrick{background:#B22222}
.orangered{background:#ff4500}
.mediumvioletred{background:#C71585}
.gray{background:#666666}

/*圖片*/
.partyList .pictureBox{ position:absolute;padding:10px 0px 0px 5px;}
.partyList .pictureBox .pic{border:1px solid #d4d4d4; width:180px}

/*內容區域*/
.partyList .narrative{padding:10px 0px 0px 200px;}
/*內容區域/標題*/
.partyList .narrative .chief{}
.partyList .narrative .headline{padding:0px 5px 5px 0px; font-size:15px; color:#b9121b; font-weight:bold; float:left;}
.partyList .narrative .headline a{color:#b9121b}
.partyList .narrative .headline a:hover{color:#f5609c}
.partyList .narrative .headline a.expire{color:#666666}
.partyList .narrative .headline a.expire:hover{color:#f5609c}

/*內容區域/立即報名*/
.partyList .narrative .btn_join{float:right;width:86px; font-weight:bold; text-align:center}
.partyList .narrative .btnJoin{float:right;font-weight:bold; text-align:center; display:none}
/*內容區域/男女時間地址*/
.partyList .narrative .type{ padding:10px 0px; /*width:400px*/}
.partyList .narrative .type ul { margin:0px; padding:5px 0px 0px 0px;}
.partyList .narrative .type ul li {list-style:none;float:left; margin:0px 10px 0px 0px}
/*100字內文*/
.partyList .narrative .explain{/* width:340px*/line-height:1.6em; }

/*置頂背景*/
.topBgc { background:#fdf5df}
.topBgc.divOver { background:#fdf5df}

/*  滑入時變換底色樣式 */
.divOver{background:#fff6f7;}

/*內頁*/
.DetailBox{ position:relative; }
.DetailBox .topstrip{height:50px; width:960px; margin-bottom:10px; font-size:15px; font-weight:bold; color:#775022}
.DetailBox .topstrip .iconpic{float:left}
.DetailBox .topstrip .title{float:left; padding:15px 0px 0px 5px}
.DetailBox .topstrip .connect{ float:right;padding:15px 10px 0px 0px; font-size:13px; font-weight:normal}
.DetailBox .bgIpart{background:url(http://img.ipimg.com/images2/party/topipartBg.gif) repeat-x;}
.DetailBox .bgOther{background:url(http://img.ipimg.com/images2/party/topotherBg.gif)repeat-x ;}

/*下方詳細內容*/
/*左區塊*/
.DetailBox .fullLeft{float:left; width:680px; padding-right:10px}
.DetailBox .fullLeft .title{ font-size:13px; font-weight:bold; margin-bottom:5px}
.DetailBox .fullLeft .title img{vertical-align:middle;}
.DetailBox .fullLeft .joinInfo{}
.DetailBox .fullLeft .joinInfo .picBox{ border:1px #CCC solid; width:379px; height:299px; float:left; margin:0px 10px 10px 0px}
.DetailBox .fullLeft .joinInfo .picBox .picture{ width:360px ; height:270px; margin:10px 10px}
.DetailBox .fullLeft .detailList {padding:10px 0px; border-bottom:#febfca 1px dashed; float:left; width:285px}
.DetailBox .fullLeft .detailList ul { margin:0px; padding:5px 0px 0px 0px;}
.DetailBox .fullLeft .detailList ul li {list-style:none;float:left; margin:0px 10px 0px 0px}
.DetailBox .fullLeft .content{}
.DetailBox .fullLeft .content .title{font-size:15px; border-bottom:1px #FCC dashed; color:#ff6aa2; padding-bottom:5px; font-weight:bold; display:none;}
.DetailBox .fullLeft .content .script{ padding:10px; font-size:12px}

/*右區塊*/
.DetailBox .fullRight{ float:left;width:270px}
.DetailBox .fullRight .join{ margin-bottom:10px; margin:0 auto;}
.DetailBox .fullRight .peopleBox{ padding:10px 10px;}
.DetailBox .fullRight .peopleBox .title{ font-size:13px; font-weight:bold;border-bottom:1px #FFF solid; padding-bottom:10px;}
.DetailBox .fullRight .peopleBox .title img{vertical-align:middle; }
.DetailBox .fullRight .peopleBox .list{overflow:hidden;}
.DetailBox .fullRight .peopleBox .list .listBox{float:left; width:83px; text-align:center; margin-bottom:8px;}
.DetailBox .fullRight .peopleBox .list .listBox .age{margin-top:*2px;width:75px;white-space:nowrap;overflow:hidden; text-align:center}
.DetailBox .fullRight .peopleBox .list .listBox .job{font-size:8pt;color:#999999;width:75px;line-height:100%; text-align:center}
.DetailBox .fullRight .peopleBox .list .listBox .cSizeBg{margin:10px 0px 0px 8px}
/*右方_底色*/
.DetailBox .fullRight .girlbg{ background:#fff0f2}
.DetailBox .fullRight .boybg{ background:#ddeeff}

/*icon們*/
.boy{color:#5f81c4}
.boy .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_boy.png) no-repeat; position:absolute}
.boy .item{padding-left:40px;}
.boy.line1{}
.boy.line2{}

.girl{color:#f5609c}
.girl .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_girl.png) no-repeat; position:absolute}
.girl .item{padding-left:40px;}
.girl .line1{}
.girl .line2{}

.time{}
.time .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_date.png) no-repeat; position:absolute}
.time .item{padding-left:40px;}
.time .line1{}
.time .line2{}
.time .line{ padding:7px 0px}

.map{}
.map .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_map.png) no-repeat; position:absolute}
.map .item{padding-left:40px;}
.map .line1{}
.map .line2{}
.map .line3{}
.map .line4{}

.pass{color:#666666}
.boy.pass  .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_boy_ex.png) no-repeat; position:absolute}
.girl.pass  .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_girl_ex.png) no-repeat; position:absolute}
.pass .item{padding-left:40px;}
.pass .line1{}
.pass .line2{}

.cash{}
.cash .icon{width:35px; height:35px; background:url(http://img.ipimg.com/images2/party/icon_money.png) no-repeat; position:absolute}
.cash .item{padding-left:40px;}
.cash .line{ padding:7px 0px}

/*按鈕*/
.btn_hotpink{
    font-size:16px;
    font-weight:bold;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:1px solid #ee1eb5;
    padding:9px 18px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #ff82b2 5%, #ff5e9c 100% );
    background:-ms-linear-gradient( top, #ff82b2 5%, #ff5e9c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff82b2', endColorstr='#ff5e9c');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff82b2), color-stop(100%, #ff5e9c) );
    background-color:#ff82b2;
    color:#ffffff;
    display:inline-block;
    text-shadow:1px 1px 0px #c70067;
    -webkit-box-shadow:inset 1px 1px 0px 0px #f59bbd;
    -moz-box-shadow:inset 1px 1px 0px 0px #f59bbd;
    box-shadow:inset 1px 1px 0px 0px #f59bbd;
}
.btn_hotpink:hover {
    background:-moz-linear-gradient( center top, #ff5e9c 5%, #ff82b2 100% );
    background:-ms-linear-gradient( top, #ff5e9c 5%, #ff82b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e9c', endColorstr='#ff82b2');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff5e9c), color-stop(100%, #ff82b2) );
    background-color:#ff5e9c;
    color:#ffffff;
}
.btn_hotpink:active {
    position:relative;
    top:1px;
}
a.btnW{ height:60px;font-size:20pt; line-height:2em; font-weight:bold; color:#FFF; margin-bottom:10px; display:block;}

/**參加按鈕**/
#gotop {z-index:999; margin-top:10px;}
#gotop .btn { top:inherit;}

/**輪播**/
#player { float:left; position: relative;overflow: hidden; height:30px; display:block; width:450px;}
#player ul.list { border:none; padding:0; display:inline; position:absolute; height:30px;}
#player ul.list li { float:none; line-height:30px;}
#player ul.list li a { padding:0; margin:0;}

.navType1 { clear:both;}

.preOrNextBar { margin-bottom:10px;}
.preOrNextBar a { text-decoration:none;}
.preOrNextBar a:hover { text-decoration:underline;}
.preParty { float:left;}
.nextParty { float:right;}

@media (max-width: 767px) {
    div{
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    #partyWrap { width:100%; margin:0 auto;}
    .partyListBox .navType {}
    .partyListBox .navType .marquee { display:none;}
    .partyList .pictureBox{ display:none}
    .partyList .narrative{padding:0px;}
    /*.partyList * { float:none !important;}*/
    .partyList .narrative .btn_join{display:none}
    .partyList .narrative .btnJoin{ float: none;font-weight:bold; text-align:center; display: block;}
    /* 項目 */
    .partyList {padding:10px 20px; border-bottom:none; height:auto}
    /*內容區域/標題*/
    .partyList .narrative .headline{padding:5px 0px 0px 0px; font-size:15px; color:#b9121b; font-weight:bold; float:none; line-height:1.5em;}
    /*內容區域/男女時間地址*/
    .partyList .narrative .type {float:none;padding:0 0 10px 0;}
    .partyList .narrative .type { display: inline-block;}
    .partyList .narrative .type:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    /* Hides from IE-mac \*/
    *html .partyList .narrative .type { height: 1%;}
    .partyList .narrative .type { display:block;}
    /* End hide from IE-mac */
    .partyList .narrative .type { *zoom:1}

    .partyList .narrative .type ul { margin:0px; padding:5px 0px 0px 0px;}
    .partyList .narrative .type ul li {list-style:none;float:left;margin:0px 0px 0px 0px; border-bottom:1px #FCC dashed; padding:10px 0px}
    /*100字內文*/
    .partyList .narrative .explain{float:left;line-height:1.6em; padding:0px 0 10px;border-bottom:#febfca 1px dashed; margin-bottom:10px}

    .partyList .narrative .type ul li.boy{ width:45%; padding-right:10px;}
    .partyList .narrative .type ul li.girl{width:50%}
    .partyList .narrative .type ul li.time{ width:100%}
    .partyList .narrative .type ul li.map{ width:100%; min-height:40px;}

    .time .line1{display:inline-block; padding:10px 0px}
    .time .line2{display:inline-block}
    /*標籤*/
    .label{ display:block; width:100%;}
    .label { display: inline-block;}
    .label:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    /* Hides from IE-mac \*/
    *html .label { height: 1%;}
    .label{ display:block;}
    /* End hide from IE-mac */
    .label{ *zoom:1}

    .DetailBox .topstrip{ height:50px; width:100%; margin-bottom:10px; font-size:15px; font-weight:bold; color:#775022; padding-right:0px; margin:0 auto;}
    .DetailBox .topstrip .iconpic{ display:none}
    .DetailBox .topstrip .title{float:left; padding:15px 0px 0px 5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; width:100%}
    .DetailBox .topstrip .connect{ float:right;padding:25px 10px 0px 0px; font-size:13px; font-weight:normal;width:50%; text-align:right; }
    .DetailBox .fullLeft .joinInfo .picBox{ display:none;}
    .DetailBox .fullLeft .detailList {padding:10px 0px; border-bottom:#febfca 1px dashed; float:left; width:100%}
    .DetailBox .fullLeft .detailList ul { margin:0px; padding:5px 0px 0px 0px;}
    .DetailBox .fullLeft .detailList ul li {list-style:none;float:left; margin:0px 10px 0px 0px}
    .DetailBox .fullLeft .detailList ul li.girl .line1{display:inline-block; padding:10px 0px}
    .DetailBox .fullLeft .detailList ul li.girl .line2{display:inline-block}{}
    .DetailBox .fullLeft .detailList ul li.boy .line1{display:inline-block; padding:10px 0px}
    .DetailBox .fullLeft .detailList ul li.boy .line2{display:inline-block}

    /* 搜尋 */
    #partyWrap .topBox { margin:10px 10px 15px 10px;}
    #partyWrap .topBox .searchBar { width:100%;}
    #partyWrap .searchBar a.searchContent { border-right:none;}
    #partyWrap .topBox .searchBar a.searchBtn { float:right; border-left:#cbced0 1px solid;}
    /* 搜尋張開寬度 */
    .searchOption { min-width:inherit; z-index:50; display:none;}
    .searchOption ul li { line-height:1.8em;}
    .searchOption ul li label { display:block;}

    /*左區塊*/
    .DetailBox .fullLeft {float:none; width:100%; padding:10px;}
    .DetailBox .fullLeft:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    /* Hides from IE-mac \*/
    *html .DetailBox .fullLeft { height: 1%;}
    .DetailBox .fullLeft{ display:block;}
    /* End hide from IE-mac */
    .DetailBox .fullLeft { *zoom:1}
    .DetailBox .fullLeft .content .title { display:block;}

    .DetailBox .fullLeft .content .script{ padding:10px 0 20px; font-size:12px}

    /*右區塊*/
    .DetailBox .fullRight { float:none; margin:0 auto;}
    .DetailBox .fullRight .peopleBox{ padding:10px 10px; display:none}
    /**參加按鈕**/
    #gotop {z-index:999; margin-top:10px;display:none}
    a.btnW{height:60px;font-size:20pt; line-height:2em; font-weight:bold; color:#FFF !important; margin-bottom:10px; display:block;}

    .navType1{display:none}

    .preOrNextBar { margin-bottom:10px; padding:0 10px;}
    .preOrNextBar a label { display:none;}
}