/*---- 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,
table, caption, tbody, tfoot, thead, th,{
    
 /* margin: 0;
    padding: 0;  
    border: 1
 vertical-align: baseline;*/
    outline: 0;
    font-size: 100%;
   
}
body {
    line-height: 1;
}

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 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*---- FEATURES 內頁設定 ----*/
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; background-color:#ffffff; margin-bottom: 10px;}
#WRAPPER #LEFT{ float:left; width:180px; background-color:#ffffff; height:300px; padding-left:10px; }

#INER{ width:785px; margin-right:10px; margin-left:200px; margin-top:0px; height:auto; overflow: hidden;}
#INER h2{ width:785px; height:200px;}
#INER h3{ width:760px; line-height:30px; background-image:url(../../images/crazytalk6/featureh3.jpg); padding-left:25px; background-repeat:no-repeat; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold;}
#INER h4{ margin-left:15px; width:700px; line-height:25px; background-image:url(../../images/crazytalk6/ball02.jpg); background-position: 0px 6px; padding-left:20px; background-repeat:no-repeat; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#cc0033; font-size:13px; font-weight:bold;}
#INER h5{ line-height:25px; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#cc0033; font-size:12px; font-weight:bold;}
#INER p{ padding-left:35px; padding-top:10px; padding-right:15px; padding-bottom:15px;}
ul{ padding-left:40px;list-style:none;}
li{ }
a{ color:#666666; text-decoration:underline;}
a:hover{ color:#FF6600; text-decoration:none;} 

ul.dat{ padding-left:60px; list-style:circle;}

.HEADER a{ color:#CC0033; text-decoration:underline; }
.HEADER a:hover{ color: #FF6600; text-decoration:none; }   

/* FEATURES 圖示位置設定 */
#FLASH {
	float:right;
	width:245px;
	height:245px;
	margin-left:40px;
	margin-bottom:55px;
	margin-top:10px;
	margin-right: 40px;
}/* flash icontent */
.FEATURE{ width:785px; background-image: url(../../images/crazytalk6/bg_featurebox.jpg); background-position:left bottom; background-repeat:repeat-x; margin-top:10px; margin-bottom:15px; height:auto; overflow: hidden;}
.FEATURE h3{ width:760px; line-height:10px; background-image:url(../../images/crazytalk6/featureh3.jpg); padding-left:25px; background-repeat:no-repeat; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; }
.FEATURE ul{ margin-left:40px; margin-top:20px; list-style: none; padding-right:20px;}
.FEATURE li{ background-image: url(../../images/crazytalk6/dat.gif); background-repeat:no-repeat; padding:0px 0px 10px 20px; background-position:0px 3px;}
.FEATURE img{ padding-top:20px; padding-left:10px; padding-right:10px; padding-bottom:3px;}
.FEATURE img.m0{ padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px;}
.FEATURE p{ padding-left:20px; padding-top:-20px;}
/* FEATURES 圖示位置設定-內文居右 */
.FEATURE ul.RIGHT{ margin-left:380px;padding-top:20px;}
.FEATURE ul.RIGHT1{ margin-left:380px;}
/* FEATURES 圖示位置設定-內文居左 */
.FEATURE ul.LEFT{ margin-right:40px; padding-top:20px;}
.FEATURE ul.LEFT1{ margin-right:40px; }
/* FOOTER 設定 */
#FOOTER{ height:80px; background-color:#e4e4e4; background-image:url(../../images/crazytalk6/footer_bg.jpg); background-repeat:repeat-x;}
#FOOTER p{ padding-top:10px; }

/* EATURES HOME設定 */
#FEATUREHOME {margin-top:15px; height:auto; overflow:hidden;}
#FEATUREHOME .BOX{float:left; width:358px; background-image: url(../../images/crazytalk6/featurehome.jpg); background-position:left bottom; background-repeat: no-repeat; margin-top:10px; margin-left:10px; margin-right:15px; margin-bottom:20px; padding-bottom:20px;}
#FEATUREHOME .BOX h3{font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#cc0033; font-size:20px; font-weight:bold; padding-left:20px;}
#FEATUREHOME .BOX h4{font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:15px; font-weight:bold; line-height:25px; padding-left:20px;margin-bottom:0px; padding-bottom:0px;}
#FEATUREHOME .BOX ul{ margin-left:20px; margin-right:30px; margin-top:10px; margin-bottom:30px; list-style: none; }
#FEATUREHOME .BOX li{ font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#333333 ;font-weight:bold;font-size:12px; line-height:20px; background-image: url(../../images/crazytalk6/dat.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 5px;} 
#FEATUREHOME .BOX_MORE {font-size:11px; width:50px;	overflow:hidden;color:#FFFFFF;position:relative; margin-left: 310px; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; font-weight:bold; }
#FEATUREHOME .BOX_MORE a{ color:#FFFFFF; text-decoration:none;}
#FEATUREHOME .BOX_MORE a:hover{ color:#FFCC00; text-decoration:none;}

/* TRAINING 頁面設定 */
#TRAINING { margin-right:10px !important; margin-right:0px; height:auto; overflow: hidden; margin-top:15px;}
#TRAINING  .BOX  h4 {
	font-family:"Helvetica", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#cc0033;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:20px;
}
#TRAINING  .BOX  h5 {
	font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	padding-left:20px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#TRAINING .BOX {
	float:left;
	width:361px;
	background-image: url(../../images/crazytalk6/training-box03.jpg);
	background-position:left bottom;
	background-repeat: no-repeat;
	margin-top:10px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:30px;
	padding-bottom:20px;
	text-align: left;
	height: 439px !important;
	height: 439px;
	overflow:hidden;
}
#TRAINING h3 { width:760px; line-height:30px; background-image:url(../../images/crazytalk6/featureh3.jpg); padding-left:25px; background-repeat:no-repeat; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; }
#TRAINING .BOX2 {
	float:left;
	width:361px;
	background-image: url(../../images/crazytalk6/training-box03.jpg);
	background-position:left bottom;
	background-repeat: no-repeat;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:30px;
	padding-bottom:20px;
	text-align: left;
	height: 300px;
}
#TRAINING .BOX2 h4 {
	font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	color:#cc0033;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:20px;
}
#TRAINING .BOX2 h5 {
	font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	padding-left:20px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#TRAINING  ul {
	margin-left:-20px;
	margin-top:15px;
	list-style: none;
	padding-right:0px;
}
#TRAINING li {
	background-image: url(../../images/crazytalk6/ball03.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}