@charset "utf-8";

body{

	background-color: #fff;

	color: #333;
	font-family: Verdana, Geneva, sans-serif, "新細明體";
	line-height: 1.8em;
	font-size: 1em;
	text-align: left;

	margin: 0 auto;
}


a:link {
	color: #3366CC;
	text-decoration: none
  }
a:visited {
	color: #3366CC;
  text-decoration:none;
  }
a:hover {
	color: #3366CC;
  text-decoration:underline;
}
a img {
  border-width:0;
  }


table {
table-layout: fixed;
word-break: break-all;
}



.clear {zoom:1; clear:both;}
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}

.clearfix {
 display: inline-block;
}

html[xmlns] .clearfix {
 display: block;
}

* html .clearfix {
 height: 1%;
}


/*--path--*/

.userNav{
	width: 960px;
	font-size: .8em;
	padding:0px;
	height: 30px;
	clear: both;
	float: center;
	position: relative;
	left: auto;
	margin:auto; font-size:13px;
	}
.userNav .nav{ float:left; width:55%; padding-left:5px;}
.userNav .nav-info{ position:relative;width:40%; float:right;clear; text-align:right}
.userNav .nav span{ color:#006be0;}
.userNav .ctrl{ float:right; color:#006be0; _margin-top:6px;}
.userNav input{ vertical-align:middle;}
.userNav img{ vertical-align:middle;}


/*-- content-wrapper --*/
#page {
background:url("img03.jpg") repeat-y scroll left top transparent;
margin:0 auto;
padding-top:5px;
width:960px;
}

/*-- main-wrapper --*/
#page .main-wrapper {
margin-top: 10px;
padding: 0;
width:765px;
height:auto;
float: right;
display: inline;       /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#page .main-wrapper .date {
margin:auto;
overflow:hidden;
width:auto;
padding:5px;
height: auto;
}
.date h1{font-size:13px; font-weight:500; margin:0; background:url(cpm/onecircle.gif) no-repeat center left; padding-left:25px;}
/*-- 選擇時間 --*/
#page .main-wrapper .time {
margin:auto;
overflow:hidden;
width:auto;
padding:5px;
height: auto;
}
.time h1{font-size:13px; font-weight:500; margin:0; background:url(cpm/twocircle.gif) no-repeat center left; padding-left:45px;}
.time .hourtotal{ margin:auto; padding:2px; clear:both;width:auto; }
/* general styles */

