@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) { /*桌面*/
/*=========================首頁=========================*/	
	.company_search{
	border:0px solid hsla(0,0%,52%,1.00);
	border-radius: 5px;
	margin:50px 0 30px 0;
	display: flex;
	}
	
	.company_search_input{
    padding: 0 0.5% 0 0.5%;
    height: 50px;
    width: 92%;
    border: 1px solid hsla(0,0%,72%,1.00);
    font-size: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	}
	
	.company_search_submit{
    height: 50px;
    width: 11%;
    border: 1px solid hsla(0,0%,72%,1.00);
    font-size: 0px;
    position: relative;
    left: 0;
    background-image: url(../../../img/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 90%;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	}
	
	.search_no_info{
		text-align:center;
	}
	
	#company_TYP{
	border:1px solid hsla(0,0%,52%,1.00);
	border-radius: 5px;
	padding:2%;
	margin:50px 0 30px 0;
	}
	
	.company_TYP_item{
	padding:10px;
	display: inline-block;
	margin:10px;
	font-size:16px;
	font-weight: 400;
	}
	
	.company_TYP_item:hover{
		color:hsla(359,50%,47%,1.00);
	}
	
	#company_wrap{
	margin:30px 0 100px 0;
	border:0px solid hsla(0,0%,0%,1.00);
	display: flex;
	flex-wrap: wrap;
	}
	
	.company_item{
	padding:1%;
	margin:1%;
	border:1px solid hsla(0,0%,73%,1.00);
	width: 18%;
	transition: transform 0.8s;
	}
	
	.company_item:hover{
	transform: scale(1.05);	
	}
	
	.company_item a{
	display:block;
	}
	
	.company_item a:hover{
	color:#000;	
	}
	
	.company_item img{
	hegiht:100px;
	width:auto;
	max-width:100%;
	display:block;
	margin:0 auto 30px auto;
	}
	
	.company_item_sub{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight: 300;
	text-align: center;
	line-height: 35px;
	}
/*=========================首頁=========================*/
	
/*=========================內頁=========================*/
	#company_content_wrap{
	margin-top:100px;
	border: 0px solid hsla(0,0%,0%,1.00);
	}
	
	.company_content_basic{
	margin:0;
    padding: 1%;
    display: flex;
    border: 0px solid hsla(0,0%,0%,1.00);
    list-style-type: none;
	}
	
	.company_content_item_left_logo{
    border: 0px solid hsla(0,0%,0%,1.00);
    margin-right: 1%;
    flex: 3.5;
	}
	
	.company_content_item_left_logo img{
	width:70%;
	margin: 0 auto 0 auto;
	display:block;
	}
	
	.company_content_item_right_info{
	border:0px solid hsla(0,0%,0%,1.00);
	margin-right:1%;
	flex:6.5;		
	}
	
	.company_content_item_right_info_sub{
	font-weight: 400;
    font-size: 24px;	
	}
	
	.company_content_item_right_info_P{
	display: block;
    font-size: 18px;
	line-height:30px;
	border-bottom: 1px dotted hsla(0,0%,33%,1.00);
	margin:20px 0 20px 0;
	}
	
	.company_content_item_right_info_CON{
	display: block;
    font-size: 18px;
	line-height:30px;
	border-bottom: 0px dotted hsla(0,0%,33%,1.00);
	margin:20px 0 20px 0;
	}
	
	.company_content_IMG{
	width:100%;
	margin: 0 auto 0 auto;
	display:block;
	}
	
	.company_content_icon{
	width:70%;
	margin: 40px auto 15px auto;
	display:flex;
	border: 0px dotted hsla(0,0%,33%,1.00);
	justify-content: center;      /* 水平居中 */
    align-items: center;          /* 垂直居中 */
	}
	
	.icon_block{
	display: block;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 10px;
    background-color: hsla(200,24%,46%,1.00);
	transition: transform 0.8s;
	}
	
	.icon_block:hover{
    background-color: hsla(0,50%,57%,1.00);
    transform: scale(1.1);
	}
