@import url('/webshop/common_html/css/reset.css');
@charset "utf-8";
body {
	color:#000000;
	background-color:#FFFFFF;
	border:0;
	text-align:center;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	line-height:20px;
}
.hide-span {
  display: none;
}
#main { width:1003px; margin:0 auto; background:url(/webshop/img/itemmall/bg.jpg);}
a { text-decoration:none; color:#000000;}
a:hover { color:#c0143a;}
img { border:0; padding:0; margin:0;}


.top { position:relative; width:1003px; height:328px; background:url(/webshop/img/itemmall/product_top.jpg);}
.hot_product { position:relative; background:url(/webshop/img/itemmall/hot_bg.jpg) no-repeat; width:655px; height:274px;}
.hot_product_content {text-align:center; position:absolute;	left: 189px; top: 130px;}
.search { width:655px; height:31px; background:url(/webshop/img/itemmall/search_bg.jpg) no-repeat; margin-top:10px;}
.font_blue_14_b { font-size:14px; color:#00458e; font-weight:bold; line-height:24px;}
.font_red { color:#c0143a; line-height:24px;}
.extra_product { margin:0 auto; padding-top:10px; width:606px;}
.extra_product_on { margin:0 auto; padding-top:10px; width:606px;}
.page { color:#00458e; text-align:center; margin-bottom:15px;}

.content { text-align:left; width:1003px; background:url(/webshop/img/itemmall/content_bg01.jpg) no-repeat;}
.login {background:url(/webshop/img/itemmall/login_bg.jpg); padding-top:85px; width:198px; height:117px;}
.login td { text-align:center;}

.new_product_title {margin-top:10px; text-align:left;}

.new_product_content { background:url(/webshop/img/itemmall/new_product_bg02.jpg); margin-bottom:15px;}

/*狣琲馧*/
.shop { width:654px; background:#FFFFFF; line-height:28px;}
.shop_list td{border-bottom: 1px dashed #1B618F; padding-bottom:5px;}


.footer { margin-bottom:30px;}

.space { display:block; height:10px; background:url(/webshop/img/itemmall/space.gif);}

.ItemTextarea {
	border:1px solid #CBCBCB;
	color:#6D6A6A;
	font-family:Dotum,Arial,verdana,helvetica;
	font-size:9pt;
	line-height:14pt;
	padding-left:5px;
	padding-right:5px;
	width: 260px;
	height: 200px;
}

.boder_table tr{
	PADDING-RIGHT: 5px; 
	BORDER-TOP: rgb(200,200,200) 2px dotted;
	BORDER-BOTTOM: rgb(200,200,200) 2px dotted;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px"
}


.error-message {
	display: none; /* 默认不显示 */
	white-space: nowrap; /* 防止文本换行 */

	position: absolute;
	background-color: #ffdddd;
	color: red;
	padding: 10px;
	border-radius: 9px;
	border: 1px solid red;
	z-index: 100; /* 确保它显示在其他元素之上 */

	/* 用于创建小三角形 */
	::after {
		content: "";
		position: absolute;
		bottom: -10px; /* 调整为底部 */
		left: 10px; /* 调整三角形位置 */
		border-width: 5px;
		border-style: solid;
		border-color: red transparent transparent transparent;
	}
}

.dialog{    //制作圆角对话框
border: solid 2px;
	border-radius: 15px;
	padding: 25px;
	display: inline-block;
	position: absolute;
	font-size: 1.5em;
	color: cornflowerblue;
	float: right;
	width: 192px;
}

  .dialog:before{
	  content: "\00a0";
	  width: 0;
	  height: 0;
	  border-top:32px solid #fff;
	  border-right: 35px solid;
	  margin-left: -81px;
	  margin-top: 32px;
	  position: absolute;
  }
.dialog:after{
	content: "\00a0";
	position: absolute;
	top: 43px;
	bottom: 88px;
	left: -37px;
	border-top: 44px solid transparent;
	border-right: 48px solid #ffffff;
	border-bottom: 0 solid transparent;
}
div{
	text-align: center;
}


.custom-dialog {
	position: fixed; /* 或者 absolute，视情况而定 */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000; /* 确保对话框在最上层 */
	background-color: #fff;
	border-radius: 9px;
	padding: 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	display: none; /* 默认不显示 */
}

.dialog-content p {
	color: #333;
	margin: 10px 0;
}

.dialog-buttons {
	text-align: right;
}

.dialog-buttons button {
	margin-left: 10px;
}