/*---------賣牌者選擇賣牌頁 (sellPredictCheck.php)-------*/
body {
	/*background-color: #B3B3B3;*/
	text-align:center;
}


/*== 售牌主內容區塊 ==*/
#spc_content {
	border: 1px solid #e0e0e0;
	margin: 15px;
	padding: 10px;
	width: 800px;
	background-color: #f4f4f4;
	position:relative;
}
.spc_item_content--emphasize{
	margin-left:20px;
}

/*== 各個項目區塊 ==*/
.spc_item {
	border: 0px dashed #CCCCCC;
	padding: 10px;
	margin-top: 10px;
	background-color: #ffffff;
	text-align:left;
}
.spc_item--emphasize{
	position: relative;
	left: -20px;
	width: 820px;
	border: 1px solid #e0e0e0;
	padding-top: 30px;
	-webkit-box-shadow: 0 0 5px 0px #e0e0e0;
	-moz-box-shadow: 0 0 5px 0px #e0e0e0;
	box-shadow: 0 0 5px 0px #e0e0e0;
}
.frame_border_side_deco--l, .frame_border_side_deco--r{
	width:10px;
	height:4px;
	position:absolute;
	bottom:-5px;
}
.frame_border_side_deco--l{
	left:-1px;
	background:url("/images/frame_border_side_deco_l.png") no-repeat center bottom;
}
.frame_border_side_deco--r{
	right:0;
	background:url("/images/frame_border_side_deco_r.png") no-repeat center bottom;
}

/*== 項目區塊標題 ==*/
.spc_title {
	font-family: Verdana;
	font-weight: normal;
	font-size: 13px;
	color: #404040;
	padding-left: 0.3em;
	border-left: 1em solid #86C2FF;
	border-bottom: 1px solid #86C2FF;
	margin-bottom: 10px;
	width:385px;
}
.spc_title_announce{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	color:#f00;
}
.spc_title--emphasize{
	margin-left:20px;
}
.spc_title--base{
	position:relative;
}

/*== 項目區塊 - 內容區塊 ==*/
.spc_item_content {
	width: 400px;
	float:left;
}
.spc_content_announce{
	font-size:15px;
	line-height:24px;
}
.spc_item_content--emphasize{
	margin-left:20px;
}

/*== 預測者自訂推銷說明範本視窗 ==*/
.tell {
	width:400px;
	margin-top: 20px;
	line-height:24px;
	position:absolute;
	display:none;
	border:2px solid #3987FC;
	background:white;
	padding:8px;
	font-size:13px;
	text-align:left;
}

/*== 說明區塊 ==*/
.spc_item_note {
	width: 350px;
	float:left;
	margin-left: 20px;
	margin-bottom:20px;
	line-height:20px;
}

/*== 說明區塊標題 ==*/
.spc_item_note_title {
	font-weight: normal;
	font-size: 13px;
	color: #666;
}
.spc_item_note ol li{
	margin-left:20px;
}
.spc_item_note ol strong{
	color:#f00;
}

/*== 個人密碼驗證 ==*/
.passwordCheck_row{
	margin-bottom:10px;
}
.passwordCheck_row input{
	border:1px solid #e0e0e0;
}

/*== 填寫提醒 ==*/
.spc_remind{
	position:absolute;
	background:#090;
	border:1px solid #090;
	opacity:0.8;
	color:#fff;
	top:-90px;
	left:-44px;
	width:820px;
	padding:10px;
	border-radius: 4px;
	font-family: "微軟正黑體", "Microsoft JhengHei";
}
.spc_remind_wrap{
	float:left;
}
.spc_remind h1{
	margin:0;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
}
.spc_remind p{
	font-size:13px;
}
.spc_remind .spc_remind_bt{
	display:inline-block;
	font-family: "微軟正黑體", "Microsoft JhengHei";
	font-size:13px;
	float:right;
	vertical-align:middle;
	color:#212121 !important;
	background:#fff;
	border:1px solid #008000;
	padding:10px 20px;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 0 5px 0px #060;
	-moz-box-shadow: 0 0 5px 0px #060;
	box-shadow: 0 0 5px 0px #060;
	position:relative;
	top:0;
	transition:top 0.1s linear 0s;
}
.spc_remind .spc_remind_bt:hover, .spc_remind .spc_remind_bt:active{
	top:-2px;
	color:#212121 !important;
	background:#f4f4f4;
	border:1px solid #060;
	cursor:pointer;
	text-decoration:none !important;
	-webkit-box-shadow: 0 0 0px 0px #060;
	-moz-box-shadow: 0 0 0px 0px #060;
	box-shadow: 0 0 0px 0px #060;
}
.spc_remind .spc_remind_bt:active{
	top:0px;
}
.spc_remind_deco{
	width:36px;
	height:11px;
	background:url("/images/spc_remind_deco.png") no-repeat center bottom;
	position:absolute;
	bottom:-12px;
	left:18px;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  60% {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*== 說明文輸入欄位 ==*/
.centerProductIntro_text{
	border:1px solid #e0e0e0;
	position:relative;
	padding-top:10px;
}
.spc_item_content_textarea{
	display:block;
	border:0px solid #e0e0e0;
	resize:none;
	width:378px;
	height:60px;
	margin:0 10px;
	font-size:13px;
	line-height:20px;
	color:#212121;
	outline: none;
}
.spc_item_content_textcounter{
	padding:5px 10px 10px 10px;
	color:#bdbdbd;
	font-size:13px;
}
.text_counter{
	padding-left:5px;
}

.sellconfirmtd{
    padding:5px 10px;
    text-align:left;
}

.sellconfirmtdtitle{
    padding:5px 15px;
    text-align:center;
    color:#006699;
    font-size:15px;
}

.sellconfirmtd, .sellconfirmtdtitle, .sellconfirmtdc{
    border-bottom:2px solid #EEEEEE;
}

.sellconfirmtdc{
    text-align:left;
    padding:6px 8px 6px 2px;
    color:#009900;
}

#spc_head {
    border: 0px;
    padding: 10px 8px;
    margin-bottom:10px;
    line-height:20px;
    font-size:15px;
    text-align:left;
}

.sellerPromoteLine {
    font-size: 14px;
    line-height: 22px;
    color: #009900;
}

/*== 小叮嚀輸入欄位 ==*/
.spc_item_content_textareas{
	display: block;
    border: 1px solid #e0e0e0;
    width: 378px;
    height: 82px;
    font-size: 13px;
    line-height: 20px;
    color: #212121;
    padding: 10px;
}