/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            +allprod
                =submenu
                =subnav
                =allclass
                =banner
            =notice-list
-----------------------------------------------------------------------------*/

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

/**
 *
 * +infor
 *
 **/

#content-main .infor {
    position: relative;
    margin: 0 0 5px 0;
    *margin: 0 0 5px 0;
    _margin: 0 0 5px 5px;
}

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

#content-main .infor h1.match {
    background: url(../../i/title-member-match.gif) no-repeat;
}

/**
 *
 * =submenu
 *
 **/

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

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

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

#content-main .infor .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 .infor .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 .infor .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 .infor .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;
}

/**
 *
 * =infor-main
 *
 **/

#content-main .infor .infor-main {
    position: relative;
    width: 690px;
    margin: 10px auto;
}

#content-main .infor .infor-main .info {
    /*: 15px/22px Arial, sans-serif, "新細明體";*/
    font: 12px/18px Arial, sans-serif, "新細明體";
    /*color: #f18585;*/
    color: #000;
    padding: 10px 5px;
    border-bottom: 1px dotted #ddd;    
}
/* 還原 此區為html入稿
*----------------------------------------------------------------------------*/
#content-main .infor .infor-main .info h1 {
    height: auto;
    background: none;
    text-indent: 0px;
    font: 36px/38px Arial, sans-serif, "新細明體";
	color: #000;
}
#content-main .infor .infor-main .info h2 {
    font: 24px/26px Arial, sans-serif, "新細明體";
	color: #000;
}
#content-main .infor .infor-main .info h3 {
    color: #000;
    font: 18px/20px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .info h4 {
    color: #000;
    font: 16px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .info h5 {
    font: 13px/18px Arial, sans-serif, "新細明體";
	color: #000;
}
#content-main .infor .infor-main .info h6 {
    color: #000;
    font: 10px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .info img {
	margin: 10px;
	border: 1px solid #ddd;
}
#content-main .infor .infor-main .info p {
    color: #000;
}
#content-main .infor .infor-main .info b {
    color: #000;
}
#content-main .infor .infor-main .info ol li {
	margin: 0 0 0 30px;
	list-style-type: decimal;
}
#content-main .infor .infor-main .info ul li {
	margin: 0 0 0 30px;
	list-style-type: disc;
}
#content-main .infor .infor-main .info a {
	text-decoration: underline;
}
#content-main .infor .infor-main .info a:hover {
	text-decoration: underline;
	color: #ff6600;
}
#content-main .infor .infor-main .info table {
	border: 1px solid #eee;
}
#content-main .infor .infor-main .info table th,
#content-main .infor .infor-main .info table td {
	border: 1px solid #eee;
	padding: 2px;
}
#content-main .infor .infor-main .info sup {
	vertical-align: super;
}
#content-main .infor .infor-main .info sub {
	vertical-align: sub;
}
/* 還原 此區為html入稿 close
*----------------------------------------------------------------------------*/

#content-main .infor .infor-main h2.firstbuy {
    height: 36px;
    background: url(../../i/bg-marketing-h2-firstbuy.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .infor .infor-main h2.reward {
    height: 36px;
    background: url(../../i/bg-marketing-h2-reward.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .infor .infor-main .prod-b {
    width: 690px;
    padding: 0 0 5px 0;
    color: #27779c;
    color: #666;
    border-top: 0px solid #fff;
}

#content-main .infor .infor-main .prod-b .box {
    float: left;
    width: 120px;
    margin: 15px 8px 15px 0;
    padding: 0 8px 0 0;
    text-align: center;
    background: url(../../i/lime-hot.gif) no-repeat right 5px;
}

#content-main .infor .infor-main .prod-b .list {
    margin: 15px 0 15px 0;
    padding: 0 8px 0 0;
    background: none;
}
#content-main .infor .infor-main .prod-b .add {
    margin: 15px 8px 15px 5px;
    *margin: 15px 8px 15px 7px;
    _margin: 15px 8px 15px 3px;
    padding: 0 8px 0 0;
}
#content-main .infor .infor-main .prod-b .box p a {
    color: #238b93;
    text-decoration:none;
}
#content-main .infor .infor-main .prod-b .box p img {
    vertical-align: middle;
}
#content-main .infor .infor-main .prod-b .box p.photo img {
    margin: 0 0 15px 0;
}

