@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ */
/* 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;
}
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;
}


/*---self start*/
body { font-family: Verdana, Geneva, sans-serif; color: #ccc; margin: 0px; padding: 0px; font-size:11px; background-image: url(); background-repeat: repeat-y; background-position: center top; background-color: #211812; }

a:link, a:visited{ color:#FF0; text-decoration:none; }
a:hover { color:#FF0; text-decoration:underline; }

#header { width:963px; height:auto; margin:0 auto; padding-top:15px;}
#content { width:963px; height:auto; margin:0 auto; padding:20px 0; font-size:13px; }
.color_bg{ width:903px; height:auto; padding:30px; background-color:#7a624b; color: #FFF; background-image:url(../images/color_top.gif); background-repeat: no-repeat; background-position: left top; }
.color_bottom { width:963px; width:5px;}

/*----------header----------*/
/*-----top bar-----*/
.top_bar { width:100%; background-color:#000; margin-bottom:10px;}
.home {width:960px; height:20px; margin:0 auto; padding:10px 0 5px;}
.home a { padding-left:20px; background-image: url(../images/home.gif); background-repeat: no-repeat; background-position: left bottom; }

/*-----navbar-----*/
.navbar { width:963px; height:100px;}
.navbar ul { list-style-type:none; margin:0; padding:0;}
.navbar ul li {float:left;}
.navbar ul li.logo { width:173px;}
.navbar ul li img.nav { width:146px; margin-right:15px; height:100px; float:left;}
.navbar ul li img.last_nav { width:146px; margin:0px; height:100px; float:left;}


/*----------main content----------*/
/*-----index-----*/
.logo_pic{ width:100%; height:400px; background-image:url(../images/logo1.jpg); background-repeat:no-repeat; background-position: 100px; }
.language_option { float:right; padding-top:360px;}
.language_option ul { list-style-type:none; margin:0; padding:0;}
.language_option ul li { width:88px; height:35px; display:block; text-align:right; float:left}


/*-----work-----*/
.option { width:100%; padding-bottom:10px; height:40px;}
.option ul { list-style-type:none; margin:0; padding:0;}
.option ul li { float:left; height:20px; width:170px; margin-right:5px;}
.option ul li a { padding-top:5px; margin-right:5px; font-weight:bold;}
a.work-link:link, a.work-link:visited { color:#FFF; text-decoration:none }
a.work-link:hover { color:#FF0; text-decoration:underline}

.work_show {background-color:#000000; padding:20px; -moz-border-radius:5px; -moz-background-clip:border; -moz-box-shadow:-2px 2px 2px #211812;}
.work_title { font-family:Verdana, Geneva, sans-serif; font-size:17px; font-weight:bold; padding-bottom:5px;}
.page {width:50%; height:30px; float:right;}
.page a { background-color:#666; padding:3px 5px; border:1px solid #333; display:block; float:left; margin:0 3px; }
.page a:link, .page a:visited { color:#ccc; font-size:13px;}
.page a:hover { color:#fff;}

/*Static*/
.static_img { float:right; width:430px;}
.static_img ul li { width:130px; height:100px; float:left; margin:0 10px 20px 0; background-color:#FFFFFF;border:1px solid #ccc; text-align:center; vertical-align:middle;}
.static_img ul li img { }
#show_img { width:430px; height:370px;}
#show_img .product_name { padding-top:10px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }

/*Dymanic*/
.dymanic { float:right; width:340px;}
.dymanic ul li { width:100%; height:70px; padding-bottom:10px;}
.dymanic ul li img { width:100px; height:70px; padding:0 10px 10px 0; float:left;}

span.video-name {font-size:15px; font-weight:bold; height:20px; display:block;}
span.video-time { font-size:15px; color:#999}
#show_movie { width:480px; height:370px;}

/*Music*/
.music { float:right; width:340px;}
.music ul li { width:100%; height:25px; padding-bottom:5px;}
.music ul li a {font-size:15px; font-weight:bold;}

#show_music { width:480px; height:370px;}


/*-----about us-----*/
.about_us { padding:100px 20px 20px 380px; background-image:url(../images/about_bg.gif); background-repeat: no-repeat; min-height:350px; }
.about_us p { line-height:20px;}
.about_us p.page_title { font-size:17px; font-weight:bold; padding-bottom:5px; color: #FC0;}

/*-----Contact-----*/
p.map img { border:3px solid #663333; margin-top:10px;}