.time .hourtotal table,.time .hourtotal td{
	font:100% Arial, Helvetica, sans-serif;
}
.time .hourtotal table{width:748px; padding:5px 0;border-collapse:collapse;margin:5px 0;}
.time .hourtotal th,.time .hourtotal td{text-align:center;padding:.5em;border:1px solid #fff;font-size:13px; font-weight:500;}
.time .hourtotal th{background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;}
.time .hourtotal td{background:#e5f1f4;}

/* tablecloth styles */

.time .hourtotal tr.even td{background:#e5f1f4;}
.time .hourtotal tr.odd td{background:#f8fbfc;}

.time .hourtotal th.over,.time .hourtotal tr.even th.over,.time .hourtotal tr.odd th.over{background:#4a98af;}
.time .hourtotal th.down,.time .hourtotal tr.even th.down,.time .hourtotal tr.odd th.down{background:#FFCC00;}
.time .hourtotal th.selected,.time .hourtotal tr.even th.selected,.time .hourtotal tr.odd th.selected{}

.time .hourtotal td.over,.time .hourtotal tr.even td.over,.time .hourtotal tr.odd td.over{background:#ecfbd4;}
.time .hourtotal td.down,.time .hourtotal tr.even td.down,.time .hourtotal tr.odd td.down{background:#FFCC00;color:#fff;}
.time .hourtotal td.selected,.time .hourtotal tr.even td.selected,.time .hourtotal tr.odd td.selected{background:#FFCC00;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
.time .hourtotal td.empty, .time .hourtotal tr.odd td.empty,.time .hourtotal tr.even td.empty{background:#fff;}



/*-- 選擇日期 --*/

.date .weektotal{ margin:5px 0; padding:2px; clear:both;width:auto; }
.date .weektotal .week1{ margin:1px 1px 1px 2px;width:120px; height:auto; background:#06F; list-style-type:none; border-spacing: 1px; padding: 1px; display:block; float:left;}
.date .weektotal .weekactive{ margin:1px 1px 1px 2px;width:118px; height:auto; background:#ffcc00; list-style-type:none; border-spacing: 1px; padding: 1px; display:block; float:left;}
.date .weektotal a:link, .date .weektotal a:visited, .date .weektotal a:active {text-decoration:none;}

.date .weektotal .now {
background: #FF0;
padding:0;
text-decoration:none;
}
.date .weektotal li a {
color:#FFFFFF;
display:block;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:16px;
font-weight:normal;
padding:0;
text-align:center;
text-transform:uppercase;
}
.date .weektotal li a:hover {
color:#000; background:#000;
display:block;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:13px;
font-weight:normal;
padding:1;
text-align:center;
text-transform:uppercase;
}

.date .weektotal .week1 p{ margin:1px; border: thin solid #fff ; background:#0099FF;}
.date .weektotal .weekactive p{ margin:1px; border: thin solid #fff ; background:#ffcc00;}


/*--Sidebar--*/
#page .sidebar-wrapper {
margin: 10px 15px 0 0;
padding: 0;
width: 180px;
float: left;
position:relative
display: inline;       /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
font-size: .8em;
clear;
}



/*--已執行到該步驟的標語圖(白字)--*/
#page .sidebar { padding:0;}
#page .sidebar p{ padding:0; line-height:16px; color:#666666;text-align:justify;      /*讓文字齊行*/
 text-justify:distribute; /*讓文字左右齊行*/}
#page .sidebar br{ padding:0 ;background:url(cpm/sidebar_step_empty.gif)}
#page .sidebar img{  padding:7px 3px 0 0; float:left;}
#page .sidebar .step img{  padding:0 3px 0 0;}
#page .sidebar div#title_step01_current {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/cpm_sidebar_step01_title.png) no-repeat;
	height: 40px;
    list-style:none;
    display: block;
}
#page .sidebar div{ padding:0; height:auto; background:url(cpm/sidebar_step_empty.gif) repeat-y;}
#page .sidebar .current{ padding-bottom:2px; height:auto; background:url(cpm/sidebar_step_empty.gif) repeat-y;}
#page .sidebar .current p{ padding:5px; margin:0; font-size:12px;}
#page .sidebar .empty{ padding-bottom:2px; height:auto; background:url(cpm/sidebar_step_empty.gif) repeat-y;}
#page .sidebar div#title_step01_current .step{ padding:0; height:auto;}

#page .sidebar div#title_step02_current {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/sidebar_step02_title.png) no-repeat;
	height: 37px;
	list-style:none;
    display: block;
}

#page .sidebar div#title_step03_current {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/sidebar_step03_title.png) no-repeat;
	height: 40px;
    list-style:none;
    display: block;
	margin-bottom:5px;
}

#page .sidebar div#title_step04_current {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/sidebar_step04_title.png)  no-repeat;
	height: 40px;
    list-style:none;
    display: block;
}
#page .sidebar h1{ margin:0;background:url(cpm/category_title_bg_l.gif) repeat-y left; color:#FFF; font-size:15px; padding-left:10px; line-height:35px; font-family:"Microsoft YaHei"; font-weight:normal;}
#page .sidebar li#info{ list-style-type:none; background:url(cpm/category_title_bg_li.gif) repeat-y right; margin:0; height:auto; padding:5px 0 5px 5px; font-size:13px; text-align:center;}
#page .sidebar li#info a:hover,#page .sidebar li#info a:active{ color:#F30; text-decoration:none; display:block; background:url(cpm/category_title_bg_in.gif) no-repeat right center; cursor: pointer; }
#page .sidebar li#info a{ color:#333 ; text-decoration:none; display:block; background:url(cpm/category_title_bg_line.gif) no-repeat center bottom; cursor: pointer}
#page .sidebar li#info img{ padding:0; margin:0; text-align:center;}
#page .sidebar li#info a.now{ color:#F30; text-decoration:none; display:block; background:url(cpm/category_title_bg_in.gif) no-repeat right center; cursor: pointer; }
#page .sidebar-wrapper .sidebar li{ font-size:13px;}


/*--未執行到該步驟的標語圖(灰字)--*/
#page .sidebar div#title_step01 {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/cpm_sidebar_step01_title.png)  no-repeat;
	background-position: 0px -40px;
	height: 37px;
	width: 180px;
	margin: 2px 15px 2px 0;
    list-style:none;
    display: block;

}

#page .sidebar div#title_step02 {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/sidebar_step02_title.png) no-repeat;
	background-position: 0px -40px;
	height: 45px;
	width: 180px;
	margin-right:15px;
    list-style:none;
    display: block;

}
#page .sidebar div#title_step02 p{position:relative;top:37px; margin:0; padding:0;height: 8px;background: url(cpm/sidebar_step_empty.gif) repeat-y;}

#page .sidebar div#title_step03 {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/sidebar_step03_title.png) no-repeat;
	background-position: 0px -40px;
	height: 45px;
	width: 180px;
	margin-right:15px;
    list-style:none;
    display: block;

}
#page .sidebar div#title_step03 p{ position:relative;top:37px; margin:0; padding:0;height: 8px;background: url(cpm/sidebar_step_empty.gif) repeat-y;}

#page .sidebar div#title_step04 {
	font-size: .8em;
	line-height: 1.8em;
	padding: 0;
	background: url(cpm/sidebar_step04_title.png) no-repeat;
	background-position: 0px -40px;
	height: 45px;
	width: 180px;
	margin-right:15px;
    list-style:none;
    display: block;

}
#page .sidebar div#title_step04 p{ position:relative;top:37px; margin:0; padding:0;height: 8px;background: url(cpm/sidebar_step_empty.gif) repeat-y;}

#page .sidebar div#.explain_img {
	float: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
	background-image: url(cpm/sidebar_step01_img.gif);

}

.side_explain {
	color: #333;
	text-align: left;
}

/*--main--*/

#main_title {
    background: url('images/main_title_bg.gif') repeat ;

}



#calendar table{
	border: 1px solid #09F;
	color: #FFF;
	text-align: center;
	margin: 0 7px 0 0;
}

#calendar th{
	font-size: 0.8em;
	padding: 0 2px 2px;
	background-color: #09C;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF;
}