#content-main .infor .infor-main .prod-b .box p.title {
    margin: 0 0 3px 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .prod-b .box p.title a {
    color: #238b93;
    text-decoration:none;
}
#content-main .infor .infor-main .prod-b .box p.title a:hover {
    color: #238b93;
    text-decoration:underline;
}
#content-main .infor .infor-main .prod-b .box p.en {
    position: relative;
    top: -2px;
    *top: -4px;
    _top: -4px;
    /*height: 40px; 20090316修改不給固定高度 */     
}

/* 還原 此區為html入稿
*----------------------------------------------------------------------------*/
#content-main .infor .infor-main .prod-b .box div.en {
    position: relative;
    top: -2px;
    *top: -4px;
    _top: -4px;
    font: 12px/18px Arial, sans-serif, "新細明體"; 
}
#content-main .infor .infor-main .prod-b .box div.en h1 {
    height: auto;
    background: none;
    text-indent: 0px;
    font: 36px/38px Arial, sans-serif, "新細明體";
	color: #000;
}
#content-main .infor .infor-main .prod-b .box div.en h2 {
    font: 24px/26px Arial, sans-serif, "新細明體";
	color: #000;
}
#content-main .infor .infor-main .prod-b .box div.en h3 {
    color: #000;
    font: 18px/20px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .prod-b .box div.en h4 {
    color: #000;
    font: 16px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .prod-b .box div.en h5 {
    font: 13px/18px Arial, sans-serif, "新細明體";
	color: #000;
}
#content-main .infor .infor-main .prod-b .box div.en h6 {
    color: #000;
    font: 10px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main .prod-b .box div.en img {
	margin: 10px;
	border: 1px solid #ddd;
}
#content-main .infor .infor-main .prod-b .box div.en p {
    color: #000;
}
#content-main .infor .infor-main .prod-b .box div.en b {
    color: #000;
}
#content-main .infor .infor-main .prod-b .box div.en ol li {
	margin: 0 0 0 30px;
	list-style-type: decimal;
}
#content-main .infor .infor-main .prod-b .box div.en ul li {
	margin: 0 0 0 30px;
	list-style-type: disc;
}
#content-main .infor .infor-main .prod-b .box div.en a {
	text-decoration: underline;
}
#content-main .infor .infor-main .prod-b .box div.en a:hover {
	text-decoration: underline;
	color: #ff6600;
}
#content-main .infor .infor-main .prod-b .box div.en table {
	border: 1px solid #eee;
}
#content-main .infor .infor-main .prod-b .box div.en table th,
#content-main .infor .infor-main .prod-b .box div.en table td {
	border: 1px solid #eee;
	padding: 2px;
}
#content-main .infor .infor-main .prod-b .box div.en sup {
	vertical-align: super;
}
#content-main .infor .infor-main .prod-b .box div.en sub {
	vertical-align: sub;
}
/* 還原 此區為html入稿 close
*----------------------------------------------------------------------------*/

#content-main .infor .infor-main .prod-b .box p.txt {
    margin: 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #888;
}
#content-main .infor .infor-main .prod-b .box p.sel {
    height: 26px;
    *height: 30px;
    _height: 18px;
}
#content-main .infor .infor-main .prod-b .box p.sel select {
    margin: 4px 0 4px 0;
    *margin: 2px 0 2px 0;
    _margin: 2px 0 2px 0;
    /* IE7、IE8 bug */
    font: 12px/18px Arial, sans-serif, "新細明體";
    vertical-align: middle;
}

