/*---- 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; 
    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 */


/*---- 共通設定 ----*/


/*------------------------------------------------------------------
#marquee - Marquee interactive display area
------------------------------------------------------------------*/
#marqueeWrap {
	position:relative;
    margin:0 auto;
    width:100%;
    min-width:1060px !important;
}
.preload_marquee{
	width:100%;
	position:absolute;
	height:530px;
	background-image: url(/images/ct7/ct7-df-banner_bk.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
}
.preload_marquee1{
	width:100%;
	position:absolute;
	height:451px;
	background-image: url(/images/ct7/bg_features.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
}

#marquee {
	position:absolute;
	top:0px;
	z-index:1;
	width:100%;
	min-width:1060px; 
} 
/*------------------------------------------------------------------
Make believe & resize issue fixed ends
-----------------------------------------------------------------*/
/*------------------------------------------------------------------
#wrap - Wraps and centers all content
------------------------------------------------------------------*/
#wrap {
	position:relative;
	top:0;
	width:1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#wrap h3 {
	color:#404040;
} 
#home h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
}
#main {
	position:relative;
	height:auto;
	overflow:visible;
	min-height:483px;
	width:1000px;
	z-index:1;
}

#MAIN_FOOTER{
	clear:both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #FFF;
	text-align: center;
	height: 50px;
	margin-top: 50px;
}
/*------------------------------------------------------------------
#header - Header contains profile widget
------------------------------------------------------------------*/
/*------------------------------------------------------------------
#MENU - banner
-----------------------------------------------------------------*/
/*---- DEFAULT 內頁設定 ----*/
#MENU{ margin-top:0px;margin-left:auto;padding-left: 130px;}
	#ICONBG{width:auto; height:33px; top:425px; z-index:99; position:absolute}
	#ICONBG ul{float:left; list-style:none; margin:0 ;}
	#ICONBG li{ float:left;}
	#ICONBG li a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:16px;
	font-weight:bold;
	line-height:33px;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	#ICONBG li a:hover{ color:#000000; text-decoration: none;}
	#ICONBG ul.LL{ display:block; height:33px; list-style:none; padding-left:0px}
	#ICONBG ul.LL li{
	float:left;
}
	#ICONBG ul.LL li a{ display:block; width:32px; height:33px; text-indent:-9999px; background-repeat:no-repeat;}
	.icon_hover{ background-position:left -33px;}
	.icon_current{ background-position:left -66px;}
	#ICONBG ul.LL li.iconleft a
	{
	 background-image:url(/images/CrazytalkAnimator/cta_df_menu_01.png);width:10px;
	}   
	#ICONBG ul.LL li.icon a{
	background-image:url(/images/CrazytalkAnimator/cta_df_menu_btn.png);
    }
    #ICONBG ul.LL li.iconright a
	{
	 background-image:url(/images/CrazytalkAnimator/cta_df_menu_04.png);width:10px;
	}
#PHOTO{ padding-left:15px; padding-right:15px; padding-top:0px; overflow: hidden}
#PHOTO img{ display:none}
/*------------------------------------------------------------------
#main - Main content area, contains content and sidebar
-----------------------------------------------------------------*/
.moduleSpace{
    height: 446px;
    width: 820px;
    cursor: default;
   }
.moduleSpacesmall {
    height: 157px;
    width: 820px;
}

/*------------------------------------------------------------------
.boxshadow - 白底陰影
-----------------------------------------------------------------*/

.boxshadow{
	background-image: url(../../images/CrazytalkAnimator/cta_content_center_bk.png);
	background-position: center;
	background-repeat: repeat-y;
	overflow:auto
}
.boxshadow_TOP{
	background-image: url(../../images/CrazytalkAnimator/cta_content_top_bk.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
}
.boxshadow_FOOTER{
	background-image: url(../../images/CrazytalkAnimator/cta_content_footer_bk.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 13px;
}

/*------------------------------------------------------------------
.boxshadow - 白底陰影
-----------------------------------------------------------------*/
/*------------------------------------------------------------------
#main - 主要內容都在這裡面
-----------------------------------------------------------------*/
#main {
	position:relative;
	min-height:483px;
	z-index:1;
	width: 1000px;
}

/*------------------------------------------------------------------
#FT_Content_TOP - 主要大標與引言選單都在這裡
-----------------------------------------------------------------*/

#FT_Content_TOP{
	margin-left:130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #666;
	width:760px;
}
#FT_Content_TOP_Navigation_DAR{
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}
.FT_Content_TOP_TITLE{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

#maintitle{
	margin-top: 180px;
	position: absolute;
	z-index: 999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 58px;
	color: #333333;
	font-weight: bold;
	left: 50%;
	margin-left: -355px;
	width: 437px;
}
#FT_Content_MENU{
	width: 740px;
	margin-top: 10px;
	margin-bottom: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
}

