/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            +news
                =submenu
                =box
                =single
                =pager
                =pager2
                =car-det
                    =tab-addressee
                =btn
-----------------------------------------------------------------------------*/

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

/**
 *
 * +news
 *
 **/

#content-main .news {
    margin: 0 0 5px 0;
    *margin: 0 0 5px 0;
    _margin: 0 0 5px 5px;
}

#content-main .news h1.news {
    height: 38px;
    background: url(../../i/bg-news-h1.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .news h1.lifestyle {
    width: 910px;   /*20090728 bug*/
    height: 38px;
    background: url(../../i/bg-lifestyle-h1.gif) no-repeat;
    text-indent: -100000px;
}


/**
 *
 * =submenu
 *
 **/

#content-main .news .submenu {
    width: 690px;
    height: 31px;
    margin: 10px auto;
    overflow: hidden;
}

#content-main .news .submenu ul {
    width: 690px;
    height: 31px;
    background: url(../../i/bg-news-submenu-bd.gif) repeat-x;
}

#content-main .news .submenu ul li {
    float: left;
}

#content-main .news .submenu ul li a {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #64c7cb;
}

#content-main .news .submenu ul li a:hover {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu-hover.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;    
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #f17497;
}

#content-main .news .submenu ul li.active {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu-hover.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;    
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #f17497;
}

#content-main .news .submenu ul li.other {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu-link.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;    
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #64c7cb;
}

/**
 *
 * =box
 *
 **/

#content-main .news .box {
    width: 690px;
    margin: 0 auto;
    padding: 0 0 5px 0;
    background: url(../../i/bg-news-tab.gif) repeat-x bottom;
}

#content-main .news .box table.tab-news {
    width: 690px;
}

#content-main .news .box table.tab-news td {
    padding: 6px;    
}

#content-main .news .box table.tab-news th {
    padding: 6px;    
}

#content-main .news .box table.tab-news th {
    font: bold 13px/18px Arial, sans-serif, "新細明體";
    color: #fff;
    background: #93ddde;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #8db9ba;
    border-right: 1px solid #fff;
}

#content-main .news .box table.tab-news td {
    border-bottom: 1px dotted #999;
}

#content-main .news .box table.tab-news td.list {
    border-bottom: 0px dotted #fff;
}

#content-main .news .box table.tab-news td img {
    vertical-align: middle;
}


#content-main .news .box table.tab-news td.no {
    width: 70px;
    text-align: center;
    color: #ea6a8e;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .box table.tab-news td.no2 {
    width: 70px;
    text-align: center;
    color: #727272;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .box table.tab-news td.name {
    width: 450px;
}

#content-main .news .box table.tab-news td.name2 {
    width: 570px;
}
#content-main .news .box table.tab-news td.name a,
#content-main .news .box table.tab-news td.name2 a {
    color: #909090;
}

#content-main .news .box table.tab-news td.name a:hover,
#content-main .news .box table.tab-news td.name2 a:hover {
    color: #f185a3;
}

#content-main .news .box table.tab-news td.time {
    width: 120px;
    text-align: center;
    color: #3cb3b9;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .box table.tab-news td.odd {
    background: #f6f6f6;
}

#content-main .news .box table.tab-news td.even {
    background: #fffaef;
}


/**
 *
 * =single
 *
 **/

#content-main .news .single {
    width: 690px;
    margin: 0 auto 10px auto;
    display: block;
    clear: both;
    overflow: hidden;
}

#content-main .news .single h2.news {
    position: relative;
    height: 29px;
    margin: 10px auto;
    font: bold 15px/28px Arial, sans-serif, "新細明體";
	color: #767676;
    background: url(../../i/bg-news-h2.gif) repeat-x;    
}

#content-main .news .single h2.news span {
    position: absolute;
    right: 0;
    padding: 0 10px 0 15px;
    color: #949494;
    background: url(../../i/bg-news-h2-line.gif) no-repeat top left;
    line-height: 28px;
    *line-height: 20px;
    _line-height: 20px;
 }