/*=========================內頁=========================*/
}

	
@media screen and (max-width:600px) { /*行動裝置*/	
/*=========================首頁=========================*/
	
	.company_search{
	border:0px solid hsla(0,0%,52%,1.00);
	border-radius: 5px;
	margin:50px 0 30px 0;
	display: flex;
	}
	
	.company_search_input{
    padding: 0 0.5% 0 0.5%;
    height: 50px;
    width: 80%;
    border: 1px solid hsla(0,0%,72%,1.00);
    font-size: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	}
	
	.company_search_submit{
    height: 50px;
    width: 20%;
    border: 1px solid hsla(0,0%,72%,1.00);
    font-size: 0px;
    position: relative;
    left: 0;
    background-image: url(../../../img/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 90%;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	}
	
	.search_no_info{
		text-align:center;
		font-size: 25px;
		padding:40px 0 0 0;
	}
	
	#company_TYP{
	border:1px solid hsla(0,0%,52%,1.00);
	border-radius: 5px;
	padding:2%;
	margin:50px 0 30px 0;
	}
	
	.company_TYP_item{
	padding:10px;
	display: inline-block;
	margin:10px;
	font-size:16px;
	font-weight: 400;
	}
	
	.company_TYP_item:hover{
		color:hsla(359,50%,47%,1.00);
	}
	
	#company_wrap{
	margin:30px 0 100px 0;
	border:0px solid hsla(0,0%,0%,1.00);
	}
	
	.company_item{
	padding:1%;
	margin:5%;
	border:1px solid hsla(0,0%,73%,1.00);
	width: 90%;
	transition: transform 0.8s;
	}
	
	.company_item:hover{
	transform: scale(1.05);	
	}
	
	.company_item a{
	display:block;
	}
	
	.company_item a:hover{
	color:#000;	
	}
	
	.company_item img{
	hegiht:100px;
	width:auto;
	max-width:100%;
	display:block;
	margin:0 auto 30px auto;
	}
	
	.company_item_sub{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight: 300;
	text-align: center;
	line-height: 35px;
	}
/*=========================首頁=========================*/
	
/*=========================內頁=========================*/
	#company_content_wrap{
	margin-top:100px;
	border: 0px solid hsla(0,0%,0%,1.00);
	}
	
	.company_content_basic{
	margin:0;
    padding: 1%;
    border: 0px solid hsla(0,0%,0%,1.00);
    list-style-type: none;
	}
	
	.company_content_item_left_logo{
    border: 0px solid hsla(0,0%,0%,1.00);
	}
	
	.company_content_item_left_logo img{
	width:70%;
	margin: 0 auto 0 auto;
	display:block;
	}
	
	.company_content_item_right_info{
	border:0px solid hsla(0,0%,0%,1.00);	
	}
	
	.company_content_item_right_info_sub{
	font-weight: 400;
    font-size: 26px;
	text-align: center;
	padding:20px 0 20px 0;
	}
	
	.company_content_item_right_info_P{
	display: block;
    font-size: 18px;
	line-height:30px;
	border-bottom: 1px dotted hsla(0,0%,33%,1.00);
	margin:20px 0 20px 0;
	}
	
	.company_content_item_right_info_CON{
	display: block;
    font-size: 18px;
	line-height:30px;
	border-bottom: 0px dotted hsla(0,0%,33%,1.00);
	margin:20px 0 20px 0;
	}
	
	.company_content_IMG{
	width:100%;
	margin: 0 auto 0 auto;
	display:block;
	}
	
	.company_content_icon{
	width:70%;
	margin: 40px auto 15px auto;
	display:flex;
	border: 0px dotted hsla(0,0%,33%,1.00);
	justify-content: center;      /* 水平居中 */
    align-items: center;          /* 垂直居中 */
	}
	
	.icon_block{
	display: block;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 10px;
    background-color: hsla(200,24%,46%,1.00);
	transition: transform 0.8s;
	}
	
	.icon_block:hover{
    background-color: hsla(0,50%,57%,1.00);
    transform: scale(1.1);
	}
/*=========================內頁=========================*/
	
}