#calendar td{
	font-size: .9em;
	line-height: 1.4em;
	padding: 4px 2px;
	background-color: #3a99ff;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #FFF;
}





/*-- period --*/

#period table{
	background-color: #FFF;
	text-align: center;
	margin: 1px;
	padding: 2px;
	width:755px;
}



#period th{
	font-size: 0.8em;
	padding: 0 2px 2px;
	background-color: #b9d0ff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #b5b5b5;
	border-right-color: #FFF;
	border-bottom-color: #b5b5b5;
	border-left-color: #FFF;
}

#period td{
	font-size: .9em;
	line-height: 1.4em;
	padding: 4px 2px;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: b5b5b5;
	border-right-color: #FFF;
	border-bottom-color: b5b5b5;
	border-left-color: #FFF;
}

#period tr:hover {
 background-color: #ffcc00;
}

/*--
#period td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #FFF9E0;
}
#period td a:hover {
    background: #E2D9B2;
}
--*/






#period img {
	border:0px;
	margin: 0 3px;
}





.button {
	font: 12px Tahoma, Verdana;
	padding: 0 5px;
	color: #333;
	background-image: url(cpm/button_booking.gif);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 20px;
	width:55px;
	border-width: 0px;

}


/*-- step2 --*/
.main-wrapper #catetab { margin:0 0 2px 0; width:765px;; height: auto;}

.main-wrapper #catetab #tabnav{position:relative;

	width:765px;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;
	height:46px;
	background:url(cpm/1enav_bg.gif) no-repeat ;
}

.main-wrapper #catetab #tabnav LI {
	float:left;
	margin:0;
	padding:0;
	height:46px;
}

.main-wrapper #catetab #tabnav .now {
	float:left;
	margin:0;
	padding:0;
	height:46px;
	background: url(cpm/1enav_folder.gif) no-repeat ;
}

.main-wrapper #catetab #tabnav A {
	display:block;
	color:#b45074;
	text-decoration:none;
	margin-left:15px;
	padding:0;
	line-height:46px;text-align:left;width:236px;background:url(cpm/1enav_icon_off.png) no-repeat left;
}