#FT_Content_MENU ul{
	display:block;
	width:700px;
	height:40px;
	background-image:url(../../images/CrazytalkAnimator/features_menubk_ct_bk.jpg);
	margin-left:auto;
	margin-right:auto;
	padding:0px 20px;
	list-style-type:none;
}

#FT_Content_MENU li{ float:left;}

#FT_Content_MENU li a{
	display:block;
	height:40px;
	color: #FFF;
	line-height:40px;
	text-align:center;
	padding:0px 33px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A7A7A7;
	text-decoration:none;
}

#FT_Content_MENU li a:hover{
	background-position:left bottom;
	color: #333;
}
#FT_Content_MENU #NOW{ background-color:#575757;}
/*------------------------------------------------------------------
.FT_Content_BOX - 個別主題的內容方塊
-----------------------------------------------------------------*/

/*------------------------------------------------------------------
.FT_Content_BOX_ALL - 白底
-----------------------------------------------------------------*/
.FT_Content_BOX_ALL{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	width: 850px;
	height:auto;
	clear:both;
	overflow:hidden;
	margin-left:110px;
	margin-top:0px;
	margin-bottom:30px;
}
	
.FT_Content_BOX_ALL h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;
}

.FT_Content_BOX_ALL ul{ padding:0; margin:0;}
.FT_Content_BOX_ALL li{ margin-left:30px; font-family: Verdana, Geneva, sans-serif;
	font-size: 13px; line-height:18px;
	color: #333333;}

/*------------------------------------------------------------------
.APPLICATIONS - 灰底
-----------------------------------------------------------------*/
.DF_APPLICATIONS_BOX{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	width: 1000px;
	margin-bottom: 0px;
	background-image: url(../../images/CrazytalkAnimator/cta-df-applications_background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}

/*------------------------------------------------------------------
Selling_point  賣點字型
-----------------------------------------------------------------*/
.Selling_POINT{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.Selling_POINT_WORD2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}

/*------------------------------------------------------------------
Video Gallery  格線
-----------------------------------------------------------------*/

.VIDEO_GALLEY_BOX{
	border: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
}
.VIDEO_GALLEY_BOX_WATIC{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

/*------------------------------------------------------------------
Featured Case  字型
-----------------------------------------------------------------*/
.featured_CASE_TD{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.featured_CASE_TD_WORD02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
}

.FT_Content_BOX_ALL_WORD{
	width: 760px;
	margin-top: 20px;
	padding-right: 120px;
	padding-left: 120px;
	padding-bottom: 20px;
	}
	
.FT_Content_BOX_ALL_WORD h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:30px;
	font-weight: bold;
	color: #000;
	background-image:url(../../images/CrazytalkAnimator/icon1.gif); background-repeat:no-repeat; background-position:5px 5px;
	padding-left:35px;
}

.FT_Content_BOX_LEFT_WORD{
	float: left;
	width: 400px;
	margin: 10px 30px 20px 130px;
}
.FT_Content_BOX_RIGHT_WORD{
	float: right;
	width: 400px;
	margin: 10px 130px 20px 10px;
}

/*------------------------------------------------------------------
.FT_Content_BOX_LEFT - 內容區塊向左
-----------------------------------------------------------------*/

.FT_Content_BOX_LEFT{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	width: 350px;
}
.FT_Content_BOX_LEFT h2{font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;}


/*------------------------------------------------------------------
.FT_Content_BOX_LEFT - 內容區塊向右
-----------------------------------------------------------------*/

.FT_Content_BOX_RIGHT{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: right;
	width: 520px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.FT_Content_BOX_RIGHT h2{font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;}

.FT_Content_BOX_line{
	width: 820px; height:23px; background-image: url(/images/ct7/bg_line.jpg); clear: both;background-repeat:no-repeat;
	margin-right: 90px;
	margin-left: 90px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*------------------------------------------------------------------
.APPLICATION - 內容區塊
-----------------------------------------------------------------*/
.APPLICATIOPN_WORD02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
}
.APPLICATIOPN_WORD03{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 10px;
}
.APPLICATIOPN_more{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFF;
}


/*------------------------------------------------------------------
.awards - 內容區塊
-----------------------------------------------------------------*/
.AWARDS_WORD02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #333;
	width: 760px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
/*------------------------------------------------------------------
.FT_Content_BOX_LEFT1 - 內容區塊向左 (index 新增)_Cary
-----------------------------------------------------------------*/

.FT_Content_BOX_LEFT1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	width: 510px;
}
.FT_Content_BOX_LEFT1 h2{font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;}


/*------------------------------------------------------------------
.FT_Content_BOX_RIGHT1 - 內容區塊向右 (index 新增)_Cary
-----------------------------------------------------------------*/

.FT_Content_BOX_RIGHT1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: right;
	width: 470px;
}
.FT_Content_BOX_RIGHT1 h2{font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;}
	
.FT_Content_BOX_ALL_WORD1{
	width: 760px;
	margin-top: 20px;
	padding-right: 120px;
	padding-left: 120px;
	padding-bottom: 20px;
	}	
.FT_Content_BOX_ALL1 h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	color: #000;
}


