@charset "utf-8";

/* CSS Document */

.ComLeftSubBox .ComListMinBox h3,.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink,.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink b,
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink u,.type-switch-box ul li a,.type-switch-box ul li a span,.post-title-box h3,.post-content-box table td button,.item-body-box ul li,.item-body-box ul,.search-condition-box button,.all-sub-box .rgt-sub-title-box h3,
.all-sub-box .post-link-box ul li a,.all-sub-box .post-link-box ul li a span,.item-image-thumb-box .lft a,.item-image-thumb-box .rgt a,
.search-condition-box h3 span,.tabs .current,.member-link-box,.member-close-box, 
.txtView,.imgView,.postlink,.postlink span{
	background:url(//img.8891.com.tw/store/icon0614_192x400.png) no-repeat scroll 0 0 transparent;
}
.ComLeftSubBox .ComListMinBox h3 {
	height: 30px;
	background-position: 0 0;
	padding-left: 10px;
	display:block;
	color:#FFF;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink,.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:hover {
	margin-bottom: 1px;
	margin-bottom: 1px;
	_margin-bottom: -2px;
	font-size: 11pt;
	position:relative;
	display:block;
	padding-left: 25px;
	height: 30px;
	text-decoration: none;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink {
	background-position: 0 -60px;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:hover {
	background-position: 0 -202px;
}

.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:link,.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:active,.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:visited{
	/**color:#0022DD;**/
	color: #404040;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.expansion:link,.ComLeftSubBox .ComListMinBox .cate-box ul li a.expansion:active,.ComLeftSubBox .ComListMinBox .cate-box ul li a.expansion:visited {
	color:#0022DD;
	text-decoration: none;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a:hover,.ComLeftSubBox .ComListMinBox .cate-box ul li a.expansion:hover {
	color:#F30;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink b {
	width: 6px;
	height: 10px;
	font-size:0;
	background-position: -179px -172px;
	display:block;
	position:absolute;
	right:5px;
	top:10px;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:hover b {
	background-position: -179px -182px;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink u {
	width: 15px;
	height: 15px;
	font-size:0;
	display:block;
	position: absolute;
	background-position: -160px -90px;
	top: 8px;
	left: 5px;
}
.ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink:hover u {
	background-position: -160px -105px;
}
.ComLeftSubBox .ComListMinBox h3, .ComLeftSubBox .ComListMinBox .cate-box ul li a.menuLink {
	line-height: 200%;
	line-height: 240%\9;
	_line-height: 30px;
	_display: block;
	_clear:both;
}
.ComLeftSubBox .ComListMinBox .cate-box {
	border: 1px solid #F90;
	_background:#FFF;
	_clear:both;
	_position: relative;
}
.ComLeftSubBox .ComListMinBox .cate-box ul {
	_position: relative;
	_padding-bottom: 1px;
}

/**search-condition-box**/
.search-condition-box {
	min-height: 60px;
	text-align: left;
	padding-top: 13px;
	text-align:center;
	_display: inline;
}
.search-condition-box form {
	_margin-top: 10px;
}
.search-condition-box input {
	height: 26px;
	border: 1px solid #DDD;
	margin-top:-3px;
	margin-top:0px\9;
	+margin-top: -7px;
	+margin-right: 3px;
	padding-left: 5px;
	line-height: 200%;
}
.search-condition-box button {
	border:medium none;
	background-position: 0px -374px;
	height: 30px;
	width: 70px;
	font-size:11pt;
	font-weight:bold;
	color:#404040;
	cursor:hand\9;
}
.search-condition-box p {
	margin-top: 8px;
}
.search-condition-box p em {
	font-style: normal;
	color: #404040;
	margin-left: 8em;
}
.search-condition-box h3,.search-condition-box p {
	text-align: left;
	padding-left: 150px;
}
.search-condition-box h3 span {
	display:block;
	width: 20px;
	height: 22px;
	float:left;
	margin: 5px;
	background-position: 0px -581px;
}
.type-switch-box,.type-switch-box ul {
	clear:type-switch-box;
	overflow:hidden;
	width: 100%;
}
.type-switch-box ul li {
	width: 130px;
	margin: 0px 2px 0px 0px;
}
.type-switch-box ul li a.selected {
	height: 30px;
	background-position: 0px -232px;
	width: 100%;
	display:block;
	text-decoration: none;
}
.type-switch-box ul li a.selected span {
	background-position: 100% -232px;
	display:block;
	height: 100%;
	margin-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	cursor:pointer;
	color: #444;
	font-size:11pt;
	font-weight:bold;
	line-height: 30px;
	line-height: 240%\9;
	text-align:center;
}
.type-switch-box ul li a.normal {
	background-position: 0px -274px;
	width: 100%;
	height: 27px;
	display:block;
	text-decoration: none;
	margin-top: 3px;
}
.type-switch-box ul li a.normal span {
	background-position: 100% -274px;
	display:block;
	height: 100%;
	margin-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	cursor:pointer;
	color: #444;
	font-size:11pt;
	font-weight:bold;
	line-height: 27px;
	text-align:center;
}
.type-switch-box ul li a.postlink, .postlink {
	background-position: 0px -316px;
	height: 27px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	text-decoration:none;
	margin: 0px ;
}
.type-switch-box ul li a.postlink span, .postlink span {
	background-position: 100% -316px;
	background-color: #FFF;
	margin-left: 8px;
	padding-right: 8px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	height: 100%;
	text-align:center;
	line-height: 200%;
	line-height: 240%\9;
	+line-height: 250%;
	_line-height: 240%;
	font-weight:bold;
	color: #FFF;
	cursor: pointer;
}
.type-switch-line-box {
	background:#F90;
	height:3px;
	font-size:0;
	overflow:hidden;
	clear:both;
}
.content-box,.content-box ul {
	clear:both;
	overflow:hidden;
}
.content-box {
 	margin: 0px 5px;
}
.content-box ul li {
	width: 185px;
	min-height: 240px;
	height: 240px\9;
	_height: 250px;
	border-bottom: 1px dashed #F90;
	margin-bottom: 10px;
}
a.txtView,a.imgView{
	display:block;
	padding-left: 20px;
	height: 17px;
	margin: 5px 3px;
	line-height:160%\9;
	_line-height: 140%;
}
li.floatLeft a.txtView {
	background-position: -176px -91px;
}
li.floatLeft  a.imgView {
	background-position: -176px -126px;	
}
li.floatLeft a.txtView.active{
	background-position: -176px -108px;
}
li.floatLeft  a.imgView.active{
	background-position: -176px -142px;
}
.item-box {
	text-align:center;
	width: 100%;
	margin-bottom: 20px;
}
.item-box a{
	color: #0022DD;
}
.item-box img {
	border: 1px dotted #DDD;
	padding: 4px;
	margin-bottom: 6px;
}
.item-box img:hover {
	border: 1px solid #F30;
}
.item-box u {
	font-weight: bold;
	clear:both;
	overflow:hidden;
	display:block;
	width: 100%;
	color: #F30;
	text-decoration:none;
}
.item-box em {
	font-style:normal;
	color:#666;
	line-height: 25px;
}
.item-box p {
	margin: 0px;
}
.menu-sub-box {
	padding: 10px 10px 10px 25px;
	background: #FFFDF3;
	_overflow: hidden;
	_clear: both;
}
.menu-sub-box dl dd {
	height: 20px;
	line-height: 150%;
}
.menu-sub-box dd span{
	font-size: 12px;
}

/*****************infopage*******************/
.nav-box {
	_width: 100%;
}
.nav-box,.all-sub-box {
	margin: 10px 0;
	clear:both;
	overflow:hidden;
}
.nav-box ul li,.nav-box ul u,.nav-box ul em {
	margin-right: 5px;
	text-decoration:none;
}
.title-box {
	background: #FBEDDC;
	/**border: 1px solid #F90;**/
	height: 35px;
	text-align: center;
}
.title-box ul li {
	font-size: 12pt;
	/**color: #404040;**/
	color: #f30;
	line-height: 200%;
}
.item-info-box table td {
	font-family:Verdana, Geneva, sans-serif;
}
.item-body-box,.item-body-box ul {
	overflow:hidden;
	clear:both;
	width: 100%;
}
.item-body-box ul {
	background-repeat: repeat-x;
	background-position: 0px -404px;
	padding-left: 20px;
}
.item-body-box ul li {
	width:180px;
	height: 28px;
	line-height: 200%;
	font-size: 9pt;
	text-align:center;
	background-position: 0px -404px;
}
.item-body-box ul li.selected {
	background-position: 0px -432px;
	border-top: 1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	padding-top: 1px;
	height: 26px;
}
.item-body-box ul li a {
	display:block;
}
.item-body-box ul li.selected a {
	color: #404040;
	text-decoration: none;
	cursor:default;
}
#item-description-box {
	clear:both;
	overflow:hidden;
	width: 100%;
	min-height: 500px;
}
.all-sub-box .rgt-sub-title-box,.all-sub-box .rgt-sub-content-box {
	border: 1px solid #DDD;
}
.all-sub-box .rgt-sub-title-box h3 {
	height: 28px;
	background-position: 0px -60px;
	background-repeat:repeat-x;
	line-height: 200%;
	padding-left: 10px;
	color: #F90;
	font-size: 11pt;
}
.all-sub-box .rgt-sub-content-box {
	border-top: medium none;
	padding: 10px;
	padding-right: 0px;
	line-height: 200%;
}
.all-sub-box .rgt-sub-content-box ul li em {
	margin-left: 10px;
	font-style:normal;
}
.all-sub-box .post-link-box ul li{
	width: 108px;
	height: 41px;
}
.all-sub-box .post-link-box ul li a {
	background-position: 0px -131px;
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.all-sub-box .post-link-box ul li a:hover {
	background-position: 0px  -90px;
}
.all-sub-box .post-link-box ul li a span {
	background-position: -28px -131px;
	display:block;
	height: 100%;
	margin-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	line-height: 250%;
	font-size: 11pt;
	text-align:center;
	font-weight: bold;
	color: #F30;
}
.all-sub-box .post-link-box ul li a:hover span {
	background-position: -28px -90px;
}
.item-info-box .item-image-box {
	margin-bottom: 10px;
}
.item-info-box .item-image-box img {
	border: 1px solid #DDD;
	padding: 10px;
}
.item-info-box .item-image-thumb-box {
	position:relative;
}
.item-info-box .item-image-thumb-box, .item-info-box .item-image-thumb-box ul, .item-info-box .item-image-thumb-box dl{
	text-align:center;
}
.item-image-thumb-box ol dd {
	line-height: 200%;
	padding-left: 20px;
}
.item-info-box .item-image-thumb-box dl dd {
	width: 100px;
	display:inline;
	margin: 1px 3px;
}
.item-info-box .item-image-thumb-box dl dd img {
	padding: 2px;
	border: 1px dotted #EFEFEF;
}
.item-info-box .item-image-thumb-box dl dd img:hover {
	border: 1px solid #F30;
}
.item-image-thumb-box .lft a,.item-image-thumb-box .rgt a {
	height: 50px;
	width: 20px;
	display: block;
}
.item-image-thumb-box .lft a {
	background-position: -151px -604px;
	position:absolute;
	top: 5px;
	left: 1px;
}
.item-image-thumb-box .lft a:hover {
	background-position: -151px -554px;
}
.item-image-thumb-box .rgt a {
	background-position: -171px -604px;
	position:absolute;
	right: 1px;
	top: 5px;
}
.item-image-thumb-box .rgt a:hover {
	background-position: -171px -554px;
}
.content-box  table.item-info-table tr td {
	min-height:50px;
	height: 50px;
}

/********member**********/
.member-link-box {
	height: 14px;
	background-position: 0px -603px;
	padding-left: 18px;
	margin-left: 5px;
}
.member-close-box {
	height: 14px;
	background-position: 0px -616px;
	padding-left: 18px;
	margin-left: 5px;
}

/*******************post**********************/
.post-title-box h3{
	/**background-position: 0 -343px;**/
	background-position: 0 -316px;
	height: 28px;
	width: 192px;
	color: #FFF;
	font-size: 11pt;
	text-align: center;
	line-height: 28px;
}
.post-content-box table td.tdbg {
	background:#f2fbff;
}
.post-title-box ul li {
	height: 1px !important;
	*height:0px;
	_height: 0px;
	font-size: 0px;
	background:#DDD;
}
.post-content-box table,.content-box table {
	background: #EFEFFF;
}
.post-content-box table td,.content-box table td {
	background: #f8f8f8;
	min-height: 40px;
	padding: 5px;
}
.post-content-box table td .inputTxt,.post-content-box table td .inputTxtHover {
	font-size:13pt; height: 25px; color:#333; font-family:Verdana, Geneva, sans-serif;
}
.post-content-box table td .inputTxt {
	border:1px solid #999;
}
.post-content-box table td .inputTxtHover {
	border:1px solid #F60;
}
.post-content-box table td button.enable{
	border:none;
	height: 42px;
	width: 192px;
	background-position: 0px -274px;
	font-size: 13pt;
	font-weight:bold;
	color: #404040;
	font-family:Arial, Helvetica, sans-serif;
	text-indent: -9999em;
	background: url();
}
.post-content-box table td button.disable {
	border:none;
	height: 42px;
	width: 192px;
	background-position: 0px -274px;
	font-size: 13pt;
	font-weight:bold;
	color: #BBB;
	font-family:Arial, Helvetica, sans-serif;
}

div.uploadifyContainer {
	border: medium none;
}
/**
div.uploadifyQueueItem{
	width: 160px;
	float:left;
}
div.fileQueue {
	clear:both;
	overflow:hidden;
}
**/
div.qa-box {
	width: 97%;
	margin: 0 auto;
	border: 1px solid #DDD;
	background:#E8FAFF;
	text-align:center;
}
div.qa-box input {
	border:none;
	background: url(//img.8891.com.tw/index/15.png);
	width: 93px;
	height: 35px;
}
div.a-box {
	width: 97%;
	margin: 0 auto;
	background: #E8FAFF;
	border: 1px solid #DDD;
}
.a-box h3,.a-box h4 {
	font-weight:normal;
	line-height: 200%;
	padding: 0px 20px;
}
.a-box h4 {
	width: 70%;
	background: #EFEFEF;
	border: 1px solid #DDD;
	margin-left: 20px;
}
.a-box hr {
	border: none medium;
	border-bottom: 1px dotted #DDD;
	width: 98%;
	margin: 10px auto;
}

/**tab css**/
/* root element for tabs  */
.tabs { 
}

/* single tab */
.tabs li { 
}

/* link inside the tab. uses a background image */
.tabs a { 
}

.tabs a:active {	
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover{
	background-position: 0px -432px;
	border-top: 1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	padding-top: 1px;
	height: 26px;
}
.tabs li.current a {
	color: #404040;
	text-decoration: none;
	cursor:default;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

/*********member***********/
p.member-answer-box {
	margin: 0px 25px; 
	background:#EFEFEF; 
	padding: 10px; 
	border: 1px solid #DDD; 
	width:70%;
}
div.member-answer-box {
	border: 1px solid #DDD; 
	background: #E8FAFF; 
	padding: 10px 10px; 
	overflow:hidden;
}

/**
 * List列表樣式
 */
.list{
	color: #444;
	font-size: 12px;
	line-height: 1.5;
}
.item{
	border: 1px solid #FFF;
	border-bottom: 1px dashed #CCC;
	padding: 10px 2px;
}
.img, .info, .price, .browse{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 5px;
}
.img *, .info *, .price *, .browse *{
	vertical-align:baseline;
}
.img{
	width: 180px;
	text-align: center;
	margin-right: 0px;
}
.img img{
	border:1px solid #CCC;
	padding: 2px;
	background-color: #EEE;
}
.img a:hover img{
	border:1px solid #CCC;
	background-color: #FFF;
}
.info{
	width: 370px;
}
.info a{color: #04d;text-decoration: underline;}
.info a:hover{color: #c00;text-decoration: none;cursor: pointer;}
a.title{
	font-size: 14px;	
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.attr{
	color:#333;
	line-height: 1.8;
}
.attr a{text-decoration: none;}
.attr a:hover{color: #c00;text-decoration: underline;}
.addr, .class, .date, .photo_num, .QA, .contact{margin-right: 10px;}
.date{color:#999;}
.addr a{color: #333;}
.photo_num b, .QA b{font-size: 11px;color:#C00;}

.price, .browse{
	width: 60px;
	text-align: right;
	color: #444;
	font-family: Arial,Helvetica,"Sans Serif";
}
.price b{
	font-size: 18px;
	padding-right: 2px;
}
.browse b{font-size: 11pt;}
.price{
	color: #E60;
	width: 100px;
}

/* 404沒有找到數據 */
.R404{
	color: #C00;
	text-align: center;
	margin-top: 40px;
	font-size: 11pt;
}


/* 通用表單樣式 */
.normal_form{
	margin-bottom: 20px;
}

.normal_form table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #c1dbff;
}

.frm_post_title, .frm_split_title, button.enable, button.btn_submit, button.disable{
	background: url(//img.8891.com.tw/store/store_postad.png) no-repeat 0 0;
}

button.enable, button.btn_submit{
	width: 227px;
	height: 38px;
	background-position: 0 0;
	border: 0 none #FFF;
	padding:0;
	text-indent: -999em;
	display: block;
	cursor:pointer;
}
button.disable {
	width: 228px;
	height: 40px;
	background-position: 0 -305px;	
	display: block;
}
.frm_post_title{
	height: 35px;
	background-position: 0 -350px;
	text-indent: -9999em;
	margin-bottom: 10px;
}

.frm_split_title{
	height: 30px;
	line-height: 28px;
	background-position: 0 -400px;
	text-indent: 30px;
	font-size: 10pt;
	color: #004D80;
	margin-bottom:-1px;
}

.frm_split_title i{
	color: #C00;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
}

.normal_form table th, .normal_form table td{
	border: 1px solid #c1dbff; 
	padding: 10px;
}

.normal_form table th{
	background-color: #F2FBFF;
	color: #333333;
	text-align: right;
	width: 120px;
	font-size: 10pt;
	vertical-align: top;
}

.normal_form table th b{
	color: #D00;
	font-size: 9pt;
}

.normal_form table td{
	padding-left: 15px;
	color: #444;
	vertical-align: middle;	
	font-size: 10pt;
}

.frm_input_container{
	display: inline-block;
	float:left;
}

/* 表單輸入提示 */
.frm_tips{
	vertical-align: middle;
	float: right;
	width: 300px;
	padding-left: 15px;
	display: none;
}

.frm_tips .frm_tips_arrow{
	width: 0;
	height: 0;
	border-color:transparent #59AFFF transparent transparent;
	border-style:solid;
	border-width:14px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right:-7px;	
	vertical-align: top;
	/*IE8 HACK*/
	margin-right: -5px\9;
	border-width: 13px\9;
	/*IE6 HACK*/
	_border-style: dotted;
	_border-color:#FFF #59AFFF #FFF #FFF;
}

.frm_tips .frm_tips_info {
	-moz-border-radius: 3px;
	-moz-box-shadow:2px 2px 2px #999999;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:2px 2px 2px #999999;
	background-color:#59AFFF;
	border-bottom:1px solid #5291CB;
	border-right:1px solid #5291CB;
	color:#FFFFFF;
	display:inline-block;
	font-weight:normal;
	padding:5px;
	width:220px;
}

.frm_tips .frm_tips_info span{display: none;}

.frm_tips.info_tips, .frm_tips.warning_tips, .frm_tips.error_tips, .frm_tips.success_tips{	
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.frm_tips.info_tips .frm_tips_info span.i, .frm_tips.warning_tips .frm_tips_info span.w, .frm_tips.error_tips .frm_tips_info span.e, .frm_tips.success_tips .frm_tips_info span.s{
	display: inline;
}
/* 表單輸入警告提示 */
.frm_tips.warning_tips .frm_tips_info{
	border-color: #F60;
	background-color: #F60;
}

.frm_tips.warning_tips .frm_tips_arrow{
	border-color:transparent #F6 transparent transparent;
}

/* 表單輸入錯誤提示 */
.frm_tips.error_tips .frm_tips_info{
	border-color: #900;
	background-color: #b00;
}

.frm_tips.error_tips .frm_tips_arrow{
	border-color:transparent #b00 transparent transparent;
}

/* 表單輸入成功提示 */
.frm_tips.success_tips .frm_tips_info{
	border-color: #060;
	background-color: #090;
}

.frm_tips.success_tips .frm_tips_arrow{
	border-color:transparent #090 transparent transparent;
}

.normal_form input, .normal_form select{
	font-weight: normal;
	height: 20px;
	min-width: 40px;
	font-size: 10pt;
	vertical-align: middle;
	border: 1px solid #4F81A4;
}

.normal_form input.focus, .normal_form select.focus{
	border: 1px solid #F60;
	-moz-box-shadow: 0 0 2px #F60;
}

.normal_form #uploadifyButton input.uploadifyUpload{
	height: 35px;
}

#fileQueue input, #uploadifyfrm_tips input, #uploadifyButton input{
	border: 0 none #FFF;
	height: auto;
}