@charset "UTF-8";

/* **************************************
*Since: 2007-8-16
*Modified: 2007-0-00
************************************** */


/* Reset & Restyle
---------------------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
	text-align:center;
	background:url(../common/bg_body.gif) repeat-y #262626 center;
	/*\*/ padding:0px 0px 0px 0px !important; /**/
	/*\*/ padding:0px 0px 0px 1px; /**/
	/*\*//*/ padding:0px 0px 0px 0px; /**/
}

html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

ul, ol{
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
visibility:hidden;
}


/* link color
---------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
	color:#000;
}

a:hover {	
	text-decoration: nono;
	color:#FF0000;
}


/* clearFix
---------------------------------------------------------------------------------------- */
.clearFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearFix{
	display:inline-block;
}

/*\*/ * html .clearFix{
	height:1%;
} /**/

/*\*/ .clearFix{
	display:block;
} /**/


/* mainWrapper
---------------------------------------------------------------------------------------- */
#mainWrapper{
	margin:0px auto;
	text-align:center;
	background:url(../common/bg_main_wrapper.gif) repeat-x top center;
}


/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper{
	width:966px;
	margin:0px auto;
	text-align:left;
}


/* header
---------------------------------------------------------------------------------------- */
#header{
	width:924px !important;
	width:966px;
	height:69px;
	margin:0px auto;
	padding:0px 21px;
}


#header h1{
	width:600px;
	float:left;
	height:20px;
	font-size:85%;
	line-height:1.6;
	color:#CCC;
}

#header ol{
	float:right;
	width:142px;
	height:14px;
	padding:1px 0px 0px 0px;
	font-size:85%;
	line-height:1.6;
	color:#CCC;
	text-align:left;
}

#header ol li{
	float:left;
	width:61px;
	padding:0px 10px 0px 0px;
	line-height:0;
	font-size:0;
}

#header ol li.english{background:url(../common/bt_english_hover.png) no-repeat;}
#header ol li.chinese{background:url(../common/bt_chinese_hover.png) no-repeat;}

#header p{
	width:127px;
	float:right;
	height:20px;
	font-size:85%;
	line-height:1.6;
	color:#CCC;
	text-align:right;
}

#header p a{
	color:#CCC;
}

#header p a:hover{
	color:#ff0000;
}



#header span{
	float:left;
	width:310px;
	margin:16px 0px 0px 0px;
	display:block;
}

#header h2{
	float:left;
	width:310px;
	margin:16px 0px 0px 0px;
	display:block;
}

#header ul{
    float:right;
	margin:8px 0px 0px 0px;
}

#header ul li{
    float:left;
	width:130px;
	height:31px;
	margin:0px 0px 0px 10px;
}

#header ul li a , #header ol li a{
	display:block;
}

#header ul li a:hover , #header ol li a:hover{
	background-color:transparent;
}

#header ul li a:hover img , #header ol li a:hover img{
	visibility:hidden;
}

#header ul li.reserve{background:url(../common/btn_reserve00hover.jpg) no-repeat; width:148px; height:35px;}
#header ul li.faq{background:url(../common/btn_faq00hover.jpg) no-repeat; margin:2px 0px 0px 10px;}
#header ul li.blog{background:url(../common/btn_blog00hover.jpg) no-repeat; margin:2px 0px 0px 10px;}
#header ul li.pieces{background:url(../common/btn_pieces00hover.jpg) no-repeat; margin:2px 0px 0px 10px;}


/* globalMenu
---------------------------------------------------------------------------------------- */
#globalMenu{
	width:950px !important;
	width:966px;
	height:42px;
	margin:0px auto;
	padding:0px 8px;
}

#globalMenu ul{
	width:950px;
}

#globalMenu ul li{
    float:left;
	height:42px;
}

#globalMenu ul li a{
	display:block;
}

#globalMenu ul li a:hover{
	background-color:transparent;
}

#globalMenu ul li a:hover img{
	visibility:hidden;
}

#globalMenu ul li.btn00{background:url(../common/btn00hover.gif) no-repeat;}
#globalMenu ul li.btn01{background:url(../common/btn01hover.gif) no-repeat;}
#globalMenu ul li.btn02{background:url(../common/btn02hover.gif) no-repeat;}
#globalMenu ul li.btn03{background:url(../common/btn03hover.gif) no-repeat;}
#globalMenu ul li.btn04{background:url(../common/btn04hover.gif) no-repeat;}
#globalMenu ul li.btn05{background:url(../common/btn05hover.gif) no-repeat;}
#globalMenu ul li.btn06{background:url(../common/btn06hover.gif) no-repeat;}
#globalMenu ul li.btn07{background:url(../common/btn07hover.gif) no-repeat;}
#globalMenu ul li.btn08{background:url(../common/btn08hover.gif) no-repeat;}
#globalMenu ul li.btn09{background:url(../common/btn09hover.gif) no-repeat;}


/* subMenu
---------------------------------------------------------------------------------------- */
#subMenu{
	width:950px;
	height:48px;
	margin:0px 8px;
	background:url(../common/bg_sub_menu.gif) repeat-x top;
}