.main-wrapper #catetab #tabnav li A:hover{ background:url(cpm/1enav_icon_mouseover.png) no-repeat left;}
.main-wrapper #catetab #tabnav li A:active{ background:url(cpm/1enav_icon_mouseover.png) no-repeat left; color:#000;}
.main-wrapper #catetab #tabnav A.here:link,
.main-wrapper #catetab #tabnav A.here:visited {
	height:46px;
	display:block;
	text-align:center;
	vertical-align: middle;
	line-height:46px;
	background:url(cpm/1enav_folder.gif) no-repeat;
	width:236px;
	color:#000; font-weight:bold;
}

.main-wrapper #catetab #tabnav img{ vertical-align:middle;}
/*subnav*/

.main-wrapper #catetab #tabnav UL {
	position:absolute;
	background: url(cpm/2enav_bg.gif) repeat-x;
	width:100%;
	margin:0;
	list-style:none;
	border-left:1px solid #ffcccb;
	border-right:1px solid #ffcccb;
	border-bottom:1px solid ffcbcd;
	height:27px;
}

.main-wrapper #catetab #subnav {position:relative;
	background: url(cpm/2enav_bg.gif) repeat-x;
	width:763px;
	margin:0;
	list-style:none;
	border-left:1px solid #ffcccb;
	border-right:1px solid #ffcccb;
	border-bottom:1px solid ffcbcd;
	height:27px;
	padding:0;
}

.main-wrapper #catetab #subnav Li {
	display:block;
	margin-top:1px;
	height:25px;
	float:left
}

.main-wrapper #catetab #subnav li A {
color:#b54f74;display: block;
	margin:0 5px;
	padding-top:2px;
	line-height:18px;
	width:80px;
	height:21px;
	font-size:12px;
	background:none;
	display:block;
	text-align:center;	text-decoration:none;
}

.main-wrapper #catetab #subnav li A:hover,
.main-wrapper #catetab #subbnav li A:active,
.main-wrapper #catetab #subbnav li A.now,
.main-wrapper #catetab #subnav li A.now {
	background:url(cpm/2enav_button.png) no-repeat center;
	color:#fff;
	display:block;
	margin:0 5px;
	padding-top:2px;
	line-height:18px;
	width:80px;
	height:21px;
	font-size:12px;
	display:block;}

.main-wrapper #catetab #trinav {position:relative;
	background: url(cpm/3enav_bg.gif) no-repeat;
	width:765px;
	margin:0;
	list-style:none;
	height:31px;
	padding:0;
}

.main-wrapper #catetab #trinav Li {
	display:block;
	margin-top:1px;
	height:25px;
	float:left
}

.main-wrapper #catetab #trinav li A {
color:#b54f74;display: block;
	margin:0 5px;
	padding-top:5px;
	line-height:18px;
	width:61px;
	height:21px;
	font-size:12px;
	background:none;
	display:block;
	text-align:center;	text-decoration:none;
}

.main-wrapper #catetab #trinav li A:hover,
.main-wrapper #catetab #tribnav li A:active,
.main-wrapper #catetab #tribnav li A.now:link,
.main-wrapper #catetab #trinav li A.now:visited {
	color:#333;
	display:block;
	margin:0 5px;
	padding-top:5px;
	line-height:18px;
	width:61px;
	height:21px;
	font-size:12px;
	display:block;}
