@charset "utf-8";
/*
Date:2011-7-5
Author:semion
Discription:樂高牆建材股份有限公司
*/

* { margin:0; padding:0; border:0; font-family:arial,'Microsoft JhengHei','微軟正黑體';}
html { overflow-y:scroll;}
body { margin:0; padding:0; border:0; width:100%; height:100%; background:#13523D url(../img/bg-repeat.png) repeat-x left top;}
/*body { margin:0; padding:0; border:0; background:#133500 url(../img/bj2.png) no-repeat center 183px;}*/

a,ul { outline:none;}
.F_l { float:left;}
.F_r { float:right;}
/*----------------------------Header----------*/

#Header {  /*height:183px;*/}
#Header .Top { margin:0 auto; height:112px; width:986px; padding-top:38px; background:url(../img/bg-head.jpg) no-repeat center 0px;}
.navbox{width:100%; height:42px; background:#4B8263;}
#Header .Nav { float:left; width:857px; height:53px;}
#Header .Nav a { float:left; height:53px; overflow:hidden;}
.Nav_a1,.Nav_a1on { width:122px;}
.Nav_a2,.Nav_a3,.Nav_a4,.Nav_a5,.Nav_a6,.Nav_a2on,.Nav_a3on,.Nav_a4on,.Nav_a5on,.Nav_a6on { width:121px;}
.Nav_a7,.Nav_a7on { width:130px;}
.Nav_a1 { background:url(../img/nav.png) no-repeat 0px 0px;}
.Nav_a2 { background:url(../img/nav.png) no-repeat -122px 0px;}
.Nav_a3 { background:url(../img/nav.png) no-repeat -243px 0px;}
.Nav_a4 { background:url(../img/nav.png) no-repeat -364px 0px;}
.Nav_a5 { background:url(../img/nav.png) no-repeat -485px 0px;}
.Nav_a6 { background:url(../img/nav.png) no-repeat -606px 0px;}
.Nav_a7 { background:url(../img/nav.png) no-repeat -727px 0px;}

.Nav_a1:hover,.Nav_a1on { background:url(../img/nav.png) no-repeat 0px -53px;}
.Nav_a2:hover,.Nav_a2on { background:url(../img/nav.png) no-repeat -122px -53px;}
.Nav_a3:hover,.Nav_a3on { background:url(../img/nav.png) no-repeat -243px -53px;}
.Nav_a4:hover,.Nav_a4on { background:url(../img/nav.png) no-repeat -364px -53px;}
.Nav_a5:hover,.Nav_a5on { background:url(../img/nav.png) no-repeat -485px -53px;}
.Nav_a6:hover,.Nav_a6on { background:url(../img/nav.png) no-repeat -606px -53px;}
.Nav_a7:hover,.Nav_a7on { background:url(../img/nav.png) no-repeat -727px -53px;}
/*----------------------------Box----------*/
/*#Box_bj { background:url(../img/bj2.png) no-repeat center 0px; overflow:hidden;}*/
#Box_bj{background:#E4FAF2 url(../img/content-bg.png) no-repeat left top;}
.Box { margin:0 auto; width:986px; overflow: hidden;}
.Bjindex {padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom;}
.Bjsgff {padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom;}
.MethodInfo{padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom;}
.Bjcontact { /*background:url(../img/contact_bg.png) no-repeat left 0;*/ height:543px;}
.Bjabout {padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom;  overflow:hidden;}
.Bjnews { background:url(../img/news_bg.png) no-repeat left 0; height:665px;}
.Caselistbj {padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom; overflow:hidden; min-height:665px;}
.Bjnews_content { background:url(../img/newscontent_bg.png) no-repeat left 0; height:665px;}
.Bjanli {padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom; min-height:2148px;}
/*----------------------------Left----------*/

.Left { width:635px; min-height:1200px; overflow:hidden;}
.Left2 { width:635px; min-height:932px; overflow:hidden;}
.Left_title { float:left; width:90%; background:url(../img/left_bj1.png) no-repeat left 20px; height:46px; padding:43px 5% 0px 5%; font-size:18px; font-weight:bold; color:#fff; }
.Left_title2 { float:left; width:90%; background:url(../img/left_bj1.png) no-repeat left 2px; height:46px; padding:24px 5% 0px 5%; font-size:18px; font-weight:bold; color:#fff; }
.Left_title3 { float:left; width:90%; background:url(../img/left_bj1.png) no-repeat left 2px; height:46px; padding:24px 5% 0px 5%; font-size:18px; font-weight:bold; color:#fff; }
.Left_title3s { float:left; width:90%; background:url(../img/left_bj1s.png) no-repeat left 2px; height:46px; padding:24px 5% 0px 5%; font-size:18px; font-weight:bold; color:#fff; }
.Left_div1 { float:left; width:92%; padding:0px 10% 0px 5%; font-size:15px; color:#000; line-height:1.5;}
.Left_div2 { float:left; width:90%; padding:0px 5% 0px 5%;}

.Left_a { float:left; width:159px; height:109px; overflow:hidden; background:url(../img/left_bj3.png) no-repeat left 0; padding:0px 10px 10px 10px; margin-right:15px;}
.Left_a p.Title { float:left; font-size:18px; font-weight:bold; color:#69523b; width:100%; line-height:30px; padding-top:5px;}
.Left_a p.Note { float:left; font-size:15px; color:#69523b; width:100%; line-height:18px;}




/*----------------------------Right----------*/
.Right { width:334px; }
.Right_div { float:right; width:302px; padding:0px 17px 26px 0px;}
/*.Right_div img { border:1px #fff solid;}*/



/*----------------------------Sgff_box----------*/
.Sgff_box { float:left; width:100%;}
.Sgff_box div.T { float:left; width:76%; height:37px; font-size:16px; color:#fff; padding:40px 12% 0px 12%;}
.T_bj1 { background:url(../img/sgff_bj1.png) no-repeat left 20px;}
.T_bj2 { background:url(../img/sgff_bj2.png) no-repeat left 20px;}
.T_bj3 { background:url(../img/sgff_bj3.png) no-repeat left 20px;}
.T_bj4 { background:url(../img/sgff_bj4.png) no-repeat left 20px;}
.T_bj5 { background:url(../img/sgff_bj5.png) no-repeat left 20px;}
.Sgff_box div.T_note { float:left; width:76%; padding:0px 12% 0px 12%; font-size:15px; color:#fff; line-height:24px;}
/*----------------------------Contact_l----------*/

.Contact_l { float:left; width:428px; height:345px; overflow:hidden; padding:94px 26px 32px 73px; background:url(../img/contact_bj3.png) no-repeat left 70px;}
.Contact_r { float:right; width:371px; height:284px; padding:164px 44px 23px 44px; background:url(../img/contact_bj4.png) no-repeat left 141px;}
.Contact_r div.F_l { float:left; width:365px; height:278px; border:1px #333 solid; padding:2px;}

.Contact_form,.Con_formdiv { float:left; width:100%;}
.Contact_form { padding-top:10px;}
.Con_formdiv { padding:5px 0px;}
.Con_formdiv label.W { float:left; font-size:15px; color:#585857; font-weight:bold; font-family:"微軟正黑體"; width:90px; text-align:right;}
.Con_formdiv .Inpa { float:left; width:200px; border:1px #ccc solid; height:18px; line-height:18px; padding:0px 2px; background-color:#fff; color:#666; font-size:12px;}
.Con_formdiv .Inpb { float:left; width:300px; border:1px #ccc solid; line-height:20px; padding:2px 2px; background-color:#fff; height:105px; color:#666; font-size:12px;}
.Con_formdiv .Cont_reset { float:left; width:89px; height:24px; background:url(../img/contact_img2.png) no-repeat left 0; margin-left:10px; cursor:pointer;}

/*----------------------------About----------*/
.About_div1 { float:left; width:100%; height:113px;}
.About_div1 p { float:left; font-size:16px; color:#fff; line-height:24px;}
.About_div1 p.A { text-align:left; padding-left:9%; width:91%; padding-top:30px;}
.About_div1 p.B { text-align:right; padding-right:9%; width:91%; padding-bottom:20px; padding-top:10px;}
.About_div2 { float:left; width:100%; height:290px; overflow:hidden;}
.About_div2 ul li{ float:left; list-style:none;}
.About_div2 ul li span{ display:block; color:#FFF; text-align:center; padding:12px 0 0 0;}
.About_div2 img.About_img1 {  width:318px; height:239px; padding:12px 0px 0px 8px;}
.About_div3 { float:left; width:986px; height:360px;}
.About_div3 div.L { float:left; width:330px; padding:0px 0px 0px 50px;}
.About_div3 div.L ul { float:left; width:100%; list-style:none; padding-top:70px;}
.About_div3 div.L ul li { float:left; width:100%; color:#fff; line-height:20px;}
.About_div3 div.L ul li.A { font-size:26px; font-weight:bold; font-family:'Microsoft JhengHei',"微軟正黑體"; padding-bottom:10px;}
.About_div3 div.L ul li.B { font-size:15px; line-height:30px; font-family:'Microsoft JhengHei',"微軟正黑體";}
.About_div3 div.R { float:left; width:606px;}
.About_div3 div.R div.R_div { float:left; width:247px; padding-top:15px; padding-left:20px;}
.About_div3 div.R div.R_div img.About_img1 { float:left; width:247px; height:180px;}
.About_div3 div.R div.R_div span { float:left; width:100%; font-size:13px; color:#fff; line-height:24px; text-align:center;}

.About_div4 { float:left; width:886px; padding:0 50px 120px 50px; line-height:28px; color:#FFF;background:url(../img/zhengshua_bj.png) repeat-y left 0; height:auto; padding-top:15px;}

/*----------------------------News----------*/
.News_box { float:left; width:691px; height:555px; padding:110px 83px 0px 212px;}
.News_ul { float:left; list-style:none; width:631px; border-bottom:1px #275484 solid; padding:10px 30px 10px 30px;}
.News_ul li { float:left; width:100%;}
.News_ul li.T { color:#156860; font-size:15px; font-weight:bold; line-height:24px;}
.News_ul li.T a { color:#156860; text-decoration:none;}
.News_ul li.T a:hover { text-decoration:underline;}
.News_ul li span.L { float:left; font-size:15px; color:#156860; width:7%; line-height:20px;}
.News_ul li span.R { float:left; font-size:15px; color:#666; width:93%; line-height:20px; height:40px; overflow:hidden;}

.Page { float:left; width:691px; text-align:center; padding-top:10px; font-size:15px; color:#000;}
.Page a { color:#000; text-decoration:none; padding:0px 5px;}
.Page a:hover { text-decoration:underline; color:#f60;}
.Page a.On { text-decoration:underline; color:#f60;}

.News_content { float:left; width:611px; overflow:hidden; padding:0px 30px 0px 50px;}

.News_title { float:left; width:100%; color:#156860; font-size:18px; font-weight:bold; line-height:24px; text-align:center; padding-bottom:20px;}
.News_note { float:left; width:100%; overflow-x:hidden; height:380px;}
.News_bottom  { float:left; width:100%; text-align:center; padding-top:10px;}
.News_bottom a { color:#156860; font-size:15px; font-weight:bold; line-height:30px; border-bottom:1px #275484 solid; text-decoration:none; padding:0px 20px;}
.News_bottom a:hover { color:#f60;}


/*----------------------------Anli_div----------*/
.Anli_div1 { float:left; width:986px; overflow:hiddenl;}
.Anli_div1 div.Anli_a { float:left; width:312px; height:250px; padding:3px 0px 0px 12px;}
.Anli_div1 div.Anli_a img  { float:left; width:312px; height:220px; overflow:hidden;}
.Anli_div1 div.Anli_a p { float:left; width:100%; color:#000; line-height:30px; font-size:15px; text-align:center;}
.Anli_div2 { float:left; width:956px; height:155px; padding:6px 0 0 0; overflow:hidden;}
.Anli_img1 { float:left; width:161px; height:121px; overflow:hidden; padding-top:20px; padding-left:5px;}
.Anli_img2 { float:left; width:121px; height:161px; padding-left:5px;}
.Anli_img3,.Anli_img32 { float:left; width:121px; height:161px;}
.Anli_img3 { padding:0px 15px;}
.Anli_img32 { padding:0px 15px 0px 20px;}
.Anli_img4 { float:left; height:121px; padding-left:5px; padding-top:20px;}
.Anlid2_paddinga { padding: 0px 0px 16px 20px;}
.Anlid2_paddingb { padding:2px 0px 14px 20px;}
.Anlid2_paddingc { padding:5px 0px 11px 20px;}
.Anlid2_paddingd { padding:8px 0px 8px 20px;}


/**/
.InofFCk{ float:left; width:886px; padding:0 50px 45px 50px; color:#000; line-height:1.5; font-size:15px;}
.MethodList{ width:100%; padding:12px 0 30px 0; overflow:hidden;}
.MethodList ul{ padding:0 0 0 10px; list-style:none;} 
.MethodList ul li{ float:left; padding:0 8px;}
.MethodList ul li img{ border:1px solid #FFF;}
.MethodBody{ padding:0 0 100px;}


/*--------------------------Footer------*/
#Footer {border-top:10px solid #76A493; background:#266A50; height:130px;  overflow:hidden;}
#Footer .Footer_div { padding:20px 20px 0 34px; font-size:12px; color:#fff; overflow:hidden; line-height:1.2;}
#Footer .Footer_div div.F_l {padding:15px 0 0 95px; background:url(../img/foot-logo.png) no-repeat 0 0; }
#Footer .Footer_div div.F_l strong{font-size:19px;}
#Footer .Footer_div div.F_r { padding-top:80px;}
#Footer .Footer_div div a { color:#fff; text-decoration:none;}
#Footer .Footer_div div a:hover { text-decoration:underline;}

/*add0618*/
.add-about{padding:0 50px 20px 34px; font-size:15px; line-height: 1.5; color:#000; }
.add-aboutbg{padding-bottom:20px; background:url(../img/content-bg-bot.png) no-repeat right bottom;}
.Nav{position:relative;}
.navin ul li .sub-nav{clear:both; position:absolute; left:0; top:50px; width:140px; display:none;}
.navin ul li .sub-nav a{display:block; width:141px; height:40px; padding:0; border:none; line-height:40px; text-align:center; font-size:15px; color:#fff; text-decoration:none; font-weight:normal; background:url(../img/sub-navbg.png) no-repeat; }
.navin ul li .sub-nav a:hover{width:141px; border:none; background:url(../img/sub-navbg-h.png) no-repeat; }
.clearfix:after{content:''; clear:both; display:table;}
.clearfix{zoom:1;}
.tac{text-align: center;}
.navbox{width:1006px; height:56px; margin-left:-10px; background:url(../img/nav-repeat.png) repeat-x left top;}
.navin{width:986px; margin:0 auto;}
.navin ul:after{content:''; clear:both; display:table;}
.navin ul{*zoom:1; height:50px; background:url(../img/nav-leftbg.png) no-repeat right top;}
.navin ul li{position:relative; float:left; text-align:center; list-style:none; z-index:9;}
.navin ul li a{float:left; width:140px; height:50px; line-height:50px; font-size:17px; color:#fff; text-align:center; font-weight:bold; text-decoration:none; background:url(../img/nav-leftbg.png) no-repeat left top;}
.navin ul li a:hover,.navin ul li a.cur-navon{width:140px; border-left:none; color:#fff; background:url(../img/nav-hover.png) no-repeat left top;}
.navin ul li.nav-last a{width:145px;}
.navin ul li.nav-last a:hover,.navin ul li.nav-last a.cur-navon{width:145px; background:url(../img/nav-hover-last.png) no-repeat left top;}
.navin ul li:hover div{display:block;}
.logo-ad{padding-left:38px;}
.container{width:986px; margin:0 auto; padding:0 10px 10px; background:#0e412f;}
.article-title{margin:45px 0 25px; padding:20px 0 0 34px; height:64px; font-size:27px; font-weight:bold; color:#fff; background:url(../img/title-bg.png) no-repeat left top;}
.dash-x{width:580px; height:9px; background:url(../img/dash-repeat.png) repeat-x left top;}
#gallery2 .Right_div{width:314px; height:215px; padding:11px 0 0 14px; margin-bottom:14px; background:url(../img/pic-shadow.png) no-repeat;}
#gallery2 .Right_div img{display:block;}
.shadow-t1{padding:14px; background:url(../img/shadow-t1.png) no-repeat;}
.shadow-m1{padding:14px; background:url(../img/shadow-m1.png) no-repeat;}
.shadow-m2{padding:14px; background:url(../img/shadow-m2.png) no-repeat;}
.shadow-m3{padding:14px; background:url(../img/shadow-m3.png) no-repeat;}

.article-title{position:relative; z-index:7;}
.article01{position:absolute; right:50px; top:0;}
.article02{position:absolute; right:159px; top:0;}
.article03{position:absolute; right:270px; top:0;}