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

html{

	background-image: url(../images/bg/body.jpg);

	background-repeat: repeat-x;

	background-position: center top;

}
BODY {
	margin: 0px auto 0px auto;

	font-family: Arial;

	line-height: 18px;

	font-size: 72%;
	
	color:#787878;

  text-align:center;

}
pre {
 white-space: pre-wrap;    /* css-3 */
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 white-space: -pre-wrap;   /* Opera 4-6 */
 white-space: -o-pre-wrap;  /* Opera 7 */
 word-wrap: break-word;    /* Internet Explorer 5.5+ */
}

#lists {
	padding:0;
	margin-top:45px;s
	list-style:none;
	position:absolute;
	float:right;
	width: 720px;
	margin-left: 240px;
} /* margins for this demonstration only */
#lists li {display:inline; float:left;; height:35px;}
#lists li a.tl {display:block; height:35px; text-decoration:none; line-height:30px; font-size:17px; color:#333;margin-left:45px;font-weight:bold}
#lists :hover div dl dt {text-indent:10px; margin-right:10px; margin-bottom:5px;margin-top:15px;text-decoration:none; height:23px;font-size:15px;background:#29d6e5;width:175px;padding-top:5px}

#lists div {display:none;}

#lists li a:hover {
	text-decoration:none;
	white-space:normal;
}
#lists li:hover > a {text-decoration:none; white-space:normal; background-position:130px 15px;color:#7B7B7B}

#lists :hover div{display:block; width:598px; background:#faebd7; position:absolute; left:0; top:35px; border:0px solid #888; padding-bottom:10px;}
#lists :hover div.pos2 {
	margin-left:35px;
	background-color: #FFF;
/* for IE */
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#ffffff', gradientType='1');

