@charset "UTF-8";
/*By xuan 2009.9.11*/

img{ font-size:0; line-height:0;}
.clearfloat{ line-height:0; clear:both;}

/*--------------------------------------------
background
--------------------------------------------*/
.maincontents{ background: url(../images/bg.jpg) repeat-x top #0b6c7d;}
.contactbg{ width:950px; background: url(../images/cloud_bg.jpg) no-repeat top center #1fafc9; padding:0 0 25px 0;}
.contents{ padding:0 0 25px 0;}
/*--------------------------------------------
Leftblock
--------------------------------------------*/
.maincontents div.leftblock{ width:286px; float:left; display:inline;}
.maincontents div.leftblock h1{ font-size:0; line-height:0;}
.maincontents div.leftblock h2{ font-size:0; line-height:0;}

/*--------------------------------------------
Rightblock
--------------------------------------------*/
.maincontents div.rightblock{ width:664px; float:left; }
.maincontents div.rightblock ul.menu{ list-style-type:none;}
.maincontents div.rightblock ul.menu li{ float:left; display:inline; font-size:0; line-height:0;}
.maincontents div.rightblock div.bigpic{}
.maincontents div.rightblock div.bigpic p{ font-size:0; line-height:0;}
.maincontents div.rightblock div.bigpic div.screen{ height:276px; background:url(../images/screen_2.jpg) no-repeat;}
.maincontents div.rightblock div.newsblock{}
.maincontents div.rightblock div.newsblock div.newsleft{ float:left; display:inline; width:321px;}
.maincontents div.rightblock div.newsblock div.newsleft ul{ list-style-type:none; margin:10px 0 0 0;}
.maincontents div.rightblock div.newsblock div.newsleft ul li{ font-size:88%; color:#e6ffdf; line-height:140%;}
.maincontents div.rightblock div.newsblock div.newsleft ul li p a{ color:#FFF; text-decoration:none;}
.maincontents div.rightblock div.newsblock div.newsleft ul li p a:hover{background:#063740;}
.maincontents div.rightblock div.newsblock div.newsleft ul li span{ float:left; display:inline; padding:1px 0 0 0;}
.maincontents div.rightblock div.newsblock div.newsleft ul li p{ float:left; width:295px; padding:2px 0 0 9px;}
.maincontents div.rightblock div.newsblock div.newsleft h2,div.newsright h2{ font-size:0; line-height:0; border: 2px solid #9cdb82;}
.maincontents div.rightblock div.newsblock div.newsright{ float:left; margin:0 0 0 15px; width:321px;}
.maincontents div.rightblock div.newsblock div.newsright ul{ list-style-type:none; margin:10px 0 0 0;}
.maincontents div.rightblock div.newsblock div.newsright ul li{  font-size:88%; color:#e6ffdf; line-height:140%;}
.maincontents div.rightblock div.newsblock div.newsright ul li p a{ color:#FFF; text-decoration:none;}
.maincontents div.rightblock div.newsblock div.newsright ul li p a:hover{ background:#063740;}
.maincontents div.rightblock div.newsblock div.newsright ul li span{ float:left; display:inline; padding:1px 0 0 0;}
.maincontents div.rightblock div.newsblock div.newsright ul li p{ float:left; width:295px; padding:2px 0 0 9px;}



/*--------------------------------------------
center
--------------------------------------------*/
.maincontents div.center{ background:url(../images/centerbg.jpg) top repeat-x; padding:10px 0 25px 40px;}
.maincontents div.center h2{ font-size:0; line-height:0; text-align:center;}
.maincontents div.center ul{ list-style-type:none; float:left; margin:7px 0 0 0; width:266px;}
.maincontents div.center ul li h3{ width:266px; border: 2px solid #9cdb82;}
.maincontents div.center ul li h4{ margin:12px 0 8px 0;}
.maincontents div.center ul li h3,h4{ font-size:0; line-height:0; text-align:center;}
.maincontents div.center ul li{ font-size:78%; line-height:140%; color:#FFF;}
.maincontents div.center ul li span{ float:left; display:inline; padding:2px 0 0 0;}
.maincontents div.center ul li p{ float:left; width:240px; padding:1px 0 0 7px;}
.maincontents div.center ul li.ywlist{ margin:4px 0 0 0;}
.maincontents div.center ul.ywleft{}
.maincontents div.center ul.ywcenter{ padding:0 0 0 30px;}
.maincontents div.center ul.ywright{ padding:0 0 0 30px;}

.maincontents div.center a,a:visited{ color:#FFF; text-decoration:none;}
.maincontents div.center a:hover{ text-decoration:underline; color:#FF0;}

/*--------------------------------------------
footer
--------------------------------------------*/
div.footer{background: url(../images/rightbg.gif) repeat-x top #fefefe; width:100%; padding:0 0 8px 0;}
div.footer div.footerin{ margin:0 auto; font-size:78%; color:#949494; line-height:140%; width:950px;}
div.footer div.footerin p.version{ width:350px; float:left; display:inline; margin:6px 0 0 15px;}
div.footer div.footerin p.copyright{ float:left; margin:40px 0 0 8px; text-align:center;}
div.footer div.footerin p.copyright span{ }
div.footer div.footerin p.copyright span a{color:#58463c; text-decoration:underline;}
div.footer div.footerin p.copyright span a:visited{color:#58463c; text-decoration:underline;}
div.footer div.footerin p.copyright span a,a:hover{color:#58463c; text-decoration:none;}
div.footer div.footerin p.footlink{ float:right; display:inline; color:#90a816; padding:60px 0 0 0;}
div.footer div.footerin p.footlink span{ padding:0 9px; color:#999;}
div.footer div.footerin p.footlink span a{color:#90a816; text-decoration:underline;}
div.footer div.footerin p.footlink span a:visited{color:#90a816; text-decoration:underline ;}
div.footer div.footerin p.footlink span a:hover{color:#90a816;text-decoration:none;}


div.footer2{background: url(../images/rightbg.jpg) repeat-x top #fefefe; width:100%; padding:0 0 10px 0; margin:10px 0 0 0;}
div.footer2 div.footerin2{ margin:0 auto; font-size:78%; color:#949494; line-height:120%;}
div.footer2 div.footerin2 p.version2{ width:350px; float:left; display:inline; margin:10px 0 0 10px;}
div.footer2 div.footerin2 p.copyright2{ float: right; padding:4px 25px 0 0; text-align:center;}
div.footer2 div.footerin2 p.copyright2 span{ }
div.footer2 div.footerin2 p.copyright2 span a{color:#58463c; text-decoration:underline;}
div.footer2 div.footerin2 p.copyright2 span a:visited{color:#58463c; text-decoration:underline;}
div.footer2 div.footerin2 p.copyright2 span a,a:hover{color:#58463c; text-decoration:none;}
div.footer2 div.footerin2 p.footlink2{ float:right; display:inline; color:#90a816; padding:19px 0 0 0;}
div.footer2 div.footerin2 p.footlink2 span{ padding:0 9px; color:#999;}
div.footer2 div.footerin2 p.footlink2 span a{color:#90a816; text-decoration:underline;}
div.footer2 div.footerin2 p.footlink2 span a:visited{color:#90a816; text-decoration:underline ;}
div.footer2 div.footerin2 p.footlink2 span a:hover{color:#90a816;text-decoration:none;}

/*--------------------------------------------
Contact me
--------------------------------------------*/
#c_menu{}
.c_marginfunction{ margin:0 0 0 151px;}
#c_menu .menu{ list-style-type:none;}
#c_menu .menu li{ font-size:0; line-height:0; float:left; display:inline;}

#namebox{ height:287px;}
#namebox h1.namelogo{ margin:37px 0 0 64px; float:left; display:inline; width:180px; border:1px solid #9ada86;}
#namebox div.nametxt{ font-size:120%; color:#FFFFFF; padding:49px 0 0 24px; float:left; display:inline;}
#namebox div.nametxt p{ margin:0 0 10px 0;}


#myfavrtor{ height:430px; }
#myfavrtor #favleft{ width:354px; float:left; display:inline; margin:0 0 0 67px; font-size:0;}
#myfavrtor #favleft dt{ }
#myfavrtor #favleft dd{ margin:12px 0 0 0; border:2px solid #FFFFFF; width:354px;}

#myfavrtor #favright{ width:473px; float:left; display:inline;}
#myfavrtor #favright dl{ margin:32px 0 0 17px;}
#myfavrtor #favright dl .favtitle{ color:#f1ec1c; font-size:100%; font-weight:bold;}
#myfavrtor #favright dl .favtxt{ color:#FFFFFF; font-size:100%; margin:15px 0 0 0; line-height:160%;}
#myfavrtor #favright dl .favpoint{ color:#FFFFFF; font-size:140%; font-weight:bold; text-align:center; margin:10px 0 0 0;}
#myfavrtor #favright dl .favname{ color:#FFFFFF; font-size:82%; text-align:right; font-weight:bold; margin:30px 0 0 0;}


#contactme{ padding:20px 0 0 0;}
#contactme #contactlist{ list-style-type:none;}
#contactme #contactlist li{ float:left; display:inline; font-size:0; line-height:0;}
#contactme #contactlist #qq{ margin:0 3px 0 66px;}
#contactme #contactlist #msn{ margin:0 23px 0 0;}

/*--------------------------------------------
Production
--------------------------------------------*/
.productionbg{ width:950px; margin:0 auto; /*background: url(../images/cloud_bg.jpg) no-repeat top center #1fafc9 fixed; padding:19px 0 25px 0;*/}
.productionbg div.pro_head{ background:url(../images/Prodution_head.png) no-repeat; height:250px; width:924px; padding:19px 0 0 0; margin:0 0 0 7px;}
.productionbg div.pro_head h1{ font-size:0; line-height:0; margin:43px 0 0 301px; *margin: 62px 0 0 301px;}
.productionbg div.pro_head p{ font-size:100%; line-height:140%; color:4a4a48; width:610px; margin:11px 0 0 301px; font:"simhei", "simsun"; font-weight:bold;}
.productionbg div.pro_head p span.wb{ color:#f09403;}
.productionbg div.pro_head p span.vp{ color:#ea5cff;}
.productionbg div.pro_head p span.gd{ color:#36a501;}
.productionbg div.pro_head p a{ text-decoration:underline; color:#5f3cd4;}

.productionbg div.pro_head p a:visited{ text-decoration:underline;}
.productionbg div.pro_head p a:hover{ text-decoration:none;}

.productionbg p.productiontop{ text-align:right; font-size:78%; margin:16px 25px 0 0;}
.productionbg p.productiontop a{ color:#FFF; text-decoration:underline;}
.productionbg p.productiontop a:visited{ text-decoration:underline;}
.productionbg p.productiontop a:hover{ text-decoration:none;}

.productionbg div.productionblock{ margin:16px 0 0 18px; position:relative;}
.productionbg div.productionblock p.prohead{ font-size:0; line-height:0;}
.productionbg div.productionblock div.proneirong{ height:258px; width:912px; border-left:#FFF 1px solid; border-right:#FFF 1px solid; background:url(../images/block_bg.png) repeat; padding:16px 0 0 0;}
.productionbg div.productionblock div.proneirong span.tig{ position:absolute; top:29px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig2{ position:absolute; top:304px; left:-12px;}/*273-275px*/
.productionbg div.productionblock div.proneirong span.tig3{ position:absolute; top:578px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig4{ position:absolute; top:852px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig5{ position:absolute; top:1125px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig6{ position:absolute; top:1400px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig7{ position:absolute; top:1674px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig8{ position:absolute; top:1948px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig9{ position:absolute; top:2222px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig10{ position:absolute; top:2496px; left:-12px;}
.productionbg div.productionblock div.proneirong div.protupian{ width:428px; height:237px; background:url(../images/pic_frame.png) no-repeat center center; margin:0 0 0 61px; padding:2px 0 0 2px; float:left; display:inline;}
.productionbg div.productionblock div.proneirong div.neirongwenzi{width:350px; float:left; margin:4px 0 0 24px;}
.productionbg div.productionblock div.proneirong div.neirongwenzi h2{  font-size:140%; font-weight:bold; color:#393838; font-family:"simhei","simsun";}
.productionbg div.productionblock div.proneirong div.neirongwenzi h3{ font-size:120%; color:#596693; font-weight:normal; margin:0 0 0 0;}
.productionbg div.productionblock div.proneirong div.neirongwenzi p.prodetail{ font-size:78%; color:#393838; line-height:160%; margin:10px 0 0 0;}
.productionbg div.productionblock div.proneirong div.neirongwenzi p.protishi{ font-size:78%; color:#C00; margin:4px 0 0 0;}
.productionbg div.productionblock div.proneirong div.neirongwenzi p.protishi span,em{ margin:0 10px 0 0;}




/*--------------------------------------------
about me
--------------------------------------------*/
div#amwrapper{ width:950px; margin:0 auto;}
div.abmehead{}
div.abmehead h1{ font-size:0; line-height:0;}
div.abmehead p.backtotop{ text-align:right; margin:0 10px 0 0; font-size:78%; margin:0 0 10px 0;}
div.abmehead p.backtotop a,a:visited{ color:#ecff6e; text-decoration:underline;}
div.abmehead p.backtotop a:hover{ text-decoration:none;}
div.abmehead p.h1under{ font-size:0; line-height:0;}

div.myinfo{ margin:20px 0 0 13px;}
div.myinfo h2.admitpic{ border:6px solid #a5a5a5; width:287px; float:left; display:inline; font-size:0; line-height:0;}
div.myinfo div.infolist{ float:left; margin:0 0 0 82px;}
div.myinfo div.infolist h3{ font-size:0; line-height:0;}
div.myinfo div.infolist h3.infotxt1{ font-size:0; line-height:0; margin:9px 0 0 0;}
div.myinfo div.infolist h3.infotxt2{ font-size:0; line-height:0; margin:32px 0 0 0;}
div.myinfo div.infolist h3.infotxt3{ font-size:0; line-height:0; margin:21px 0 0 0;}
div.myinfo div.infolist h3.infotxt4{ font-size:0; line-height:0; margin:31px 0 0 0;}

div.myskill{ margin:62px 0 0 20px;}
div.myskill h2.skillpic{ float:left; display:inline; font-size:0; line-height:0; margin:13px 0 0 0;}
div.myskill p.skilllist{ width:457px; float:left; font-size:0; line-height:0; margin:0 0 0 15px;}
div.myskill p.seemy{ font-size:0; line-height:0; width:319px; float:right; margin:16px 0 0 0;}

div.mymore{ background:url(../images/mymorebg.jpg) no-repeat right bottom; margin:41px 0 0 0; padding:0 0 15px 0;}
div.mymore div.moreleft{ float:left; display:inline; width:411px;}
div.mymore div.moreleft h2.langtit{ font-size:0; line-height:0; width:391px; margin:8px 0 0 9px;}
div.mymore div.moreleft p.huizhang{ float:left; display:inline; margin:21px 0 0 20px;}
div.mymore div.moreleft p.langlevel{ float:left; margin:21px 0 0 22px;}
div.mymore div.moreleft p{ font-size:0; line-height:0; margin:46px 0 0 15px;}
div.mymore div.moreright{ float:left; display:inline; width:530px; font-size:0; line-height:0;}
div.mymore div.moreright h2{font-size:0; line-height:0; margin:14px 0 0 37px;}
div.mymore div.moreright ul{ list-style-type:none; margin:40px 0 0 15px;}
div.mymore div.moreright ul li{ float:left; display:inline;}
div.mymore div.moreright ul li.favpaopao{ margin:0 0 0 23px;}
div.mymore div.moreright ul li.favlunia{ margin:42px 0 0 0;}


/*--------------------------------------------
event
--------------------------------------------*/


/*--------------------------------------------
lunia index
--------------------------------------------*/
.luniabg{ background:#000 url(../images/lunia_bg.jpg) center top no-repeat; padding:0 0 25px 0;}
.luniabg p.luniatop{ padding:12px 0 0 18px;}
.luniabg div.eir,di{ float:left; display:inline; width:431px; margin:220px 0 0 23px;}
.luniabg div.eir .eirpic{}
.luniabg div.eir .eirtxt{ text-align:center; margin:27px 0 0 0;}
.luniabg div.asuka{ float:left; display:inline; width:431px; margin:220px 0 0 43px;}
.luniabg div.asuka .asukapic{}
.luniabg div.asuka .asukatxt{ text-align:center; margin:27px 0 0 0;}

.eirbg{ margin:15px 0 0 0; width:950px;}
.eirbg h1{ text-align:center;}
.eir div.eirxinde{}
.eir h2{ text-align:center; margin:15px 0 0 0;}
.eir ul{ list-style-type:none; width:300px; margin:0 auto;}
.eir li{ padding:0 0 0 10px; background: url(../images/luniaeir_04.gif) no-repeat left; font-size:78%; line-height:130%; color:#ffb3c5; margin:10px 0 0 0;}

.luniaresource{ margin:20px 0 0 0; height:800px;}
.luniaresource img{ margin:0 10px 0 0;}

/*--------------------------------------------
taobao index
--------------------------------------------*/
.taobao{ background: url(../images/taobao_bg.jpg) #000 38px 505px no-repeat; height:650px; padding:0 0 129px 0;}
.taobao div.tbhead{ width:950px;}
.taobao div.tbhead p.tbtop{ float:left; display:inline; width:113px; padding:12px 0 0 18px;}
.taobao div.tbhead h1.tbname{ float:left; display:inline; width:397px; margin:0 0 0 133px;}
.taobao div.tbhead span.moretb{ float:left; display:inline; width:145px; margin:5px 0 0 127px;}

.taobao div.tbmenu{ width:950px; margin:23px 0 0 0;}
.taobao div.tbmenu h2{ font-size:0; line-height:0; margin:0 0 0 14px;}
.taobao div.tbmenu ul{ list-style-type:none; margin:22px 0 0 157px;}
.taobao div.tbmenu ul li{ float:left; display:inline; font-size:0; line-height:0; padding:0 36px 0 0;}

.taobao div.tbcontents{ width:950px; margin:23px 0 0 0;}
.taobao div.tbcontents ul{ list-style-type:none;}
.taobao div.tbcontents ul li{ float:left; display:inline;}
.taobao div.tbcontents ul li h3{ font-size:0; line-height:0;}
.taobao div.tbcontents ul li p{ font-size:0; line-height:0;}
.taobao div.tbcontents ul li.tb1st{ width:261px; margin:0 0 0 37px;}
.taobao div.tbcontents ul li.tb2nd{ width:254px; margin:0 0 0 44px;}
.taobao div.tbcontents ul li.tb3rd{ width:259px; margin:0 0 0 41px;}

.tableblock{ margin:15px 0 0 0;}


/*--------------------------------------------
fancy
--------------------------------------------*/
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../images/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_nw.png) no-repeat;
}

/*--------------------------------------------
error404
--------------------------------------------*/
div.error404{ height:1000px; text-align:center; padding:200px 0 0 0;}

/*--------------------------------------------
moviepage
--------------------------------------------*/
div.moivepage{ padding:100px 0 0 100px;}