/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            =banner
            =article
            =subnav
        +content-sidebar
            =banner
            =info
            =information
            =group
-----------------------------------------------------------------------------*/

/* +content
*----------------------------------------------------------------------------*/

/* +content-main
*----------------------------------------------------------------------------*/

#content-main h1 {
    font: 12px/22px Arial;
    color: #808080;
    margin: 10px 0 0 0;
    padding: 2px 0 2px 15px;
    background: url(../../i/icon-down-h1.gif) no-repeat 2px 9px;
    
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
#content-main h1 span {
    color: #11aaaf;
}


/**
 *
 * =banner
 *
 **/

#content-main .banner {
    margin: 0 0 5px 0;
}

#content-main .banner img {
    vertical-align: bottom;
}


/**
 *
 * =article
 *
 **/

#content-main .article {
    width: 480px;
    margin: 10px 0 0 0;
    clear: both;
    overflow: hidden;
}

#content-main .article .article-main {
    float: left;
    width: 275px;
}

#content-main .article .article-main ul li {
    margin: 0 0 12px 0;
    clear: both;
    overflow: hidden;
}

#content-main .article .article-main ul li.list {
    margin: 0 0 10px 0;
}

#content-main .article .article-main .photo {
    float: left;
    width: 90px;
    margin: 0 3px 0 0;
}

#content-main .article .article-main .photo img {
    border: 1px solid #ddd;
}

#content-main .article .article-main .txt {
    float: right;
    width: 175px;
    *width: 175px;
    _width: 170px;
    margin: 0 2px 0 0;
    color: #858585;
}

#content-main .article .article-main .txt h3 {
    color: #4191d6;
	border-left: 3px solid #c1e7ee;
	background: #e8f6f8;
	padding: 3px 0 0 5px;
	margin: 0 0 1px 0;
    padding: 0 0 0 5px;
    *padding: 3px 0 0 5px;
    _padding: 3px 0 0 5px;
}

#content-main .article .article-main .txt h3 a {
    color: #4191d6;
}

#content-main .article .article-main .txt p {
    padding: 0 2px 0 8px;
}

#content-main .article .movie {
    float: right;
    width: 200px;
}


/**
 *
 * =subnav
 *
 **/

#content-main .subnav {
    width: 480px;
    height: 114px;
    margin: 5px 0 0 0;
}

#content-main .subnav ul li {
    float: left;
    bottom: -1px;
}

/* subnav to down */
#content-main .subnav ul li img {
    vertical-align: bottom;
}


/* +content-sidebar
*----------------------------------------------------------------------------*/

/**
 *
 * =banner
 *
 **/

#content-sidebar .banner {
    margin: 0 0 5px 0;
}

#content-sidebar .list {
    margin: 0 0 5px 0;
}

#content-sidebar .banner img {
    width: 215px;
    height: 105px;
    vertical-align: bottom;
}


/**
 *
 * =info
 *
 **/

#content-sidebar .info {
    margin: 0 0 5px 0;
    clear: both;
    overflow: hidden;
}

#content-sidebar .info a {
    color: #946c0c;
}

#content-sidebar .info h4 {
    position: relative;
    height: 30px;    
    background: url(../../i/title-sidebar-new.jpg) no-repeat;
    text-align: right;
}

#content-sidebar .info h4 span {
    position: relative;
    top: 5px;
    right: 5px;
    padding: 0 14px 0 0;
    font: 11px/22px Arial, sans-serif, "新細明體";
    background: url(../../i/icon-more-arrow.gif) no-repeat right center;
}

#content-sidebar .info h4 span a {
    color: #636262;
}


#content-sidebar .info ul {
    width: 196px;
    margin: 5px 10px 0 10px;
}

#content-sidebar .info ul li {
    padding: 0 0 3px 15px;
	margin: 4px 0 6px 0;
	border-bottom: 1px dotted #ccc;
	background: url(../../i/icon-drop.jpg) no-repeat 0 4px;
}

/**
 *
 * =information
 *
 **/


#content-sidebar .information {
    margin: 0 0 15px 0;
    clear: both;
    overflow: hidden;
}

#content-sidebar .information a {
    color: #946c0c;
}

#content-sidebar .information h4 {
    height: 30px;    
    background: url(../../i/title-sidebar-information.jpg) no-repeat;
    text-align: right;
}

#content-sidebar .information h4 span {
    position: relative;
    top: 5px;
    right: 5px;
    padding: 0 14px 0 0;
    font: 11px/22px Arial, sans-serif, "新細明體";
    background: url(../../i/icon-more-arrow.gif) no-repeat right 50%;
}

#content-sidebar .information h4 span a {
    color: #636262;
}

#content-sidebar .information h5 a {
    color: #e6365a;
}

#content-sidebar .information .photo {
    float: left;
    width: 110px;
    height: 140px;
    margin: 5px 5px 0 10px;
    display: inline;
}

#content-sidebar .information .txt {
    position: relative;
    float: right;
    width: 91px;
    height: 140px;
	margin: 5px 0 0 0;
	color: #848484;
}

#content-sidebar .information .txt p {
    padding: 0 15px 0 0;
}

#content-sidebar .information .txt ol {
	position: absolute;
	left: 0;
	bottom: 3px;
}

#content-sidebar .information .txt ol li {
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	background: url(../../i/icon-information-arrow.gif) no-repeat left center;
}

#content-sidebar .information .txt ol li a {
    color: #1b8dd6;
    text-decoration:underline;
}


/**
 *
 * =group
 *
 **/

#content-sidebar .group {
    margin: 0 0 0 0;
    clear: both;
    overflow: hidden;
}

#content-sidebar .group a {
    color: #946c0c;
}

#content-sidebar .group h4 {
    height: 30px;    
    background: url('../../i/title-sidebar-group.jpg') no-repeat;
    text-align: right;
}

#content-sidebar .group h4 span {
    position: relative;
    top: 5px;
    right: 5px;
    padding: 0 14px 0 0;
    font: 11px/22px Arial, sans-serif, "新細明體";
    background: url('../../i/icon-more-arrow.gif') no-repeat right 50%;
}

#content-sidebar .group h4 span a {
    color: #636262;
}

#content-sidebar .group .txt {
    position: relative;
	margin: 5px 0 0 0;
	padding: 0 10px 0 10px;
	color: #848484;
}

#content-sidebar .group .txt h5 {
    font: bold 13px/22px Arial, sans-serif, "新細明體";
}

#content-sidebar .group .txt h5 a {
	color: #87b166;
}

#content-sidebar .group .txt p.author {
    color: #464646;
    text-align: right;
    padding: 0 5px 0 0;
}