/* for Safari, Chrome */
background: -webkit-gradient(linear, left top, right bottom, from(#FFF), to(#B8B8B8));opacity:0.9;

/* for Mozilla, Firefox */
background: -moz-linear-gradient(top, #FFF, #eeeeee);-moz-opacity:0.9;

}
#lists .two:hover {position:relative;}
#lists .single:hover {position:relative;}
#lists :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:179px;}
#lists .two:hover div {left:-150px;}
#lists .two:hover div dl {width:129px;}
#lists .two:hover div dl dt {width:129px;}

#lists .single:hover div dl {width:129px;}
#lists .single:hover div dl dt {width:129px;}

#lists :hover div dl dd {padding:0; margin:0;}
#lists div dl dt:hover > a {color:#000}

#lists :hover div dt a {text-decoration:none; font-weight:bold; color:#fff;}
#lists :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:14px; color:#000; text-indent:10px; line-height:26px;font-family:arial, helvetica, sans-serif;}
#lists :hover div dd a:hover {text-decoration:underline;}
#lists .clear {clear:both;}
.subsubmenu{
font-weight:bold;margin-left:0px;font-size:15px;color:#000;text-indent:10px;line-height:35px;}

#maindv{
	width:100%;
	text-align:center;
	margin-top:40px;
	float: left;
}
.header{
	width:100%;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	float: left;
	height: 110px;
}
.hotnews{
	width:100%;
	text-align:center;
	margin-top:15px;
	margin-bottom:10px;
	float: left;
	height: 25px;
}
.hotnews a{
color:#292F37
}
.redtx{font-weight:bold;color:#F00}
.centerdv{
	width:970px;
	height: 446px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
}
.picdv{
	width:301px;
	margin-top:0px;
	float: left;
	margin-right: 22px;
	}
#menudv{
	width: 1100px;
}
.logodv{
	float:left;
	margin-left: 20px;

}
.footer_tx{
	width:100%;
	font-size:12px;
	margin-top:40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.footer{
	width:100%;
	height: 183px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.solgan{
	font-size:20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:15px;
	font-weight:bold;
	color:#333;
	text-align: center;
	font-family: Arial;
	width: 100%;

}
.flashbt{
	width:125px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px
}

.titledv {
	margin-left: 0px;
	margin-top: 0px;
	float:left;
	width: 850px;
	text-align:left;
	margin-bottom: 30px;
}
.titledv_in_left {
	margin-left: 0px;
	margin-top: 0px;
	float:left;
	width: 45%;
	text-align:left;
}
.titledv_in_right {
	float:right;
	width: 55%;



}

.titledv_in_right_menu a{margin-left:10px;margin-bottom:0px;margin-top:15px;text-decoration:none; height:17px;font-size:15px;float:left;color:#29d6e5;font-weight:bold;padding:5px 8px;}
.titledv_in_right_menu:hover > a {text-decoration:none; white-space:normal; color:#fff;float:left;background-color:#29d6e5;padding:5px 8px}
.titledv_in_right_menu_active a{margin-left:10px;margin-bottom:0px;margin-top:15px;text-decoration:none; height:17px;font-size:15px;float:left;background-color:#29d6e5;color:#FFF;font-weight:bold;padding:5px 8px;}

li {
	list-style-type:none;
	margin-left:-15px;
	text-indent:0;
	text-align: left;
}

.title{
	font-size:23px;
	margin-left: 23px;
	margin-bottom:10px;
	font-weight:bold;
	color:#29d6e5;
	text-align: left;
} 
.title_ps{
	font-size:14px;
	margin-left: 23px;
	margin-bottom:0px;
	font-weight:normal;
	color:#666666;
	text-align: left;
} 

.udacenterdv{
	width:1000px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
	background-image: url(../images/bg/uda.gif);
	background-repeat: no-repeat;
	background-position: center 80px;
	margin-bottom: 40px;
}
.udaimgdv{
	width:998px;
	height:528px;
	margin-top:20px;
	margin-left:0px;
	float:left;
	margin-right: auto;
	margin-bottom: auto;
	}
.udaimgdv_inleft{
	width:550px;
	margin-top:0px;
	margin-left:16px;
	float:left
	}
.udaimgdv_inright{
	width:367px;
	margin-top:0px;
	margin-left:45px;
	float:left
}
.udaimg {
	margin-left:12px;
	float: left;
}
.dscenterdv{
	width:1008px;
	height: 630px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
	background-image: url(../images/bg/ds.gif);
	background-repeat: no-repeat;
	background-position: center 67px;
	margin-bottom: 40px;
}
.dsimg {
	margin-top: 0px;
	float:left;
	width: 961px;
	height:173px;
	text-align:left;

}


.dsimgdv{
	width:1000px;
	height:528px;
	margin-top:0px;
	margin-left:23px;
	float:left
}


.ds_titledv {
	margin-left: 0px;
	margin-top: 0px;
	float:left;
	width: 1000px;
	text-align:left;
	margin-bottom: 30px;
}
.ws_titledv {
	margin-left: 0px;
	margin-top: 0px;
	float:left;
	width: 1000px;
	text-align:left;
	margin-bottom: 20px;
}
.wscenterdv{
	width:1008px;
	height: 575px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
	background-image: url(../images/bg/ws.gif);
	background-repeat: no-repeat;
	background-position: center 72px;
	margin-bottom: 40px;
}
.wsimg{
	width:301px;
	height:396px;
	float:left;
	margin-right: 10px;
	}
.wsimgdv{
	width:973px;
	height:503px;
	margin-top:20px;
	margin-left:40px;
	float:left
	}
.pd_menu a{
	margin-left:10px;
	margin-bottom:0px;
	margin-top:15px;
	text-decoration:none;
	height:17px;
	font-size:21px;
	float:right;
	color:#999;
	font-weight:bold;
	padding:5px 8px;
}
.pd_menu_active a{
	margin-left:10px;
	margin-bottom:0px;
	margin-top:15px;
	text-decoration:none;
	height:17px;
	font-size:21px;
	float:right;
	color:#000;
	font-weight:bold;
	padding:5px 8px;
}
.pd_menu:hover > a {
	text-decoration:none;
	white-space:normal;
	color:#000;
	float:right;
	padding:5px 8px
}
.pd_menudv{
	float:right;
	width: 100%;
}
.pdcenterdv{
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
	margin-bottom: 20px;
}

產品頁的iframe長度搭配的容器for JUD200
.pddv{width:1000px;margin-right: auto;height: 3520px;margin-left: auto;margin-top:190px;margin-bottom: 20px;background-color:#fff;text-align:left;!important}

p.none {border-bottom: 1px solid #E6E6E6;} 
p.dotted {border-bottom: 1px dotted #E6E6E6;}
p.space {margin-top:10px; margin-bottom:10px}
p.space2 {margin-top:10px; margin-bottom:20px}


/*產品頁*/
.pathtx{font-size:18px;color:#333; }/*路徑*/

.modeltx{font-size:42px;color:#0088CC; } /*型號*/

.nametx{font-size:42px;font-weight:bold;color:#0088CC;} /*品名*/

.features{font-size:17px;color:#fff;width:124;height:25px; }/*四大規格選單*/

.main_headline{font-size:28px;color:#000;}/*大標題*/

.blue_headline{font-size:21px;color:#0088CC; }/*藍色副標題*/

.product_provides{font-size:14px;color:#000;}/*產品概要敘述文*/

.content_tx{font-size:12px;color:#000; }/*內容*/

.sub_headline{font-size:16px;color:#999;} /*淺灰副標題*/

.content_tx_b50{font-size:12px;color:#999; }/*內容灰字*/

/*表格顏色設定*/
.table01{background-color:#D3EDFB;border: 1px solid #b2b2b2;}
.table01{background-color:#fff;border: 1px solid #b2b2b2;}
.table01{background-color:#E1F0E2;border: 1px solid #b2b2b2;}
.table01{background-color:#ECF4EC;border: 1px solid #b2b2b2;}
.table01{background-color:#F2F2F2;border: 1px solid #b2b2b2;}
.table01{background-color:#EBE4C6;border: 1px solid #b2b2b2;}
.table01{background-color:#FFFDE5;border: 1px solid #b2b2b2;color:#666}
.newsdv{width:1000px;height: 140px;margin-right: auto;margin-left: auto;margin-top: 0px;text-align:left}
.newin_left{width:50%;float:left;}
.newin_right{width:50%;float:right;}
.newin_left a{font-size:10px;text-align:left}
.newin_right a{font-size:10px;text-align:left}
.newin_left a.titletx{font-size:12px;font-weight:bold;margin-top:-20px;color:#000}
.newin_right a.titletx{font-size:12px;font-weight:bold;color:#000}
.bbbe{float:left;width:150px;margin-right:10px;margin-left:20px}
.bbbe2{float:left;width:320px;margin-left:-10px;color:#000}
p.none {border-bottom: 1px solid #464646;margin-bottom:30px;margin-top:20px} 
p.dotted {border-bottom: 1px dotted #000}
.f_le{
	width:70%;
	float: left;
}
.f_ri{
	width:30%;
	float:left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:15px;
	text-align: left;
}
#juc600bg{	background-image: url(../images/juc600/header.jpg);width:1000px;height:280px;background-repeat: no-repeat;background-position: center top;}
.juc600div{float:left;margin-right:7px}
.juc600main{background-color:#FFF;width:1000px;margin:0px auto}
.juc600divframe{width:956px;margin-top:-20px;margin-bottom:40px;margin-left:27px}