/*€.--- RWD_桌機1550↓ start ---*/

	/*手機版首頁 start */
	.rwd_show{
		display:none;
	}
	.dots_drop{
		text-align:left;
	}
	/*手機版首頁 end */

	/*1.--- header頁首 start ---*/

	header .container{
		width: 100%;
		background-color: #e0d4a2;
		margin-bottom: 0;
	}
		/*2.--- LOGO start ---*/
		header .logo{
			padding-top: 20px;
			margin-right: 12%;
    		margin-left: 6%;
		}
		header .logo a{
			width: 120px;
    		height: 100px;
		}
		/*2.--- LOGO end ---*/
		/*2.--- nav導覽列 start ---*/
		nav > ul{
			width: 100%;
			margin: 0 auto;
			background: #fff;
			height:150px
		}
		nav > ul > li{width: 12%;}
		nav > ul > li.dots_drop:first-child,
		nav > ul > li.dots_drop:last-child{width: 10%;}
		nav > ul > .dots_drop:before,
		/*nav > ul > .dots_drop:after{display: none;}*/
		nav > ul > li > a{margin: 0px 15%;}
		nav > ul > li:last-child > a{margin-right:0;}
		nav > ul > li:hover ul.menu{display: block;}
			/*3.--- Drop down menu下拉式選單 start ---*/
			nav > ul > li > ul{
			    left: 2%;
			    /*width: 66%;*/
			}
			nav > ul > li > ul > li > a{display: block;}
			/*3.--- Drop down menu下拉式選單 end ---*/
		/*2.--- nav導覽列 end ---*/
	/*1.--- header頁首 end ---*/

	/*1.--- article內容 start ---*/
		/*2.--- index首頁內容 start ---*/
		.index .container{
			padding-left: 5%;
			padding-bottom: 5%;
    		width: 100%;
		}
		    /*3.--- 首頁 的 商品項目 start ---*/
		    .in_commodity .img_box{width: 60%;}
		        /*4.--- 首頁 的 商品項目 的 選單 start ---*/
		        .in_commodity_item{width: 30%;height: auto;}
		        .in_commodity_item ul{padding-left: 16%;}
				/*4.--- 首頁 的 商品項目 的 選單 end ---*/
		    /*3.--- 首頁 的 商品項目 end ---*/
		    /*3.--- 首頁 的 服務流程(與服務流程頁面共用[container]) start ---*/
			.container{width: 100%;}
			.container .in_service{width: 95%;}
			.container .in_service_process .in_ser_t .ser_move{ margin-top: 9%; margin-left: -0.5%;}


			.container .in_service_process{ padding: 0% 0% 0 25%;}
			.container .in_service_process .in_ser_t > ul{ margin-bottom: 4%; text-align: left; margin-top: 5%; display: block; margin-left: 3%;}
			.container .in_service_process .in_ser_t > ul li{
				margin-bottom: 2%;
			}
			.container .in_service_process .in_ser_b{height: 135px;margin-left: 0px;}
			.container .in_service_process .in_ser_b ul li{
				text-align: left;
				padding: 0;
			}
			.in_service_process .in_ser_b > div > ul > li.dots_drop:before{ margin: 0 2% 0 0%;}
			/*3.--- 首頁 的 服務流程(與服務流程頁面共用[container]) start ---*/
		/*2.--- index首頁內容 end ---*/
		
		/*2.--- about關於展羽 start ---*/
		.about .container{padding-left: 6%;}
			/*3.--- 關於展羽 左邊 start ---*/
			.about_l{width: 22%;}
			.about_l .img_box{width: 100%;}
			.about_l .img_box img{}
			/*3.--- 關於展羽 左邊 end ---*/
			/*3.--- 關於展羽 右邊 start ---*/
			.about .about_r {width: 90%;}
				/*4.--- 關於展羽 標體 start ---*/
				/*4.--- 關於展羽 標體 end ---*/
				/*4.--- 關於展羽 內容 start ---*/
				.about_r .about_content{width: 100%;}
				/*4.--- 關於展羽 內容 end ---*/
			/*3.--- 關於展羽 右邊 end ---*/
		/*2.--- about關於展羽 end ---*/

		/*2.--- service服務流程 start ---*/
		.service_process .container{width: 100%;}
		.service.in_service{width:90%;margin: 0 auto;}
		.service.in_service h3{text-indent:0;margin-left: 23%;}
		.service.in_service .crumbs{}
		    /*3.--- 服務流程內容 start ---*/
		    .service .in_service_content{}
		    .service .in_service_content .img_box{width: 22%;}
		    .service .in_service_content .img_box img:last-child{display: none;}
		    /*3.--- 服務流程內容 end ---*/
		    /*3.--- 服務流程上方 start ---*/
		    .service .in_service_process{
		    	padding: 0px 5% 0 0%;
		    	width: 77%;
		    	margin-left: 22%;
		    }
		      	.service .in_service_process .in_ser_t{padding-top: 50px; margin-left: 8%;}
		      	.service .in_service_process .in_ser_t .ser_move{}
		      	.service .in_service_process .in_ser_t > ul{}
		      	.service .in_service_process .in_ser_t > ul li{width: 27%;}
		      	.service .in_service_process .in_ser_t > ul li a{}
		    /*3.--- 服務流程上方 end ---*/
		    /*3.--- 服務流程下方 start ---*/
		    .service .in_service_process .in_ser_b{
		      	height: 148px;
				margin: 0 auto;
	    		width: 85%;
		    }
		    .service .in_service_process .in_ser_b > div{}
		    .service .in_service_process .in_ser_b .advisory{}
		    .service .in_service_process .in_ser_b .measure{}
		    .service .in_service_process .in_ser_b .signed{}
		    .service .in_service_process .in_ser_b .making{}
		    .service .in_service_process .in_ser_b .construction{}
		    .service .in_service_process .in_ser_b .acceptance{}
		    .service .in_service_process .in_ser_b .aftermarket{}
		      	/*ul li們*/
		      	.service .in_service_process .in_ser_b ul{}
		      	.service .in_service_process .in_ser_b ul li{}
		    /*3.--- 服務流程下方 end ---*/
		/*2.--- service服務流程 end ---*/
		
		/*2.--- commodity商品項目 && commodity商品內容 start ---*/
			/*3.--- 商品項目 標體 start ---*/


			/*3.--- 商品項目 標體 end ---*/
				/*4.--- 商品 start ---*/
					/*5.--- 主菜單 start ---*/
					.goods .goods_menu{width: 20%;}
					.goods .goods_menu ul {
						background-image: none;
    					padding-left: 0px;
					}
					.goods .goods_menu ul li a:before{
						margin-right: 0%;
    					margin-left: 10%;
					}
					/*--- 雪碧 start ---*/
					/*--- 雪碧 end ---*/
					/*5.--- 主菜單 end ---*/
					/*5.--- 商品右側版面 start ---*/
						/*6.--- 手機版主菜單 start ---*/
						/*6.--- 手機版主菜單 end ---*/
						/*6.--- 次菜單 start ---*/
						/*6.--- 次菜單 end ---*/
						/*6.--- 系列菜單 start ---*/
						.small_type_menu ul li a.active:before, .small_type_menu ul li a.active:after{content:"";}
						/*6.--- 系列菜單 end ---*/
						/*6.--- 商品菜單 start ---*/
						/*6.--- 商品菜單 end ---*/
						/*6.--- 商品內容 start ---*/
							/*7.--- 商品內容 資訊 start ---*/
								/*8.--- 商品內容圖片 start ---*/
									/*--- BIG ---*/
									.goods_content_item_img .goods_content_item_b_img{height: 360px;}
									.goods_content_item_img .goods_content_item_b_img .img_box{height: 300px;}
									/*--- SMALL ---*/
									.goods_content_item_img .goods_content_item_s_img .img_box{
										width: 22%;
									    height: 90px;
									}
								/*8.--- 商品內容圖片 end ---*/
								/*8.--- 商品內容簡介 start ---*/
									.goods_content_item_ex > .texthtml{height: 245px;}
									.goods_content_item_ex .inquiry{padding-left: 0;}
									.goods_content_item_ex .inquiry a{
									    width: 100%;
									    height: 50px;
									    font-size: 16px;
									    line-height: 50px;
									    text-align: center;
									}
									.goods_content_item_ex .inquiry a:last-child:before{left: 23px;}
								/*8.--- 商品內容簡介 end ---*/
							/*7.--- 商品內容 資訊 end ---*/
							/*7.--- 商品內容 詳細內容 start ---*/
							/*7.--- 商品內容 詳細內容 end ---*/
							/*7.--- 商品內容 感興趣 start  ---*/
							/*7.--- 商品內容 感興趣 end  ---*/
							/*7.--- 商品內容 最近瀏覽 start ---*/
							/*7.--- 商品內容 回到列表 end ---*/
						/*6.--- 商品內容 end ---*/
					/*5.--- 商品右側版面 end ---*/
				/*4.--- 商品 end ---*/
		/*2.--- commodity商品項目 && commodity商品內容 end ---*/
		
		/*2.--- case_performance 工程實績 start ---*/
		.case_performance{}
		.case_performance .container{}
			/*3.--- 工程實績 標體 start ---*/
			.case_performance .subject{}
			.case_performance .subject ul {width: 90%;}
			.case_performance .subject ul li{}
			.case_performance .subject ul li a{}
			.case_performance .subject ul li a span{}
			/*3.--- 工程實績 標體 end ---*/
			/*3.--- 工程實績 內容 start ---*/
			.case_performance_content{}
				/*4.--- 工程實績 主菜單 start ---*/
				.case_performance_content_menu{width: 16%;}
				.case_performance_content_menu ul{padding-left: 38px;}
				.case_performance_content_menu ul li{}
				.case_performance_content_menu ul li:last-child{}
				.case_performance_content_menu ul li a{}
				.case_performance_content_menu ul li a.active{}
				.case_performance_content_menu ul li:nth-of-type(1) a:before,
				.case_performance_content_menu ul li:nth-of-type(2) a:before{
				}
				.case_performance_content_menu ul li a.active:before{}
				.case_performance_content_menu ul li a.active:after{}
				/*4.--- 工程實績 主菜單 end ---*/
				/*4.--- 工程實績 右側內容 start ---*/
				.case_performance_content_right{}
				.case_performance_content_right h3{}
					/*5.--- 系列菜單 start ---*/
					.case_performance_content_right .small_type_menu{}
					.case_performance_content_right .small_type_menu ul{}
					.case_performance_content_right .small_type_menu ul li{
						
					}
					.case_performance_content_right .small_type_menu ul li a{}
					.case_performance_content_right .small_type_menu ul li a:before,
					.case_performance_content_right .small_type_menu ul li a:after{}
					/*5.--- 系列菜單 end ---*/
					/*5.--- 工程實績 圖片 start ---*/
					.case_performance_content_right .case_performance_img{}
					.case_performance_content_right .case_performance_img .img_box{}
					.case_performance_content_right .case_performance_img .img_box img{}
						/*6.--- 頁碼 start ---*/
						.case_performance_content_right .page_counter{}
						.case_performance_content_right .page_counter a{}
						/*6.--- 頁碼 end ---*/
					/*5.--- 工程實績 圖片 end ---*/
				/*4.--- 工程實績 右側內容 end ---*/
			/*3.--- 工程實績 內容 end ---*/
		/*2.--- case_performance 工程實績 end ---*/

		/*2.--- case 案例分享 (使用case_performance CSS) start ---*/
		.case{}
		.case .container{}
			/*3.--- 案例分享 內容 start ---*/
			.case_content{}
				/*4.--- 主菜單 start ---*/
				.case_content_menu{}
				.case_content_menu ul{}
				.case_content_menu ul li{}
				.case_content_menu ul li a{}
				/*4.--- 主菜單 end ---*/
				/*4.--- 案例分享 右側內容 start ---*/
				.case_content_right{}
					/*5.--- 案列分享 列表 start ---*/
					.case_content_right ul{}
					.case_content_right ul li{}
					.case_content_right ul li:hover{}
					.case_content_right ul li .img_box{}
					.case_content_right ul li .img_box img{}
					.case_content_right ul li h4{}
					.case_content_right ul li h4 p{}
					.case_content_right ul li h4 span{margin-left: 0;}
					.case_content_right ul li .texthtml{
					}
					/*5.--- 案列分享 列表 end ---*/
				/*4.--- 案例分享 右側內容 end ---*/
			/*3.--- 案例分享 內容 end ---*/
		/*2.--- case 案例分享 end ---*/
		
		/*2.--- qa常見問題 start ---*/
		.qa .container{padding-left: 6%;}
			/*3.--- 常見問題 左邊 start ---*/
			.qa_l{width: 22%;}
			.qa_l .img_box{width: 100%;}
			.qa_l .img_box img{}
			/*3.--- 常見問題 左邊 end ---*/
			/*3.--- 常見問題 右邊 start ---*/
			.qa .qa_r {width: 90%;}
				/*4.--- 常見問題 標體 start ---*/
				/*4.--- 常見問題 標體 end ---*/
				/*4.--- 常見問題 內容 start ---*/
				.qa_r .qa_content{width: 100%;}
					/*5.--- 常見問題 問答 start ---*/
					.qa_list{
						font-size: 18px;
					    line-height: 36px;
					    width: 98%;
					    margin-bottom: 8%;
					    letter-spacing: 5px;
    					text-align: justify;
					}
					.qa_list li{margin-bottom: 2%;}
					.qa_list li h4{font-size:20px;}
					.qa_list li .texthtml{max-width: 100%;}
					/*5.--- 常見問題 問答 end ---*/
				/*4.--- 常見問題 內容 end ---*/
			/*3.--- 常見問題 右邊 end ---*/
		/*2.--- qa常見問題 end ---*/

		/*2.--- contact聯絡我們 start ---*/
		.contact .container{padding-left: 6%;}
			/*3.--- 聯絡我們 左邊 start ---*/
			.contact_l{width: 22%;}
			.contact_l .img_box{width: 100%;}
			.contact_l .img_box img{}
			/*3.--- 聯絡我們 左邊 end ---*/
			/*3.--- 聯絡我們 右邊 start ---*/
			.contact .contact_r {width: 90%;}
				/*4.--- 聯絡我們 標體 start ---*/
				/*4.--- 聯絡我們 標體 end ---*/
				/*4.--- 聯絡我們 內容 start ---*/
				.contact_r .contact_content{width: 100%;}
					/*5.--- 表單 start ---*/
					.contact_content_info{}
					.contact_content_info fieldest{}
					.contact_content_info fieldest > span{}
					.contact_content_info legend{}
					.contact_content_info label{}
					.contact_content_info input:not(.noin){}
						/*6.--- 姓名 start ---*/
						.contact_content_info .name{}
						.contact_content_info .name legend{}
						.contact_content_info .name label{}
						.contact_content_info .name input{}
						/*6.--- 姓名 end ---*/
						/*6.--- 電話 start ---*/
						.contact_content_info .tel{}
						.contact_content_info .tel legend{}
						.contact_content_info .tel label{}
						.contact_content_info .tel input{}
						/*6.--- 電話 end ---*/
						/*6.--- 傳真 start ---*/
						.contact_content_info .fax{}
						.contact_content_info .fax legend{}
						.contact_content_info .fax label{}
						.contact_content_info .fax input{}
						/*6.--- 傳真 end ---*/
						/*6.--- 地址 start ---*/
						.contact_content_info .add{}
						.contact_content_info .add legend{}
						.contact_content_info .add label{}
						.contact_content_info .add input{}
						/*6.--- 地址 end ---*/
						/*6.--- 信箱 start ---*/
						.contact_content_info .e_mail{}
						.contact_content_info .e_mail legend{}
						.contact_content_info .e_mail label{}
						.contact_content_info .e_mail input{}
						/*6.--- 信箱 end ---*/
						/*6.--- 信件主旨 start ---*/
						.contact_content_info .why{}
						.contact_content_info .why legend{}
						.contact_content_info .why label{}
						.contact_content_info .why select{}
						.contact_content_info .why option{}
						.contact_content_info .why option:checked{}
						.contact_content_info .why option:not(:checked){}
						/*6.--- 信件主旨 end ---*/
						/*6.--- 內容 start ---*/
						.contact_content_info .talk{}
						.contact_content_info .talk legend{}
						.contact_content_info .talk label{}
						.contact_content_info .talk > span{margin-right: 0;}
						.contact_content_info .talk textarea{}
						/*6.--- 內容 end ---*/
						/*6.--- 內容 start ---*/
						.contact_content_info .button{width: 81%;}
						.contact_content_info .button legend{}
						.contact_content_info .button .ver_code{}
						.contact_content_info .button .ver_code input{}
						.contact_content_info .button .ver_code .img_box{}
						.contact_content_info .button .ver_code .img_box img{}
						.contact_content_info .button .butt{}
						.contact_content_info .button .butt label{}
						.contact_content_info .button .butt input{}
						/*6.--- 內容 end ---*/
					/*5.--- 表單 end ---*/
				/*4.--- 聯絡我們 內容 end ---*/
			/*3.--- 聯絡我們 右邊 end ---*/
		/*2.--- contact聯絡我們 end ---*/

	/*1.--- article內容 end ---*/

	/*1.--- footer頁尾 start ---*/
	footer .container{
		width: 100%;
		padding: 25px 10px 25px 10px;
		margin-bottom: 0;
	}
		/*2.--- 版權 start ---*/
		footer .logo{
			float: none;
		    margin: 0 auto;
		    text-align: center;
		}
		footer .logo .img_box{
			width: 100%;
    		height: 53px;
    		margin-bottom: 1%;
		}
		footer .logo .img_box img{}
		footer .copyright{
			text-indent: 0;
    		width: 100%
		}
		/*2.--- 版權 end ---*/
		/*2.--- 店家資訊 start ---*/
		footer address{
			padding-top: 2%;
		    width: 80%;
		    margin: 0 auto;
		    text-align: center;
		}
		footer address .add{
			float: none;
    		margin-right: 0;
    		margin-bottom: 2%;
		}
		footer address .add a {
			display: block;
			padding-bottom: 2%;
		}
		footer address .phone{
			float: none;
		    margin-right: auto;
		    width: 100%;
		    margin-left: auto;
		}
		footer address .phone a{
			padding-bottom: 2%;
			margin-bottom: 2%;
		}
		/*2.--- 店家資訊 end ---*/
	
     
		/*2.--- 遜 start ---*/
		.photonic{
			width: 100%;
		    text-align: center;
    		margin-left: 0;
		}
		/*2.--- 遜 end ---*/
	/*1.--- footer頁尾 end ---*/

