@charset "utf-8";
/* CSS Document--Lydia */
body{ background:url(../images/gif.gif); margin:0; padding:0; font-size:13px;}
#warp{ position:relative;min-height: 100%;}
#main { padding-bottom:80px;}  /* must be same height as the footer --overflow:auto;*/
#top{ background:url(../images/pic_01.gif) repeat-x; height:121px; text-align:center; width:100%;}
#Language{position: absolute; z-index:9000;top: 0; right: 30px; width: 100%;}
#Language a{float:right; padding-top: 10px; padding-right: 5px;}
.topbox{width: 940px; margin: 0 auto; height: 90px; position:relative;}
#logo{float: left; padding-top: 14px;}
#menu{ position:absolute; top:85px; right:0;font-size: 13px;}
#contant{ text-align:center; width:100%;}
#sliderbox{width:940px; margin:0 auto; padding-top:6px; padding-bottom:6px;}
#fullslider{min-width:940px; position: relative;}
.slider{min-width:940px;}

/*menu*/
#nav { text-align:left; height:36px; position:relative; z-index:500;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#7c7870; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 0px 0 20px; height:36px;}
#nav li a.top_link:hover {color:#fff;}
#nav li:hover > a.top_link {color:#C00;}
#nav li:hover {position:relative; z-index:200;}
#nav ul, #nav li:hover ul ul,#nav li:hover ul li:hover ul ul,#nav li:hover ul li:hover ul li:hover ul ul,#nav li:hover ul li:hover ul li:hover ul li:hover ul ul{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover ul.sub{left:18px; top:34px; background: #fff; padding:3px; border:1px solid #C00; border-top:2px solid #821b1b; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li{display:block; height:30px; position:relative; float:left; border-bottom:1px dotted #CCCCCC; line-height:30px; padding:5px;}
#nav li:hover ul.sub li a{display:block; height:30px; width:140px; line-height:30px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly{background:#fff url(../images/arrow.gif) 130px 10px no-repeat;}
#nav li:hover ul.sub li a:hover {color:#C00;}
#nav li:hover ul.sub li a.fly:hover,#nav li:hover ul li:hover > a.fly {color:#C00; background: url(../images/arrow_overR.gif) 130px 10px no-repeat; padding:0; margin:0;}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:150px; top:-5px; background:#FFF; border:1px solid #821b1b; white-space:nowrap; width:150px; z-index:400;padding:3px;border-top:2px solid #821b1b;}


