/*reset
--------------------------------------------------------------------------------------------------------*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*for IE filter*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
pre { font-size: 1em ; }
input{ overflow: visible; }

/*main-set
--------------------------------------------------------------------------------------------------------*/
body {
    font-family: "Arial","verdana","sans-serif";
    font-size: 13px;
}
input {
    font-family: "Arial","verdana","sans-serif";
    font-size: 13px;
    color: #515151;
}
a { text-decoration: none; }
#container3 { width: 990px; margin: 0 auto; }
#header { position: relative; }
    #pixnet span { display: none; }


#navigation {
    _height: 1% ;
    overflow: hidden ;
    _overflow: none ;
}
#navigation li{
    float:left ;
}



#main { padding: 15px 20px 5px; }
#content { width: 590px; float: left; }
#side { width: 350px; float: right; }
#visitor { clear: both; }
#content-in { height: 200px; overflow: hidden; margin: 0 0 10px; }

.bin, .box, .ad { margin: 0px auto 10px; }
.ad{overflow:hidden;}

#main,
.bin-title,
.menu,
.menu-2,
.inner,
.bin-footer,
.murmur-list,
#ad-text,
.hot-box,
.event,
.member-box,
.function,
.video-list,
.famous-box,
.visitor-list { _height: 1%; overflow: hidden; _overflow: none; }

.inner { clear: both; }


.bin-title  h2 { float: left; }
.bin-title .menu { float: left; }
.menu li { float: left; cursor: pointer; }
.ad-album, .ad-hot, .menu-2 { float: left; }
.bin-footer .more { float: right; }