/*€.--- RWD_桌機1550↑ end ---*/

/*€.--- RWD_桌機1280↓ start ---*/
@media screen and (max-width:1440px){
	.texthtml { overflow-y:scroll; }
	.container .in_service_process .in_ser_t > ul li{width: 10%;}
	.service .in_service_process .in_ser_t > ul li{width: 10.5%;}
	#service_content{ padding: 0%;}
	/*2.--- case 案例分享 (使用case_performance CSS) start ---*/
					/*5.--- 案列分享 列表 start ---*/
					.case_content_right ul li h4{margin-left: 37%;}
					.case_content_right ul li .texthtml{
					    width: 63%;
    					margin-left: 37%;
					}
					/*5.--- 案列分享 列表 end ---*/
			/*4.--- 案例分享 右側內容 end ---*/
		/*3.--- 案例分享 內容 end ---*/
	/*2.--- case 案例分享 end ---*/
}
/*€.--- RWD_桌機1280↓ end ---*/
	
/*€.--- RWD_桌機1280↓ start ---*/
@media screen and (max-width:1280px){
	.container .in_service_process .in_ser_t > ul li{width: auto;}
	.container .in_service_process .in_ser_t .ser_move { margin-top: 9%; }
	.service .in_service_process .in_ser_t > ul li { width: 10%; font-size: 14px; }
		.container .in_service_process{padding: 0% 0% 0 28%;}
		/*1.--- 服務流程 start ---*/
		/* .service .in_service_process .in_ser_t > ul li{width: 27%;} */
		/*1.--- 服務流程 end ---*/
		/*2.--- case 案例分享 (使用case_performance CSS) start ---*/
					/*5.--- 案列分享 列表 start ---*/
					.case_content_right ul li h4{margin-left: 45%;}
					.case_content_right ul li .texthtml{
					    width: 55%;
    					margin-left: 45%;
					}
					/*5.--- 案列分享 列表 end ---*/
				/*4.--- 案例分享 右側內容 end ---*/
			/*3.--- 案例分享 內容 end ---*/
		/*2.--- case 案例分享 end ---*/
}
/*€.--- RWD_桌機1280↓ end ---*/


