﻿@charset "utf-8";
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-size: 11px;
	font-family: Verdana,Geneva,sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/* CSS 版面設定 */

#WRAP{
	width:100%;	height: auto;	margin:0 auto;	position: relative;	background-image: url(/images/default/reallusion_home_bg.jpg);	background-repeat: repeat-x;	background-position: bottom;
}
#TOP{
	height:66px;
	background-image: url(/images/default/reallusion_home_top_bg1.png);
	background-repeat: repeat-x;
	/*text-align: center;*/
}
#MAIN{
	height:475px;	background-image: url(/images/default/reallusion_home_main_bg.jpg);	background-repeat: repeat-x;
}
#CONTENT{
	width: 940px;
	margin:0 auto; overflow:hidden;
	padding-right: 30px;
	padding-left: 30px;
}
	
/* What`s Hot */	
#WHATSHOT{
	width: 589px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-image: url(/images/default/home_whatshot_footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 11px;
	float:left;
}
#WHATSHOT h1{ font-family:Arial, Helvetica, sans-serif; font-size: 20px;	line-height: 46px;	font-weight: normal;	color: #FFF;
	background-image: url(/images/default/home_whatshot_top.png);	height: 46px;	width: 574px;	text-align: left;	padding-left: 15px;}
.WHATSHOT_CONTENT{
	background-image: url(/images/default/home_whatshot_content.png);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.WHATSHOT_FOOTER{	background-image: url(/images/default/home_whatshot_footer.png);	height: 15px;	background-repeat: no-repeat;}
.WHATSHOT_BOX{
	background-image: url(/images/default/home_whatshot_box_bg.png);
	background-repeat: no-repeat;
	height: 113px;
	width: 544px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; 
}
.WHATSHOT_BOX_CONTENT{
	background-color: #666;	
	height: 110px; position:relative;
}
.WHATSHOT_BOX_CONTENT_H2{
	font-size: 14px;
	line-height: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	position:absolute; left:215px; top:10px; color:#ffffff;
}
.WHATSHOT_BOX_CONTENT_P{
	font-size: 12px;
	line-height: 17px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;color: #e4e4e4;
	position:absolute; left:215px; top:40px;
}

.WHATSHOT_BOX_CONTENT_MORE{
	background-image: url(/images/default/btn_more_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	height: 20px;
	font-weight: bold;
	position:absolute; right:15px; bottom:8px;
}
/* Reallusion TV */
#RLTV{
	width:321px;
	background-image: url(/images/default/home_rltv_footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 30px;
	margin-bottom: 25px;
	padding-bottom: 9px;
	float:left;
	}
#RLTV h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 45px;
	font-weight: normal;
	color: #FFF;
	background-image: url(/images/default/home_rltv_top.png);
	height: 45px;
	width: 306px;
	text-align: left;
	padding-left: 15px;
	clear:both;
}
.RLTV_CONTENT{
	background-image: url(/images/default/home_rltv_content.png);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	clear:both;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	line-height: 18px;
}
.RLTV_CONTENT_H3{
	width:284px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	color: #333;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 3px;
}
.RLTV_CONTENT_Content{
	width:284px;
	margin-left: 3px;
}
.RLTV_CONTENT_MORE{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	width: 290px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 8px;
	text-align: right;
}
.RLTV_color{
	color: #00ABE3;
}
#CONTENT_STORE{
	margin-right: 17px;
	margin-bottom: 30px;
	background-image:url(../../images/default/reallusion_home_contentstore.jpg);
	height: 269px;
	width: 286px;
	float: left;
}
#CONTENT_STORE h1{ font-family:Arial, Helvetica, sans-serif; font-size: 20px; line-height: 36px;	font-weight: normal;color: #FFF;text-align: left;	padding-left: 15px;clear:both;}
#CITY_MARKETPLACE{	margin-right: 30px;	margin-bottom:30px;background-image: url(../../images/default/reallusion_home_city.jpg);height: 269px;width: 286px;float: left;}
#CITY_MARKETPLACE h1{font-family:Arial, Helvetica, sans-serif; font-size: 20px; line-height: 36px;	font-weight: normal;color: #FFF;text-align: left;	padding-left: 15px;clear:both;}

#Webinar{background-image:url(../../images/default/reallusion_home_webinar.png);height:139px;width:321px ; position:relative;}
#Webinar h1{font-family:Arial, Helvetica, sans-serif; font-size: 20px; line-height: 36px;	font-weight: normal;color: #FFF;text-align: left;	padding-left: 15px;clear:both;}
#Webinar p{font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:1.3; color:#ffffff; position:absolute; left:15px; top:50px; width:200px; height:auto; overflow:hidden;}

#USER{
	float:right;
}
#DOWNLOADS{}
#NEWSLETTERS{}
.AWARD{}
#FOOTER{
	background-image: url(/images/default/reallusion_home_footer_bg.png);
	background-repeat: repeat-x;
	height: 44px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	width: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}