.AWARDS{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #666;
	background-color: #F9F9F9;
	padding: 10px 10px 10px 10px ;
	border: 1px solid #999;
}
.bonus{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.link{ font-family:Verdana, Geneva, sans-serif; font-size:11px; }
a.link { color:#ff0000; text-decoration:none; }
a.link:hover{ text-decoration: underline; color:#ff0000; }
a.link:visited{ text-decoration: underline; color:#ff0000; }

.Traininglink{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666;}
a.Traininglink { color:#666; text-decoration:none; text-decoration:underline; }
a.Traininglink:hover{ text-decoration: underline; color:#ff0000; text-decoration:none; }
a.Traininglink:visited{ text-decoration: underline; color:#666; }


#DOWN{ clear:both; width:820px; background-color:#2d2c2c; height:220px; margin-right:110px;margin-left:90px; padding-top:10px;}

#DOWN a { color:#618bb6; text-decoration:none; }
#DOWN h5 {
	color:#fff;
	padding:10px 0;
	margin:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
#DOWN p {
	color:#FFF;
	padding:5px 0;
	margin:0;
	line-height:18px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}
#DOWN ul { padding:0 0; margin:0; list-style:none;}
#DOWN li { padding-top:2px;padding-bottom:3px; border-bottom:1px solid #404040;}
#DOWN li { padding-top:4px \9;padding-bottom:5px \9; }
#DOWN li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7b7b7b; padding:0px 0; margin:0;text-decoration:none;}
#DOWN li a:hover {
	color:#cc0033;
	text-decoration:none;
}
#DOWN .blog {
	width:170px;
	float:left;
	margin:0;
	padding:0px 30px 10px 30px;
}

.ct7_h1{ margin-left:20px; margin-bottom:25px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 25px; line-height:30px;
	font-weight: bold;
	color: #333333;}
	
.h1_content{
	width:740px;
	margin-left:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height:18px;
	margin-bottom:50px;
	color: #333333;
}

.ct7_txt01{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 13px; line-height:18px; 
	color: #333333;}
	
.more{ font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height:16px; color: #333;}
.more a:link{  color: #333;}
.more a:visited{  color: #333;}
.more a:active{  color: #F00;}
.more a:hover{  color: #F00; text-decoration:underline;}

.Scenarios{ clear:both; width:740px; border-bottom:1px solid #e7e7e7; padding-bottom:70px; margin-bottom:30px; margin-left:130px; height:auto;}
.Scenarios h4{ line-height:55px; font-family: Arial, Helvetica, sans-serif;	font-size: 20px; font-weight: bold; color:#000; margin:0;}
.Scenarios p{font-family: Verdana, Geneva, sans-serif;
	font-size: 12px; line-height:18px; color: #666666;}
.ScenariosVideo{display:block;width:200px;height:224px; float:left; margin-bottom:40px; margin-right:20px; margin-left:20px;}

.PROh4{font-family: Arial, Helvetica, sans-serif;font-size: 20px; font-weight: bold; color:#000; background-image:url(/images/ct7/dat_proh4.jpg); background-repeat:no-repeat ; background-position: left center; padding-left:25px; }

h6{ padding:0; margin:30px 0 10px 0;}

.version{line-height:30px; font-size:16px; font-weight:bold; text-align:center; background-color:#d3d3d3; color:#666666;font-family:Verdana, Geneva, sans-serif;}

.Upgrade{ width:800px; height:50px; font-size:18px; font-family:Verdana, Geneva, sans-serif;}
.Upgrade ul{ padding:0px; margin:0px; }
.Upgrade ul li{ padding-right:20PX;float:left; list-style-type:none; width:auto;}
.Upgrade ul li a{  padding:10px 18px; color: #000;text-decoration: none; background:#ececec;}
.Upgrade ul li a:hover{color:#FFFFFF; background-color: #999999;text-decoration: none}
.Upgrade ul li a.active{ color:#000000;list-style-type:none; background-color:#ececec; background-image:url(/images/store2012/upgrade_line.png.png) ; background-repeat:no-repeat;  background-position:bottom;}