/* background image*/
.aboutblack{background:url(../images/bg_about.jpg) top no-repeat; background-color: #FFF;}
.Servicesblack{background:url(../images/bg_bservice.jpg);background-size:cover;}
.ServicesWhite{background:url(../images/bg_wservice.jpg);background-size:cover; padding-top:40px; padding-bottom:40px;}
.contactbg{background:url(../images/L1012995.jpg);background-size:cover;}


.infoarea{width:940px; margin:0 auto;text-align:left; position:relative;}
.grayline{background:url(../images/grayline.png) repeat-x; height:14px;}
.topic{padding:20px 0;}
.textinfo{color:#6D6D6D; margin:0 40px; width:860px; font-size:13px; line-height:22px; padding-bottom:30px; font-weight:100;}
.textinfo h3{color:#A80D0D; font-weight:bold; font-size:13px; letter-spacing:1px;}
.textinfo a{color:#F00;}
.textinfo img{}

/*index style*/
.RedTopic{color:#a11f1f; font-weight:bold; border-bottom:#999 1px solid; padding:20px 0;}
.FPimg{float:left; padding:2px;}
.FPimg img{border:solid 1px #FFFFFF;}
#IEDimg{}
#ExInarea{width:940px; height:320px; background:url(../images/bg_IEDimg.jpg) no-repeat -15px 70px ; position:relative; padding-top:10px;}
#newsarea{width:620px; margin-right:0; margin-left:auto;}
.newsbox{display:block; float:left; width:290px; background:#FFF; margin:5px; padding:20px 10px 0 0; height:280px;}
.newcont{padding-left:10px; padding-right:10px;}
.newsbox h3{padding:0 0 12px 0;  height:45px;}
.newsbox h3 a{color:#686868; font-weight:bold; font-size:1.4em; }
.newsbox h3 a:hover{color:#900; font-weight:bold; font-size:1.4em; }
.newslink a:link{ display:block;height:20xp; background:url(../images/news_link.gif) no-repeat right top; width:300px; height:28px; padding:0; margin:0;}
.newslink a:hover{ display:block;height:20xp; background:url(../images/news_link_hover.gif) no-repeat right top; width:300px; height:28px; padding:0; margin:0;}
.newstext{height:65px; padding-bottom:7px; color:#888585; line-height:20px; margin-top:10px;}
.abgne-frame {position: relative; overflow: hidden;}
.abgne-frame .overlay {	display: block;	position: absolute;	width:100%; height:100%; top:0; left:0; background:url(../images/black-opacity-40.png);}


/*creativity*/
#rightlist{width:740px; float:right; padding-bottom:50px;}
.PJblock{dispaly:block; height:230px; width:240px; background:#FFF; float:left; margin:2px;}
.PJtext h3 a{color:#1a8c80; font-family:"Century Gothic"; font-size:16px; padding-bottom:8px;}
.PJtext{dispaly:block; padding:10px;color:#868686; line-height:18px;}
.PJmenu {width:190px; float:left;}

.arrowlistmenu{ width: 190px; margin:0; padding:0; }
.arrowlistmenu h3{ margin:0; padding: 0;}
.arrowlistmenu h3 a{ display: block; width: 170px; text-decoration: none; color: #ba0000; padding:10px;  font-size: 16px;  border-bottom: solid 1px #fff;}
.arrowlistmenu h3 a:hover{display: block; width: 170px; text-decoration: none; color:#F00;}
.arrowlistmenu .openheader{background: url(../images/menu-arrow.png) no-repeat 180px 16px;}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0;}

/*沒有下層選單時，移除三角形*/
.deSub{background:none!important;}
.arrowlistmenu ul ul{background: #f2f2f2;}
.arrowlistmenu li li{ background:none;}
.arrowlistmenu li li a{ display: block; color: #5e5e5e; text-decoration: none; padding: 8px 20px;}
.arrowlistmenu li li a:hover{ background: #fff; color: #ff6000; font-weight: bold;}


/*Stories*/
.newslist{color:#898479; margin:20px 40px; width:860px; font-size:13px; line-height:22px; padding-bottom:30px; font-weight:100;}
.newblock{height:200px; background:#FFF; margin-bottom:20px;}
.newblock img{overflow:hidden; float:left;}
.newstitle {width:400px; float:right; margin:10px 10px 0px 20px; height:190px; position:relative;}
.newstitle h3 a{color:#991d13; font-size:22px; font-weight:bold;}
.more{ width:39px; height:39px; position:absolute; bottom:0; right:-10px;}
.SortTime{margin-bottom:20px;}
.FA {color:#e6a905; font-weight:bold;font-size:13px;}
.VO{color:#bd0000; font-weight:bold;font-size:13px;}
.IEPress{color:#399e87; font-weight:bold;font-size:13px;}
.dateTime{color:#474747;font-size:13px;}
.Newsartical{ background:#FFF; min-height:600px;}
.titleall {border-bottom:#CCC 1px solid; padding:20px;}
.titleall h3{color:#991d13; font-size:22px; font-weight:bold;}
.titleall p{color:#666; font-weight:bold;}
.newselect{ position:absolute; right:40px; top:20px;}
.infoooo{padding:20px;}
#backbtn{ position:absolute; right:40px; top:89px;}
.pagenum{text-align:center; border-top:1px solid #FFF; background: url(../images/pageline.png) no-repeat bottom center; height:60px; line-height:60px; font-size:16px; margin-top:80px;}
.pagenum a{}
.pagenum a:hover{color:#900;}
.pagenum .page_prev,.page_next{color:#767676; margin-left:10px; margin-right:10px;}
.pagenum .page_num {width:30px; height:30px; background:url(../images/pagebg.png) no-repeat center; padding:11px; color:#FFF;}
.pagenum .page_now {width:30px; height:30px; background:url(../images/pagebg.png) no-repeat center; padding:11px; color:#930;}

/*contact*/
#infoareaBlack{ background:url(../images/black-opacity-80.png); width:900px; min-height:770px; margin:50px auto; text-align:left; padding:20px; color:#a4a4a4; font-size:13px; line-height:24px;}
#infoareaBlack .info{width:402px; float:left; padding-left:30px;}
#infoareaBlack .info img{border:#333 1px solid; margin-top:20px;}
#infoareaBlack h3{color:#b09b11;}
#MailForm{color:#a18942; margin-top:20px;}
#MailForm .keyinText{width:395px; margin-bottom:10px; min-height:30px; border:none;	background-color:#838383;
border: solid 1px #515151; padding-left:5px; color:#FFF;}
.sendbtn{ background:url(../images/bg_send.png) no-repeat; color:#e9c2c2; width:52px; height:28px; float:right; border:none;}

#footer{ background:url(../images/pic_04.gif) repeat-x; height:80px; padding-bottom:0; margin-bottom:0;position: relative;margin-top: -80px;height: 80px; clear:both; color:#FFF; font-size:11px; line-height:16px; letter-spacing:0.3px;}
#footerbox{margin:0 auto; width:940px;}
#footfont{width:400px;text-align:left; margin-right:0; margin-left:auto; padding-top:20px; text-align: right;}

/*font type*/
.WhiteT{color:#FFF;}
.WhiteT a{color:#FFF;}
.WhiteT a:hover{color:#FFF;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
.clearstyle{clear:both;}