.FOOTER_word{
	width: 940px;
	margin:0 auto; 
}
.FOOTER_word a { color:#618bb6; text-decoration:none; }


/* click_blog */
.click_blog {
	color:#FFF;
	padding:0;
	margin:0;
	line-height:18px;
	height: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.click_blog p { width:400px; float:left; padding:10px 0px 0px 0px; margin:0;}
.click_blog a { color:#7e7e7e; font-weight:bold; text-decoration:none;}
/* FBG */
.FBG {
	margin:0;
	background-color: #2d2d2d;
	background-image: url(/images/default/reallusion_home_fbg_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	height: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.FBG_resize { width:940px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { color:#618bb6; text-decoration:none; }
.FBG_resize h2 {
	color:#bababa;
	padding:6px 0;
	margin:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.FBG_resize 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;
}
.FBG_resize ul { padding:0 0; margin:0; list-style:none;}
.FBG_resize li { padding-top:2px;padding-bottom:3px; border-bottom:1px solid #404040;}
.FBG_resize li { padding-top:4px \9;padding-bottom:5px \9; }
.FBG_resize li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7b7b7b; padding:0px 0; margin:0;text-decoration:none;}
.FBG_resize li a:hover {
	color:#09F;
	text-decoration:none;
}
.FBG_resize .blog {
	width:155px;
	float:left;
	margin:0;
	padding:10px 30px 10px 0;
}
.FBG_resize .blog.last { width:195px; padding:20px 0 10px 0;}
.Solutions{
	clear:both;
	width:940px;
	height:auto;
	margin:0 auto;
	padding:6px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFF;
}
/* rss */
.rss {
	overflow:hidden;
	width:340px;
	margin:0;
	float:right;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
}
.rss img{
	float: right;
	margin-right: 5px;
}
/*---- Banner設定 ----*/
	#MENU{ margin-top:20px;margin-left:auto;padding-left: 0px;}
	#ICONBG{z-index:99;margin-top:5px;}
	#ICONBG ul{list-style:none; }
	#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:inline-block;}
	#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.icon a{
	background-image:url(/images/default/reallusion_df_menu_btn.png);
    }
#PHOTO{ overflow: hidden}
#PHOTO img{ display:none}
/*------------------------------------------------------------------
#marquee - Marquee interactive display area
------------------------------------------------------------------*/
#marqueeWrap {
	position:relative;
    margin:0 auto;
    width:100%;
    min-width:960px /*!important;*/
}
.preload_marquee{
	width:100%;
	position:absolute;
	height:530px;
	text-align: center;
}
.preload_marquee1{
	width:100%;
	position:absolute;
	height:350px;
	text-align: center;
}

#marquee {
	position:absolute;
	top:0px;
	z-index:1;
	width:100%;
	min-width:960px; 
} 
a{ color:#CCC; text-decoration:none;}
a:hover{ color:#FFF;text-decoration: none;}
a:link {text-decoration: none;}
a:visited {	text-decoration: none;}
a:active {	text-decoration: none;}

.link {	color: #808080;text-decoration: underline}
a.link:link { color: #808080; text-decoration: underline}
a.link:visited { color:#02abe4; text-decoration: underline}
a.link:active { color:#02abe4; text-decoration: underline}
a.link:hover { color: #000000;text-decoration: none}

/*------------------------------------------------------------------
Default Other Page
------------------------------------------------------------------*/
.boxshadow{
	background-image: url(/images/iclone5/ic5cnt_center_bk.png); 
	background-position: center;
	background-repeat: repeat-y; 
	overflow:auto
}
.boxshadow_TOP{
	background-image: url(/images/about/cnt_top_bk.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 23px;
}
.boxshadow_FOOTER{
	background-image: url(/images/iclone5/ic5cnt_footer_bk.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 25px;
}
#OTHERMAIN{	background-image: url(/images/default/reallusion_home_main_bg.jpg);	background-repeat: repeat-x;padding-top:232px; margin-bottom:30px;}
#MAIN_CNT_EREA{width:740px; padding:20px 130px; margin-left:210px;}
h3{ color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 24px; font-weight: bold;padding-left:20px; border-left:10px solid #02abe4; margin-top:15px; margin-bottom:15px; line-height:30px;}
h4{color:#666666;  font-family:Arial, Helvetica, sans-serif;  font-size:16px;  font-weight:bold;  line-height:22px; margin-bottom:30px; }
h5{color:#333333;  font-family:Verdana, Geneva, sans-serif;  font-size:17px;  font-weight:bold;  line-height:30px;}

.buttom ul { padding:0 0; margin:0; list-style:none;}
.buttom li { padding-top:1px;padding-bottom:1px; border-bottom:1px solid #404040;}
.buttom li { padding-top:4px \9;padding-bottom:5px \9; }
.buttom li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7b7b7b; padding:0px 0; margin:0;text-decoration:none;}
.buttom li a:hover {
	color:#09F;
	text-decoration:none;
}
.buttomHEAD {
	color:#bababa;
	padding:8px 0;
	margin:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.Solutions1{
	clear:both;
	width:940px;
	height:auto;
	margin:0 auto;
	padding:6px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFF;
}