#content-main .news .single h2.news samp {
    margin: 0 10px 0 0;
    padding: 0 15px 0 10px;
    color: #c68f43;
    background: url(../../i/bg-news-h2-line.gif) no-repeat top right;  
}

/**
 *
 * =lifestyle
 *
 **/

#content-main .news .lifestyle {    
    width: 690px;
    margin: 0 auto 10px auto;
    display: block;
    clear: both;
    overflow: hidden;
    color: #666666;
    font: 12px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .lifestyle .header {
    position: relative;
    width: 690px;
    height: 70px;
    background: url(../../i/bg-lifestylelist-hd-txt.gif) no-repeat top right;
}

#content-main .news .lifestyle .header .date {
    position: absolute;
    left: 20px;
    bottom: 0px;
    width: 690px;
    height: 29px;
    color: #fff;
    padding: 0 0 0 10px;
    background: url(../../i/bg-news-date-l.gif) no-repeat left; 
}
#content-main .news .lifestyle .header .date .date-hd {    
    float: left;
    height: 29px;
    background: #75c9d1;    
}
#content-main .news .lifestyle .header .date .date-ft {    
    float: left;
    width: 49px;
    height: 29px;
    background: url(../../i/bg-news-date-r.gif) no-repeat right;    
}
#content-main .news .lifestyle .header .date b {    
    font: bold 16px/29px Arial, sans-serif, "新細明體";
}
#content-main .news .lifestyle .header .date strong {    
    font: bold 26px/29px Arial, sans-serif, "新細明體";
}

#content-main .news .lifestyle .header .search-date {
    position: absolute;
    right: 5px;
    bottom: 10px;
    z-index: 100;
}

#content-main .news .lifestyle .header label {
    color: #0083ae;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .lifestyle .case {
    width: 690px;
    margin: 0 auto;
    background: url(../../i/bg-lifestylelist-bd-by.gif) repeat-y;
}
#content-main .news .lifestyle .case .hd {
    width: 690px;
    height: 8px;
    overflow: hidden;
    background: url(../../i/bg-lifestylelist-bd-top.gif) no-repeat;
}
#content-main .news .lifestyle .case .bggrey {
    background: url(../../i/bg-lifestylelist-bd-top2.gif) no-repeat;
}
#content-main .news .lifestyle .case .hd-title {
    width: 650px;
    height: 33px;
    padding: 0 0 0 40px;
    font: bold 15px/26px Arial, sans-serif, "新細明體";
    line-height: 28px;
    background: url(../../i/bg-lifestylelist-bd-title.gif) no-repeat;
    color: #17929d;
}
#content-main .news .lifestyle .case .ft {
    width: 690px;
    height: 8px;
    overflow: hidden;
    background: url(../../i/bg-lifestylelist-bd-down.gif) no-repeat;
}
#content-main .news .lifestyle .case .bd {
    width: 690px;
    padding: 10px 15px 10px 15px;
    display: block;
    clear: both;
    overflow: hidden;
}
#content-main .news .lifestyle .case .bd-txt {
    width: 690px;
    padding: 10px 15px 10px 15px;
    display: block;
    clear: both;
    overflow: hidden;
}
#content-main .news .lifestyle .case .bd-txt p {
    padding: 0 30px 0 0;
    font: 13px/20px Arial, sans-serif, "新細明體";
    margin: 0 0 15px 0;
}

#content-main .news .lifestyle .case .bd-txt p.vicesign {
    color: #f78f3a;
    padding: 0 0 0 5px;
    margin: 0 0 10px 0;
}

#content-main .news .lifestyle .case .bd-txt img {
    float: left;
    margin: 0 10px 5px 0;
}
#content-main .news .lifestyle .case .bd-txt h3 {
    font: bold 13px/20px Arial, sans-serif, "新細明體";
    color: #e6b05a;
}