/* div仿table的方法 20090317修改 */
.con5 { clear: left; float: left; width: 100%; overflow: hidden;}
.con4 {	clear: left; float: left; width: 100%; position: relative; right: 20%; border-right: 1px solid #ddd;}
.con3 {	clear: left; float: left; width: 100%; position: relative; right: 20%; border-right: 1px solid #ddd;}
.con2 {	clear: left; float: left; width: 100%; position: relative; right: 20%; border-right: 1px solid #ddd;}
.con1 {	             float: left; width: 100%; position: relative; right: 20%; border-right: 1px solid #ddd;}
.col1 {	float: left; width: 18%; position: relative; left: 82%; overflow: hidden;}
.col2 {	float: left; width: 18%; position: relative; left: 83.5%;	overflow: hidden;}
.col3 {	float: left; width: 18%; position: relative; left: 85.5%;	overflow: hidden;}
.col4 {	float: left; width: 18%; position: relative; left: 87.5%;	overflow: hidden;}
.col5 {	float: left; width: 18%; position: relative; left: 89.5%;	overflow: hidden;}
/* div仿table的方法 20090317修改 結束 */

/* 垂直置中 
.v01 {
    color: #888;
    font: 13px/18px Arial, sans-serif, "新細明體";
    
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	
	width: 120px;
}

.v02 {
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	
	height: 36px;
	font: 13px/18px Arial, sans-serif, "新細明體";
}
*/

#content-main .infor .infor-main .prod-b .box p {
    margin: 0 0 2px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #6a6767;
}

#content-main .infor .infor-main .prod-b .box p a {
    color: #238b93;
    text-decoration:underline;
}

#content-main .infor .infor-main .prod-b .box b {
    color: #ff7b10;
    padding: 0 2px 0 0;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .infor .infor-main .prod-b .box s {    
    padding: 0 2px 0 0;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .infor .infor-main .prod-b .prod-hr {
    border-bottom: 1px dotted #ddd;
    width: 99%;
    height: 1px;
    display: block;
    clear: both;
    overflow: hidden;
}

#content-main .infor .infor-main .prod-b .box button.car { 
    position: relative;
    left: 3px;
    *left: 5px;
    top: 1px;
    *top: 2px;  
    width: 30px;
    height: 19px;
    background: url(../../i/icon-car2.gif) no-repeat;
    text-indent: -100000px;
}

/**
 *
 * =reach 
 *
 **/

#content-main .infor .infor-main .reach {
    width: 668px;
    padding: 10px;
    margin: 10px 0;
    color: #27779c;
    border: 1px solid #8fe2e6;
    background: #f8f8f8;
    display: block;
    clear: both;
    overflow: hidden;
}
#content-main .infor .infor-main .reach .photo {
    float: left;
    width: 150px;
}
#content-main .infor .infor-main .reach .photo img {
    border: 1px solid #d2d2d2;
}
#content-main .infor .infor-main .reach .con {
    float: right;
    width: 518px;
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #6c6c6c;
}
#content-main .infor .infor-main .reach .con p {
    display: block;
    clear: both;
    overflow: hidden;
}

#content-main .infor .infor-main .reach .con samp {
    float: left;
    width: 80px;
    font: bold 13px/22px Arial, sans-serif, "新細明體";
    *line-height: 24px;
    _line-height: 24px;
    color: #3cc5b6;
    text-align: right;
}
#content-main .infor .infor-main .reach .con span {
    float: right;
    width: 438px;
    font: 13px/20px Arial, sans-serif, "新細明體";
    color: #6c6c6c;
}

#content-main .infor .infor-main .reach .note {
    float: left;
    width: 658px;
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #6c6c6c;
    background: #fff;
    padding: 5px;
    margin: 10px 0 0 0;
}

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

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

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

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

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

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

/* pre */
#content-main .infor .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 .infor .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 .infor .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;
}

/**
 *
 * =rand-main
 *
 **/

#content-main .infor .rand-main {
    position: relative;
    width: 690px;
    margin: 10px auto 0 auto;
    background: url(../../i/bg-rand-main-bd.gif) repeat-y;
}

#content-main .infor .rand-main2 {
    position: relative;
    width: 690px;
    padding: 13px 0 0 0;
    background: url(../../i/bg-rand-main-hd.gif) no-repeat top;
}

#content-main .infor .rand-main2 .banner {
    width: 660px;
    margin: 0 13px 13px 13px;
}
#content-main .infor .rand-main2 .banner img {
    border: 2px solid #ddd;
}


#content-main .infor .rand-main p.info {
    font: 15px/22px Arial, sans-serif, "新細明體";
    color: #f18585;
    padding: 10px 5px;
}

#content-main .infor .rand-main .prod-b {
    width: 690px;
    padding: 0 0 0 0;
    color: #27779c;
    border-top: 0px solid #fff;
}

#content-main .infor .rand-main .prod-b .box {
    float: left;
    width: 120px;
    margin: 15px 8px 15px 0;
    padding: 0 8px 0 0;
    text-align: center;
    background: url(../../i/lime-hot.gif) no-repeat right 5px;
}

