/*---- 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;
}

#CONTENT h2{ width:785px; line-height:45px; font-family:"Geneva", "Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; font-size:20px;color:#000000; line-height:30px; border-bottom: 1px solid #7f7f7f;}
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 {clear:both; width:1000px; height:80px; background-image:url(../../images/crazytalk6/footer_bg.jpg); background-repeat:repeat-x; text-align: center;}
#FOOTER p {	padding-top:10px;}
.clear{ clear:both;}

#CONTENT #HEAD{
	width:785px;
	height:136px;
	margin-top:8px;
	margin-bottom:10px;
}/*---- banner setting ----*/

#BUTTON{ width:785px; height:70px;}/*---- 功能頁快捷列選項 ----*/
#BUTTON ul{ margin:0; padding:0;}
#BUTTON li{ float:left; list-style:none;}
#BUTTON li a{
	display:block;
	width:185px;
	height:74px;
	text-indent:-9999px;
	background-image:url(../../images/iclone4/training_btn01.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
}
#BUTTON li.BB a{
	width:147px;
	height:74px;
	background-image:url(../../images/iclone4/training_btn02.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 20px;
}
#BUTTON li.CC a{
	width:150px;
	height:74px;
	background-image:url(../../images/iclone4/training_btn03.jpg);
	background-repeat: no-repeat;
}
#BUTTON li.DD a{ width:163px; height:74px; background-image:url(../../images/iclone4/training_btn04.jpg); }

#BUTTON li a:hover{ background-position:left -74px;}

#TRAINMENU{width:590px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:10px; float:right; margin-right:15px;}/*---- 文字連結快捷項 ----*/
#TRAINMENU ul{ float:right;}
#TRAINMENU li{float:left; padding-left:20px; background-image:url(../../images/iclone4/featuremenu_dat.gif); background-repeat:no-repeat; background-position: left 2px; list-style:none; margin:0; padding-right:5px; }

.BLOCK{
	float:left;
	width:385px;
	height:320px;
	padding-bottom:15px;
	background-image:url(../../images/iclone4/training_block.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin-bottom:30px;
	margin-right:10px;
}
.BLOCK h3{ font-family:"Geneva", "Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; font-size:15px;color:#040404; line-height:30px; padding-left:25px; margin-bottom:20px; margin-top:10px; padding-top:3px; background-image:url(../../images/iclone4/training_block.jpg); background-repeat:no-repeat; margin:0;}
.BLOCK img{ padding:5px 8px;}
.BLOCK ul{
	margin-top:5px;
	margin-left:10px;

*margin-left:45px; 			_margin-left:45px;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	line-height:22px;
}
.Block li{}