#featured {
    position:relative;
    height:336px;
    margin-bottom:10px;
    border-radius:10px;
    box-shadow:0 0 7px #333;
    background:#EEE;
}
    .entry {position:absolute;}
    .entry a{
        display:block;
        width:100%;
        height:100%;
        zoom:1;
    }
    .entry a:hover{
        cursor:hand;
    }
    .entry a:hover h1 span{
        text-decoration:underline;
    }
    .entry h1 {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        height:100px;
        width:100%;
        background:url(http://s.pixfs.net/mainpage2/index/style/images/bg-gradient-small.png) bottom left repeat-x;
        _background:none;        
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/bg-gradient-small.png',sizingMethod='scale');
    }
    
    #entry-1 h1 {
        height:145px;
        background:url(http://s.pixfs.net/mainpage2/index/style/images/bg-gradient-large.png) bottom left repeat-x;
        _background:none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/bg-gradient-large.png',sizingMethod='scale');
    }
    
    #entry-4 h1,
    #entry-5 h1 {
        height:72px;
    }
    
    .entry h1 span{
        display:block;
        position:absolute;
        bottom:0px;
        padding:7px 0px 7px 7px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
        color:white;
        font-family:Arial;
        font-size:15px;
        line-height:150%;
        text-shadow:black 1px 1px 0;
        filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,color=000000)
    }
    
    #entry-1 h1 span{
        bottom:3px;
        left:5px;
        right:5px;
		width:386px;
        font-size:25px;
        font-family:"微軟正黑體", Helvetica !important;
        _font-family:"Simhei";
    }
    
    #entry-2 h1 span,
    #entry-3 h1 span{
		width:188px;
    }
    
    #entry-1 {
        top:0;
        left:0;
        width:393px;
        height:262px;
        border-radius:10px 0 0 0;
    }
    
    #entry-2 {
        top:0;
        left:395px;
        width:195px;
        height:130px;
        border-radius:0 10px 0 0;
    }
    
    #entry-3 {
        top:132px;
        left:395px;
        width:195px;
        height:130px;
    }
    
    #entry-4 {
        top:264px;
        left:0px;
        width:294px;
        height:72px;
        border-radius:0 0 0 10px;
    }
    
    #entry-4 h1{
        border-radius:0 0 0 10px;
    }
    
    #entry-5 {
        top:264px;
        left:296px;
        width:294px;
        height:72px;
        border-radius:0 0 10px 0;
    }
    
    #entry-5 h1{
        border-radius:0 0 10px 0;
    }
	.countdown {
		position:absolute;
		bottom:30px;
		left:6px;
		color:white;
		text-shadow:1px 1px 0px #444;
		font-size:15px;
		font-weight:bold;
		font-family:"微軟正黑體", Helvetica, Verdana;
        filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,color=#444444);
		color:yellow;
	}
	#entry-1 .countdown {
		bottom:50px;
		left:10px;
		font-size:20px;
		font-weight:normal;
	}
    .badge {
        position:absolute;
        left:-10px;
        top:6px;
        width:85px;
        height:35px;
        background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-blue.png);
        _background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-blue.png',sizingMethod='scale');
        z-index:1000;
    }
    .badge span {
        display:block;
        padding:0px 10px;
        line-height:33px;
        color:white;
        text-shadow:#444444 1px 1px 0;
        vertical-align:-4px !important;
        filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,color=#444444);
        zoom:1;
        font-family:Verdana, Helvetica, "新細明體";
        font-size:12px;
    }
    .badge-blue {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-blue.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-blue.png',sizingMethod='scale');}
    .badge-pink {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-pink.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-pink.png',sizingMethod='scale');}
    .badge-red {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-red.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-red.png',sizingMethod='scale');}
    .badge-orange {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-orange.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-orange.png',sizingMethod='scale');}
    .badge-yellow {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-yellow.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-yellow.png',sizingMethod='scale');}
    .badge-green {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-green.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-green.png',sizingMethod='scale');}
    .badge-purple {background-image:url(http://s.pixfs.net/mainpage2/index/style/images/pix-purple.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/pix-purple.png',sizingMethod='scale');}

#album { height: 220px; overflow: hidden; }
    #album .bin-main { height: 184px; overflow: hidden; padding: 9px 10px 0; }
    #album .inner { height: 155px; overflow: hidden; }
    .ad-album { font-size: 12px; }
    .ad-album a { display: block; width: auto; }
    .ad-album img { vertical-align: middle; }
    .album-list li { width: 141px; height: 154px; overflow: hidden; float: left; margin-right: 2px; }
    .album-videolist li { width: 141px; height: 154px; overflow: hidden; float: left; margin-right: 2px; position: relative; }
    .album-videolist li a {
        background: url(http://s.pixfs.net/mainpage2/index/style/images/column-video-play.png);
        position: absolute;
        color: #fff;
        width: 141px;
        height: 154px;
        font-size: 12px ;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/column-video-play.png', sizingMethod='crop');
        _background: none ;}
    .album-videolist li a span {
        display: block; position: absolute; width: 130px; bottom: 8px; left: 6px  ;text-align: center; letter-spacing : 1px ;
        text-overflow: ellipsis ;   white-space: nowrap;    overflow: hidden;
        -o-text-overflow:ellipsis;
        -icab-text-overflow: ellipsis;
        -khtml-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;}

li.al-last { margin: 0; }


.small-album-list li {
    width: 112px;
    height: 76px;
    margin-bottom: 2px ;
}
.small-album-list li img{
    width: 112px;
    height: 76px;
}



#ad-content-3 {
    float:left ;
}

#murmur-small {
    width: 290px ;
    height: 100px;
    overflow: hidden ;
    float:right ;
    margin: 0 ;
    position: relative ;
}
#murmur-small .murmur-text {
    height: 42px ;
    padding: 4px 8px ;
    margin: 0 0 5px 0 ;
}
#murmur-small .murmur-text p {
    height: 1.9em ;
    overflow: hidden ;
}
#murmur-small .murmur-list {
    overflow: visible ;
}
#murmur-small .murmur-list li {
    float:left ;
    margin: 0 2px 0 0 ;
    position: relative ;
}
#murmur-small .murmur-list li a img {
    width: 41px;
    height: 41px;
}




/*
#murmur { height: 100px; overflow: hidden; background: none; padding: 0 10px 0 0; }
    .murmur-img { float: left; }
    .murmur-text { float: right; width: 470px; height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 7px; }
        .murmur-meat{ float: left; width: 380px; height: 35px; overflow: hidden; padding: 0 10px; }
        .murmur-text .more { float: right; width: 60px; height: 35px; text-align: center; }
        .murmur-text .more a { display: block; height: 35px; }
    .murmur-list { float: right; width: 470px; }
    .murmur-list li { float: left; _display: inline; margin: 0 2px; filter:alpha(opacity=60);opacity: 0.6; }
*/

#channel { background: none; clear:both  ;}
#channel .bin-title {
    height: 26px;
    line-height: 26px;
    background: url(images/channel_title.gif) no-repeat;
}
    .channel-text { font-size: 12px; }
    .channel-text h3 { font-size: 13px; }
#channel .menu li { width: 90px; }
#channel .menu li.current { background: url(images/channel_current.jpg) no-repeat; color: #fff; }
    #channel .menu li.current-ewon { background-position: 0px 0px; }
    #channel .menu li.current-lovely { background-position: -90px 0px; }
    #channel .menu li.current-movie { background-position: -180px 0px; }
    #channel .menu li.current-sport { background-position: -270px 0px; }
    #channel .menu li.current-reading { background-position: -360px 0px; }
#channel .bin-main { height: 180px; overflow: hidden; }
    #channel .main-current-ewon {
        background: url(http://s.pixfs.net/mainpage2/index/style/images/main-current-ewon.png) no-repeat;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/main-current-ewon.png', sizingMethod='crop');
        _background: none ;
    }
    #channel .main-current-lovely {
        background: url(http://s.pixfs.net/mainpage2/index/style/images/main-current-lovely.png) no-repeat;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/main-current-lovely.png', sizingMethod='crop');
        _background: none ;
    }
    #channel .main-current-movie {
        background: url(http://s.pixfs.net/mainpage2/index/style/images/main-current-movie.png) no-repeat;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/main-current-movie.png', sizingMethod='crop');
        _background: none ;
    }
    #channel .main-current-sport {
        background: url(http://s.pixfs.net/mainpage2/index/style/images/main-current-sport.png) no-repeat;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/main-current-sport.png', sizingMethod='crop');
        _background: none ;
    }
    #channel .main-current-reading {
        background: url(http://s.pixfs.net/mainpage2/index/style/images/main-current-reading.png) no-repeat;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/main-current-reading.png', sizingMethod='crop');
        _background: none ;
    }
    #channel .inner { padding: 10px 0 0 9px; }
        .channel-img-1, .channel-img-2 {
            position: relative;
            float: left;
            width: 282px;
            height: 160px;
            overflow: hidden;
            margin-right: 2px;
        }
        .channel-img-1 { width: 290px; }
        .channel-img-1  a .channel-text,
        .channel-img-2  a .channel-text {
            position: absolute;
            bottom: 0; left: 0;
            line-height: 18px;
            width: 280px;
            padding: 5px;
            display: none;
        }
        .channel-img-1  a:hover .channel-text,
        .channel-img-2  a:hover .channel-text {
            display: block;
            filter:alpha(opacity=80);opacity: 0.8;
            color: #fff;
            background: #000;
        }
        .channel-img-2  a .channel-text { text-align: right; width: 270px; }
        .channel-img-2  a img { margin-right: 2px; }

#ad-text { height: 90px; overflow: hidden; position: relative; }
    .at-img { float: left; width: 200px; position: relative; z-index: 5000; }
    .at-word { float: right; width: 358px; padding: 15px 15px 0; line-height: 20px; font-size: 12px; }
    .at-more { }
    .at-more a {
        position: absolute; bottom: 15px; right: 15px;
        display: block;
        width: 50px;
        height: 16px;
        font-size: 12px;
        background: url(images/more_arrow.gif) no-repeat right;
        padding-right: 13px;
        z-index: 0;
    }

#blog {     margin-top: 18px ; }    
#blog .inner.hot{
    position: relative ;
    top: -12px ;
}

