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


/** 
華仕尊城設計顧問有限公司
www.w-vi.com
**/

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
.clearfix{clear:both;}

.w_auto{width:1000px; display:block; margin:0 auto;}

.header{height:98px; display:block; overflow:hidden; background:#000; position:relative;}
.header .logo{background:url(images/logo.png) no-repeat; float:left; display:inline-block; margin-top:15px; height:67px; width:333px;}
.header .logo a{width:333px; height:67px; display:block; text-indent:-99999px;}
.header .menu{float:right; display:inline; line-height:98px;}
.header .menu a{padding-left:20px; height:98px; line-height:98px; color:#fff; font-size:16px;}
.header .menu a:hover, .header .menu a.hover{color:#666;}

.banner{height:595px; display:block; overflow:hidden; position:relative;}
.banner .w_auto{width:1000px; display:block; margin:0 auto; position:relative;}
.tag{background:url(images/arrew.png) no-repeat; width:104px; height:156px; display:block; position:absolute; top:95px; right:0px;}
.banner .num{top:-50px; z-index:9999; left:50px; position:absolute; height:16px;}
.banner .num span{background:url(images/point.png) no-repeat; cursor:pointer; text-indent:-99999px; width:16px; height:16px; display:inline-block; margin-right:5px;}
.banner .num span:hover, .banner .num span.on{background-position:-25px 0;}

.banner ul {width:100%; clear:both; height:595px; display:block; overflow:hidden;}
.banner ul li{position:absolute; width:100%; height:595px; display:block; top:0; left:0; display:none}

.block1{height:200px; background:#181818; border-bottom:1px solid #57585A;}
.block1 .w_auto{width:900px; display:block; margin:0 auto;}
.block1 .text{float:left; word-wrap: break-word; word-break: normal; display:inline; width:480px;}
.block1 .text h2{line-height:40px; padding-top:10px; padding-bottom:10px; font-size:30px; color:#B5B5B5;}
.block1 .text p{line-height:18px; font-size:12px; color:#808080;}
.block1 .support a{background:url(images/more.png) no-repeat right; line-height:200px; font-size:18px; color:#D61616; float:right; display:inline; padding-right:30px;}

.block2{height:540px; background:#141414; border-bottom:1px solid #57585A;}
.block2 .w_auto{width:930px; display:block; margin:0 auto;}
.block2 .show{width:465px; height:540px; float:left; display:inline-block;}
.block2 .text{width:250px; float:left; display:inline;}
.block2 .text h1{padding-top:75px; line-height:108px; color:#595757; font-size:80px; font-weight:100;}
.block2 .text h2{line-height:28px; font-size:24px; color:#595757; font-family:Arial, Helvetica, sans-serif;}
.block2 .text p{line-height:12px; font-size:12px; color:#595757; padding-top:10px;}
.block2 .text .more a{background:url(images/more.png) no-repeat right; line-height:70px; font-size:18px; color:#D61616; padding-right:30px;}
.block2 .pp{float:left; display:inline-block; margin-top:110px;}

.block3{height:310px; background:#181818;}
.block3 .w_auto{width:960px; display:block; margin:0 auto;}
.block3 dd{float:left; display:inline-block; width:310px; height:149px; margin-top:70px;}
.block3 dd:hover{opacity:0.8}
.block3 dd h2{padding-top:40px; padding-left:32px; font-size:34px; line-height:40px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.block3 dd p{padding-top:5px; padding-left:32px; font-size:14px; line-height:16px; color:#fff;}
.block3 dd.d1{background:url(images/img3.png) no-repeat;}
.block3 dd.d2{background:url(images/img4.png) no-repeat; margin-left:15px; margin-right:15px;}
.block3 dd.d3{background:url(images/img5.png) no-repeat;}

.footer{background:url(images/footer-bg.gif) repeat-x; height:430px;}
.footer .w_auto{width:930px; display:block; margin:0 auto;}
.footer dl{width:176px; padding-right:10px; height:200px; display:inline-block; float:left; overflow:hidden;}
.footer dt{line-height:80px; font-size:16px; color:#fff;}
.footer dd{line-height:20px; font-size:12px; color:#fff;}
.footer dd a{line-height:20px; font-size:12px; color:#fff;}
.footer dd a:hover{color:#BCBCBC;}
.footer .icon{padding-top:60px; height:59px; text-align:center; display:block;}
.footer .icon a{background:url(images/icon.png) no-repeat; width:60px; height:59px; display:inline-block; margin-left:10px; margin-right:10px; -webkit-transition: all 0.3s ease-out;}
.footer .icon a:hover{-webkit-transform: rotate(360deg);}
.footer .icon a.a1{background-position:0 0;}
.footer .icon a.a2{background-position:-87px 0;}
.footer .icon a.a3{background-position:-173px 0;}
.footer .icon a.a4{background-position:-262px 0;}
.footer .icon a.a5{background-position:-351px 0;}
.footer .copyright{padding-top:67px; line-height:44px; font-size:12px; color:#BDBDBD; text-align:center;}
.footer .copyright a{color:#BDBDBD; margin-left:5px;}

.share{background:url(images/bg.gif) repeat;}
.share .head{background:url(images/pro-head.gif) no-repeat center; height:98px;}
.share .left{float:left; display:inline; width:254px; margin-top:-57px;}
.share .left .top{background:url(images/left-bg_01.png) no-repeat; height:20px;}
.share .left .center{background:url(images/left-bg_02.png) repeat-y; padding-bottom:30px;}
.share .left .bot{background:url(images/left-bg_03.png) no-repeat; height:30px;}
.share .left h2{line-height:60px; font-size:30px; color:#fff; padding-left:30px; padding-top:30px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.share .left h3 a{line-height:36px; font-size:14px; color:#E6E6E6; padding-left:30px; background:url(images/page.png) no-repeat 205px -94px; font-family:Arial, Helvetica, sans-serif; font-weight:100; display:block;}
.share .left h4 a{line-height:36px; font-size:14px; color:#E6E6E6; padding-left:30px; font-family:Arial, Helvetica, sans-serif; font-weight:100; display:block;}
.share .left h4 a:hover{color:#a5a5a5;}
.share .left h3 a:hover{background-position:205px -38px; color:#A5A5A5;}
.share .left p a{background:url(images/page.png) no-repeat 28px 8px; line-height:26px; padding-left:42px; display:block; font-size:12px; color:#B3B3B3; font-family:Arial, Helvetica, sans-serif;}

.path{line-height:46px; text-align:right; font-size:12px; color:#999; padding-right:30px;}
.path a{line-height:46px; text-align:right; font-size:12px; color:#999;}
.share .right{background:url(images/black.png) repeat; width:739px; float:left; display:block; min-height:500px; margin-top:-52px;}
.share .right .choose{background:url(images/choose.png) no-repeat; height:51px; display:block;}
.share .right .choose .title{float:left; display:inline; line-height:50px; color:#fff; font-size:26px; font-weight:bold; padding-left:30px;} 
.share .right .content{padding-left:30px; padding-right:30px; line-height:20px; font-size:14px; color:#fff; padding-top:50px; padding-bottom:50px; word-wrap: break-word; word-break: normal;}
.share .right .in1{min-height:600px;}
.share .right .in1 .pleft{width:330px; display:inline-block; float:left; margin-top:70px;}
.share .right .in1 .pi img{margin-left:30px; width:300px; height:450px; display:block;}
.share .right .in1 .pleft .intro{height:105px; margin-left:45px;}
.share .right .in1 .pleft .intro img{width:50px; height:75px; float:left; display:inline-block; margin:15px 17px 10px 17px; cursor:pointer;}
.share .right .text{padding:50px 0 10px 50px; float:left; display:inline; color:#ccc; line-height:26px; width:300px;}
.share .right .text h2{font-size:22px; line-height:30px; color:#CCC; padding-bottom:10px;}
.share .right .in2{display:block;}

.share .right dl{min-height:500px; margin-top:70px;}
.share .right dd{width:200px; height:480px; float:left; display:inline-block; margin-bottom:20px; margin-left:37px; overflow:hidden;}
.share .right dd img.img1{height:300px; width:200px; display:block;}
.share .right dd img.img2{height:11px; width:55px; display:block; margin-left:7px; margin-bottom:5px; border:none;}
.share .right dd h2{line-height:20px; font-size:14px; color:#fff; padding-left:5px; padding-bottom:10px;} 
.share .right dd p{background:url(images/dot.png) repeat-y 5px 0; padding-left:18px; font-size:11px; color:#A4A4A4; line-height:22px;}
.page{line-height:24px; color:#888; font-size:12px; padding:20px 0 40px 40px; text-align:center;}
.page span{color:#888; padding:0 5PX;}
.page a{color:#888; padding:0 5PX;}
.paperpage{line-height:24px; color:#babbbb; font-size:12px; padding:20px 0 40px 0px;}
.paperpage a{color:#babbbb;}

.news{background:url(images/bg.gif) repeat; min-height:500px;}
.news .w_auto{width:930px; display:block; margin:0 auto;}
.news h1{line-height:120px; padding-top:40px; color:#fff; font-size:90px;}
.news dd{width:310px; height:200px; display:inline-block; float:left;}
.news dd:hover{background:#a54d14; color:#fff;}
.news dd a{width:310px; height:200px; display:block;}
.news dd .date{padding-top:40px; padding-left:15px; padding-right:8px; line-height:24px; color:#babbbb; display:block; font-size:12px;}
.news dd h2{padding-left:15px; padding-right:8px; font-size:20px; line-height:40px; height:40px; color:#babbbb; display:block; font-weight:100; overflow:hidden;}
.news dd p{padding-left:15px; padding-right:8px; line-height:18px; height:36px; color:#808080; display:block; overflow:hidden;}
.news dd .more{color:#cd590e; padding-left:15px; padding-right:8px; font-size:12px; line-height:26px;}
.news dd:hover, .news dd:hover h2, .news dd:hover .more, .news dd:hover p, .news dd:hover .date{color:#fff;}
.news .title{font-size:20px; line-height:40px; height:40px; color:#babbbb; display:block; font-weight:100;}
.news .content{line-height:20px; font-size:14px; color:#babbbb; padding-top:10px; padding-bottom:50px;}

.contact{background:url(images/contact-map.jpg) no-repeat center 180px #272729; height:1050px;}
.contact .w_auto{width:930px; display:block; margin:0 auto;}
.contact h1{line-height:120px; padding-top:40px; color:#fff; font-size:90px; text-align:center;}
.contact .text{float:right; display:inline; margin-top:50px; width:300px;}
.contact .text h2{padding-top:50px; font-size:30px; font-weight:100; line-height:40px; color:#cccccc;}
.contact .text p{font-size:15px; line-height:26px; color:#999999;}

.faq{padding-top:40px; padding-bottom:40px;}
.faq .q{padding-bottom:20px; border-bottom:1px dotted #333; margin-bottom:10px;}
.faq .q h2{font-size:18px; color:#fff; line-height:40px; font-weight:100; padding-left:30px;}
.faq .q .ask{line-height:20px; font-size:12px; padding-left:30px; color:#D2D2D2;}