/* @import url(http://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,400,700,300italic,400italic,700italic|Pinyon+Script); */
	@import url(https://fonts.googleapis.com/css?family=Averia+Serif+Libre:300|Pinyon+Script);
	@font-face { font-family: "DFMingStdW9"; src: url(../font/DFMingStd-W9.otf); }
	@font-face { font-family: "DFMingStdW7"; src: url(../font/DFMingStd-W7.otf); }
	
	

	#wrapper,#header,#menu{ position: relative; height: auto;margin:auto;display:block;font-family:'Pinyon Script',cursive,serif;}
	#logo{ margin: 21px auto;display:block; }	
	#wrapper{width:921px; background: url(../img/box_bg.gif) repeat-y; margin-bottom:30px; }
	#header{height: 150px; margin-right:14px;}
		
	#menu{ width: 390px;height:64px;background: url(../img/menu_bg.gif) no-repeat; }
		#menu>ul{position: absolute; top:51px; left:12px;}
		#menu>ul>li{ list-style-type:none;width:40px;padding:0px 13px 0px 15px;float:left;border-right: 1px solid #000000; line-height: 8px;}
		#menu>ul>li:last-child{border-right: 0px;}
		#menu>ul>li:first-child{ padding-right:14px;width:50px;}
		#menu a{font-size: 11pt;text-decoration: none;}
		#menu a:visited{text-decoration: none;}
		#menu a:hover{text-decoration:none;opacity:0.7;}
		#fb_icon{ position: absolute; right: -270px;bottom:0px; }
	
	.tilimg{ padding-bottom: 55px; margin-top: -20px;} /* padding:0px 0px 50px 0px; */
	.tilimg2{ padding-bottom: 30px; margin-top: 0px;} 
	/* :::::::::::::::: index :::::::::::::::: */
	#kv{ width:880px;height: 660px;margin: 0 auto; position: relative; }
	#kv_slide{ width:880px;height: 660px;margin: 0 auto; position: relative; }
		#kvt1{position: absolute;top:0px;left:0px; z-index: 998; }
		#kvt2{position: absolute;top:0px;right:0px; z-index: 997; }
	#proj_t1{ width: 26px;height:26px;padding:9px; background: url(../img/icon1.gif) no-repeat; margin: 0 auto; font-size: 14pt;
		font-weight: bold; margin-top:30px;line-height:25px; text-align:center; }
	#proj_counter{margin:13px 0px 20px 0px; }
		/* index_prject_list */
		#boxlist{width:888px;margin: auto;height: auto; margin-top:30px;}
		.box{ background: #000;width:216px;height:216px;float:left;margin:3px; position: relative; }
		.box img{position: absolute;}
		.box p{position: absolute;right:18px;bottom:15px;font-size: 18pt;color: #FFFFFF; font-weight:100;text-transform: capitalize; z-index:99;}
	
	/* :::::::::::::::: work :::::::::::::::: */
	#fullscreen{ width: 67px;height: 18px; margin: auto; position: relative; top:-28px;z-index:999; }
	#counter{ width: 200px;height: 18px; margin: auto; position: relative; top:-8px; }
	#proj_t2{width:30px;height:30px;padding:20px;background: url(../img/icon2.gif) no-repeat; margin: 0 auto; 
		font-size:24pt;font-weight: bold; margin-top:70px; text-align: center;line-height: 30px;}
	
	#des_1{position: absolute;top:780px;left:100px;}
	#des_2{position: absolute;top:750px;left:700px;}


	.mask{
	  width:100%; height:100%; background-color:#FFFFFF;
	  /* filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; */
	  position:absolute;
	  left:0px; top:0px;
	  display:none; z-index:1000;
  	}
	#mask_close{width: 20px;height:20px;padding:12px; background: url(../img/icon3.png) no-repeat; margin: 0 auto; font-size: 14pt;font-weight: bold; 
		margin-top:30px;color: #999999;padding-left:13px; }
	#mask_close2{width: 20px;height:20px;padding:12px; background: url(../img/icon4.png) no-repeat; margin: 0 auto; margin-top:30px;display: block; }
  	#counter2,#kv_slide2{ margin: auto; margin-top:140px; width: 880px; }
	#kv_slide2{ width: 100%;  cursor: pointer;} /* margin-top:5%; */
    /*     #kv_slide2_wpaaer{ position: absolute; margin: auto; top:50%; margin-top: -200px; } */



	#proj_counter2{margin:13px 0px 20px 0px; }


	/* :::::::::::::::: about :::::::::::::::: */
	
	#about{ margin: auto; width: 500px; padding:55px 0px 78px 0px; line-height: 18pt; font-size: 9pt; }
		#abt_pd{padding:20px 0px 50px 0px; }
		#signature{display: block;margin-top: 45px;}
		#abtcnt p{ line-height:21pt; }
	/* :::::::::::::::: team :::::::::::::::: */
	#team{ margin: auto; width: 880px; padding:55px 0px 28px 0px; line-height: 18pt; font-size: 9pt; }
		#team_pd{padding:20px 0px 60px 0px; }
		#team_pd2{padding:2px 0px 50px 0px; }
		#boss{ display: block;margin-bottom: 70px;}
	
	#team_member{width: 830px; height: auto; margin-left:80px; }
		.mbr_list{ width: 176px;float: left;margin-right:22px; }
		.mbr_list p{text-align: center; padding:10px 0px; letter-spacing:2px;}
		.mbr_list p span:before{  content:'		'; }

	/* :::::::::::::::: process :::::::::::::::: */
	/*font-family:'蘋果儷中黑','LiHei Pro','微軟正黑體','Microsoft JhengHei';*/
	#process p{ text-align: center; font-size: 10pt; line-height: 21pt; }
	#process img{display: block; margin-top: 50px;}
	
	/* :::::::::::::::: press :::::::::::::::: */
	#press >#book{ display: block; margin: auto; padding-bottom:40px;}
	#buy{display: block; margin-top: 40px; margin-bottom: 80px; }

	/* :::::::::::::::: contact :::::::::::::::: */
	#contact{ margin: auto;  width:880px;height: 653px; position: relative; }
	#contact002{display: block;}
		#placebox{margin-bottom:80px; margin-top: 55px;}
		#place1{margin-right:80px;}
	#contact001{display: none;}
		
		#close1{ position: absolute; left:600px;top: 0px;}
		#contact1{margin-top: 50px; margin-bottom: 40px;}
		#contact_form{ width:380px; height:500px; }
			#contact_form>table{ font-size:9pt; }
			#contact_form table tr td{ height:30px;}
			.cbdr{border-bottom: 1px solid #999999;}
			 *:focus { outline: 0; }
			 input:focus{ outline: 0; }
			.fh{ height: 20px; color: #999999; border:0px solid; font-size: 10pt; }
			.fw1{ width: 320px; }
			.fw11{ width: 310px; }
			.fw2{ width: 130px; }
			.fw3{ width: 380px;height: 130px;border: 1px solid #999999;}
			.fw4{ width: 64px; }
			#tb1,#tb2,#tb3,#tb4,#tb5,#tb6,#tb7,#tb8,#tb9,#tb51,#tb52,#tb53,#tb54,#tb61,#tb62,#tb63,#tbn8{ color:#808080; }
			
			#tbn9{line-height: 14pt;margin-top: 10px;;}

			#send{cursor: pointer; display: block; margin-top: 30px; }

	/* footer */
	#footer{color: #666666; position: absolute;bottom:25px; width: 920px;}
		#footer>span{color: #000000;}
		#footer>span:hover{color: #666666;}
	#footer2{color: #999999; position: relative; width: 920px; margin: auto;}
		#footer2>span{color: #999999;}
		#footer2>span:hover{color: #999999;}



	/* 共用 */
	.opacity7:hover {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */
	  filter: alpha(opacity=70);/* IE 5-7 */
	  -moz-opacity: 0.7;/* Netscape */
	  -khtml-opacity: 0.7; /* Safari 1.x */
	  opacity: 0.7;/* Good browsers */ 
	}
	p{line-height: 16pt;}
	a{color: #000;text-decoration:none;}
	a:visited{color: #000;text-decoration:none;}
	a:hover{color: #000;text-decoration:none;}
	.cb{clear: both;}
		/* 共用字體系 */
		.fs9{ font-size: 9pt;}
		.fs10{ font-size: 10pt;}
		.fs105{ font-size: 10.5pt;}
		.fs11{ font-size: 11pt;}
		.fs12{ font-size: 12pt;}
		.fs14{ font-size: 14pt;}
		.fs16{ font-size: 16pt;}
		.fs18{ font-size: 18pt;}
		.fs20{font-size: 20pt;}
		.fs24{font-size: 24pt;}
		.fs32{ font-size: 32pt;}
		.fs_1{ font-family:'蘋果儷中黑','LiHei Pro','微軟正黑體','Microsoft JhengHei',serif; }
		.fs_2{ font-family:'Averia Serif Libre', cursive,serif; }
		.fs_3{ font-family: 'Pinyon Script', cursive,serif; }
		/*  
		.fs_w7{font-family: 'DFMingStdW7',serif;}
		.fs_w9{font-family: 'DFMingStdW9',serif;} 
		*/
		.fs_w7{font-family: '蘋果儷中黑','LiHei Pro','微軟正黑體','Microsoft JhengHei',serif;}
		.fs_w9{font-family: '蘋果儷中黑','LiHei Pro','微軟正黑體','Microsoft JhengHei',serif;} 
		.c999{color: #999999;}
		.fl_i{font-style: italic;}
		.fw_b{font-weight: bold;}
		.ls0{letter-spacing:0px;}
		.ls1{letter-spacing:1px;}
		.ls2{letter-spacing:2px;}
		.ls3{letter-spacing:3px;}
		.lh20{line-height: 20pt;}
		/* 間隔使用 */
		.pt50{ padding-top: 50px;}
		.pt40{ padding-top: 40px;}
		.pt30{ padding-top: 30px;}
		.pt20{ padding-top: 20px;}
		.pt10{ padding-top: 10px;}
		.pt5{ padding-top: 5px;}
		.pb50{padding-bottom: 50px;}
		.pb40{padding-bottom: 40px;}
		.pb30{padding-bottom: 30px;}
		.pb20{padding-bottom: 20px;}
		.pb10{padding-bottom: 10px;}

	html,body{ background: #DCE0DD url(img/wapper_bg.gif) center repeat-y; }
	
	/*@media only screen (max-width: 1608px) {
	  #kv_slide2 img{max-width: 880px; max-height: 660px;}
	  #kv_slide2 { margin-top:  110px;}
	}
	@media only screen and (min-width: 1609px) and (max-width: 2550px) {
	  #kv_slide2 img{max-width: 880px; max-height: 660px;}
	  #kv_slide2 { margin-top:  40px;}
	}
	@media only screen and (min-width: 2560px) and (max-width: 3000px){
	  #kv_slide2 img{max-width: 1440px; max-height: 1080px;}
	  #kv_slide2 { margin-top:  140px;}
	}*/