@charset "utf-8";
/*取消 Html 原有樣式---------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{
	border:0;
}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul {list-style:none;margin:0;padding:0;}
/*基本------------------------------------------*/
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll;z-index: 999;font-size:12px;}
body{font-family: Arial, Helvetica, sans-serif;color:#b9b9b9;-webkit-text-size-adjust:none;background:#f7f6f5;}
a {color:#b9b9b9;text-decoration:none;}
.fcht{font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;}
/*共用-----------------------------------------*/
#loading{position:fixed;width:177px;height:178px;left:50%;top:50%;z-index:9999;overflow:hidden;}
#loading>spna{position:relative;width:177px;height:178px;}
#loading .i1{position:absolute;bottom:0px;left:0px;z-index:9; width:177px;height:178px;}
#loading .i2{position:absolute;bottom:0px;left:0px;z-index:10; width:177px;height:0px;}
#loading .i3{position:absolute;bottom:0px;left:0px;z-index:11;width:177px;height:0px;}

#container{position:relative;width:1400px;margin:0px auto;}
#header{float:left;width:100%;height:92px;}
#header .logo{position:absolute;width:600px;height:92px;top:0px;left:0px;background:url(../images/logo.png) no-repeat;}
#header .logo a{position:absolute;top:25px;left:15px;width:543px;height:48px;}
#header .menu{position:absolute;width:800px;height:92px;top:0px;left:600px;background:url(../images/menu.png) no-repeat;}
#header .menu>li{position:relative;float:left;padding-top:8px;width:100px;height:84px;}
#header .menu>li>a{display:block;width:100px;height:84px;}
#header .menu>li .m1:hover{background:url(../images/menu.png) no-repeat; background-position:0px -100px}
#header .menu>li .m1on{background:url(../images/menu.png) no-repeat; background-position:0px -100px}
#header .menu>li .m2:hover{background:url(../images/menu.png) no-repeat; background-position:-100px -100px}
#header .menu .fb{position:absolute;top:32px;right:20px;}
#header .menu .fb:hover{opacity:0.3;-moz-opacity:0.3;-khtml-opacity: 0.3; filter:alpha(opacity=30);}

#header .menu #m1>ul{display:none;top:92px;left:0px;position:absolute;width:200px;z-index:9999;background:#9d152d;}
#header .menu #m1>ul>li{float:left;width:100%;height:35px;line-height:35px;font-size:14px;}
#header .menu #m1>ul>li>a{display:block;width:181px;height:35px;color:#fff;padding-left:19px;}
#header .menu #m1>ul>li>a:hover{background:#781626;}



#content{float:left;width:100%;background:#fff;}
#content .index_list{float:left;width:100%;}
#content .index_list li{position:relative;float:left;width:100%;height:600px;margin-bottom:41px;overflow:hidden;}
/*#content .index_list li .order-a{position:absolute;top:0px;left:0px;width:100%;height:600px;z-index:99;}
#content .index_list li .order-a:hover{background:#000;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
#content .index_list li .order-a a{float:left;width:1000px;height:600px;line-height:600px;}*/
#content .index_list li a{position:absolute;display:inline-block;top:0px;left:0px;width:100%;height:600px;z-index:999;background:url(about:blank);}
#content .index_list li a:hover{background:#000;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
#content .index_list li >img{position:absolute;top:0px;left:0px;width:100%;height:600px;z-index:10;}


#content .works_list{float:left;width:100%;min-height:600px;}
#content .works_list>li{float:left;margin-bottom:41px;width:100%;height:100%;}
#content .works_list>li>ul{float:left;}
#content .works_list>li>ul>li{position:relative;float:left;width:400px;height:200px;overflow:hidden;}
#content .works_list>li>ul>li img{width:100%;height:auto;}
#content .works_list>li>ul>li a{position:absolute;top:0px;left:0px;width:400%;height:200px;background:url(about:blank);}
#content .works_list>li>ul>li a:hover{background:#000;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
#content .works_list .year{clear:both;width:200px;height:200px;font-family: Verdana,Arial, Helvetica, sans-serif,"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU"; font-size:50px;line-height:200px;text-align:center;color:#fff;}

#content .works_view_list{position:relative;float:left;width:100%;/*min-height:800px;*/overflow:hidden;}
/*#content .works_view_list ul{position:absolute;top:0px;left:-1400px;}*/
#content .works_view_list li{display:block;width:1400px;}
#content .works_view_list li span{width:100%;text-align:center;overflow:hidden;}
#content .works_view_list li span img{width:100%;}

#left{position:fixed;top:50%;left:30px;cursor:pointer;}
#right{position:fixed;top:50%;right:30px;cursor:pointer;}


#footer{position:relative;float:left;width:100%;height:397px;background:#fff;}
#footer .f1{position:absolute;top:34px;left:31px;width:482px;height:145px;}
#footer .f2{position:absolute;top:0px;right:90px;width:450px;height:397px;}
#footer .f3{position:absolute;top:19px;right:23px;width:33px;height:315px;background:url(../images/footer03-1.png) no-repeat;}
#footer .f3 .a1{position:absolute;width:34px;height:33px;}
#footer .f3 .a1:hover{background:url(../images/footer03-1.png) no-repeat;background-position:-34px 0px;}

#footer .f3 .a2{position:absolute;top:137px;right:0px;width:33px;height:33px;}
#footer .f3 .a2:hover{background:url(../images/footer03-1.png) no-repeat;background-position:-34px -137px;}

#footer .f3 .a3{position:absolute;top:186px;right:3px;width:27px;height:39px;}
#footer .f3 .a3:hover{background:url(../images/footer03-1.png) no-repeat;background-position:-37px -186px;}

#footer .f3 .a4{position:absolute;top:240px;right:0px;width:34px;height:26px;}
#footer .f3 .a4:hover{background:url(../images/footer03-1.png) no-repeat;background-position:-33px -240px;}


#footer .f3 .a5{position:absolute;top:283px;right:0px;width:33px;height:33px;}
#footer .f3 .a5:hover{background:url(../images/footer03-1.png) no-repeat;background-position:-34px -283px;}


#content .contact{width:680px;margin:0 auto; padding-top:110px;}
#content .contact h3{display:block;padding-bottom:53px;}
#content .contact p{display:block;line-height:42px;font-size:16px;color:#515151;}
#content .contact .conTable{display:block;width:100%}
#content .contact .conTable .tFont{display:block;color:#515151;line-height:42px;font-size:16px;}
#content .contact .conTable .tFont2{color:#515151;line-height:42px;font-size:16px;}
#content .contact .conTable .input{height:39px;border:1px solid #c2c2c2; background:#f0f0f0;line-height:39px;color:#515151;font-size:16px;}
#content .contact .conTable .select1{height:30px;border:1px solid #c2c2c2; background:#454545;line-height:39px;color:#fff;font-size:16px;}

#footer2{float:left;width:100%;height:83px;background:#989999;}
#footer2 .span1{float:left;margin-top:22px;margin-left:41px;}
#footer2 .span2{float:left;margin-top:20px;margin-left:38px;}
#footer2 .span3{float:right;margin-top:25px;margin-right:46px;}
.reset{background:url(../images/f_clear.png) no-repeat; width:35px;height:35px;border:none;cursor:pointer;}

.submit{float:right;margin-top:20px;margin-right:20px;}
.submit2{float:right;margin-top:20px;}

.map{display:block;width:100%;padding-bottom:100px;}