/*---- reset.css 讓所有的各家瀏覽器乖乖聽話，呈現一樣的結果  ----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead,{
    
 /* margin: 0;
    padding: 0;  
    border: 1
 vertical-align: baseline; table,tbody, th,   */
    outline: 0;
 font-size: 100%;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

/*---- reset.css 尾 ----*/

/*---- 共通設定 ----*/
body {	background-color:#dcdcdc;	color:#333333;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	line-height:16px;	margin:0;
	padding:0;}
#WRAPPER {width:1000px;	margin:0 auto; background-color:#FFFFFF; margin-top:0px; height:auto; overflow:hidden;} /*!important; width:1011px*/
#WRAPPER #TOP {	height:70px; top:0px; margin-bottom: 10px;}
#WRAPPER #LEFT { float:left; width:180px; height:300px; padding-left:10px;}
#CONTENT {float:left; width:800px ; margin-top:0px; margin-left:10px; overflow: hidden; }
#FOOTER { width:1000px; height:80px; background-image:url(../../images/crazytalk6/footer_bg.jpg); background-repeat:repeat-x; text-align: center; clear:both;}
#FOOTER p {	padding-top:10px;}
.clear{ clear:both;}

/*---- CONTENT 內頁頁面設定 ----*/
#CONTENT #HEAD{ width:785px; height:250px; background-image:url(../../images/iclone4/pipeline_Banner.jpg); background-repeat:no-repeat; margin-top:8px ; margin-bottom:10px; position:relative;}
#CONTENT #HEAD ul{  margin:0; padding:0; position:absolute; top:213px; left:10px;}
#CONTENT #HEAD li{float:left; list-style-type: none; padding-left:10px;}
#CONTENT #HEAD li a{ display:block; color:#FFF; text-decoration:none; background-color:#008196; padding:5px 10px; font-weight:bold;}
#CONTENT #HEAD li a:hover{text-decoration:none; background-color:#666;}

#CONTENT .TITLE{ display:block; width:785px; height:40px; border-bottom:12px solid #008196; line-height:54px; color:#008196; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; font-size:42px; font-weight:bold; margin-top:10px;}
#CONTENT .ITEM{display:block; width:785px; overflow: hidden; height:auto; background-image:url(../../images/iclone4/pipeline_BG.gif); background-repeat:repeat-y; margin-top:0px; border-bottom:1px solid #ccc; margin-bottom:20px;}
#CONTENT .BLOCK{ padding-top:10px; padding-bottom:30px;clear:both;}
.DATAHD{display:block; width:350px;border-left: 10px solid #666; padding-left:15px; margin-top:15px; height:70px;}
.DATAh3{font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:bold;font-size:14px; line-height:14px;}
.DATAh2{font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; font-size:36px; margin-top:20px; line-height:45px;}
.PIC{margin-right:15px; margin-left:10px; float:right;}

#GOOGLE{ display:block; clear:both; width:730px; overflow:auto; margin:0 auto; background-color:#e3e3e3; border:1px solid #fff; padding:10px 10px; margin-bottom:20px;}