#blog .bin-main{
}
#blog .inner{
    height: 149px; overflow: hidden; padding: 15px 20px 20px;
}
    .hot-box { width: 250px; float: left; padding: 10px 0 0 10px; margin: 3px 10px 0px 0; position: relative; 
    }
        .hb-mark {
            position: absolute; top: 0px; left: 0px;
            display: block; width: 35px; height: 35px;
            background: url(http://s.pixfs.net/mainpage2/index/style/images/hb-mark.png) no-repeat;
            _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/hb-mark.png', sizingMethod='image');
            _background: none ;
        }
        .hb-img { float: left; width: 78px; text-align: center; }
        .hb-text { float: right; width: 160px; line-height: 18px; height: 64px; overflow: hidden; font-size: 12px; }
        .hb-text h3 { height: 18px; overflow: hidden; font-size: 13px; }
    .menu-2 li { float: left; }
    #blog .bin-footer { height: 40px; }
        .ad-hot { margin-top:6px;font-size: 12px; }

#visitor { }
    #visitor .bin-main { padding: 5px 15px 0; }
    .visitor-list li { float: left; }
    .visitor-list li img{
        height: 55px ;
        width: 55px ;
    }


.box-title { position: relative; }
.box-text {}

.login { 
    height: 128px; 
    overflow: hidden ;
    position: relative ;
}
.login .box-title { height: 35px; line-height: 35px; }
.login .box-text { height: 200px; }
    .login-link {
        display: block;
        width: 85px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        position: absolute;
        top: 0; right: 41px;
    }



#login-1 .box-footer { padding: 15px 15px 0; }
#login-2 .box-text { height: 199px; overflow: hidden; }
    .login-form {
        width: 270px;
        line-height: 30px;
        padding-top: 50px;
        margin: 0 auto;
    }
    .login-form li { margin-bottom: 5px; }
        .login-form input { vertical-align: middle; margin-right: 5px; }

#login-3 .box-text { height: 199px; overflow: hidden; }
    .message-num { position: absolute; top: 5px; right: 7px; width: 29px; height: 25px; line-height: 20px; text-align: center; overflow: hidden;    }
    .hello { margin: 0 20px; font-size: 12px; }
    .member-box { padding: 20px 15px; margin: 0 20px; }
    .member-img { float: left; }
    .member-text { float: right; width: 195px; }
    .member-link { height: 15px; overflow: hidden; margin: 0 0 10px 0px; }
    .member-link li { display: inline; padding: 0 5px 0 0; }
    .panel { padding: 5px 0 0; }
    .panel a { display: block; width: 179px; height: 28px; line-height: 28px; font-size: 12px; text-align: center; margin: 0 auto; }
#login-3 .box-footer { margin: 0 1px; }
    .function { padding: 10px 30px 0; }
    .function li { float: left; width: 71px; font-size: 11px; line-height: 20px; text-align: center; padding-left: 25px; }
    .up-arrow { height: 10px; margin-top: 2px; cursor: pointer; }
    .up-arrow span { display: none; }
.message-list { width: 300px; line-height: 24px; margin: 15px auto 0; }
.message-list li { height: 24px; overflow: hidden; padding: 0 5px; }
.message-list li span { font-size: 11px; }


#ad-side-1 {
    margin-bottom: 7px ;
}
#ad-word { height: 130px; overflow: hidden;  margin-top: 10px; }
    #ad-word ul{
        margin: 2px 0 0  15px;
    }
    #ad-word li { line-height: 21px; height: 21px; overflow: hidden; font-size: 12px; }
    #ad-word .box-title{
        margin-bottom: 4px !important;
    }