#content-main .infor .rand-main .prod-b .list {
    margin: 15px 0 15px 0;
    padding: 0 8px 0 0;
    background: none;
}
#content-main .infor .rand-main .prod-b .add {
    margin: 15px 8px 15px 5px;
    *margin: 15px 8px 15px 7px;
    _margin: 15px 8px 15px 3px;
    padding: 0 8px 0 0;
}
#content-main .infor .rand-main .prod-b .box p a {
    color: #238b93;
}
#content-main .infor .rand-main .prod-b .box p img {
    vertical-align: middle;
}
#content-main .infor .rand-main .prod-b .box p.photo img {
    margin: 0 0 15px 0;
}

#content-main .infor .rand-main .prod-b .box p.title {
    margin: 0 0 3px 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .rand-main .prod-b .box p.title a {
    color: #238b93;
    text-decoration:none;
}
#content-main .infor .rand-main .prod-b .box p.title a:hover {
    color: #238b93;
    text-decoration:underline;
}

#content-main .infor .rand-main .prod-b .box p.en {
    position: relative;
    top: -2px;
    *top: -4px;
    _top: -4px;
    /*height: 40px; 20090316修改不給固定高度 */
}

#content-main .infor .rand-main .prod-b .box p.txt {
    margin: 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #888;
}
#content-main .infor .rand-main .prod-b .box p.sel {
    height: 26px;
    *height: 30px;
    _height: 18px;
}
#content-main .infor .rand-main .prod-b .box p.sel input,
#content-main .infor .rand-main .prod-b .box p.sel select {
    margin: 4px 0 4px 0;
    *margin: 2px 0 2px 0;
    _margin: 2px 0 2px 0;
    /* IE7、IE8 bug */
    font: 12px/18px Arial, sans-serif, "新細明體";
    vertical-align: middle;
}

#content-main .infor .rand-main .prod-b .box p {
    margin: 0 0 2px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #6a6767;
}

#content-main .infor .rand-main .prod-b .box p a {
    color: #238b93;
    text-decoration:underline;
}

#content-main .infor .rand-main .prod-b .box b {
    color: #ff7b10;
    padding: 0 2px 0 0;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .infor .rand-main .prod-b .box s {    
    padding: 0 2px 0 0;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .infor .rand-main .prod-b .prod-hr {
    border-bottom: 1px dotted #ddd;
    width: 99%;
    height: 1px;
    display: block;
    clear: both;
    overflow: hidden;
}

/**
 *
 * =msg
 *
 **/

#content-main .infor .infor-main .msg {
    width: 680px;
    margin: 10px auto 20px auto;
    *margin: 10px auto 20px auto;
    _margin: 10px auto 20px auto;
    border: 2px solid #e5e5d3;
}
#content-main .infor .infor-main .msg p {
    color: #000;
    padding: 2px 5px 4px 10px;
    font: 12px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .infor-main p img {
	vertical-align: middle;
}

