@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;
}

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 版面設定 */
body{ font-size:12px; line-height:18px; background-color:#e7e7e7; color:#474747; font-family:Verdana, Geneva, sans-serif; background-image: url(images/BG_bottom.png); ; background-repeat:repeat-x; background-position:left bottom; -webkit-text-size-adjust:none;}
#WRAP{ width:100%; height: auto; background-image:url(images/BG_top.png); background-repeat:repeat-x; margin:0 auto; position: relative;}
#TOP{
	width:1000px;
	height:80px;
	margin:0 auto;
	}
#MAIN{ width:1130px; height:522px; margin:0 auto;}
#CONTENT{width:1042px; height: auto; margin:0 auto; z-index:10; margin-top:-20px;}
.CNT{width:1042px; height: auto; overflow:hidden; background-image:url(images/CNT_BG.png); background-repeat:repeat-y; }/* 主要的內容都放在這裡面 */
h3{
	color:#000;
	font-size:22px;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
}
h5{ color:#4c4847; font-size:16px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
#TAB{width:1024px; height:63px; background-image:url(images/BG_tab.png); background-repeat:repeat-x; margin:0 9px 0 9px; clear:both;}
#TAB ul{width:1024px;}
#TAB ul li{ float:left;}
#TAB ul li a{
	display:block;
	height:63px;
	padding:0px 175px 0px 175px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:24px;
	text-decoration:none;
	color:#e4e4e4;
	line-height:63px;
	text-transform:uppercase;
}
#TAB ul li a:hover{ color:#ffffff; background-color:#3c3c3c;}
.current{  background-color:#000000;  color:#ffffff; }
.Greyline{ width:1024px; height:1px; background-color:#d6d6d6; clear:both; margin:30px 9px 30px 9px; }

h4{ font-size:20px; color:#000; line-height:24px; margin-bottom:20px; margin-top:130px; padding-left:45px; font-family:Arial, Helvetica, sans-serif;}
p{padding: 0px 55px 30px 25px;}

.PICleft{float:left; margin-left:40px; margin-right:25px;}
.PICright{ float:right; margin-left:25px;}
.PICleft_App{float:left; margin:15px 25px 30px 60px;}
.h4_App{ margin-top:100px;}
.h4_Tut{margin-top:30px;}

#FOOTER{
	width:1024px;
	height:50px;
	margin:0 auto;
	margin-top:20px;
	text-align: center;
	color: #FFF;
}

#Media{ width:450px; height:auto; float:left; margin-left:50px;}
.ReviewBOX{ width:400px; height:100px; background-image:url(images/media_bg.jpg); background-repeat:repeat; padding:15px 15px; margin:15px 20px 15px 0px;}
.ReviewBOX img{ float:left; margin-right:15px;}
.ReviewBOX p{ padding:5px 5px;}

#Testimonial{width:455px; height:auto; float: left; margin-left:20px;}
.Story{width:455px; height:auto; border-bottom: 1px solid #cccccc; margin-top:15px; }
.Story h5{ font-size:14px; line-height:24px; font-weight:bold; margin-bottom:15px;}
.Story img{ float:left; margin-right:20px; margin-top:5px;}

a{ color:#c90000; text-decoration:underline;}
a:hover{ color:#626060; text-decoration:none;}
.TITLEBIG{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 75px;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/cta_fg_title1_bg.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 1004px;
	padding-left: 20px;
}
.TITLEBIG_IC{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 75px;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/ic_fg_title1_bg.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 1004px;
	padding-left: 20px;
}
.FT_Content_BOX_LEFT_WORD{
	float: left;
	width: 500px;
	margin: 10px 30px 20px 0px;
}
.FT_Content_BOX_RIGHT_WORD{
	float: right;
	width: 500px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.FT_Content_BOX_ALL{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	width: 1000px;
	margin-bottom: 15px;
}
	
.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_WORD{
	width: 974px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 40px;
	padding-bottom: 20px;
	}
.TABB{
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	height: 369px;
	width: 962px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;
	font-weight: normal;
	margin: 20px 0px 20px 40px ;
}	
.TABB_WORD{
	background-image: url(images/content_word_bg.jpg);
	background-repeat: no-repeat;
	height: 322px;
	width: 522px;
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Geneva, sans-serif;
}
.TITLEBOX{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}