#topic-channel .box-title {
    margin-bottom: 6px ;
}
#topic-channel ul {
    margin-left:6px;
    width: 340px ;
    height: 62px ;
    background:url(images/recommend_bg.jpg) no-repeat;
}
#topic-channel li {
    float: left ;
}
#topic-channel li a{
    font-weight:bold;
    font-size: .9em ;
    padding:15px 0 20px 2px;
    }
#topic-channel li a:hover{
    position: relative; left:1px; top:1px;
}


#video .box-text { padding: 3px 0px 7px 0 !important; }
    .video-object { width: 320px; height: 270px; overflow: hidden; margin: 0 auto 5px; }
    .video-list { width: 305px; height: 64px; overflow: hidden; padding: 4px 10px 0px 10px ; margin: 0 auto; }
    .video-img { float: left; position: relative ;}
    .video-img span{
        display:block ;
        width: 33px ;
        height:33px;
        background: url('http://s.pixfs.net/mainpage2/index/style/images/play-button.png') no-repeat left top ;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/mainpage2/index/style/images/play-button.png', sizingMethod='crop');
        _background: none ;
        position: absolute ;
        top: 13px;
        left: 22px;
    }
    .video-img img{ width: 70px ; height: 53px ; }
    .video-title, .video-info { float: right; width: 210px; }
    .video-title { margin: 6px 0 2px; }
    .video-title span{display:block ;}
    .video-info { height: 26px; line-height: 26px; overflow: hidden; position: relative; font-size: 12px; }
    .video-button { position: absolute; top: 0; right: 0; }
    .video-button a { display: block; width: 26px; height: 26px; }