#subMenu ul{
	width:916px;
	height:32px;
	margin:0px 13px 0px 17px;
	padding:6px 0px 0px 0px;
}

#subMenu ul li{
    float:left;
	height:26px;
	margin:0px 4px 0px 0px;
}

#subMenu ul li a{
	display:block;
}

#subMenu ul li a:hover{
	background-color:transparent;
}

#subMenu ul li a:hover img{
	visibility:hidden;
}

#subMenu ul li.btn_top{
	float:right;
	background:url(../common/btn_sub_top_hover.gif) no-repeat;
}


/* globalMenuUnder
---------------------------------------------------------------------------------------- */
#globalMenuUnder{
	width:950px;
	height:16px;
	margin:0px auto;
	margin:0px 8px;
	background:url(../common/bg_global_menu_under.gif) repeat-x top;
}


/* mainImages
---------------------------------------------------------------------------------------- */
#mainImages{
	width:966px;
	height:407px;
	background:#000;
}


/* mainContents
---------------------------------------------------------------------------------------- */
#mainContents{
	width:950px;
	margin:0px 8px;
	background:#FFF;
	font-size:12px;
	padding:0px 0px 16px 0px;
}

#mainContents p.pan{
	width:910px;
	padding:0px 20px 10px 20px;
	background:#FFF;
}

#mainContents p.pan a{
	text-decoration:underline;
}

#mainContents h1{
	width:950px;
	height:42px;
	margin:0px 0px 16px 0px;
}


/* mainContents modelMenu
---------------------------------------------------------------------------------------- */
#mainContents #modelMenu{
	width:900px;
	height:28px;
	margin:0px 25px 10px 25px;
}

#mainContents #modelMenu ul li{
	float:right;
	margin:0px 0px 0px 2px;
}

#mainContents #modelMenu ul li.back{
	float:right;
	margin:0px 0px 0px 30px;
}



/* mainContents contents
---------------------------------------------------------------------------------------- */
#mainContents #contents{
	width:900px;
	margin:0px 25px;
}

#mainContents #contents h2{
	width:900px;
	height:70px;
	margin:0px 0px 16px 0px;
}



/* topInfomation
---------------------------------------------------------------------------------------- */
/* topInfomation
---------------------------------------------------------------------------------------- */
/*#topInfomation{
	width:924px !important;
	width:966px;
	height:118px;
	padding:14px 21px 0px 21px;
	background:url(../common/bg_infomation.gif) no-repeat #262626;
}

#topInfomation h1{
	float:left;
	width:90px;
	height:8px!important;
	height:118px;
	padding:55px 0px;
	margin:0px 8px 0px 0px;
	border-right:1px solid #999;
	font-size:0;
}

#topInfomation span{
	float:left;
	width:514px;
	height:94px !important;
	height:118px;
	padding:6px 0px;
}

#topInfomation span img.info00{
	float:left;
	margin:0px 0px 4px 0px;
}

#topInfomation span img.info01{
	float:left;
	width:378px;
}

#topInfomation span img.info02{
	float:right;
	margin:0px !important;
	margin:0px 0px 0px 3px;
}

#topInfomation span img.info03{
	float:right;
	margin:0px 0px 29px 0px;
}

#topInfomation p{
	float:right;
	width:284px;
	height:102px !important;
	height:118px;
	padding:16px 0px;
}*/

#topInfomation{
	width:924px !important;
	width:966px;
	height:210px;
	padding:14px 21px 0px 21px;
	background:#262626;
}

#topInfomation h1{
	float:left;
	width:620px;
	height:12px;
	padding:0px 0px 10px 0px;
	font-size:0;
}

#topInfomation .box{
	float:left;
	width:620px;
	height:188px;
	display:block;
}


#topInfomation .box iframe{
	float:left;
	width:620px;
	height:186px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

#topInfomation p{
	float:right;
	width:284px;
	height:188px;
}

#topInfomation p img.banner{
	margin:0px 0px 10px 0px;
}



/* infomation
---------------------------------------------------------------------------------------- */
#infomation{
	width:924px !important;
	width:966px;
	height:36px;
	padding:14px 21px 0px 21px;
	text-align:right;
	background:url(../common/bg_infomation.gif) no-repeat #262626;
}


/* footer
---------------------------------------------------------------------------------------- */
#footer{
	width:966px !important;
	width:966px;
	height:100%;
	padding:24px 0px 10px 0px;
	background:url(../common/bg_footer.gif) no-repeat;
}

#footer p.text{
	width:928px;
	_width:950px;

	padding:0 11px 10px 11px ;
	_padding:0 11px 10px 11px ;
	margin:0 10px 10px 10px;
	_margin:0 0px 10px 4px;
	border-bottom:1px solid #999999;

}

#footer span{
	float:right;
	width:361px;
	height:26px;
	padding-right:21px;
}

#footer p{
	float:left;
	width:563px;
	margin:0px 0px 5px 0px;
	color:#CCC;
	font-size:85%;
	line-height:1.4;
	padding-left:21px;
}

#footer p a{
	color:#CCC;
	text-decoration:underline;
}

#footer p a:hover{
	color:#FF0000;
}