#content-main .news .lifestyle .case .bd .book {
    float: left;
    width: 180px;
    text-align: center;
}

#content-main .news .lifestyle .case .bd .book p {
    margin: 0 0 20px 0;
}
#content-main .news .lifestyle .case .bd .book p.photo {
    margin: 0 0 40px 0;
}

#content-main .news .lifestyle .case .bd .con {    
    float: right;
    width: 470px;
    margin: 0 30px 0 10px;
    font: 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .lifestyle .case .bd .con h3 {
    height: 30px;
    margin: 0 0 10px 0;
    background: url(../../i/bg-lifestylelist-h3.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .news .lifestyle .case .bd .con ul {    
    position: relative;
}

#content-main .news .lifestyle .case .bd .con ul li {    
    position: relative;    
    border-bottom: 1px dotted #a0a0a0;
}

#content-main .news .lifestyle .case .bd .con ul li div {    
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	position: relative;
}

#content-main .news .lifestyle .case .bd .con ul li .con-box {    
    width: 380px;
}

#content-main .news .lifestyle .case .bd .con ul li .pagno {    
    width: 70px;    
    text-align: right;
    height: 50px;
    *line-height: 50px;
    _line-height: 50px;
}

#content-main .news .lifestyle .case .bd .con ul li p {    
    padding: 0 0 0 15px;
}

#content-main .news .lifestyle .case .bd .con ul li p.title {
    position: relative;
    width: 380px;
    color: #515252;
    background: url(../../i/icon-lifestylelist-01.gif) no-repeat 0 5px;
}
#content-main .news .lifestyle .case .bd .con ul li p.title a:hover {
    color: #515252;
}

#content-main .news .lifestyle .case .bd .con ul li p.title a {
    color: #515252;
}

#content-main .news .lifestyle .case .bd .con ul li p.r {    
    color: #ea5e68;
}

#content-main .news .lifestyle .case .bd .con ul li p.g {    
    color: #2da97b;
}

#content-main .news .lifestyle .case .bd .con ul li p.pur {    
    color: #725c97;
}

#content-main .news .lifestyle .case .bd .con ul li p.y {    
    color: #ee9e27;
}


/**
 *
 * =pager
 *
 **/
 
#content-main .news .pager {
    float: left;
	clear: left;
	overflow: hidden;

    width: 100%;
    text-align: center; 
    margin: 10px 0 20px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .pager ul { 
    float:left;
    position:relative;
	left:50%;
    text-align: center;
}

#content-main .news .pager ul li { 
    margin: 0 10px 0 0;    
    display:block;
	float:left;
	position:relative;
	right:50%;
}

#content-main .news .pager ul li a { 
    color: #7cd2d6;
}

#content-main .news .pager ul li a:hover { 
    color: #ff7e81;
    font: 18px/20px Arial, sans-serif, "新細明體";
}

#content-main .news .pager ul li.active { 
    color: #ff7e81;
    font: 18px/20px Arial, sans-serif, "新細明體";
}

/* pre */
#content-main .news .pager ul li.pre a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-member-pager-p.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}
/* next */
#content-main .news .pager ul li.next a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-member-pager-n.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}

/* pre */
#content-main .news .pager ul li.first a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-news-pager-p.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}
/* next */
#content-main .news .pager ul li.list a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-news-pager-n.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}

/**
 *
 * =pager2
 *
 **/
 
#content-main .news .pager2 {
    width: 100%;
    margin: 10px 0 20px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .news .pager2 ul { 
    float:right;
}

#content-main .news .pager2 ul li { 
    margin: 0 10px 0 0;    
	float:left;
}

#content-main .news .pager2 ul li a { 
    color: #7cd2d6;
}

#content-main .news .pager2 ul li a:hover { 
    color: #ff7e81;
    font: 18px/20px Arial, sans-serif, "新細明體";
}

#content-main .news .pager2 ul li.active { 
    color: #ff7e81;
    font: 18px/20px Arial, sans-serif, "新細明體";
}