/*€.--- RWD_桌機1024↓ start ---*/
@media screen and (max-width:1024px){
	/*1.--- header頁首 start ---*/
	header{
	}
	header .container{
		position: fixed;
	    top: 0;
	    left: 0;
	    width: 34%;
	    height: 100vh;
	    font-size: 14px;
	    background-color: #e0d4a2;
	    transform: translateY(-100%);
	}
	/*$JS--- 配合區域 start ---*/
	header .container:before,
	header .container:after{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 210%;
		background-color: #e0d4a2;
	}
	header .container:before{
		transform: translateX(100%) translateY(200%);
		transition: transform .5s .2s cubic-bezier(1,-0.81,1,.79);
	}
	header .container:after{
		transform: translateX(200%) translateY(-172%);
		transition: transform .25s .1s cubic-bezier(1,-0.81,1,.79);
	}
	.container.ham{
		transform: translateY(-0%);
	}
	.container.ham:before{
		transform: translateX(99%) translateY(0%);
		transition: transform 1s .3s ease-in-out;
	}
	.container.ham:after{
		transform: translateX(198%) translateY(-72%);
		transition: transform 1.2s .45s ease-in-out;
	}
	/*$JS--- 配合區域 end ---*/
		/*2.--- LOGO start ---*/
		header .logo{
			float: none;
		    margin: 0 auto;
		    width: 100%;
		}
		header .logo a{
			width: 100%;
    		height: 80px;
		}
		/*2.--- LOGO end ---*/
		/*--- 漢堡按鈕 start---*/
		nav > ul{
			height: auto;
			background: transparent
		}
		.hamburger{
			display: block;
			width: 40px;
			height: 40px;
			background-color: #e0d4a2;
			border: solid 3px #fff;
			position: fixed;
			right: 20px;
			top: 60px;
			z-index: 3;
  			transition: opacity .5s;
  			cursor: pointer;
		}
		.hamburger span,
		.hamburger:before,
		.hamburger:after{
			content: '';
			display: block;
			position: absolute;
			width: 20px;
			height: 2px;
			background-color: #fff;
			left: 7px;
			transition: all .2s;
			transform-origin: right bottom;
		}
		.hamburger:before{top: 11px;}
		.hamburger span  {top: 17px;}
		.hamburger:after {top: 23px;}
		.hamburger.bur{
			border-radius: 50%;
    		outline: none;
		}
		.hamburger.bur:before{
			transform: rotate(-45deg) translateX(0px) translateY(-4px);
		}
		.hamburger.bur span{
			right: 0;
		    margin: auto;
		    width: 0;
		    transform: translateX(-3px) translateY(-1px);
		}
		.hamburger.bur:after{
			    transform: rotate(45deg) translateX(-3px) translateY(2px);
		}
		/*--- 漢堡按鈕 end---*/
		/*2.--- nav導覽列 start ---*/
		nav > ul{
			padding-top: 40px;
		}
		nav > ul > li{
			width: 100%;
			float: none;
    		text-align: center;
    		margin-bottom: 10%;
		}
		nav > ul > li.dots_drop:first-child,
		nav > ul > li.dots_drop:last-child{width: 100%;}
		nav > ul > li > a{margin: 0;}
			/*3.--- Drop down menu下拉式選單 start ---*/
			nav > ul > li > ul{
			    left: 100%;
			    width: 70%;
			    top: -50%;
			    text-indent: 0;
			}
			ul.menu:nth-of-type(2) {left: 170%;}
			nav > ul > li > ul > li{margin-bottom: 0;}
			nav > ul > li > ul > li > a{display: block;}
			/*3.--- Drop down menu下拉式選單 end ---*/
		/*2.--- nav導覽列 end ---*/	
	/*1.--- header頁首 end ---*/

	/*1.--- article內容 start ---*/
		/*2.--- index首頁內容 start ---*/
		    /*3.--- 首頁 的 商品項目 start ---*/
		        /*4.--- 首頁 的 商品項目 的 選單 start ---*/
		        .in_commodity_item ul{box-shadow:none;}
		        .in_commodity_item ul li a:before{display: none;}
		        .in_commodity_item ul li a.active:after{
			        border:18px solid #fff;
			        top:-35%;
		        }
				/*4.--- 首頁 的 商品項目 的 選單 end ---*/
		    /*3.--- 首頁 的 商品項目 end ---*/
		    /*3.--- 首頁 的 服務流程(與服務流程頁面共用[container]) start ---*/
			.container .in_service_content .img_box{display: none;height: 240px;}
			.container .in_service_process{
				width: 100%;
				padding: 40px 0%;
				margin: 0;
				height: auto;
			}
			.service .in_service_process .in_ser_t{
				margin-left: 2%;
			}
			/* .container .in_service_process .in_ser_t > ul li{width: 7%;} */
			/*3.--- 首頁 的 服務流程(與服務流程頁面共用[container]) end ---*/
		/*2.--- index首頁內容 end ---*/

		/*2.--- about關於展羽 start ---*/
			/*3.--- 關於展羽 左邊 start ---*/
			.about_l .img_box img:last-child{display: none;}
			/*3.--- 關於展羽 左邊 end ---*/
			/*3.--- 關於展羽 右邊 start ---*/
				/*4.--- 關於展羽 標體 start ---*/
				/*4.--- 關於展羽 標體 end ---*/
				/*4.--- 關於展羽 內容 start ---*/
				/*4.--- 關於展羽 內容 end ---*/
			/*3.--- 關於展羽 右邊 end ---*/
		/*2.--- about關於展羽 end ---*/

		/*2.--- service服務流程 start ---*/
		.service.in_service h3{margin-left: 0%;}
		.in_service_content{ padding: 0 5%; padding-bottom: 10%;}
		    /*3.--- 服務流程內容 start ---*/
		    /*3.--- 服務流程內容 end ---*/
		    /*3.--- 服務流程上方 start ---*/
		    /*3.--- 服務流程上方 end ---*/
			/*3.--- 服務流程下方 start ---*/
			.service .in_service_process .in_ser_b{height:250px}
		      	/*ul li們*/
		    /*3.--- 服務流程下方 end ---*/
		/*2.--- service服務流程 end ---*/

		/*2.--- commodity商品項目 && commodity商品內容 start ---*/
			/*3.--- 商品項目 標體 start ---*/

			
			/*3.--- 商品項目 標體 end ---*/
				/*4.--- 商品 start ---*/
					/*5.--- 主菜單 start ---*/
					.goods .goods_menu ul li{text-align: center;}
					/*--- 雪碧 start ---*/
					/*--- 雪碧 end ---*/
					/*5.--- 主菜單 end ---*/
					/*5.--- 商品右側版面 start ---*/
						/*6.--- 手機版主菜單 start ---*/
						/*6.--- 手機版主菜單 end ---*/
						/*6.--- 次菜單 start ---*/
						.big_type_menu ul li a:before{content: "";}
						/*6.--- 次菜單 end ---*/
						/*6.--- 系列菜單 start ---*/
						/*6.--- 系列菜單 end ---*/
						/*6.--- 商品菜單 start ---*/
						.any_type_menu{padding: 5%;}
						.any_type_menu ul li{width: 33%;}
						/*6.--- 商品菜單 end ---*/
						/*6.--- 商品內容 start ---*/
							/*7.--- 商品內容 資訊 start ---*/
								/*8.--- 商品內容圖片 start ---*/
									/*--- BIG ---*/
									.goods_content_item_img .goods_content_item_b_img{width: 92%;}
									/*--- SMALL ---*/
									.goods_content_item_img .goods_content_item_s_img .img_box{width: 21%;}
								/*8.--- 商品內容圖片 end ---*/
								/*8.--- 商品內容簡介 start ---*/
								/*8.--- 商品內容簡介 end ---*/
							/*7.--- 商品內容 資訊 end ---*/
							/*7.--- 商品內容 詳細內容 start ---*/
							/*7.--- 商品內容 詳細內容 end ---*/
							/*7.--- 商品內容 感興趣 start  ---*/
							/*7.--- 商品內容 感興趣 end  ---*/
							/*7.--- 商品內容 最近瀏覽 start ---*/
							/*7.--- 商品內容 回到列表 end ---*/
						/*6.--- 商品內容 end ---*/
					/*5.--- 商品右側版面 end ---*/
				/*4.--- 商品 end ---*/
		/*2.--- commodity商品項目 && commodity商品內容 end ---*/

		/*2.--- case_performance 工程實績 start ---*/
		.case_performance{}
		.case_performance .container{}
			/*3.--- 工程實績 標體 start ---*/
			.case_performance .subject{}
			.case_performance .subject ul {padding-left: 1%;}
			.case_performance .subject ul li{}
			.case_performance .subject ul li a{}
			.case_performance .subject ul li a span{}
			/*3.--- 工程實績 標體 end ---*/
			/*3.--- 工程實績 內容 start ---*/
			.case_performance_content{}
				/*4.--- 工程實績 主菜單 start ---*/
				.case_performance_content_menu{}
				.case_performance_content_menu ul{
					padding-left: 0px;
					text-align: center;
					background-image: none;
				}
				.case_performance_content_menu ul li{}
				.case_performance_content_menu ul li:last-child{}
				.case_performance_content_menu ul li a{}
				.case_performance_content_menu ul li a.active{}
				.case_performance_content_menu ul li:nth-of-type(1) a:before,
				.case_performance_content_menu ul li:nth-of-type(2) a:before{
				}
				.case_performance_content_menu ul li a.active:before{}
				.case_performance_content_menu ul li a.active:after{opacity:0;}
				/*4.--- 工程實績 主菜單 end ---*/
				/*4.--- 工程實績 右側內容 start ---*/
				.case_performance_content_right{}
				.case_performance_content_right h3{}
					/*5.--- 系列菜單 start ---*/
					.case_performance_content_right .small_type_menu{}
					.case_performance_content_right .small_type_menu ul{}
					.case_performance_content_right .small_type_menu ul li{width: 33%;}
					.case_performance_content_right .small_type_menu ul li a{}
					.case_performance_content_right .small_type_menu ul li a:before,
					.case_performance_content_right .small_type_menu ul li a:after{}
					/*5.--- 系列菜單 end ---*/
					/*5.--- 工程實績 圖片 start ---*/
					.case_performance_content_right .case_performance_img{}
					.case_performance_content_right .case_performance_img .img_box{}
					.case_performance_content_right .case_performance_img .img_box img{}
						/*6.--- 頁碼 start ---*/
						.case_performance_content_right .page_counter{}
						.case_performance_content_right .page_counter a{}
						/*6.--- 頁碼 end ---*/
					/*5.--- 工程實績 圖片 end ---*/
				/*4.--- 工程實績 右側內容 end ---*/
			/*3.--- 工程實績 內容 end ---*/
		/*2.--- case_performance 工程實績 end ---*/

		/*2.--- case 案例分享 (使用case_performance CSS) start ---*/
		.case{}
		.case .container{}
			/*3.--- 案例分享 內容 start ---*/
			.case_content{}
				/*4.--- 主菜單 start ---*/
				.case_content_menu{}
				.case_content_menu ul{}
				.case_content_menu ul li{}
				.case_content_menu ul li a{}
				/*4.--- 主菜單 end ---*/
				/*4.--- 案例分享 右側內容 start ---*/
				.case_content_right{}
					/*5.--- 案列分享 列表 start ---*/
					.case_content_right ul{}
					.case_content_right ul li{}
					.case_content_right ul li:hover{}
					.case_content_right ul li .img_box{
						float: none;
					    width: 100%;
					}
					.case_content_right ul li .img_box img{}
					.case_content_right ul li h4{
						margin: 10px 0;
					    text-align: center;
					    line-height: 30px;
					}
					.case_content_right ul li h4 p{}
					.case_content_right ul li h4 span{display: block;}
					.case_content_right ul li .texthtml{
						width: 100%;
						margin: 0;
					}
					.case_content_right ul li .texthtml{
						height:auto;
					}						
					/*5.--- 案列分享 列表 end ---*/
				/*4.--- 案例分享 右側內容 end ---*/
			/*3.--- 案例分享 內容 end ---*/
		/*2.--- case 案例分享 end ---*/

	/*1.--- article內容 end ---*/
}
/*€.--- RWD_桌機1024↑ end ---*/


/*€.--- RWD_桌機900↓ start ---*/
@media screen and (max-width:900px){
	
}
/*€.--- RWD_桌機900↑ end ---*/

@media screen and (max-width:768px){
	.about_r .about_content{height:auto}
}