@import url("style_showroom.css");

body {
	background: url(/images/5/showroom3/free-leftbg2.gif) repeat-y 11px;
}
#show_content {
	background: url(/images/5/showroom3/free-leftbg.gif) no-repeat bottom right;
	border: 1px solid #555;
}
div.show-top {
	background: url(/images/5/showroom3/top_02.gif) repeat-x;
	border: 0px solid #000;
	height: 176px;
	
}
div.show-top2 {
	width: 212px;
	float: right;
}
div.show-top .company {
	height: 142px;
	margin: 0px;
	padding: 34px 0px 0px 150px;
	background: url(/images/5/showroom3/rotate1024.gif) no-repeat;
}
/*** div.show-top .company的底圖要做800 / 1024 / 1152 / 1280 四種寬度的 ***/
/*** 正式機的時候 background: 要刪除 ***/

div.show-top .company-name {
	padding: 5px 0px 0px 0px;
}
div.show-top .company-name p{
	border: 0px solid #000;
	padding: 8px 0px 0px 137px;
	line-height: 1.5em;
}
div.show-top .company img{
	margin-left: 40px;
}
div.show-top .company-name2 img{
	margin-left: 0px;
}
div.show-top .company table{
	margin: auto;
}
#show-left {
	background: url(/images/5/showroom3/free-leftbg2.gif) repeat-y ;
	height:100%;
	width: 182px;
	border: 0px;
}
#show-left ul{
	line-height: 14px;
}
#show-left li{
	background: url(/images/5/showroom3/left-box.gif) 8px 6px no-repeat;
	padding: 8px 0px 8px 26px;
	margin-top: 6px;
}

#show-left li a:link, #show-left li a:visited {
	text-decoration: none;
	color: #003366;
	}
#show-left li a:hover {
	color: #006699;
}
#show-left .yellow{
	background: url(/images/5/showroom3/left-box-y.gif) no-repeat 0px 2px;
	font-size: 12px;
	line-height: 20px;
}
#show-left .yellow a:link, #show-left .yellow a:visited{
	color: #000000;
}
#show-left .yellow a:hover{	
	color: #000000;
	}
#show-left .allpro{
	background: url(/images/5/showroom3/left-box-y.gif) no-repeat 0px 2px;
	font-size: 12px;
	line-height: 20px;
}
#show-left li ul{
	margin: 5px 0px 0px -25px;
	padding: 0px;
	background: fixed; 
}
#show-left li li{
	background: url(/images/5/arrow-s1.gif) no-repeat 20px 12px;
	padding: 7px 5px 5px 30px;
	margin-right:2px;
	border-bottom: 1px dashed #999;
	color: #666666;
}
#show-left li li a:link, #show-left li li a:visited{
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #666;
}
.logo_g, .clear_g{
	border-top:2px double #5BBCDE;
	border-right:2px double #A8DDF0;
	border-bottom:2px double #A8DDF0;
	border-left:2px double #5BBCDE;
 }
#show-left .google .sb_btn{
	border-top:1px double #83DDFF;
	border-right:1px double #0B89B9;
	border-bottom:1px double #0B89B9;
	border-left:1px double #83DDFF;
	background: url(/images/5/showroom1/boxbg2.gif) repeat-x #fff 1px 2px;
}
#show-right {
	background: url(/images/5/showroom1/rightbg1.gif) no-repeat left bottom;
	margin: 1px 5px 20px 0px;
}
#right-items h2{
	background: url(/images/5/showroom3/boxbg1.gif);
	height: 24px;
	padding: 9px 1px 1px 0px;
	margin: 0px 0px 10px 0px;
}
#right-items ul{
	text-align: left;
	margin: 0px;
	font-size: 11px;
	color: #333333;
	padding: 0px;
}
#right-items li{
	font-size: 10px;
	background: url(/images/5/arrow-3.gif) no-repeat 8px 6px;
	padding: 0px 0px 5px 17px;
	list-style-image: url(/images/5/spacer.gif);
}
#right-items p{
	margin: 10px 0px 10px 0px;
}

#show-main {
	margin: 0px 150px 10px 190px;
	padding-bottom:6px;
}
#show-main1 {
	border: 0px solid #dcdcdc;
	margin: 0px 0px 10px 190px;
	padding-bottom:10px;
	font-size: 11px;
}
#show-main1 div.inq {
	padding: 10px 0px;
	width: 98%;
	margin: 10px 0px;
	clear: both;
 }
div.info{
	padding: 0px 0px 10px 10px;
	width: 94%;
	margin: 0px 0px 30px 0px;
	}
div.info .contact-bg, div.info .contact-bg2{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	letter-spacing:0.1em;
    background: url(/images/5/showroom3/arrbg2.gif) left top no-repeat;
	color: #CC6600;
	padding: 5px 0px 0px 34px;
	margin-top:3px;
	}