/* pre */
#content-main .news .pager2 ul li.pre a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-news-pager-f.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}
/* next */
#content-main .news .pager2 ul li.next a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-news-pager-l.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}

/* pre */
#content-main .news .pager2 ul li.first a {
    display: block;
    width: 75px;
    height: 18px;
    background: url(../../i/btn-news-pager-i.gif) no-repeat 0 0;
    text-indent: -100000px;
    overflow: hidden;
}


/**
 *
 * =car-det
 *
 **/

#content-main .news .car-det {
    width: 860px;
    margin: 10px auto 0 auto;
}

#content-main .news .car-det h2 {
    height: 27px;    
    text-indent: -100000px;
}

#content-main .news .car-det h2.addressee {
    background: url(../../i/title-car-h2-addressee2.gif) no-repeat;
}

#content-main .news .car-det h2.order {
    background: url(../../i/title-car-h2-order.gif) no-repeat;
}

/**
 *
 * =tab-addressee
 *
 **/

table.tab-addressee {
    width: 860px;
    margin: 10px auto;
    border: 2px solid #c3f2f1;
    font: 13px/20px Arial, sans-serif, "新細明體";
}

table.tab-addressee td,
table.tab-addressee th {
    padding: 5px 7px;
    
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}

table.tab-addressee th {
    padding: 5px 0 5px 20px;
    border: 1px solid #d9d9d9;
    color: #333673;
    background: #eaf8f9;
    text-align: left;
}

table.tab-addressee td {
    border: 1px solid #d9d9d9;
    color: #959595;
    font: bold 13px/20px Arial, sans-serif, "新細明體";
}

table.tab-addressee th.l,
table.tab-addressee td.l {
    width: 110px;
}

table.tab-addressee th.xl,
table.tab-addressee td.xl {
    width: 740px;
}

table.tab-addressee td a {
    color: #238b93;
}

table.tab-addressee td samp {
    font: 13px/20px Arial, sans-serif, "新細明體";
}

table.tab-addressee td b {
    color: #454545;
}

table.tab-addressee td .add-addr {
    float: right;
    width: 110px;
}

table.tab-addressee td .add-addr img {
    vertical-align: middle;
}

/**
 *
 * =msg 
 *
 **/

#content-main .news .msg {
    margin: 0 20px;
    padding: 0 0 0 5px;
    font: 13px/20px Arial, sans-serif, "新細明體";
}
#content-main .news .msg p {
    padding: 0 0 2px 10px;
}
#content-main .news .msg p.header {
    height: 22px;
    padding: 0 0 2px 10px;
    padding: 3px 0 2px 10px\9;
    color: #fff;
    font: bold 13px/20px Arial, sans-serif, "新細明體";
    background: url(../../i/bg-first_sample-msg.gif) no-repeat;
}
#content-main .news .msg p span {
    color: #277aa4;
}
#content-main .news .msg p span em {
    color: #fff;
    font: 13px/20px Arial, sans-serif, "新細明體";
}

/**
 *
 * =btn
 *
 **/

/**
 * 20090306修改為不顯示hover效果
 * 變更為  a:hover = a.r
 **/

#content-main .news .btn {    
    width: 860px;
    height: 20px;
    margin: 10px 0 0 0;
    *margin: 0;
    _margin: 0;
}

#content-main .news .btn ul { 
    position: absolute;
    right: 21px;
    *right: 21px;
    _right: 1px;
}

#content-main .news .btn ul li { 
    float: left;
    margin: 0 10px 0 0;
}

#content-main .news .btn button.cancel {
	float: left;
    display: block;
    width: 81px;
    height: 20px;
    background: url(../../i/btn-member-cancel.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .news .btn button.asc-r { 
    float: left;
    width: 105px;
    height: 20px;
    background: url(../../i/btn-news-asc-r.gif) no-repeat;
    text-indent: -100000px;
}