@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 */

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, img, 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, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
	background:#000;
}
ol, ul {
    list-style: none;
}
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;
}

body
{
	font-family:Microsoft JhengHei,Verdana, Geneva, sans-serif!important;	
}
#wrapper
{
	width:1240px;
	margin:0 auto;	
	position:relative;
}
#header
{
	position:relative;
	width:1240px;
	height:64px;
	background:url(../images/top.jpg) left top no-repeat;	
	float:left;	
}
#logo
{
	position:absolute;
	left:10px;
	top:0px;
	display:block;
	width:150px;
	height:60px;	
	text-indent:-9999px;
}
#navigation
{
	position:absolute;
	left:378px;
}
#navigation li
{
	float:left;
}
#navigation li a
{
	display:block;
	text-indent:-9999px;
	height:64px;
}
.m1
{
	width:186px;
}
.m1:hover
{
	background:url(../images/m_over1.jpg) left top no-repeat;
}
.m2
{
	width:171px;
}
.m2:hover
{
	background:url(../images/m_over2.jpg) left top no-repeat;
}
.m3
{
	width:179px;
}
.m3:hover
{
	background:url(../images/m_over3.jpg) left top no-repeat;
}
.m4
{
	width:186px;
}
.m4:hover
{
	background:url(../images/m_over4.jpg) left top no-repeat;
}
.m5
{
	width:140px;
}
.m5:hover
{
	background:url(../images/m_over5.jpg) left top no-repeat;
}
#content
{
	width:1240px;
	float:left;
	position:relative;
}
#aboutmenu
{
	position:absolute;
	left:30px;
	top:60px;
	z-index:1001;
	display:none;	
}
#aboutmenu li
{
	clear:both;
}
#aboutmenu li a
{
	display:block;
	width:112px;
	height:30px;
	background:#000 url(../images/doticon.png) 15px 20px no-repeat;
	padding:15px 3px 5px 30px;
	color:#fff;
	text-decoration:none;
	text-indent:0px;
}
#aboutmenu li a:hover
{
	background:#900 url(../images/doticon_white.png) 15px 20px no-repeat;
}
#slider
{
	position:absolute;
	left:100px;
	top:150px;
	width:1080px;
	height:500px;
	overflow:hidden;
}
#slider img
{
	width:320px;
	height:240px;
	margin-bottom:10px;	
}
#slider_in
{
	position:absolute;
	left:0;
	top:0;
	width:2000px;
}
#slider_in a
{
	position:absolute;
	display:block;
	text-align:center;
	font-size:20px;
	text-decoration:none;
	color:#333;
}
#slider .shadow
{
	background:url(../images/shadow.png) left top no-repeat;
	width:323px;
	height:95px;
}
.leftarr,.rightarr
{
	position:absolute;
	top:230px;
	width:58px;
	height:88px;
	display:block;
	text-indent:-9999px;
}
.leftarr
{
	background:url(../images/arrow_left.png) left top no-repeat;
	left:30px;
}
.rightarr
{
	background:url(../images/arrow_right.png) left top no-repeat;	
	right:30px;
}
/*建案*/
#header2
{
	background:url(../images/case_menu.jpg) left top no-repeat;
	float:left;
	width:100%;
	height:77px;
	position:relative;
}

