@charset "utf-8";
/* CSS Document */

/* Ch1 基礎共用設定 */

html * {
   font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
SCROLLBAR-FACE-COLOR: #666;
SCROLLBAR-HIGHLIGHT-COLOR: #666;
SCROLLBAR-SHADOW-COLOR: #111111;
SCROLLBAR-3DLIGHT-COLOR: #333;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #111111;
SCROLLBAR-DARKSHADOW-COLOR: #111111;
SCROLLBAR-BASE-COLOR: #666;
}

img{
	border:0;
	margin:0;
	padding:0;
}

ul {
  list-style: none;
}

a {
	color:#666666;
	text-decoration:none;
}

a:hover {
	color:#666666;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,p {
	margin: 0px;
	padding: 0px;
}

hr {
    display: none;
}

.clear{
    clear:both;
}

body{
    background-color:#000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Ch2 版面結構 */

#wrap{
	position: absolute;
	left: 50%;
	width: 852px;
	margin-left: -425px; /* negative Hfte von width:800px = horizontal zentriertes DIV  */
	top: 50%;
	height: 462px;
	margin-top: -261px; /* negative Hfte von height:600px = vertikal zentriertes DIV  */
	font-family: Verdana, Arial;
	font-size:11px;
	color:#666666;
}

#header{
    float:left;
	width:850px;
	height:30px;
}

#header .link{
    font-size:11px;
	color:#999999;
	float:left;
	margin:8px 0;
}

#header .hotnew{
	float:left;
	color:#FF6600;
	font-size:11px;
	margin-left: 320px;
	margin-top: 8px;
}

#header .hotnew a{color:#FF6600;font-size:11px;}
.navigation{
    float:right;
	margin-right:20px;
}

#sub-navi{
	float:left;
	padding-top:20px;
	width:160px;
	color:#666;
}

#main{
    float:left;
	width:850px;
	height:400px;
	border: 1px #333 solid;
	background-color:#111111;
}


#foot{
	margin:0 auto;
	float:left;
	width:850px;
	padding:8px 0 0 0;
	text-align:right;
	color: #666666;
}

#foot .logo{
    float:left;
}
/* Ch3 商品總覽 */

#sub-navi ul{
	list-style-type:none;
	margin:15px 0 0 38px;
}

#sub-navi li a{	
    color:#666;
	text-decoration:none;
	line-height:160%;
	font-size:11px;
}

#sub-navi li a:hover{	
    color:#fff;
	text-decoration:none;
	line-height:160%;
}

.mainclass{
    font-weight:normal;
	color:#CCC;
}

.mainclass a{
    color:#ccc;
}
.subclass{
    margin-left:15px;
	color:#CCC;
}

#showcase{
	float:left;
	margin:62px 0 12px 10px;
	width:405px;
}
.prod-show{
	float:left;
	margin-right:10px;
	border-right:1px #333 solid;
	padding: 0;
}

#showcase .prod{
	text-align:left;
	background:#666;
	padding:3px;
	margin:7px;
}
#showcase .prod img{
	float:left;
}

#showcase .pages{
	float:left;
	margin-top:30px;
	width:375px;
	height:20px;
	text-align: center;
	color:#666;
}

#showcase .pages a{
    color:#CCC;
	text-decoration:none;
	font-weight:bold;
}

#showcase .pages a:hover{
    color:#FF9900;
	text-decoration:none;
}

.clogo{
	float:left;
	padding: 2px 4px 2px 0;
}
.num{
	float:left;
	width:200px;
	margin-left:85px;
}

.pnum{
	float:left;
	width:200px;
	margin-left:60px;
}

.last-btn{
    float:left;
	margin-left:10px;
}

.next-btn{
    float:right;
	margin-right:10px;
}

#showview{
	float:left;
	margin:62px 0 12px 10px;
	width:505px;
}

#showview .view{
	float:left;
	width:180px;
    
}

#showview #large{
	float:left;
	width:170px;
	text-align:center;
}

#showview #large img{
    padding:0;
}

#large .btn{
	width:30px;
	float:left;
	margin-left:45px;
}

#showview .view img{
	float:left;
	background:#666;
	padding:3px;
	margin:3px;
}

#showview .text{
	float:left;
	width:305px;
	padding-top: 3px;
}

