/****************************
Author:commy 
MSN:commyleung@hotmail.com
Author URI: http://www.duodi.net
Tags:多迪設計,duodi,commy, web design,HK web design

****************************/

*{padding:0;margin:0}
a {text-decoration:none; outline:none}
a:hover {text-decoration:underline;}
a img {border:0}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}

.clearfix:after {clear:both; content:'.'; display:block; visibility:hidden; height:0}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}
.none {display:none !important}

body {background:#000;font:12px/1.5 Tahoma}



.wrap {width:1003px;margin:0 auto;position:relative}
.language {position:absolute;top:5px;right:0;color:#999}
.language a {color:#999}
.language a:hover {color:#f1d871}
#header { background:url(images/header.jpg) no-repeat center top;height:117px}
	.nav {float:right;}
	.nav li {float:left;margin:90px 5px 0 30px;}
	.nav a {color:#f1d871;}
	.nav a:hover {color:#77228c; text-decoration:none}
	.nav a.on {color:#77228c;text-decoration:none}
#home { background:url(images/content.jpg) no-repeat center top;height:453px}

#product { background:url(images/products.jpg) no-repeat center top;height:453px}
	.product {position:absolute;width:100%;right:32px;top:140px}
	.show {width:875px;height:170px;overflow:hidden;margin-left:60px;}
	.show li {float:left;margin-left:24px;;display:inline}
	.left,.right{width:40px;height:70px;line-height:200px; overflow:hidden;display:block;position:absolute;top:45px;cursor:pointer}
	.left {background:url(images/left.jpg) no-repeat 0 -70px;}
	.left:hover {background:url(images/left.jpg) no-repeat 0 0;}
	.right {background:url(images/right.jpg) no-repeat 0 -70px; right:0}
	.right:hover {background:url(images/right.jpg) no-repeat 0 0;}
	.button {display:block;position:absolute;top:280px;left:435px;padding:7px 0 0 32px;width:112px;height:43px;font-size:14px;font-weight:bold;background:url(images/button.png) no-repeat 0 0;color:#fff}
	.button:hover {background:url(images/button-hover.png) no-repeat 0 0;color:#ffff00}
	.button:active {top:281px;background:url(images/button-active.png) no-repeat 0 0;color:#ffff00}
#about { background:url(images/about-bg.jpg) no-repeat center top;height:453px}
	.about {width:500px;position:absolute;right:32px;top:50px}
	.about h2 {font-size:24px; color:#f1d871;}
	.about p {color:#d2d2d2;margin-top:20px;line-height:24px;font-size:12px;}
	.about a {color:#f1d871;}
	a.return {color:#666; display:none}
.news p span {float:right;color:#666}
	.news p a{float:left;color:#d2d2d2;}
	.news p {clear:both;overflow:hidden;margin-top:10px}
	.news-cont {height:300px; padding-right:10px;margin-bottom:5px;overflow:auto;}
	.news-cont strong {font-size:14px;color:#77228c;}


.video-cont {width:500px;margin:0 auto ;padding-top:50px}
	
.news {background:url(images/news-bg.jpg) no-repeat center top !important;}
.video {background:url(images/video-bg.jpg) no-repeat center top !important;}
.contact {background:url(images/contact-bg.jpg) no-repeat center top !important;}
.link {display:none;font-size:10px;}
#footer { background:url(images/footer.jpg) no-repeat center top;height:155px;}