@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic,latin-ext,vietnamese,greek,greek-ext,cyrillic-ext);
/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {border:0;}
img{
	margin:0px;
	padding:0px;
	}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}*/
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym{border:0;}
.inline_block{
	display:inline-block;
	*display:inline;
	*zoom:1;
	}
.strong{ font-weight:bold;}
.absolute{position:absolute;}
.ul{list-style:none;}
.lileft li{float:left;}
.img_middle{vertical-align:middle; margin:0px 10px 0px 0px;}
.block,.block a,.block span,a.block,span.block,.img{ display:block;}
.input,.button{ border:none; outline:none;}
.cursor,.button{cursor:pointer;}
a,a:hover{ text-decoration:none;}
a,a.col_deepgreen{color:#333;}
a:hover{color:#006d5b;}
a.col_deepgreen:hover,.col_deepgreen{color:#247560;}
.center{text-align:center;}
a:hover.underline,.underline{ text-decoration:underline;}
/*================================reset================================*/
body,body p{
	letter-spacing:0.1em;
	line-height:25px;
	}
body{
	font-size:15px;
	color:#555;
	font-family: 'Open Sans', '微軟正黑體',sans-serif,Arial,Helvetica;
	}
.wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
	}
.clearfix{zoom:1;}
.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:13px;}
.logo {
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	display:block;
	width:167px;
	height:87px;
	cursor:pointer;
	background:url(image/logo.gif) top center no-repeat;
	}
.main{
	width:920px;
	margin:0px auto;
	}
.grid_1{
	width:1280px;
	margin:0px auto;
	}
.grid_2{width:300px;}
.grid_3{width:580px;}
.grid_4{width:535px;}
.grid_5{width:430px;}
.grid_6{width:460px;}
.grid_7{width:570px;}
.grid_8{width:198px;}
.grid_9{width:645px;}
.grid_10{width:445px;}
.margin_b20{margin:0px 0px 20px 0px;}
.margin_b30{margin:0px 0px 30px 0px;}
.margin_b40{margin-bottom:40px;}
.margin_b100{margin-bottom:100px;}
.padding_t20{padding:20px 0px 0px 0px;}
.padding_bt100{padding:100px 0px 100px 0px;}
.padding_bt60{padding:60px 0px;}
.col_green{color:#006d5b;}
.col_white{color:#fff;}
.border_topgreen{border-top:2px solid #8dcbbb;}
.border_green{border:1px solid #54ae97;}
.border_greenbottom{border-bottom:1px solid #95d8c7;}
.border_graybottom{border-bottom:1px solid #ddd;}
/*header*/
.header{
	position:relative;
	z-index:2;
	height:108px;
	background:url(image/header_bg.gif) top left repeat-x;
	}
.header .nav{margin:40px 30px 0px 14px;}
.header .nav li{
	position:relative;
	width:77px;
	text-align:center;
	padding:0px 13px 10px 13px;
	}
.header .nav li a:hover,.header .nav li:hover a{
	color:#339c81;
	border-bottom:1px solid #339c81;
	padding:0px 0px 5px 0px;
	}
.header .top_link{
	color:#b5e3d7;
	padding:5px 0px;
	margin:32px 0px 0px 0px;
	}
.header .nav li:hover .nav_slide{
	display:block;
	}
.header .nav_slide{
	display:none;
	text-align:center;
	width:150px;
	top:15px;
	left:50%;
	margin:0px 0px 0px -75px;
	padding:46px 0px 0px 0px;
	}
.header .nav_slide .top{
	height:48px;
	background:url(image/slidetop.jpg) top center no-repeat;
	}
.header .nav_slide ul li{
	width:100%;
	height:40px;
	line-height:40px;
	padding:0px;
	background:#4eb79c;
	}
.header .nav_slide ul li a:hover{
	text-decoration:none;
	background:#68c2ab;
	color:#fff;
	border-bottom:none;
	padding:0px 10px;
	}
.header .nav_slide ul li a,.header li:hover .nav_slide ul li a{
	color:#fff;
	padding:0px 10px;
	}
.header .nav_slide ul li a span:first-child{
	color:#bfffef;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:normal;
	}
.header .top_link a{padding:0px 13px;}
.banner .wrapper{height:535px;}
.banner{height:535px;}
.banner img{
	top:0px;
	left:50%;
	margin:0px 0px 0px -960px;
	}
.charm{
	width:100%;
	height:1365px;
	background:url(image/home_bg_1_01.jpg) bottom center no-repeat fixed;
	}
.charm .white_arrow{
	top:-1px;
	left:50%;
	margin:0px 0px 0px -960px;
	width:1920px;
	height:178px;
	background:url(image/banner_bottom.png) top center no-repeat;
	}
.charm .green_active{
	width:1920px;
	height:1365px;
	bottom:-2px;
	left:50%;
	margin:0px 0px 0px -960px;
	background:url(image/green_hover_1.png) top center no-repeat;
	}
.charm .title_1{
	width:432px;
	height:97px;
	top:475px;
	left:50%;
	margin:0px 0px 0px -445px;
	background:url(image/designer_title.png) top center no-repeat;
	}
.charm .title_2{
	width:431px;
	height:50px;
	top:560px;
	left:50%;
	margin:0px 0px 0px -290px;
	background:url(image/designer_word.png) top center no-repeat;
	}
.mission{
	height:95px;
	padding:70px 0px 90px 0px;
	}
.mission p span{margin:0px 10px;}
.mission .border_greenbottom{
	width:115px;
	margin:0px auto 10px auto;
	}
.index_designer{
	width:100%;
	height:1100px;
	background:url(image/home_bg_2_01.jpg) bottom center no-repeat fixed;
	}
.index_designer .shadow{
	height:2px;
	width:100%;
	top:0px;
	left:0px;
	background:url(image/shadow.png) top center repeat-x;
	}
.index_designer .green_active{
	width:1920px;
	height:1550px;
	top:0px;
	left:50%;
	margin:0px 0px 0px -1150px;
	background:url(image/green_hover_2.png) top center no-repeat;
	}
.index_designer .title_1{
	width:432px;
	height:97px;
	top:220px;
	left:50%;
	margin:0px 0px 0px -440px;
	background:url(image/designer_title.png) top center no-repeat;
	}
.index_designer .title_2{
	width:431px;
	height:50px;
	left:50%;
	top:310px;
	margin:0px 0px 0px -350px;
	background:url(image/designer_word.png) top center no-repeat;
	}
.index_designer .more_link{
	width:138px;
	height:42px;
	top:270px;
	left:50%;
	margin:0px 0px 0px -36px;
	background:url(image/designer_more_o.png) top center no-repeat;
	}
.index_designer .more_link:hover{background:url(image/designer_more_s.png) top center no-repeat;}
.index_designer .scroll_area,.index_designer .scroll_area .designer_area,.index_designer .scroll_area .designer_item{
	width:450px;
	height:92px;
	}
.index_designer .scroll_area{
	top:365px;
	left:50%;
	margin:0px 0px 0px -395px;
	}
.index_designer .scroll_area .designer_area{
	position:relative;
	overflow:hidden;
	}
.index_designer .scroll_area .designer_area .designer_box{
	width:9999px;
	height:92px;
	}
.index_designer .next_btn,.index_designer .pre_btn{
	width:45px;
	height:31px;
	top:395px;
	left:50%;
	z-index:2;
	}
.index_designer .lock{
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	}
.index_designer .next_btn,.index_designer .btn_box div:first-child.lock{
	margin:0px 0px 0px 50px;
	background:url(image/designer_next_o.png) top center no-repeat;
	}
.index_designer .next_btn:hover{
	background:url(image/designer_next_s.png) top center no-repeat;
	}
.index_designer .pre_btn,.index_designer .btn_box div:last-child.lock{
	margin:0px 0px 0px -428px;
	background:url(image/designer_pre_o.png) top center no-repeat;
	}
.index_designer .pre_btn:hover{
	background:url(image/designer_pre_s.png) top center no-repeat;
	}
.index_designer .scroll_area .designer_item a{
	width:139px;
	height:92px;
	top:0px;
	}
.index_designer .scroll_area .designer_item a:hover img.hover{
	opacity:1;
	/*filter:alpha(opacity=100);*/
	-moz-opacity:1;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	-ms-transition:opacity 1s;
	}
.index_designer .scroll_area .designer_item a img.hover{
	top:0px;
	left:0px;
	opacity: 0;
	/*filter:alpha(opacity=0);*/
	-moz-opacity:0;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	-ms-transition:opacity 1s;
	}
/*.index_designer .scroll_area .designer_item a:first-child{left:0px;}
.index_designer .scroll_area .designer_item a:nth-child(2){left:103px;}
.index_designer .scroll_area .designer_item a:nth-child(3){left:206px;}
.index_designer .scroll_area .designer_item a:last-child{left:310px;}*/
.index_designer .designer_now{
	width:607px;
	height:699px;
	bottom:0px;
	left:50%;
	margin:0px 0px 0px -170px;
	}
.index_designer .designer_txt{
	top:600px;
	left:50%;
	margin:0px 0px 0px -600px;
	width:340px;
	padding:45px 675px 0px 210px;
	height:325px;
	color:#ccc;
	background:url(image/design_info_1.png) top center no-repeat;
	}
.index_designer .designer_txt #short{
	}
.index_designer .designer_txt h3{color:#fff;}
.index_work{
	padding:150px 0px 180px 0px;
	background:url(image/index_workbg.gif) top center no-repeat;
	}
.index_work h2{margin:0px 0px 35px 0px;}
.index_work .work_area{padding:90px 0px 0px 0px;}
.index_work .work_area div{width:230px;}
.index_work .work_area div a,.index_work .work_area div a img.hover{
	width:230px;
	height:160px;
	}
.index_work .work_area div:hover a img.hover{
	opacity:1;
	/*filter:alpha(opacity=100);*/
	-moz-opacity:1;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	-ms-transition:opacity 1s;
	}
.index_work .work_area div a img.hover{
	opacity: 0;
	/*filter:alpha(opacity=0);*/
	-moz-opacity:0;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	-ms-transition:opacity 1s;
	top:0px;
	left:0px;
	}
.index_work .work_area div h4{
	width:170px;
	text-align:right;
	padding:2px 0px 0px 0px;
	}
.index_work .work_area div h4 span{
	text-transform:uppercase;
	margin:0px 10px 0px 0px;
	font-size:13px;
	}
.index_roomshow{
	height:920px;
	background:url(image/home_bg_3_01.jpg) bottom center no-repeat fixed;
	}
.index_roomshow .green_active{
	width:1122px;
	height:522px;
	bottom:0px;
	left:50%;
	margin:0px 0px 0px -561px;
	background:url(image/green_hover_3.png) top center no-repeat;
	}
.index_service{
	width:1920px;
	height:900px;
	top:4823px;
	left:50%;
	background:url(image/service.png) top center no-repeat;
	z-index:2;
	margin:0px 0px 0px -960px;
	}
.index_service .main{padding:125px 0px 0px 0px;}
.index_service .more_link{
	bottom:100px;
	left:50%;
	margin:0px 0px 0px -50px;
	width:100px;
	height:25px;
	background:url(image/more_o.jpg) top center no-repeat;
	}
.index_service .more_link:hover{background:url(image/more_s.jpg) top center no-repeat;}
.index_service h2,.index_video h2{margin:0px 0px 35px 0px;}
.index_service .service_box{
	padding:100px 0px 0px 0px;
	height:340px;
	background:url(image/service_bg.gif) 30px 150px no-repeat;
	}
.index_service .service_box .item_line .item{
	position:relative;
	width:83px;
	height:97px;
	color:#fff;
	background:url(image/service_icon_o.png) top center no-repeat;
	}
.index_service .service_box .item_line .item .hover_item h3.col_green{color:#139d68;}
.index_service .service_box .item_line .item .hover_item p{
	text-align:left;
	line-height:18px;
	}
.index_service .service_box .item_line:first-child .item:first-child p.strong,
.index_service .service_box .item_line:nth-child(2) .item:first-child p.strong,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(2) p.strong,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(5) p.strong,
.index_service .service_box .item_line:last-child .item:first-child p.strong{
	line-height:97px;
	}
.index_service .service_box .item_line:first-child .item:nth-child(2) p.strong,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(3) p.strong,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(4) p.strong,
.index_service .service_box .item_line:last-child .item:last-child p.strong{
	font-size:13px;
	padding:30px 0px 0px 0px;
	line-height:18px;
	}
.index_service .service_box .item_line:first-child,.index_service .service_box .item_line:nth-child(2){margin:0px 0px 25px 0px;}
.index_service .service_box .item_line:first-child .item:first-child,.index_service .service_box .item_line:last-child .item:first-child{margin:0px 80px 0px 75px;}
.index_service .service_box .item_line:nth-child(2) .item:nth-child(2){margin:0px 90px 0px 230px;}
.index_service .service_box .item_line:nth-child(2) .item:nth-child(4){margin:0px 90px 0px 90px;}
.index_service .service_box .item_line .item .hover_item{
	z-index:10;
	display:none;
	font-size:13px;
	width:202px;
	height:253px;
	color:#555;
	padding:70px 40px 0px 40px;
	background:url(image/service_openbg.png) top center no-repeat;
	}
.index_service .service_box .item_line:first-child .item:first-child .hover_item,
.index_service .service_box .item_line:first-child .item:last-child .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:first-child .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(2) .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(3) .hover_item,
.index_service .service_box .item_line:last-child .item:first-child .hover_item,
.index_service .service_box .item_line:last-child .item:last-child .hover_item{
	padding:70px 40px 0px 50px;
	background:url(image/service_openbg.png) 10px 0px no-repeat;
	}
.index_service .service_box .item_line:nth-child(2) .item:nth-child(4) .hover_item{padding:70px 50px 0px 40px;}
.index_service .service_box .item_line:first-child .item:first-child:hover .hover_item,
.index_service .service_box .item_line:first-child .item:last-child:hover .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:first-child:hover .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(2):hover .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(3):hover .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(4):hover .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(5):hover .hover_item,
.index_service .service_box .item_line:last-child .item:first-child:hover .hover_item,
.index_service .service_box .item_line:last-child .item:last-child:hover .hover_item{
	display:block;
	}
.index_service .service_box .item_line:first-child .item:first-child .hover_item,
.index_service .service_box .item_line:first-child .item:last-child .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:first-child .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(2) .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(3) .hover_item,
.index_service .service_box .item_line:last-child .item:first-child .hover_item,
.index_service .service_box .item_line:last-child .item:last-child .hover_item{
	top:-110px;
	left:80px;	
	}
.index_service .service_box .item_line:nth-child(2) .item:nth-child(4) .hover_item,
.index_service .service_box .item_line:nth-child(2) .item:nth-child(5) .hover_item{
	top:-110px;
	right:90px;
	}
.index_video{
	padding:825px 0px 0px 0px;
	height:700px;
	background:url(image/home_bg_4_01.jpg) 50% 500px no-repeat fixed;
	}
.index_video .video_area{
	padding:100px 0px 60px 0px;
	}
.index_video .video_area .video{
	width:285px;
	padding:1px 4px 7px 4px;
	background:url(image/youtube_bg.png) top center no-repeat;
	}
.index_video .video_area .video .videoimg{
	width:285px;
	height:160px;
	}
.index_video .video_area .video .videoimg img{
	max-width:285px;
	max-height:160px;
	}	
.index_video .video_area .video .play_btn{
	z-index:3;
	width:54px;
	height:61px;
	top:50%;
	left:50%;
	margin:-27px 0px 0px -30px;
	background:url(image/youtube_icon.png) top center no-repeat;
	}
.index_video .video_area .video img{
	top:0px;
	left:0px;
	}
.index_video .video_area .video:hover img.img_filter{
	opacity: 0;
	/*filter:alpha(opacity=0);*/
	-moz-opacity:0;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	-ms-transition:opacity 1s;
	}
.index_video .video_area .video img.img_filter{
	opacity:1;
	/*filter:alpha(opacity=100);*/
	-moz-opacity:1;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	-ms-transition:opacity 1s;
	
	
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */;
	filter:gray;
	z-index:2;
	}
.index_video .video_area .video:hover img.img_o{
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */;
	filter:white;
	z-index:1;
	}
.index_video .video_area .video h5{
	padding:10px 0px 0px 0px;
	color:#ded1c6;
	}
.index_video .more_link{
	margin:0px auto;
	width:100px;
	height:23px;
	background:url(image/more_link_o.png) top center no-repeat;
	}
.index_video .more_link:hover{background:url(image/more_link_s.png) top center no-repeat;}
.company_info{
	background:url(image/home_bg_5_01.jpg) top center no-repeat;
	height:520px;
	}
.company_info .main{
	padding:180px 0px 0px 510px;
	width:430px;
	}
.company_info .main .info{
	font-size:13px;
	color:#acc9c4;
	padding:30px 40px;
	background:url(image/address_bg.png) top center repeat-y;
	}
.company_info .main .info p{line-height:20px;}
.company_info .main .info p,.company_info .main .info h5{padding:0px 0px 0px 50px;}
.company_info .main .info h5.icon_1{background:url(image/building_icon_1.png) top left no-repeat;}
.company_info .main .info h5.icon_2{
	margin:20px 0px 0px 0px;
	background:url(image/building_icon_2.png) top left no-repeat;
	}
.footer{
	background:#1c3730;
	padding:15px 0px;
	}
.footer h6 a:hover,.footer h6 a,.footer h6{
	line-height:33px;
	letter-spacing:normal;
	color:#acc9c4;
	}
.footer h6{	font-size:13px;}
.footer div.fright{width:115px;}
.footer div.fright a{
	width:33px;
	height:33px;
	}
.footer div.fright a:first-child{background:url(image/fb_o.gif) top center no-repeat;}
.footer div.fright a:first-child:hover{background:url(image/fb_s.gif) top center no-repeat;}
.footer div.fright a:nth-child(2){
	margin:0px 8px;
	background:url(image/twitter_o.gif) top center no-repeat;
	}
.footer div.fright a:nth-child(2):hover{background:url(image/twitter_s.gif) top center no-repeat;}
.footer div.fright a:last-child{background:url(image/google_o.gif) top center no-repeat;}
.footer div.fright a:last-child:hover{background:url(image/google_s.gif) top center no-repeat;}
.page_nav a{display:block;}
.page_nav a:hover,.page_nav a.now{ background:#54ae97;}
.page_nav .nav_link{
	font-weight:bold;
	height:120px;
	line-height:120px;
	border-right:1px solid #dddddd;
	}
.page_nav a:hover,.page_nav a.now,.page_nav a:hover span,.page_nav a.now span{
	color:#fff;
	}
.page_nav .nav_link span{
	color:#627442;
	text-transform:uppercase;
	font-size:13px;
	margin:0px 5px 0px 0px;
	}
.page_nav a:first-child .nav_link{
	border-left:1px solid #ddd;
	}
.about a{width:25%;}
.case a{width:20%;}
.page_banner{
	width:100%;
	height:320px;
	}
.page_banner img{
	width:1920px;
	height:320px;
	margin:0px 0px 0px -960px;
	top:0px;
	left:50%;
	}
.about_bg{
	padding:100px 0px 60px 0px;
	background:url(image/about_bg.gif) top center no-repeat;
	min-height:872px;
	}
.about_info .grid_2 h3 img{margin:0px 10px 0px 10px;}
.about_info .grid_2 h6 img{margin:0px 0px 0px 20px;}
.about_info .grid_2 h6{text-transform:uppercase;}
.info_box .about_info:first-child{padding:0px 0px 100px 0px;}
.info_box .about_info:first-child .grid_2{padding:30px 0px 0px 0px;}
.info_box .about_info:nth-child(2){padding:0px 0px 150px 0px;}
.info_box .about_info:nth-child(2) .grid_2{padding:20px 0px 0px 0px;}
.info_box .about_info:nth-child(3){padding:0px 0px 50px 0px;}
.info_box .about_info:nth-child(3) .grid_3{
	color:#3f2514;
	font-weight:bold;
	}
.about_bg .grid_4{padding:0px 0px 315px 0px;}
.about_bg .border_gray{
	font-size:13px;
	border:5px solid #e9e9e9;
	padding:30px 0px 20px 0px;
	}
.about_bg .border_gray h6{text-transform:uppercase;}
.about_bg .border_gray h3 img{margin:0px 10px;}
.about_bg .border_gray p.item{
	width:33%;
	line-height:20px;
	margin:0px 0px 20px 0px;
	background:url(image/about_2.gif) 100% 50% no-repeat;
	}
.about_bg .border_gray p.item:nth-child(3n+3){background:none;}
.about_project h3 .img_middle{vertical-align:-5px;}
.about_project h3{
	color:#006d5b;
	line-height:25px;
	}
.about_project .item_title{
	border:2px solid #54ae97;
	width:190px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#247560;
	margin:0px 0px 30px 0px;
	}
.about_project .grid_5 ol p{
	padding:0px 3px 0px 0px;
	color:#333;
	}
.about_project .grid_5 ol span{padding:0px 0px 0px 3px;}
.about_project .grid_5 ol p,.about_project .grid_5 ol span{background:#fff;}
.about_project .grid_5 ol,.about_project .grid_5 ol p{letter-spacing:normal;line-height:40px;}
.about_project .grid_5 ol .dot_bg{
	width:410px;
	background:url(image/about_1_3_03.jpg) 0px 25px repeat-x;
	}
.about_project .grid_5 ol li .dot_bg span{
	color:#777777;
	font-size:13px;
	}
.about_project .grid_5 ol .number{
	border:none;
	width:17px;
	}
.about_project h5.note{padding:0px 0px 50px 35px;}
.clearfix .design_process:nth-child(3n+3){margin:0px 0px 50px 0px;}
.design_process{
	width:273px;
	margin:0px 50px 50px 0px;
	}
.left_style{
	left:0px;
	top:0px;
	}
.right_style{
	left:460px;
	top:-150px;
	}
.awards_item{
	width:460px;
	height:190px;
	padding:90px 0px 30px 0px;
	}
.awards_item h4{
	color:#248576;
	padding:0px 0px 0px 35px;
	background:url(image/about_1_4_06.gif) 0px 0px no-repeat;
	}
.awards_item h4 span{
	color:#555;
	font-size:13px;
	}
.awards_item h5{
	border-bottom:2px solid #b3dfd4;
	padding:0px 0px 5px 0px;
	margin:0px 0px 20px 0px;
	}
.awards_item .award_pic{
	right:0px;
	top:0px;
	}
.awards_box .wrapper{overflow:visible;}
.case_item{
	width:33.33%;
	}
.case_item .wrapper{overflow:visible; height:100%;}
.case_item .case_img{height:100%; height:auto; overflow:hidden;}
.case_item .case_img img{
	width:100%;
	height:auto;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transition:all 1s;
	}
.case_item .case_info{
	padding:10px 0px;
	}
.case_item:hover .case_img img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transition:all 1s;
	}
.case_detailimg img{
	margin:0px 0px 30px 0px;
	}
.case_word p{font-size:13px;}
.case_word .center p{
	border-bottom:1px solid #dddddd;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	}
.case_word{
	padding:50px 35px;
	min-height:298px;
	}
.case_btntool div{
	color:#247560;
	font-size:13px;
	padding:0px 5px;
	}
.case_btntool{
	padding:5px 0px;
	}
.case_btntool a{
	width:13px;
	height:25px;
	margin:0px 0px 0px 80px;
	background:url(image/case_detail_1_13.jpg) 0px 50% no-repeat;
	}
.case_btntool div:hover{
	background:#247560;
	color:#fff;
	}
.slide_bg{
	background:url(image/news_bg.jpg) top left repeat-y;
	}
.slide_bg .grid_8{
	padding:130px 33px 50px 44px;
	}
.slide_bg .grid_8 h5.news_type{
	margin:0px 0px 60px 0px;
	height:39px;
	color:#fff;
	line-height:39px;
	text-align:center;
	background:#368b76;
	}
.slide_bg .grid_8 h5.type_all{
	border:2px solid #54ae97;
	height:35px;
	line-height:35px;
	color:#006d5b;
	background:#fff;
	}
.slide_bg .grid_8 h4{
	margin:0px 0px 10px 0px;
	background:url(image/news_list_1_03.jpg) 88px 5px no-repeat;
	}
.slide_bg .grid_8 ul{
	margin:0px 0px 60px 0px;
	}
.slide_bg .grid_8 ul li{
	padding:5px 0px 5px 33px;
	}
.slide_bg .grid_8 ul li a{
	color:#247560;
	}
.slide_bg .grid_8 ul li a span{
	visibility:hidden;
	}
.slide_bg .grid_8 ul li a:hover span,.slide_bg .grid_8 ul li.now a span{
	visibility:visible;
	}
.slide_bg .grid_8 ul li a:hover,.slide_bg .grid_8 ul li.now a{
	border-bottom:1px solid #247560;
	}
.news_bg .grid_8 ul li:first-child,.video_list .grid_8 ul li:first-child{
	background:url(image/news_list_1_11.png) 0px 50% no-repeat;
	}
.news_bg .grid_8 ul li:nth-child(2){
	background:url(image/news_list_1_14.png) 0px 50% no-repeat;
	}
.news_bg .grid_8 ul li:last-child{
	background:url(image/news_list_1_16.png) 0px 50% no-repeat;
	}
.video_list .grid_8 ul li:nth-child(2){
	background:url(image/media_list_1_07.png) 0px 50% no-repeat;
	}
.video_list .grid_8 ul li:last-child{
	background:url(image/media_list_1_10.png) 0px 50% no-repeat;
	}
.recent_link a{
	padding:10px 0px;
	color:#247560;
	font-size:13px;
	letter-spacing:normal;
	line-height:18px;
	}
.recent_link a:hover{
	text-decoration:underline;
	}
.slide_bg .grid_9{
	padding:50px 0px 0px 0px;
	}
.slide_bg .grid_9 .news_item{
	padding:0px 0px 0px 25px;
	}
.slide_bg .news_detail .news_item{
	padding:50px 0px 0px 80px;
	}
.slide_bg .news_detail .news_item .user_edit{
	border-bottom:7px solid #e5e5e5;
	padding:0px 0px 50px 0px;
	}
.slide_bg .grid_9 .news_item .itme_style{
	padding:50px 0px 50px 55px;
	border-bottom:1px solid #ccc;
	}
.slide_bg .grid_9 .news_item .date{
	background:url(image/news_calender.jpg) 0px 50% no-repeat;
	padding:0px 0px 0px 26px;
	color:#777777;
	font-size:13px;
	}
.slide_bg .grid_9 .news_item h3 a{
	color:#006d5b;
	}
.slide_bg .grid_9 .news_item h3:hover a{
	border-bottom:7px solid #54ae97;
	}
.slide_bg .grid_9 .news_item h3.detail_title,.slide_bg .grid_9 .news_item h3 a{
	border-bottom:7px solid #e5e5e5;
	padding:0px 0px 5px 0px;
	margin:0px 0px 30px 0px;
	}
.news_bg .grid_9 .type_1{
	background:url(image/news_list_1_07.png) 0px 75px no-repeat;
	}
.news_bg .grid_9 .type_2{
	background:url(image/news_list_1_18.png) 0px 75px no-repeat;
	}
.video_list .grid_9 .type_1{
	background:url(image/media_list_1_03.png) 0px 75px no-repeat;
	}
.video_list .grid_9 .type_2{
	background:url(image/media_list_1_12.png) 0px 75px no-repeat;
	}
.news_detaillink a:nth-child(2){
	margin:0px 10px;
	border:2px solid #54ae97;
	}
.news_detaillink a:nth-child(2):hover{
	background:#368b76;
	color:#fff;
	}
.news_detaillink a:hover{
	background:#f7f7f7;
	}
.news_detaillink a{
	width:125px;
	height:35px;
	border:2px solid #cccccc;
	line-height:35px;
	}
.news_detaillink a.lock,.news_detaillink a.lock:hover{
	border:2px solid #f7f7f7;
	background:#fff;
	color:#ccc;
	}
.designer_item .grid_3{
	padding:75px 0px 0px 0px;
	}
.designer_item .name h5{
	margin:0px 0px 5px 0px;
	}
.designer_item .name h2{
	font-size:21px;
	}
.designer_item .name h2 span{
	font-size:15px;
	margin:0px 0px 0px 15px;
	font-weight:normal;
	}
.designer_item .name{
	border-bottom:1px solid #cccccc;
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;
	}
.designer_item dl dd{
	float:left;
	font-weight:bold;
	margin:0px 15px 0px 0px;
	}
.designer_item .people_pic{
	background:445px;
	height:230px;
	background:#dddddd;
	margin:0px 0px 10px 0px;
	}
.designer_item dl dt{
	padding:0px 0px 10px 50px;
	}
.main .designer_item:last-child{
	padding:25px 0px 0px 0px;
	}
.links_item{
	width:400px;
	height:200px;
	padding:26px 28px 35px 28px;
	margin:0px 0px 10px 0px;
	background:url(image/links_1_03.jpg) top center no-repeat;
	}
.links_item .logopic{
	width:200px;
	height:200px;
	}
.links_item div.fright{
	font-size:13px;
	width:180px;
	padding:40px 0px 0px 0px;
	}
.links_item h4,.links_item p{
	letter-spacing:normal;
	}
.links_item p{
	line-height:22px;
	}
.main .links_item:nth-child(2n+2){
	float:right;
	}
.customer_1item:nth-child(4n+4){
	margin:0px 0px 40px 0px;
	}
.customer_1item{
	position:relative;
	width:200x;
	height:200px;
	padding:0px 0px 20px 0px;
	margin:0px 40px 40px 0px;
	background:url(image/customer_bg.png) top center no-repeat;
	}
.customer_1item .logopic{width:200px; height:200px; overflow:hidden;}
.customer_1item .hover{
	z-index:10;
	display:none;
	}
.customer_1item:hover .hover{
	display:block;
	}
.customer_1item .hover h4{
	text-shadow:#555 1px 1px 5px;
	}
.customer_1item .hover h4,.customer_1item .hover:hover h4{
	color:#fff;
	}
.customer_1item .hover p{
	line-height:18px;
	letter-spacing:normal;
	}
.customer_1item .hover{
	color:#b0e3d6;
	font-size:13px;
	top:0px;
	left:0px;
	height:140px;
	width:170px;
	padding:210px 15px 20px 15px;
	background:url(image/customer_hover.png) top center no-repeat;
	}
.right_0{
	right:0px;
	}
.ask_form{
	font-size:13px;
	padding:160px 60px 0px 115px;
	position:fixed;
	top:100px;
	right:-420px;
	z-index:100;
	width:305px;
	height:390px;
	background:url(image/contact_bg.png) top right no-repeat;
	}
.ask_btn{
	cursor:pointer;
	width:60px;
	height:124px;
	position:absolute;
	top:50%;
	left:0px;
	background:url(image/contact_close_o.png) top center no-repeat;
	}
.ask_btn:hover{
	/*background:url(image/contact_close_s.png) top center no-repeat;*/
	}
.ask_form input{
	padding:6px 10px;
	line-height:25ppx;
	line-height:26px\9;
	height:25px;
	}
.ask_form .input_item{
	margin:0px 0px 10px 0px;
	}
.ask_form .input_item input{
	width:282px;
	}
.ask_form div .input_item:first-child,.ask_form .input_item input{
	background:url(image/input_302.png) top left no-repeat;
	}
.ask_form div .input_item:first-child{
	background:none;
	}
.ask_form div .input_item:first-child label{
	color:#fff;
	}
.ask_form div .input_item:first-child input{
	width:160px;
	background:url(image/input_180.png) top left no-repeat;
	}
.ask_form div .input_item:first-child span{
	margin:0px 0px 0px 10px;
	margin:0px 0px 0px 0px\9;
	}
.ask_form div .input_item:first-child input.checkbox{
	width:12px;
	height:12px;
	vertical-align:middle;
	margin:0px 5px 0px 0px;
	padding:0px\9;
	}
.ask_form .input_item textarea{
	padding:10px;
	width:282px;
	height:82px;
	resize:none;
	background:url(image/textarea_302.png) top center no-repeat;
	}
.ask_form button{
	width:102px;
	height:37px;
	margin:0px 5px;
	}
.ask_form .center button:first-child{
	background:url(image/clear_o.png) top center no-repeat;
	}
.ask_form .center button:first-child:hover{
	background:url(image/clear_s.png) top center no-repeat;
	}
.ask_form .center button:last-child{
	background:url(image/send_o.png) top center no-repeat;
	}
.ask_form .center button:last-child:hover{
	background:url(image/send_s.png) top center no-repeat;
	}
.colorbox_video{
	color:#8d7c6d;
	width:500px;
	height:462px;
	padding:61px 57px 38px 34px;
	background:url(image/colorbox_bg.png) top center no-repeat;
	}
.colorbox_video .close_btn{
	width:45px;
	height:45px;
	position:absolute;
	top:3px;
	right:6px;
	}
.colorbox_video h3{
	padding:15px 0px 0px 0px;
	color:#ded1c6;
	}
.scrolldowm{
	z-index:100;
	top:650px;
	left:50%;
	margin:0px 0px 0px -60px;
	width:120px;
	height:100px;
	background:url(image/scroll_icon.gif) top center no-repeat;
	}
.message_box{
	z-index:120;
	position:absolute;
	top:50%;
	left:50%;
	margin:-75px 0px 0px -155px;
	padding:20px 22px 25px 22px;
	width:310px;
	height:150px;
	background:url(image/message.png) top center no-repeat;
	}
.img_box{
	width:310px;
	height:150px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}
.img_box_1{
	width:310px;
	height:150px;
	overflow:hidden;
	/*text-align:center;*/
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}	
.img_link{
	max-width:310px;
	height:auto;
	z-index:1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*top:50%;
	}
.align_middle{
	*position:relative;
	*top:-50%;
	*left:-50%;
	}
.message_txt{
	border-top:1px solid #ddd;
	padding:200px 300px;
	height:150px;
	text-align:center;
	color:#ccc;
	}
.gotop{
	opacity:0.8;
	-moz-opacity:0.8;
	fliter:alpha(opacity=80);
	position:fixed;
	z-index:10;
	right:20px;
	bottom:30px;
	width:60px;
	height:66px;
	background:url(image/scroll_top.gif) top center no-repeat;
	}<br />
<b>Fatal error</b>:  require_once() [<a href='function.require'>function.require</a>]: Failed opening required 'css/theme_submenu.css' (include_path='.:') in <b>/home/httpd/vhosts/cl-dg.com.tw/httpdocs/cht/css.php</b> on line <b>7</b><br />