/* 還原 此區為html入稿
*----------------------------------------------------------------------------*/
#content-main .infor .infor-main .msg h1 {
    border: 0px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    height: auto;
    text-indent: 0px;
    font: 36px/38px Arial, sans-serif, "新細明體";
	color: #000;
	padding: 4px 5px 2px 20px;
	background: #f5f5ef url(../../i/icon-service-add.gif) no-repeat 5px 14px;
}
#content-main .infor .infor-main .msg h2 {
    border: 0px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    font: 24px/26px Arial, sans-serif, "新細明體";
	color: #000;
	padding: 4px 5px 2px 20px;
	background: #f5f5ef url(../../i/icon-service-add.gif) no-repeat 5px 10px;
}
#content-main .infor .infor-main .msg h3 {
    border: 0px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    font: 18px/20px Arial, sans-serif, "新細明體";
    padding: 4px 5px 2px 20px;
    background: #f5f5ef url(../../i/icon-service-add.gif) no-repeat 5px 8px;
}
#content-main .infor .infor-main .msg h4 {
    border: 0px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    font: 16px/18px Arial, sans-serif, "新細明體";
    padding: 4px 5px 2px 20px;
    background: #f5f5ef url(../../i/icon-service-add.gif) no-repeat 5px 6px;
}
#content-main .infor .infor-main .msg h5 {
    border: 0px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    font: 13px/18px Arial, sans-serif, "新細明體";
	color: #000;
	padding: 4px 5px 2px 20px;
	background: #f5f5ef url(../../i/icon-service-add.gif) no-repeat 5px 6px;
}
#content-main .infor .infor-main .msg h6 {
    border: 0px solid #fff;
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    font: 10px/18px Arial, sans-serif, "新細明體";
    padding: 4px 5px 2px 20px;
    background: #f5f5ef url(../../i/icon-service-add.gif) no-repeat 5px 8px;
}
#content-main .infor .infor-main .msg img {
	margin: 10px;
	border: 1px solid #ddd;
}
#content-main .infor .infor-main .msg p {
    color: #000;
}
#content-main .infor .infor-main .msg b {
    color: #000;
}
#content-main .infor .infor-main .msg ol li {
	margin: 0 0 0 30px;
	list-style-type: decimal;
}
#content-main .infor .infor-main .msg ul li {
	margin: 0 0 0 30px;
	list-style-type: disc;
}
#content-main .infor .infor-main .msg a {
	text-decoration: underline;
}
#content-main .infor .infor-main .msg a:hover {
	text-decoration: underline;
	color: #ff6600;
}
#content-main .infor .infor-main .msg table {
	border: 1px solid #eee;
}
#content-main .infor .infor-main .msg table th,
#content-main .infor .infor-main .msg table td {
	border: 1px solid #eee;
	padding: 2px;
}
#content-main .infor .infor-main .msg sup {
	vertical-align: super;
}
#content-main .infor .infor-main .msg sub {
	vertical-align: sub;
}
/* 還原 此區為html入稿 close
*----------------------------------------------------------------------------*/

/**
 *
 * =pager3
 *
 **/
 
#content-main .infor .pager3 {
    width: 690px;
    margin: 0 auto;
    padding: 10px 0 20px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
    background: #f8e6ea url(../../i/bg-rand-main-ft.gif) no-repeat bottom;
    display: block;
    clear: both;
    overflow: hidden;
}

#content-main .infor .pager3 ul { 
    float: right;
}

#content-main .infor .pager3 ul li { 
    margin: 0 10px 0 0;    
	float: left;
}
#content-main .infor .pager3 button.again { 
    float: left;
    display: block;
    width: 81px;
    height: 22px;
    background: url(../../i/btn-rand-again.gif) no-repeat;
    text-indent: -100000px;
}
#content-main .infor .pager3 button.addcar { 
    float: left;
    display: block;
    width: 102px;
    height: 22px;
    background: url(../../i/btn-addcar2.gif) no-repeat;
    text-indent: -100000px;
}

/* match-main
*----------------------------------------------------------------------------*/

#content-main .infor .match-main {
    width: 707px;
    margin: 0 auto;
    padding: 11px 0 0 0;
    background: url(../../i/bg-member-match-header.gif) no-repeat 0 0;
}

#content-main .infor .match-main .match-wrapper {
    overflow: hidden;
    width: 707px;
    background: url(../../i/bg-member-match-content.gif) repeat-y;
}

#content-main .infor .match-main .banner {
    width: 683px;
    margin: 0 auto 10px;
}

#content-main .infor .match-main .box {
    float: left;
    width: 130px;
    margin: 0;
    padding: 0 1px 0 0;
    background: url(../../i/line-06.gif) no-repeat right;
    color: #6a6767;
    font-size: 13px;
    text-align: center;
}
#content-main .infor .match-main .last {
    background: none;
}
#content-main .infor .match-main .box p a {
    color: #238b93;
    text-decoration:none;
}
#content-main .infor .match-main .box p img {
    vertical-align: middle;
}
#content-main .infor .match-main .box p.photo img {
    margin: 0 0 15px 0;
    border: 1px solid #ccc;
}