/*-- step2 分類列表--*/
.main-wrapper .catelist{ margin:2px 10px; width:auto; height:auto}
.catelist h1{font-size:13px; font-weight:500; margin:0; background:url(cpm/onecircle.gif) no-repeat center left; padding-left:25px;}
.catelist p{font-size:12px; font-weight:500; margin:0; padding-left:25px; line-height:20px;}
.catelist .item{ width:auto; height:auto; margin:2px 0}
.catelist .item .title{ background: url(cpm/category_title_bg.png) left no-repeat;font-size:12px; font-weight:500; margin-top:10px; padding-left:25px; line-height:35px; height:41px}
.catelist .item .title li{ font-size:12px; font-weight:500; margin:0; padding:0 5px; line-height:35px; height:41px; width: 340px; text-align:right; position:relative; float:right; list-style-type:none; background: url(cpm/category_title_bg_r.gif) right repeat-x;}
.catelist .item .title span{ float:left;}
.catelist .iteminfo{font-size:12px; font-weight:500; margin-top:0px; line-height:18px; height: auto;}
.catelist .iteminfo .left{ float:left; width:50%;}
.catelist .iteminfo .left ul {width:100%; margin:1px 0; padding:0; height:auto; }
.catelist .iteminfo .left ul li {width: auto;	margin:0; list-style-type:none; float:left; padding:0 2px;}
.catelist .iteminfo .left ul li a{ text-decoration:none;}
.catelist .iteminfo  h2{font-size:13px; font-weight:500; margin:0; }
.catelist .iteminfo .right{ float:right;position:relative; width:49%;padding-left:5px;  background:#EFEFEF; height: auto;}
.catelist .iteminfo .right .stats{ float:left;position:relative; width:40%; }
.catelist .iteminfo .right .stats li{ list-style-type:none;}
.catelist .iteminfo .right .radar{ margin:0;}
.catelist .item .iteminfo .price {
background:url("cpm/category_buy_bg.gif") repeat-y scroll 0 0 #E8F4FB;
border:1px solid #94C9FF;
margin:5px 0;
padding:10px 0 10px 5px;
width:auto;
}
.catelist .item .iteminfo .radar {	margin:10px 1px 10px 0;width:auto; height:auto; border:1px solid #dddddd;}
.catelist .item .iteminfo .radar .radar-left {	margin:auto;width:370px; float:left; min-height:410px; background:url(cpm/radar_left_bg.gif) right repeat-y;}

.catelist .item .iteminfo .radar .radar-left ul.navigation.vertical
{
  border: #fdc1c1 solid 1px;
  border-right:0;
/*this gets rid of any bullet points*/
        list-style: none;
/*contains the floated list items*/
        overflow: hidden;
  padding:0;
  width: 369px;
  z-index:10;
  position:relative;

}

.catelist .item .iteminfo .radar .radar-left ul.navigation.vertical li
{
  background: #fff ;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  line-height: 2.4em;
  margin: 0;
        padding: 0;
        text-indent: 10px;
        text-transform: capitalize;
		text-align:left;


/*The following fixes the IE whitespace bug - it isn't needed in compliant browswers, but doesn't do any harm either*/
        float: left;
        clear: left;
        width: 100%;
}

.catelist .item .iteminfo .radar .radar-left ul.navigation.vertical a:link
{
  background: #f9f7f8 url(cpm/2pix-line.png) bottom no-repeat;

        color: #b55074;
        display: block;
        padding: 0;
        margin: 0;
/*stops the link text being underlined*/
        text-decoration: none;
        width: 100%;
}

.catelist .item .iteminfo .radar .radar-left ul.navigation.vertical a:visited
{
  background: #f9f7f8 url(cpm/2pix-line.png) bottom no-repeat;

        color: #b55074;
        display: block;
		padding:0;
        margin:2px 0 0 6px;
/*stops the link text being underlined*/
        text-decoration: none;
        width: 100%;
}

.catelist .item .iteminfo .radar .radar-left ul.navigation.vertical a.now
{
  background: #f9f7f8 url(cpm/titlebg.png) no-repeat;

        color: #b55074;
        display: block;
        padding: 0;
        margin: 0;
/*stops the link text being underlined*/
        text-decoration: none;
        width: 100%;
}

.catelist .item .iteminfo .radar .radar-left ul.navigation.vertical a:hover, ul.navigation.vertical a:focus
/*lots of repetition to stop IE inheriting from normal links*/
{
  background: #d9d9d9 url(images/v-tab-hover.png) 100% 0 repeat-y;
        border: none;
  color: #888;
        text-decoration: none;
}

/*Add the hover background to the meta tag so that it will be loaded when the page loads and prevent lag*/
.catelist .item .iteminfo .radar link
{
  background-image: url(images/v-tab-hover.png) 0 0 repeat-y;
}



.catelist .item .iteminfo .radar .radar-right {	margin:0;width:360px; float:left; padding:5px; border:1px solid #fdc1c1; background:#ffdedd ; z-index:1; position:relative; left:-1px;}
.catelist .item .iteminfo .radar .radar-right .circlechart {margin:auto;width:auto; background:#FFF; min-height:400px;}









.catelist .item .iteminfo .sitelist{ padding:0; margin:0;border-bottom:1px dotted #CCCCCC;}
.catelist .item .iteminfo .sitelist ul {
height:auto; padding:0; float:left; width: 610px; margin:8px 0;
}
.catelist .item .iteminfo .sitelist ul li {
float:left;
list-style-type:none;
margin:0;
padding:0 10px 4px 5px;
width:185px;
}
.catelist .item .iteminfo .sitelist .itemlogo {
border:1px solid #DFDFDF;
float:left;
margin:8px 20px 10px 0;
padding:1px;
}
.catelist .item .iteminfo .sitelist .itemlogo img{
 width:105px; height:30px}

.catelist .item .form{ width:auto; height:auto; margin:2px 0}


.table-bg-left {
	background-color: #FFF7F7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffd4d5;
	color: #666666;
	text-align: center;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif, "新細明體";
	padding: 4px;

}
.table-bg-right {
	background-color: #f7f7f7;
	font-family: Verdana, Geneva, sans-serif, "新細明體";
	color: #666666;
	font-size: 14px;
	padding: 4px;
}

.note {
	color: #C00;
	font-size: 12px;
}
.table-bg-right label {
	font-size: 12px;
	color: #666;
}
.table-bg {
	background-color: #fff7f7;
	border: 1px solid #ffd4d5;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.note {
	color: #C00;
	font-size: 12px;
}
.main-wrapper table tr td strong {
	color: #333;
}
.table-preview {
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ececed;
	border-right-color: #ffd4d5;
	border-bottom-color: #ffd4d5;
	border-left-color: #ffd4d5;
}

/*-- step3 新增廣告--*/
.catelist .newad{ width:auto; height:auto; margin:2px 0; font-size:13px;}
/*-- step4 確認新增--*/
.confirm{ width:auto; height:auto; margin:2px 0; font-size:13px;}
.confirm .info {
margin:auto;
overflow:hidden;
width:auto;
padding:5px;
height: auto;
}
.info h1{font-size:13px; font-weight:500; margin:0; background:url(cpm/onecircle.gif) no-repeat center left; padding-left:25px;}
.confirm .info .con1{ margin:0; padding:0; background:#fff7f7; border:1px solid #ffd4d5 ; padding-left:24px;}
.confirm .info .con1 ul{ margin:0; padding:0;list-style:none outside none;}
.confirm .info .con1 li{ margin:0; padding:0; list-style-type:none;float:left; width:170px; margin-right:10px;}
.confirm .info .con1 li a{text-decoration:none}

.main-wrapper .confirm .info .con2{ margin:0; padding:0; border:1px solid #ffd4d5 ; border-top-width:0; padding-left:24px;}
.main-wrapper .confirm .info .radar{ float:left; width:60%; padding:0; margin:0}
.main-wrapper .confirm .info .radar img{ float:left; padding:0; margin:0}
.main-wrapper .confirm .info .radar .intro{ float:left; padding:0; margin:0; margin-left:2px;}
.main-wrapper .confirm .info .radar .intro li{ list-style-type:none ; padding:0; margin:0;}
.main-wrapper .confirm .info .index{ float:left; width:40%;padding:0; margin:0}

.main-wrapper .edNewBtn {
clear:both;
height:24px;
padding:10px 0 5px;
text-align:center;
}
.main-wrapper .edNewBtn .iptBtn04 {
background:url("cpm/ipt_btn_04.gif") repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
font-weight:bold;
height:24px;
line-height:22px;
text-align:center;
width:116px;
}

/*-- cpm step1 budget --*/
.main-wrapper .cpmstep1-budget { margin:0 0 2px 0; width:765px;; height: auto;}
.main-wrapper .cpmstep1-budget p{ margin:2px 0 2px 3px; font-size:12px; }
.main-wrapper .cpmstep1-budget ul{padding:0;  list-style-type:none; margin:0; }
.main-wrapper .cpmstep1-budget li{ margin:0;}
.main-wrapper .cpmstep1-budget table{ border: 1px solid #93c9ff; padding:0;border-collapse: collapse;
border-spacing: 0px;}
.main-wrapper .cpmstep1-budget td.select{ background:#e6f3fb; padding:0; border: none;}
.main-wrapper .cpmstep1-budget td.left{ background:url(cpm/event-bg-left.gif) repeat-y right; padding:0; border: none; font-size:12px;   }
.main-wrapper .cpmstep1-budget td.right{ background:url(cpm/event-bg-right.gif) repeat-y left; padding:0 20px; border: none;font-size:12px;   }
.main-wrapper .cpmstep1-budget-left{ padding:5px; float:left; width:505px;}
.main-wrapper .cpmstep1-budget-left .money, .cpmstep1-budget .money{ padding:2px 0 2px 22px; background:url(cpm/bar.png) no-repeat top;margin-left:-8px; }
.main-wrapper .cpmstep1-budget-left h1,.main-wrapper .cpmstep1-budget h1{font-size:13px; font-weight:500; margin:0; background:url(cpm/onecircle.gif) no-repeat center left; padding-left:25px;}
.main-wrapper .cpmstep1-budget-left h2,.main-wrapper .cpmstep1-budget h2{font-size:13px; font-weight:500; margin:0; background:url(cpm/twocircle.gif) no-repeat center left; padding-left:45px; margin-top:30px;}
.main-wrapper .cpmstep1-budget-left h3,.main-wrapper .cpmstep1-budget h3{font-size:13px; font-weight:500; margin:0; background:url(cpm/3circle.gif) no-repeat center left; padding-left:65px;margin-top:30px;}

.main-wrapper .cpmstep1-budget-left ul{ padding:0;  width:505px;list-style-type:none; margin:0; }
.main-wrapper .cpmstep1-budget-left li{ padding-top:5px; list-style-type:none; margin-top:6px; float:left; background:url(cpm/straight.png) top center no-repeat; font-size:10px; text-align:center; color:#666;}
.main-wrapper .cpmstep1-budget-right{ float:right;width:230px; border:1px solid #93c9ff; padding:1px; margin-top:14px}
.main-wrapper .cpmstep1-budget-right .cpminfo{ background:#e7f3fb url(cpm/cpm_info_bg.gif)top repeat-x;}
.main-wrapper .cpmstep1-budget-right .cpminfo h1{ background:none; font-size:13px; font-weight:bold; margin:0; padding:0 10px;;}
.main-wrapper .cpmstep1-budget-right .cpminfo p{ font-size:12px; margin:0 ;padding:0 10px; line-height:24px; }
.main-wrapper .cpmstep1-budget-right .cpminfo span{ font-size:12px; color:#c00000; margin:0; }
.main-wrapper .cpmstep1-budget-right .cpminfo hr{ border:1px #CCC dotted;border-bottom:1px dotted #FFF; height:1px; margin:5px 10px; }

/*-- 通用表格--*/
.sTable{ margin:auto; width:100%; line-height:35px;  text-align:center; margin-bottom:8px;}
.sTable thead{ background:#F7F7F7;font-weight:bold;}
.sTable thead td{ border-bottom:1px solid #CCC;}

.sTable02{ margin:auto; width:100%; line-height:35px;  text-align:center; border-bottom:none;margin-bottom:8px;}
.sTable02 p{ padding:0 5px; font-size:12px;}
.sTable02 span{ color:#F30}
.sTable02 thead{ background:#fff7f7;font-weight:bold;}
.sTable02 thead td{ border-bottom:1px solid #ffcbcd;}
.sTable02 tbody td{ border-bottom:1px dotted #bdbcbd; background:#fefefe; padding:5px 0;}

.sTable03{ line-height:35px; background:#bdbcbd;}
.sTable03 thead td{ background:#F7F7F7;}
.sTable03 tbody td{ background:#FFF;}

.sTable04{ line-height:35px; background:#bdbcbd; width:100%;}
.sTable04 thead td{ background:#F7F7F7; font-weight:bold;}
.sTable04 tbody td{ background:#FFF;}
.sTable04 td{ text-align:center;}

.sTable05{ line-height:20px; background:#bdbcbd; width:100%; margin-bottom:8px;}
.sTable05 thead td{ background:#F7F7F7; font-weight:bold;}
.sTable05 tbody td{ background:#FFF;}
.sTable05 td{ padding:5px 5px;}

.sTable06{ margin:auto; width:100%; line-height:25px; margin-bottom:8px;}
.sTable06 thead{ background:#F7F7F7;font-weight:bold;}
.sTable06 thead td{ border-bottom:1px solid #CCC;}