@charset "utf-8";

html,body{ margin:0px; height:100%;overflow-x:hidden; overflow-y:auto;}  
#bg{  width:100%;  height:100%; MARGIN: 0px auto; background-size: cover; -moz-background-size: cover;}  

/*主格*/
img {border: 0px}
.Md{width:100%; height:100%;MARGIN:0px; padding:0px;overflow:hidden; position:relative; }
.mdps{width:960px; height:100%;  MARGIN: 0px auto; padding-bottom:0px;position:relative;}
.cpL{float:left;width:100%; margin:0;position:absolute;top:0%; left:0;z-index:999;}
.mdps{width:960px;height:100%;margin:0 auto 0 auto; position:relative;}
.topwftop{float:left;width:960px; height:20px; margin-top:15px;}
.topwftopTw{float:left;width:100; height:16px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:11px; color: #ffffff; background-image:url(../images/top_line.png); background-repeat:no-repeat;}
  .topwftopTw ul { margin:0; padding:0; list-style:none; } 
  .topwftopTw li {margin:0 12px 0 0; padding:0;display: inline;} 
  .topwftopTw a { font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:12px; color: #333333; text-decoration: none;} 
  .topwftopTw a:hover {color: #cccccc; } 
  
.twG{color: #bbbbbb;} 


.topwf{float:left;width:960px;}
.logo{float:left;width:200px; margin-top:5px;}
.TOP1{float:left;width:400px; height:28px;margin:30px 0 0 360px; }
.TOP1 ul { margin:0; padding:0; list-style:none; } 
.TOP1 li {margin:0 40px 0 0; padding:0;display: inline;height:22px; line-height:22px; float:left; overflow:hidden; text-align:center; } 
.TOP1 a { float:left; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:15px; color: #ffffff; text-decoration: none; font-weight:bold;} 
.TOP1 span { display:block; margin-top:-22px; } 
.TOP1 a:hover { padding-top:22px; } 
.main{MARGIN:0px;padding:0px; z-index:1;}

.TopF2{float:left;width:40px; height:16px; color: #ffffff; margin-left:855px;}

.dnico{float:left;width:14px; height:14px;}
  .dnico a { display:block;background-image:url(../images/ICO_facebook.png);}
  .dnico a:hover {background-image:url(../images/ICO_facebookIn.png);}
.dnico2{float:left;width:14px; height:14px; margin-left:8px;}
  .dnico2 a {display:block; background-image:url(../images/ICO_YouTube.png);}
  .dnico2 a:hover { background-image:url(../images/ICO_YouTubeIn.png);}

.clear{clear:both;}


/*作品集*/
.NewsYearR{float:left;width:160px; height:24px;padding:2px;background-color:#565f6b;}
.information{width:160px; height:24px; font-size:12px; color: #ffffff;background:#565f6b; border:none; background-image:url(../images/caseMenuBg.gif);}

select::-ms-expand{
    display: none;
}
select{
    /* Chrome */
    -webkit-appearance: none;
    /* Firefox */
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ' '; /* space */
}
.caseMd{float:left;width:100%; margin-top:40px;}
.prosf{float:left; width:230px;margin:0 5px 0 5px; }
.prosT{float:left; width:230px; height:30px;padding:0; margin-top:5px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:12px; color: #a09f9f; line-height:20px;}
.proP{float:left; width:230px; height:173px;}
.proTt{float:left; width:230px;margin:8px 0 0 0; font-size:14px;}

.mnL2k{float:left; width:230px;}
  .mnL2k a{float:left; width:230px;text-decoration:none;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:14px; color: #ffffff; }
  .mnL2k a:hover {color: #a09f9f;} 
  .mnL2k a img{ -mox-opacity:1.0;  filter:alpha(opacity=100); opacity:100;}
  .mnL2k a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
	
	
/*photo*/
.photoClose{float:left;width:98%; padding-right:2%;position:absolute; top:3%; text-align:right;}
.photoTitle{float:left;width:30%; height:30px;margin:0 35% 0 35%; padding-top:5px;position:absolute; bottom:0px;margin-bottom:0;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-size: 16px; color: #ffffff; font-weight:bold;text-align:center; background-image:url(../images/Viewbg.png);}


/*view*/
.viewmid2{width:100%; position:absolute; top:75%;left:0%;}
.viewbtn{width:80px;height:30px;margin:0 auto 0 auto;padding-left:880px;}
.viewP{float:left;width:100%;height:1080px;}
.midf1{float:left;width:960px;}





/*news*/
.newsmid{float:left;width:150%; height:100%;overflow-y:auto; position:absolute; top:200px; left:0%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-size: 13px; color: #c0bfbf; line-height:22px;}

.cpRall{float:left;width:98%; height:auto; padding:2% 0 300px 0; }


.newsMd{float:left;width:100%;}
.nsYearR{float:left;width:160px; height:24px;padding:2px;background-color:#565f6b; }
.newstopf{float:left;width:960px; padding-bottom:5px; border-bottom:1px dotted #725e4d;}
.newsMenu{float:left;width:164px; margin:0; text-align:center;display:block; margin-left:696px;}
.newsArrow{float:left;width:60px; height:28px;margin-left:620px;}
.newsArrowL{float:left;width:20px; margin-right:20px;}
.newsArrowR{float:left;width:20px;}
.newsTitle{float:left;width:100px; height:28px;margin:0;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; color: #ffffff; font-size:14px;line-height:28px;}
.nsP{float:left; width:190px; height:133px;}
.nssf{float:left;width:960px; margin:20px 0 0 0; border-bottom:1px solid #625c56;}
.nsL2k{float:left; width:960px;}
  .nsL2k a{float:left; width:960px;text-decoration:none;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:14px; color: #ffffff;}
  .nsL2k a:hover {color: #a09f9f; background-image: url(../images/newsColorBg.png);} 
  .nsL2k a img{ -mox-opacity:1.0;  filter:alpha(opacity=100); opacity:100;}
  .nsL2k a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}

.nsbf{float:left;width:737px; margin-left:30px;}
.nsTt{float:left; width:737px;margin:8px 0 0 0; font-size:14px;}
.nssTt{float:left; width:737px;margin:0; margin-top:8px;font-size:12px; color:#999999;}
.nssT{float:left;width:737px; height:40px; margin-top:8px;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:14px; color: #b3b2b2; line-height:20px; text-align:justify; text-justify:inter-ideograph;}

 
/*底*/
.dnF{float:left; width:960px; height:28px; padding-bottom:10px; position:absolute;bottom:0px;margin-bottom:0px; }
.dnname{float:left; width:50%; height:28px; font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:12px; color: #ffffff;}

 
/*-- GILEs --*/
.miDownR2{float:left; width:50%; height:28px; text-align:right;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-size: 11px; color: #999999; text-align:right;}
.GileLink2 a {font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-size: 10px; color: #cccccc;font-weight:bold;text-decoration: underline;}
.GileLink2 a:hover {font-size: 10px; color: #777777;text-decoration: none;}

/*間距*/
.v30{float:left;width:980px;height:20px;padding:5px 0px 5px 0px;}
.v30on{float:left;width:960px;height:35px;padding:5px 0px 5px 0px;}



/*--colorT--*/
.whiteBt{font-size:16px; color:#CCCCCC;}
.whiteBst{font-size:13px; color:#CCCCCC; font-weight:bold;}

.GrayBt{font-size:13px; color:#888888;}