#navigation_case
{
	position:absolute;
	right:0px;
	top:10px;
	z-index:1002;
}
#navigation_case li
{
	float:left;
}
#navigation_case li a
{
	display:block;
	width:148px;				
	height:40px;
	margin:0px;
	text-indent:-9999px;
}
#c1m
{
	background:url(../images/case_m1.jpg) left top no-repeat;
	width:148px;				
}
#c1m:hover
{
	background:url(../images/case_m1over.jpg) left top no-repeat;
}
#c2m
{
	background:url(../images/case_m2.jpg) left top no-repeat;
	width:153px;		
}
#c2m:hover
{
	background:url(../images/case_m2over.jpg) left top no-repeat;
}
#c3m
{
	background:url(../images/case_m3.jpg) left top no-repeat;
	width:157px;		
}
#c3m:hover
{
	background:url(../images/case_m3over.jpg) left top no-repeat;
}
#c4m
{
	background:url(../images/case_m4.jpg) left top no-repeat;
	width:152px;		
}
#c4m:hover
{
	background:url(../images/case_m4over.jpg) left top no-repeat;
}
#c5m
{
	background:url(../images/case_m5.jpg) left top no-repeat;
	width:136px;		
}
#c5m:hover
{
	background:url(../images/case_m5over.jpg) left top no-repeat;
}
/*經典*/
#header3
{
	background:url(../images/class_menu.jpg) left top no-repeat;
	float:left;
	width:100%;
	height:77px;
	position:relative;
}
#navigation_class
{
	position:absolute;
	right:0px;
	top:10px;
	z-index:1000;
}
#navigation_class li
{
	float:left;
}
#navigation_class li a
{
	display:block;
	height:40px;
	margin:0px;
	text-indent:-9999px;
}
#ca1m
{
	background:url(../images/class_m1.jpg) left top no-repeat;
	width:151px;				
}
#ca1m:hover
{
	background:url(../images/class_m1over.jpg) left top no-repeat;
}
#ca2m
{
	background:url(../images/class_m2.jpg) left top no-repeat;
	width:146px;		
}
#ca2m:hover
{
	background:url(../images/class_m2over.jpg) left top no-repeat;
}
#ca3m
{
	background:url(../images/class_m3.jpg) left top no-repeat;
	width:144px;		
}
#ca3m:hover
{
	background:url(../images/class_m3over.jpg) left top no-repeat;
}
#ca4m
{
	background:url(../images/class_m4.jpg) left top no-repeat;
	width:145px;		
}
#ca4m:hover
{
	background:url(../images/class_m4over.jpg) left top no-repeat;
}
#ca5m
{
	background:url(../images/class_m5.jpg) left top no-repeat;
	width:149px;		
}
#ca5m:hover
{
	background:url(../images/class_m5over.jpg) left top no-repeat;
}
#ca6m
{
	background:url(../images/class_m6.jpg) left top no-repeat;
	width:141px;		
}
#ca6m:hover
{
	background:url(../images/class_m6over.jpg) left top no-repeat;
}

#slide_small
{
	position:absolute;
	left:630px;
	top:500px;
	z-index:100;
	width:550px;
	height:110px;
	overflow:hidden;
}
#slider_in_small
{
	position:absolute;	
}
#slider_in_small a
{
	position:absolute;	
	border:1px solid #ccc;
	display:block;
	width:100px;
	height:100px;
	float:left;
}
#slider_in_small a img
{
	width:100px;
	height:100px;	
}
.leftarrs,.rightarrs
{
	position:absolute;
	bottom:10px;
	width:58px;
	height:88px;
	display:block;
	text-indent:-9999px;
}
.leftarrs
{
	background:url(../images/arrow_lefts.png) left top no-repeat;
	right:600px;
}
.rightarrs
{
	background:url(../images/arrow_rights.png) left top no-repeat;	
	right:0px;
}
#bigpic
{
	width:1100px;
	text-align:center;
	margin:20px;	
}
#bigpic img
{
	height:470px;	
}
#case_logo{
	position:absolute;
	top:-77px;
}
#newsblock
{
	margin:130px 0 0 100px;	
}
.newspic
{
	float:left;
	height:250px;	
}
.newscontent
{
	float:left;
	width:650px;
	margin-left:20px;
	height:250px;
	overflow-y:auto;
}
.newscontent h2
{
	font-size:22px;	
	margin-bottom:10px;
}
.newscontent p
{
	margin:10px 0;
	line-height:1.6;	
}
#slide_news
{
	position:absolute;
	left:110px;
	top:450px;
	width:1060px;
	height:200px;
	overflow:hidden;
}
#slide_news_small
{
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
#slide_news_small div
{
	position:absolute;	
	width:520px;
}

#slide_news_small img
{
	float:left;
	width:200px;
	height:150px;
	margin-right:10px;
}
#slide_news_small h2
{
	font-size:18px;	
}
#slide_news_small p
{
	margin:10px 0;
	line-height:1.6;	
	text-align:justify;
}
.leftarn,.rightarn
{
	position:absolute;
	top:500px;
	width:58px;
	height:88px;
	display:block;
	text-indent:-9999px;
}
.leftarn
{
	background:url(../images/arrow_lefts.png) left top no-repeat;
	left:40px;
}
.rightarn
{
	background:url(../images/arrow_rights.png) left top no-repeat;	
	right:20px;
}
.sendForm
{
	margin:130px 0 0 100px;
}
.sendForm p
{
	margin:15px 0;	
}
.sendForm input,.sendForm select
{
	border:1px solid #999;
	height:20px;
}
.text1
{
	width:150px;	
}
.text2
{
	width:330px;	
}
.text3
{
	width:100px;	
}
.text4
{
	width:350px;
	height:100px;	
}
.btnsty
{
	padding:10px 20px;
	height:40px!important;
}
.error
{
	color:#900;	
}
.videoframe
{
	margin-left:50px;
	margin-top:50px;
	float:left;
}
#fullpic
{
	width:1240px;
	height:630px;	
}
#line,#fblink
{
	position:absolute;
}
#line
{
	left:350px;	
	top:420px;	
}
#fblink
{
	left:480px;	
	top:430px;	
}