#famous  { height: 132px; overflow: hidden; }
#famous .box-text { height: 103px; padding: 5px 0 0; }
#famous .more { position: absolute; top: 5px; right: 10px; background-position: right center; }
    .famous-box { width: 330px; padding: 6px 0; margin: 0 auto; }
    .famous-img { float: left; }
    .famous-text { float: right; _display: inline; width: 234px; overflow: hidden; line-height: 18px; margin-right: 5px; }
    .famous-name { padding: 0 5px; height: 18px; overflow: hidden; }
    .famous-name span a{    font-size: 11px ; font-weight:normal ;  }
    .famous-type { font-size: 11px; font-size: 10px\9; padding: 0 5px; }
    .famous-said { width: 234px; height: 68px; overflow: hidden; position: relative; }
    .famous-said span{  height: 3.3em ; overflow: hidden ; display:block ; line-height: 170% ; margin: 12px 20px 0px 29px ;}










#activity{
    height: 87px ;
    overflow: hidden ;
    position: relative ;
    background: none ;
    padding-lefT: 150px ;
    margin-top: 11px ;
}

#activity .box-title{
    width: 62px;
    height: 19px ;
    background: url('images/activity-box-title.jpg') no-repeat left top ;
    color:#fff ;
    text-align:center ;
    padding: 0 !important;
    margin-bottom: 9px ;
    font-size: 12px;
}

#activity a{
}

#activity .box-title span{
    margin: 0 ;
    font-weight:normal ;
    line-height: 150% ;
}

#activity .box-text{
    background: none ;
}

.activity-photo {
    width: 140px ;
    height: 87px ;
    position: absolute ;
    top: 0px ;
    left: 0px;
}

.activity-photo img{
    width: 140px ;
    height: 87px ;
}


#activity .more{
    position: absolute ;
    top: 2px ;
    right: 0px ;
}

.activity-title{
    font-weight: bold ;
    margin-bottom : 6px ;
}
.activity-title a{
    color:#777 ;
    display:block ;
    height: 1.2em ;
    overflow: hidden ;
}

.activity-time{
    margin-bottom : 4px ;
}

.activity-time a{
    color:#999 ;
    font-size: 11px !important;
}




.activity-desc a{
    color:#666 ;
    height: 1.2em ;
    overflow: hidden ;
    display:block ;

}