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

	.container .in_service_process{
		padding: 40px 8%;
	}
	
	/*手機版首頁 start */
	.rwd_del{
		display:none;
	}
	.rwd_show{
		display:block;
		padding:5%;
	}
	.dots_drop{
		text-align:left;
	}
	/*手機版首頁 end */
	

	/*1.--- header頁首 start ---*/
		.gotop{
			right: 25px;
		    bottom: 50px;
		}
	/*1.--- header頁首 end ---*/

	/*1.--- article內容 start ---*/
		/*2.--- index首頁內容 start ---*/
		.index .container {padding-top: 35%;}
		    /*3.--- 首頁 的 商品項目 start ---*/
		        /*4.--- 首頁 的 商品項目 的 選單 start ---*/
		        .in_commodity_item h5{font-size:20px;}
		        .in_commodity_item span{font-size:14px;}
		        .in_commodity .img_box {height: 350px;}
		        .in_commodity_item ul li a.active:after{
			        border:8px solid #fff;
			        top:5%;
			        left: -23.3%;
		        }
				/*4.--- 首頁 的 商品項目 的 選單 end ---*/
		    /*3.--- 首頁 的 商品項目 end ---*/
		    /*3.--- 首頁 的 服務流程(與服務流程頁面共用[container]) start ---*/
			.in_service h3{font-size:20px;text-align: right;}
			.container .in_service h3 span{font-size:14px;display: block;}
			.container .in_service_content .img_box{
				display: block;
				width: 100%;
				float: none;
			}
			.container .in_service_content{
				padding:0
			}
			.in_service_process .in_ser_t{
				margin-top:0px;
			}
			.container .in_service_process .in_ser_t > ul{
				margin-top:0px;
				margin-bottom: 0px;
				margin:0px;
			    white-space: nowrap;
			    text-align: center;
			}
			.container .in_service_process .in_ser_t > ul li{
				width: 100%;
				display: block;
				font-size: 12px;
				white-space: normal;
				word-break: break-all;
			}
			.container .in_service_process .in_ser_b{height: 160px;}
			/*3.--- 首頁 的 服務流程(與服務流程頁面共用[container]) end ---*/
		/*2.--- index首頁內容 end ---*/

		/*2.--- about關於展羽 start ---*/
			/*3.--- 關於展羽 左邊 start ---*/
			.about_l{display: none;}
			/*3.--- 關於展羽 左邊 end ---*/
			/*3.--- 關於展羽 右邊 start ---*/
			.about .about_r{padding-left: 0; height:auto}
			.texthtml { overflow-y:hidden; }
			.about_r .about_content .texthtml{height:auto}
				/*4.--- 關於展羽 標體 start ---*/
				.about .about_r .subject{padding-bottom: 35px;}
				.about .about_r .subject h2,
				.about .about_r .subject .crumbs{float: none;}
				/*4.--- 關於展羽 標體 end ---*/
				/*4.--- 關於展羽 內容 start ---*/
				/*4.--- 關於展羽 內容 end ---*/
			/*3.--- 關於展羽 右邊 end ---*/
		/*2.--- about關於展羽 end ---*/
		
		/*2.--- service服務流程 start ---*/
		    /*3.--- 服務流程內容 start ---*/
		    /*3.--- 服務流程內容 end ---*/
		    /*3.--- 服務流程上方 start ---*/
		    /*3.--- 服務流程上方 end ---*/
		    /*3.--- 服務流程下方 start ---*/
		      	/*ul li們*/
		    /*3.--- 服務流程下方 end ---*/
		/*2.--- service服務流程 end ---*/

		/*2.--- commodity商品項目 && commodity商品內容 start ---*/
			/*3.--- 商品項目 標體 start ---*/
			.commodity .subject{padding-bottom: 20px;padding-left: 0;}
			.commodity .subject .crumbs{
				text-align: right;
    			white-space: inherit;
			}
			/*3.--- 商品項目 標體 end ---*/
				/*4.--- 商品 start ---*/
					/*5.--- 主菜單 start ---*/
					.goods .goods_menu{display: none;}
					/*5.--- 主菜單 end ---*/
					/*5.--- 商品右側版面 start ---*/
					.goods_right{padding-left: 5%;}
					.goods_right > div{margin-bottom: 8%;}
						/*6.--- 手機版主菜單 start ---*/
						.rwd_goods_menu{display: block;}
						/*6.--- 手機版主菜單 end ---*/
						/*6.--- 次菜單 start ---*/
						.big_type_menu{}
						.big_type_menu ul{
							padding-right: 0;
						    padding-top: 5%;
						    padding-left: 0%;
						}
						.big_type_menu ul li{
							/*margin-right: 0%;
						    margin-bottom: 10%;*/
						    /*width: 33%;*/
						    margin: 0% 5% 10% 5%;
						    width:139px;
						}
						.big_type_menu ul li a.active,
						.big_type_menu ul li a:hover{background-image: none;}
						/*6.--- 次菜單 end ---*/
						/*6.--- 系列菜單 start ---*/
						.small_type_menu ul li{
							/*width: 33%;*/
							width: 160px;
						}
						/*6.--- 系列菜單 end ---*/
						/*6.--- 商品菜單 start ---*/
						.any_type_menu ul li{
							width: 100%;
    						float: none;
						}
						/*6.--- 商品菜單 end ---*/
						/*6.--- 商品內容 start ---*/
						.goods_content_item_img{
							float: none;
    						width: 100%;
						}
						.goods_content_item_img .goods_content_item_b_img{width: 100%;}
						.goods_content_item_img .goods_content_item_s_img .img_box{
							width: 25%;
    						margin-right: 0;
						}
						.goods_content_item_ex{
							width: 100%;
    						margin-left: 0;
						}
						.goods_content_item_ex > .texthtml{height: 270px;}
						.goods_content_item_ex .inquiry a{margin-bottom: 20px;}
						.goods_content_interest ul li{width: 50%;}
						.looking ul li{
							width: 23%;
						    margin-right: 5%;
						    margin-left: 5%;
						}
						.page_list a{margin: 15px 15px;}
						/*6.--- 商品內容 end ---*/
					/*5.--- 商品右側版面 end ---*/
				/*4.--- 商品 end ---*/
		/*2.--- commodity商品項目 && commodity商品內容 end ---*/
		
		/*2.--- case_performance 工程實績 start ---*/
		.case_performance{}
		.case_performance .container{}
			/*3.--- 工程實績 標體 start ---*/
			.case_performance .subject{
				padding-left: 0;
    			padding-top: 90px;
			}
			.case_performance .subject ul {}
			.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: 90%;
				    float: none;
				    margin: 0 auto;
				}
				.case_performance_content_menu ul{padding: 0px;}
				.case_performance_content_menu ul li{margin: 0;}
				.case_performance_content_menu ul li:last-child{}
				.case_performance_content_menu ul li a{padding: 20px;}
				.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{
					padding: 0;
				    margin: 0 auto;
				    width: 90%;
				}
				.case_performance_content_right h3{}
					/*5.--- 系列菜單 start ---*/
					.case_performance_content_right .small_type_menu{margin-bottom: 5%;}
					.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{
						width: 100%;
    					float: none;
					}
					.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.--- qa常見問題 start ---*/
			/*3.--- 常見問題 左邊 start ---*/
			.qa_l{display: none;}
			/*3.--- 常見問題 左邊 end ---*/
			/*3.--- 常見問題 右邊 start ---*/
			.qa .qa_r{padding-left: 0;}
				/*4.--- 常見問題 標體 start ---*/
				.qa .qa_r .subject{padding-bottom: 35px;}
				.qa .qa_r .subject h2,
				.qa .qa_r .subject .crumbs{float: none;}
				/*4.--- 常見問題 標體 end ---*/
				/*4.--- 常見問題 內容 start ---*/
				.qa_r .qa_content{width: 100%;}
				/*.qa_list li:nth-of-type(1) .texthtml{text-decoration: underline;}*/
				/*.qa_list li:nth-of-type(2) .texthtml{background-color: rgba(0,0,0,.1);}*/
				/*4.--- 常見問題 內容 end ---*/
			/*3.--- 常見問題 右邊 end ---*/
		/*2.--- qa常見問題 end ---*/

		/*2.--- contact聯絡我們 start ---*/
			/*3.--- 聯絡我們 左邊 start ---*/
			.contact_l{display: none;}
			/*3.--- 聯絡我們 左邊 end ---*/
			/*3.--- 聯絡我們 右邊 start ---*/
			.contact .contact_r{padding-left: 0;}
				/*4.--- 聯絡我們 標體 start ---*/
				.contact .contact_r .subject{padding-bottom: 35px;}
				.contact .contact_r .subject h2,
				.contact .contact_r .subject .crumbs{float: none;}
				/*4.--- 聯絡我們 標體 end ---*/
				/*4.--- 聯絡我們 內容 start ---*/
				.contact_r .contact_content{width: 100%;}
					/*5.--- 表單 start ---*/
					.contact_content_info{}
					.contact_content_info fieldest{margin: 20px 0;}
					.contact_content_info fieldest > span{}
					.contact_content_info legend{}
					.contact_content_info label{}
					.contact_content_info input:not(.noin){width: 90%;}
						/*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{
							width: 90%;
							font-size: 16px;
							letter-spacing: 1px;
						}
						.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{}
						.contact_content_info .talk textarea{}
						/*6.--- 內容 end ---*/
						/*6.--- 內容 start ---*/
						.contact_content_info .button{}
						.contact_content_info .button legend{}
						.contact_content_info .button .ver_code{margin: 25px 0;}
						.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{text-align:center;}
						.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 address{padding-top: 7%;}
	footer address .add{margin-bottom: 10%;}
	footer address .add a{padding-bottom: 10%;}
	footer address .phone a{
		padding-bottom: 10%;
		margin-bottom: 10%;
	}
	/*1.--- footer內容 end ---*/
	
.case_info_img_before, .case_info_img_after{width: 100%;float:none;}
	.case_info h4{font-size:20px;}
	.case_performance .subject ul li a span{
		display: block;
    	width: 44%;
	}
}
/*€.--- RWD_桌機768↑ end ---*/


/*€.--- RWD_桌機736↑ end ---*/
@media screen and (max-width:736px){
	/*1.--- 首頁 start ---*/
		/*2.--- index首頁內容 start ---*/
			
		/*2.--- index首頁內容 start ---*/
	/*1.--- 首頁 end ---*/
}


@media screen and (max-width:399px){
	.big_type_menu ul{
		justify-content: center;
	}
}