div.info h2, div.info h1{
	background: url(/images/5/showroom3/arrbg1.gif) left top no-repeat;
	color: #336699;
	height:25px;
	margin-top: 3px;
	padding: 5px 0px 0px 34px;
	}
div.info h2 strong{
	font:15px;
	font-family: Arial;
	font-weight:bold;
	color:#333;
	}
div.info h2 [first-letter]{
	font: 20px #3366cc;
	font-family: Arial;
	}
div.info .right1 {
	float: right;
	 }
div.info .cate{
	padding: 15px 0px 5px 28px;
	width: 95%;
	}
div.info .cate li{
	margin:6px 0px 6px 0px;
	background:url(/images/5/arrow-10.gif) no-repeat left ;
 	}
div.info-list li{
	background:url(/images/5/arrow-10.gif) no-repeat 0px 8px ;
	}
div.info-oem li{
	padding: 0px 0px 0px 10px;
	margin: 0px 2px 5px 0px;
	float: left;
	width: 80%;
	border: 0px solid #000;
	list-style-type: disc;
	}
#presslist ul{
	padding: 0px;
	margin: 10px 0px 10px 18px;
	border: 0px solid #000;
	width: 90%;
}
#presslist li{
	float: left;
	background-color: #999999;
	padding: 0px 15px 0px 15px;
	font-weight: bold;
	list-style-image: url(/images/5/spacer.gif);
	margin: 0px 5px 0px 0px;
	background-image: none;
	width: 30px;
}
#presslist li a{
	color: #FFFFFF;
	text-decoration: none;
}
#presslist .big-pic{
	margin: 8px 15px 5px 8px;
	}
#showlist {
	background: url(/images/5/showroom/line1.gif) repeat-x left bottom;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 20px;
	clear: both;
	width: 98%;
}
#showlist #vip_sub{
	text-align: right;
	margin-top: 10px;
	border: 0px solid #000;
	float: right;
	font-size: 10px;
	color: #666;
}

div.detail, div.detail-1, div.detail-2, div.clumn{
	margin: 5px 10px 10px 5px;
	text-align: left;
	}
.info #themes li{
	width: 108px;
}
.move{
	margin: 20px 4px;
}
div.quality-info{
	margin-left:220px;
	line-height: 24px;
}

/* BMS CSS Document */
input, select-home{
	vertical-align: top;
	 }
.inq-home {
	/*border: 1px solid #FFD685;
	background-color: #FFFBEC;*/
	width: 98%;
	font-size: 10px;
	float: left;
	color: #555;
	height: 28px;
	text-align: right;
	margin: 8px 0px 0px 0px;
	padding: 8px 10px 0 0;
	border: 0px solid #000;
	}
.inq-home img{
	vertical-align: middle;
}

/**************** tp_header styles *****************/
#tp_search{
	height:64px;
	padding-top: 13px;
}
#tp_search div{
	clear:none;
}
#tp_breadcrumb {
	float: left;
	margin: 12px 0px 0px 0px;
}
#tp_bar{
	float: right;
	background-color: #E5E5E5;
	font-size: 10px;
	clear: none;
	color: #555;
	margin: 12px 0px 0px 0px;
}
/**************** tp_container styles *****************/
#tp_container {
	margin: 0 1% 0 1%;
	border: 0px solid #666666;

}
/**************** table styles *****************/
#info-box{
	margin: 10px 0 0 10px;
	width: 98%;
	}
#info2-box{
	vertical-align: top;
	border-top: 1px solid #DCDCDC;
	margin: 5px 0px 0px 0px;
	width: 100%;
	_width: 99.5%;
	}

#info2-box th{
	background-color: #F3F3F3;
	text-align: left;
	padding: 6px 10px 6px 15px;
	width: 25%;
	color: #000000;
	font-weight: bold;
	list-style-image: url(/images/5/arrow-10.gif);
	}
#info2-box td{
	padding: 8px 10px 8px 28px;
	border-bottom: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	text-align: left;
	}
/**************** comment styles *****************/
.page1 em{
	background: url(/images/5/showroom1/p_bg2.gif) repeat-x;
	color:#fff;
	border:0;
	padding: 3px 7px;
}

/**************** table styles *****************/
#contact-box , #compare-box{
	border-bottom: 3px solid #FFCE8E;
	background-color: #FFCE8E;
	text-align: left;
	margin: 10px 0 15px 5px;
	width: 78%;
	}
#homecontact-box{
	border-bottom: 3px solid #FFEBCB;
	background-color: #FFCE8E;
	text-align: left;
	width: 93%;
	margin: 10px 0 15px 12px;
	} 
#contact-box th , #homecontact-box th{
	background-color: #FFF9EC;
	color: #c60;
	text-align: right;
	padding: 5px 10px;
	font-weight: normal;
	}
#homecontact-box td{
	padding: 5px 10px;
	vertical-align: top;
	background-color: #fff;
	}
.info .clumn{
	width: 98%;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding: 25px 0px 8px 0px;
	margin: 10px 0px 0px 5px;
	}