@charset "utf-8";
/* CSS Document */

h3{ font-size:18px; margin:0px; padding:0px; font-family:"Times New Roman",Times,sans serif;}
.red{ color:#5d2d01;}
.xian{ border-bottom: 1px solid #DADACF; padding-bottom:5px; margin-bottom:5px;}




body{ margin:0 auto; padding:0px; font-size:12px; font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif; background:#005c63; /*background:url(/images/diy/bj.jpg) repeat-x;*/ line-height:18px; color:#555555;}

.contier{ width:1250px; overflow:hidden; margin:0 auto; padding-bottom:50px;}
.contier .shu{ background:url(/images/diy/shu_1_03.png) no-repeat; width:536px; height:632px; margin:0 auto;  margin-top:73px;}
.contier .shu .font1{ font-size:26px;}
.contier .shu .font1 a:link { color: #ff0000; text-decoration: underline;}
.contier .shu .font1 a:visited { text-decoration: underline; color: #ff0000;}
.contier .shu .font1 a:hover { text-decoration: underline; color: #ff4800;}
.contier .shu .font1 a:active { text-decoration: underline; color: #ff4800; }



.contier .main{ width:1150px; margin:0 auto; overflow:hidden;}
.contier .main .head{ width:100%; margin:0 auto; height:98px;}
.contier .main .head .logo{ margin-top:18px; float:left; padding-left:26px; display:inline;}

.contier .main .head .list{ float:right; }

.contier .main .head .list .not{ background:url(/images/diy/diy_3_06.png) no-repeat; width:373px; height:51px; padding-left:15px; line-height:24px;}
.contier .main .head .list .not a:link { color: #5c5c5c; text-decoration: underline;}
.contier .main .head .list .not a:visited { text-decoration: underline; color: #5c5c5c;}
.contier .main .head .list .not a:hover { text-decoration: underline; color: #000;}
.contier .main .head .list .not a:active { text-decoration: underline; color: #000; }

.contier .main .box{ background:url(/images/diy/middle_bj_06.png) repeat-y;}
.contier .main .box .content{ width:1070px; margin:0 auto;}
.contier .main .box .content .left{ width:500px; float:left; margin-left:3px; display:inline; overflow:hidden;}
.contier .main .box .content .left .title{ width:500px; margin:0 auto;}
.contier .main .box .content .left .title h2{ font-size:20px; color:#000000; font-family:"Times New Roman",Times,sans serif;}

.contier .main .box .content .left .img_note{ margin-bottom:30px; margin-top:10px;}
.contier .main .box .content .left .img_note div{ float:left;  width:100px; overflow:hidden; }
.contier .main .box .content .left .img_note div img{ padding-bottom:8px;}
.contier .main .box .content .left .img_note .div1{ float:left; width:100px; overflow:hidden;}
.contier .main .box .content .left .img_note .div1 img{ padding-bottom:8px;}
.contier .main .box .content .left .img_note .div2{ float:left; margin-right:10px; width:300px; overflow:hidden; }
.contier .main .box .content .left .img_note .div2 img{ padding-bottom:8px;}


.contier .main .box .content .left .diy5_left1{}
.contier .main .box .content .left .diy5_left1 div{ width:200px;}
.contier .main .box .content .left .diy5_left1 h2{ font-size:18px; color:#2b2b2b; padding:0px; margin:0px; font-family:"Times New Roman",Times,sans serif;}


.contier .main .box .content .right{ float:right; width:507px;}
.contier .main .box .content .right .note{ margin-bottom:26px;}
.contier .main .box .content .right h2{ font-size:20px; color:#000000; padding:0px; margin:0px; font-family:"Times New Roman",Times,sans serif;}

.contier .main .box .content .right span{ display:block; width:507px;}
.contier .main .box .content .right span strong{ color:#646464; font-size:12px;}
.contier .main .box .content .right .span_bor{ border-bottom:1px #dadacf solid; font-weight:bold; color:#3b3b3b; margin-top:10px; font-size:16px; padding-bottom:3px; margin-bottom:5px;font-family:"Times New Roman",Times,sans serif; }
.contier .main .box .content .right .span_bor a:link { color:#3b3b3b; text-decoration: underline; }
.contier .main .box .content .right .span_bor a:visited { text-decoration: underline; color:#3b3b3b;}
.contier .main .box .content .right .span_bor a:hover { text-decoration: none; color: #000;}
.contier .main .box .content .right .span_bor a:active { text-decoration: none; color: #000; }

.col{ color:#e22b00; font-weight:bold; font-size:13px; width:100%;}


.contier .main .box .content .right .span_pad{ padding-left:15px; width:460px; color:#4b4b4b;}



.tab_01{ width:605px; margin:0 auto;}
.tab_01 li{ list-style:none;}
.tab_02{clear:both;padding:8px; text-align:left;}

.tab_02 .IMG_note{ width:156px; float:left; background:url(/images/diy/IMG_BJ_14.png) no-repeat left top; height:auto; overflow:hidden; margin:10px 0px; line-height:16px; -webkit-text-size-adjust:none;}
.tab_02 .IMG_note .font1{ font-size:11px; font-weight:bold; color:#352e2c; padding-left:5px;}
.tab_02 .IMG_note .font1 a:link{ font-size:11px; font-weight:bold; color:#352e2c; text-decoration:none;}
.tab_02 .IMG_note .font1 a:hover{ color:#ff0000;}
.tab_02 .IMG_note .font1 span,.tab_02 .IMG_note1 .font1 span{ font-weight:normal;}
.tab_02 .IMG_note a{ font-size:10px;}
.tab_02 .IMG_note a:link { color: #352e2c; text-decoration: underline;}
.tab_02 .IMG_note a:visited { text-decoration: underline; color: #352e2c;}
.tab_02 .IMG_note a:hover { text-decoration: underline; color: #000;}
.tab_02 .IMG_note a:active { text-decoration: underline; color: #000; }


.tab_02 .IMG_note1{ width:156px; float:left; background:url(/images/diy/IMG_BJ_14.png) no-repeat left top; height:auto; overflow:hidden; margin:10px 15px; line-height:16px;}
.tab_02 .IMG_note1 .font1{ font-size:11px; font-weight:bold; color:#352e2c; padding-left:5px;}
.tab_02 .IMG_note1 .font1 a:link{ font-size:11px; font-weight:bold; color:#352e2c; text-decoration:none;}
.tab_02 .IMG_note1 .font1 a:hover{ color:#ff0000;}
.tab_02 .IMG_note1 a{ font-size:10px;}
.tab_02 .IMG_note1 a:link { color: #352e2c; text-decoration: underline;}
.tab_02 .IMG_note1 a:visited { text-decoration: underline; color: #352e2c;}
.tab_02 .IMG_note1 a:hover { text-decoration: underline; color: #000;}
.tab_02 .IMG_note 1a:active { text-decoration: underline; color: #000; }




.menu0 li,.menu1 li{display:block;float:left; width:100px; height:29px; line-height:29px; color:#FFFFFF; text-align:center; cursor:pointer;  margin-left:1px; font-size:13px; list-style:none; background:url(/images/diy/tab_link_03.png) no-repeat; font-weight:bold;}
.menu0 li.hover,.menu1 li.hover{ background:url(/images/diy/tab_over_03.png) no-repeat; width:100px; height:29px; color:#000000;}

#main0 ul,#main1 ul{display:none;}
#main0 ul.block,#main1 ul.block{display:block;}


.Frame table{ border-collapse:collapse; width:100%;}
.Frame table td{ border:solid 1px #cbccc8;  overflow:hidden;}
.Frame table td input{ border:1px #cccccc solid;}
.Frame table a:link { color: #352e2c; text-decoration: underline;}
.Frame table a:visited { text-decoration: underline; color: #352e2c;}
.Frame table a:hover { text-decoration: underline; color: #000;}
.Frame table a:active { text-decoration: underline; color: #000; }

.cover-page{ width:297px; height:279px; background:url(/images/diy/cover.jpg) left center no-repeat; margin:15px auto; margin-top:80px; padding:302px 0px 0px 208px; overflow:hidden;}
.cover-page a{ width:113px; height:25px; display:block; float:left; font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height:25px; color:#000000; text-decoration:none;}
.cover-page a:hover{ color:#ff0000; text-decoration:underline;}


.left-new{display: inline; float: left; overflow: hidden; width: 468px; height:auto; color:#3c3b3a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; padding:30px 0px 50px 3px;}
.left-new p a{ color:#ff3000; text-decoration:underline;}
.left-new p a:hover{ color:#000; text-decoration:none;}
.left-new p span{color:#ff3000;}
.left-content{ width:426px; height:auto; float:left; padding-left:42px;}
.photo{ width:450px; height:260px; float:left; margin-bottom:5px;}
.right-new{float: right; width:485px; height:auto; background:url(/images/diy/rightbg.png) right top no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; padding:40px 0px 50px 20px;}
.clear{ clear:both; line-height:0px; height:0px; width:0px; font-size:0px;}
.start{ width:93px; height:28px; float:left; margin-top:20px;}
.list-right{ width:390px; height:auto; float:left; background:url(/images/diy/title.png) left top no-repeat; padding-top:36px;}
.list-right h2{ display:block; height:40px; float:left; width:100%; color:#31312f; font-size:20px; border-bottom:1px dashed #a8a8a4; margin:0px; padding:0px; line-height:40px;}
.list-right ul{ width:100%; height:auto; float:left; margin:0px; padding:0px;}
.list-right ul li{ list-style:none; border-bottom:1px dashed #a8a8a4; padding:12px 0px; width:100%; height:auto; float:left; display:block;}
.list-right ul li b{ color:#313130; font-size:14px; max-width:345px; float:left; font-weight:normal;}
.list-right ul li span{ width:15px; height:15px; display:block; float:right; color:#fff; font-size:8px; -webkit-text-size-adjust:none; text-align:center; background:url(/images/diy/span.png) left top no-repeat; line-height:15px;}

.photonew{ width:137px; height:112px; text-align:center; display:block;}
.button-add{ position:relative; top:-20px; display:block; width:137px; text-align:right;}
.button-add a{ margin-right:6px;}
.button-add a img{ border:none;}