#con {
	width:305px;
	height:285px;
	overflow-y:auto;
}
#con #con_in {
	border-bottom:solid 1px #444;
	line-height:18px;
	width:305px;
	color:#888;
}
#showview #con #con_in .tt{
	background-color:#191919;
	text-align:center;
	width:50px;
	color:#555;
}
#contact #con #con_in .fir,#showview #con #con_in .fir{border-top:solid 1px #444;}
#contact #con #con_in td,#showview #con #con_in td{border-top:solid 1px #222;padding:3px 10px;text-align:left;}

/* Ch3 線上諮詢 */

#contact{
	float:left;
	padding-top:20px;
	width:430px;
	color:#666;
}

#contact #con {
	width:305px;
	height:285px;
	margin:10px 0 0 45px;
}

#contact #con #con_in {
	border-bottom:solid 1px #444;
	line-height:18px;
	width:365px;
	color:#888;
}

#contact #con {
	width:375px;
	height:325px;
}

#contact #con #con_in .tt{
	background-color:#191919;
	text-align:center;
	width:45px;
	color:#555;
}

#contact input,#contact textarea{
    color:#CCC;
	background:#222;
	border:#333 1px solid;
	padding:2px 3px 1px 3px;
	margin:1px 0;
	font-size:11px;
}

#contact .text{
	font-size:12px;
	color:#999;
	line-height:180%;
	float:left;
	margin:15px 0 0 20px;
	width:300px;
}

#contact .news{
	float:left;
	margin:15px 0 0 0;
}

#contact .pages{
	float:left;
	margin-top:10px;
	width:425px;
	height:20px;
	text-align: center;
	color:#666;
}

#contact .pages a{
    color:#CCC;
	text-decoration:none;
	font-weight:bold;
}

#contact .pages a:hover{
    color:#FF9900;
	text-decoration:none;
}


#left_re{float:left;width:88px;height:408px;border:solid 1px #333;}
#content_re{float:left;width:720px;height:408px;border:solid 1px #333;border-left:none;background-repeat: no-repeat;background-image: url(../images/0li.gif);background-position:0px 36px;padding-left:35px;background-color:#111;text-align:left;overflow:hidden;}
#title_re{height:110px;background-repeat: no-repeat;background-position:4px 32px;padding-left:4px;}

#rep_ti td{border-top:solid 1px #444;border-bottom:solid 1px #444;line-height:22px;height:22px;font-size:10px;text-align:center;}
#rep_ti div{border-right:solid 1px #333;height:12px;line-height:12px;}

#rep_li td{border-bottom:solid 1px #222;line-height:14px;font-size:10px;text-align:center;padding:5px 10px;}
#rep_li .f12{font-size:12px;}
#rep_li .sj{font-size:12px;text-align:left;}
#rep_li .sj a:link {text-decoration: none; color:#888;}
#rep_li .sj a:visited {text-decoration: none; color:#888;}
#rep_li .sj a:hover {text-decoration: none; color:#fff;}
#rep_li .go a:hover{position:relative;left:2px;}

#rep_inin{width:920px;height:450px;padding:0px 10px 10px 0;overflow-y:scroll;}
#rep_con{border-bottom:solid 1px #222;margin-bottom:15px;}
#rep_con td{line-height:22px;height:22px;border-top:solid 1px #444;padding-left:10px;}
#rep_con .f10{font-size:10px;}
#rep_con div{height:12px;line-height:12px;border-right:solid 1px #333;}

#dis_box{line-height:16px;color:#666;}
#dis_box th{height:25xp;line-height:25px;text-align:center;font-weight:normal;color:#777;background:#333;}
#dis_box td{padding:4px 0;font-size:10px;}
#dis_box .dis_ti{padding:4px 10px;font-size:12px;}
#dis_box .dis_ti a{text-decoration:none;color:#666;}
#dis_box .dis_ti a:hover{text-decoration:underline;color:#9F9F9F;}
a.lin:hover{position:relative;left:-2px;}

#showview .back{
	float:left;
	width:500px;
	text-align: right;
}
#showview .back a{
    color:#FF9900;
	text-decoration:none;
}
#showview .back a:hover{
    color:#FF9900;
	text-decoration:underline;
}