/* CSS Document */
/*---- 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;
}

/* WhatsNew PAGE */
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;		} /*border-color:#0000FF;border-style:solid;*/
#WRAPPER #TOP{  top:0px; background-color:#ffffff; margin-bottom: 10px;}
#WRAPPER #LEFT{ float:left; width:190px; background-color:#ffffff;  padding-left:10px;  height:auto;overflow:hidden;}
#WRAPPER #INER{ float:left;margin-right:0px; height:auto; overflow: hidden; margin-top:0px;
	width:780px !important;
	width:auto;
	overflow:hidden;
	}

#HEADER { margin-left:10px; margin-right:10px !important; margin-right:0px;width:780px; height:auto; overflow:hidden; position: relative; 
			}
#HEADER #FLASH {float:left; width:300px; height:270px;}/* flash icontent */
#HEADER h2{ width:465px; width:120px; background-color:#ffffff; position:absolute; left:320px; top:0px;}
#HEADER h3{
	position:absolute;
	top:273px;
	left:5px;
	font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	color:#D80A0A;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	width:400px;
}
#HEADER p{
	width:736px;
	position:absolute;
	top:308px;
	left:6px;
	padding-right:15px;
}
#HEADER ul{
	width:371px;
	position:absolute;
	top:378px;
	left:358px !important;
	left:360px;
	list-style:none;
}
#HEADER li{ float:left; margin-left:15px;}
#HEADER li a{ display:block; width:163px; height:35px; text-align:center; line-height:35px; background-image:url(../../images/crazytalk6/whatnew_BT.jpg); font-size:15px;  font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FFFFFF; }
#HEADER li a:hover{ background-position:bottom;}





.NEW{  width:545px; background-image: url(../../images/crazytalk6/bg_featurebox.jpg); background-position:left bottom; background-repeat:repeat-x; margin-bottom:15px; 
	height:auto;
	overflow:hidden;
	
	float:left;
	
	margin-left:7px !important;
	margin-left:5px;



 }

.NEW h3
{
	width:545px; line-height:30px; background-image:url(../../images/crazytalk6/whatnew_h3.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;
		}
.NEW ul{ margin-left:10px; margin-top:30px; list-style: none;}
.NEW li
{	
	background-image: url(../../images/crazytalk6/dat.gif); background-repeat:no-repeat; background-position:0px 3px;
	padding:0px 0px 2px 15px !important; 
	padding:0px 0px 10px 20px; 

	}
.NEW img{ padding-top:10px; padding-left:10px; padding-right:10px;	padding-bottom:3px;
 }


/* Whats new 圖示位置設定-內文居右 */
.NEW ul.RIGHT{ float:right;  margin-top:45px; margin-left:0px;
	width: 200px !important;
	width:auto;
}
.NEW img.L{ float:left; padding-left:20px;
}
/* Whats new 圖示位置設定-內文居左 */
.NEW ul.LEFT
{float:left;
	width: 200px !important;
	width:auto;
	
	
	
}
.NEW img.R{ float:right; padding-bottom:3px;
	margin-bottom:0px !important;
	margin-bottom:1px;

}

.MORE {width:80px;	overflow:hidden;color:#FFFFFF;  font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
}
.MORE a{ color:#202020; text-decoration:none;}
.MORE a:hover{ color:#cc0033; text-decoration:none;}

#MORE1 
{
	position:relative;
	top:-45px !important;
	top:-47px;
	left:480px;
}

#MORE2 
{
	position:relative;
	top:-45px !important;
	top:-47px;
	left:480px;
}

#MORE3
{
	position:relative;
	top:-45px !important;
	top:-47px;
	left:480px;
}

#MORE4 
{
	position:relative;
	top:75px !important;
	top:60px;
	left:180px;
}

#PROJECT{ float:right; width:208px; background-image: url(../../images/crazytalk6/whatnew_box.jpg); background-repeat: repeat-y; background-position:bottom; padding-bottom:20px; margin-right:10px; margin-top:10px;}
#PROJECT h2{ width:208px; line-height:30px; background-image:url(../../images/crazytalk6/whatnew_box_h2.jpg); background-repeat:no-repeat; text-align: center; font-family:"Helvetica", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold;margin-top:0px;}
#PROJECT img{ margin-top:10px;}
#PROJECT p{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-image: url(../../images/crazytalk6/whatnew_box_bg.jpg); background-repeat:repeat-y; line-height:25px;
}

/* FOOTER 設定 */
#FOOTER{float:left;width:1000px;height:80px; background-color:#e4e4e4; margin-top:5px; background-image:url(../../images/crazytalk6/footer_bg.jpg); background-repeat:repeat-x;}
#FOOTER p{ padding-top:10px; }