#content-main .infor .match-main .box p.title {
    margin: 0 0 3px 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
}
#content-main .infor .match-main .box p.title a {
    color: #238b93;
    text-decoration:none;
}
#content-main .infor .match-main .box p.title a:hover {
    color: #238b93;
    text-decoration:underline;
}
#content-main .infor .match-main .box p.en {
    position: relative;
    top: -2px;
    *top: -4px;
    _top: -4px;
    /*height: 40px; 20090316修改不給固定高度 */     
}
#content-main .infor .match-main .box p.sel {
    height: 26px;
    *height: 30px;
    _height: 18px;
}
#content-main .infor .match-main .box p.sel input,
#content-main .infor .match-main .box p.sel select {
    margin: 4px 0 4px 0;
    *margin: 2px 0 2px 0;
    _margin: 2px 0 2px 0;
    /* IE7、IE8 bug */
    font: 12px/18px Arial, sans-serif, "新細明體";
    vertical-align: middle;
}
#content-main .infor .match-main .box p b {
    color: #ff7b10;
    padding: 0 2px 0 0;
    font: bold 15px/18px Arial, sans-serif, "新細明體";
}

/**
 *
 * =red-zone
 *
 **/

#content-main .infor .match-main .red-zone {
    overflow: hidden;
    width: 677px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../../i/bg-member-match-red-footer.gif) no-repeat 0 bottom;
}
#content-main .infor .match-main .red-zone h2 {
    width: 677px;
    height: 62px;
    background: url(../../i/bg-member-match-red-header.gif) no-repeat 0 0;
    text-indent: -100000px;
}
#content-main .infor .match-main .red-zone .red-wrapper {
    width: 655px;
    padding: 0 11px;
    background: url(../../i/bg-member-match-red-content.gif) repeat-y;
}
#content-main .infor .match-main .red-zone .red-wrapper .red-colum {
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 15px;
    background: url(../../i/bg-member-match-red-column.gif) no-repeat 0 bottom;
}
#content-main .infor .match-main .red-zone .red-wrapper .last {
    margin: 0;
    background: none;
}

/**
 *
 * =green-zone
 *
 **/

#content-main .infor .match-main .green-zone {
    overflow: hidden;
    width: 678px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../../i/bg-member-match-green-footer.gif) no-repeat 0 bottom;
}
#content-main .infor .match-main .green-zone h2 {
    width: 678px;
    height: 64px;
    background: url(../../i/bg-member-match-green-header.gif) no-repeat 0 0;
    text-indent: -100000px;
}
#content-main .infor .match-main .green-zone .green-wrapper {
    width: 656px;
    padding: 0 11px;
    background: url(../../i/bg-member-match-green-content.gif) repeat-y;
}
#content-main .infor .match-main .green-zone .green-wrapper .green-colum {
    padding-bottom: 15px;
    overflow: hidden;
}

/**
 *
 * =pager4
 *
 **/

#content-main .infor .pager4 {
    width: 707px;
    height: 56px;
    margin: 0 auto;
    padding: 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
    background: #f1f1f1 url(../../i/bg-member-match-footer.gif) no-repeat bottom;
    display: block;
    clear: both;
    overflow: hidden;
}
#content-main .infor .pager4 ul { 
    overflow: hidden;
    padding: 0 10px;
    margin-top: 10px;
}
#content-main .infor .pager4 ul li { 
    margin: 0 10px 0 0;    
	float: left;
    color: #404040;
    font-weight: bold;
    font-size: 15px;
}
#content-main .infor .pager4 ul li.num {
    min-height: 30px;
    height: auto !important;
    height: 30px;
    line-height: 30px;
    margin: 5px 340px 0 0;
    vertical-align: middle;
}
#content-main .infor .pager4 ul li em { 
    color: #f28731;
    font-style: normal;
    font-size: 30px;
    vertical-align: middle;
}
#content-main .infor .pager4 button.again { 
    float: left;
    display: block;
    width: 81px;
    height: 27px;
    background: url(../../i/btn-rand-again2.gif) no-repeat;
    text-indent: -100000px;
}
#content-main .infor .pager4 button.addcar { 
    float: left;
    display: block;
    width: 132px;
    height: 27px;
    background: url(../../i/btn-addcar3.gif) no-repeat;
    text-indent: -100000px;
}

/**
 *
 * =notice-list
 *
 **/

#content-main .infor .notice-list {
    margin-top: 10px;
}

#content-main .infor .notice-list h3 {
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    background-color: #f60;
    color: #fff;
}

#content-main .infor .notice-list ul {
    clear: both;
}

#content-main .infor .notice-list ul li span {
    color: #f00;
}