/* 大螢幕設備（大型桌面，1200px（含）以上） */
/*@media screen and  (min-width: 0px) and (max-width: 1920px) {*/
@media screen and  (min-width: 100px) and (max-width: 1920px) {
    /* 如果使用者之視窗寬度介於 0px ~ 1920px，將會再載入這裡的 CSS。*/
	body {
		margin-top: 0px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		font-smooth: always;
		font-family: "微软雅黑", "微軟正黑體", Arial;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 1px;
		font-size: 16px;
		line-height: 30px;
		color: #2E2E2E;
		background-repeat: repeat;
		padding: 0 0;

	}
	#allhight01 {
		width: 99.999%;
		height: auto;
		margin: 0 auto;
		padding-top: 0px;
	}		
	#allhight {
		width: 99.999%;
		height: auto;
		margin: 0 auto;
		padding-top: 0px;
	}	
	#allhight > div{
		opacity: 0;
	}	
	.menu-first{
		text-align: right;	
		}
	.top_lan{
		top: 0px;
		width: 100%;
		height: 125px;
		background-color: rgba(255,255,255,1.00);
		padding-top: 0px;
		position: fixed;
		-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
		box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
		z-index: 999999;
		}
	.menu_listbg{
		width: 100%;
		height: 125px;
	}	
	.menu_list{
		display: inline-block;
		width: 100%;
			}
	.menu_list li {
		display: inline-block;
		}	
	.menu_list01 a:link{
		width: 100px;
		color: #000000;
		font-family: "微軟正黑體" ,"Impact", "Haettenschweiler", "Franklin Gothic Bold", "Arial Black", "sans-serif";
		font-size: 14px;
		text-align: center;
		font-weight: 500;
		line-height: 40px;
		margin-top: 0px;
		background-color: #ffffff;
		text-decoration: none;
		}
	.menu_list01 a:hover{
		display:block;
		color: #E30003;
		text-decoration: none;
		border-bottom: solid  #E30003 3px;
		/*	background-color: #FF0004;*/
		height: 100%;
	}	
	/*service內容 */
	.index_opp{
		width: 100%;
		max-width: 1300px;
		height: auto; 
		margin: 0 auto;
	}

	.index_serlatice{
		padding: 0 15px;
	}
	.index_serp{
		margin: 10px 0;
		border-bottom: solid 1px rgba(86,86,86,1.00);
	}
	.service_spac{
		margin: 15px 0;
	}
	.service_picl{
		width: 30%;
		height: auto;
		/*	float: left;*/
		display: inline-block;
		}
	.service02_outline{
		width: 100%;
		height: auto;
		min-height: 675px;
		padding-bottom: 20px;
		background-image:url( ../images/service02_bg.jpg);
	}
	.service03_outline{
		width: 80%;
		max-width: 1300px;
		height: auto;
		margin: 0 auto;
		}
	.service03_content{
		padding: 0px 0;
		font-size: 16px;
		color: #9F9F9F;
		line-height: 30px;
		}	
	.service04_content{
		padding: 10px;
		font-size: 16px;
		color: #9F9F9F;
		max-width: 1000px;
		margin: 10px auto;
		border: 1px solid hsla(0,0%,82%,1.00);

		}		
	.small_service{
		text-align: center;
		margin-bottom: 10px;
		border-bottom: solid #D3D3D3 1px;
	}	
	.service02_item{
		animation-duration: 1s;
		animation-fill-mode: both;
		padding: 5px 10px;
		border-radius: 15px;
		background-color: rgba(255,255,255,0.60);
		border-radius: 15px;
		padding: 20px;
		display: flex;
		align-items: center;
		margin: 5px 5px;
		}	
	.service02_title{
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	.service02_cotcent{
		width: 100%;
		max-width: 550px;
		height: auto;
		padding: 5px 10px;
		text-align: left;
	}	
	.about_content{
		height: auto;
		max-width: 900px;
		text-align: left;
		font-size: 16px;
		line-height: 30px;
		margin: 35px auto;
		text-align: justify;
		text-justify:inter-ideograph; 
		padding: 0 5px;
		}
	.copp_cetent.active a{
		font-size: 18px;
		color: #00a0e9;
		text-decoration: none;
		background-image: url(../images/list_title.png);
		background-repeat: no-repeat;
		background-position: 10px 2px;
		}
	.copp_cetent a{
		font-size: 18px;
		color: #474747;
		text-decoration: none;
		padding-left: 40px;
		}
	.copp_cetent a:hover{
		font-size: 18px;
		color:hsla(158,100%,48%,1.00);
		text-decoration: none;
		}
	.copp_cetent a:active{
		font-size: 18px;
		color: #00a0e9;
		text-decoration: none;
		}	
	.copp_cetent a:visited{
		font-size: 18px;
		color: #00a0e9;
		text-decoration: none;
		}	
		
	.index_about02{
		width: 100%;
		max-width: 1500px;
		height: auto;
		margin: 0 auto;
		background-size: cover;
		}	
	.about03_outline{
		width: 100%;
		height: auto;
		padding-bottom: 50px;
		background-image:url( ../images/about_bg.jpg);
		}	
	.alltitle{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		color: #ffffff;
		margin-top: 0px;
		margin-bottom: 65px;	
		}
	.alltitle01{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		color:#454545;
		margin-top: 0px;
		margin-bottom: 35px;	
		}
	.alltitle02{
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		color: #333333;
		margin-top: 0px;
		margin-bottom: 35px;	
		}
	.alltitle03{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		color: #121212;
		margin-top: 0px;
		margin-bottom: 35px;	
		}
	.alltitle04{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		color:#454545;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 35px;
		}
	.contactout_outine_b{
		max-width: 1300px;
		margin: 0 auto;
		background-color: white;
		display: flex;
		align-items: center;
		padding: 15px 0;
		height: 250px;
		background-image: url(../images/contact_bg_02.png);
		background-repeat: no-repeat;
		background-position: 80% center;
		background-size:30%;
	}
	.contact_title{
		width: 100%;	
		height: 100px;
		padding: 10px 10px;
		line-height: 80px;
		background-color: #f0f1f0;
		}		
	.index_about{
		background-image: url(../images/index_about.jpg);
		width: 100%;
		min-height: 490px;
		height: auto;
		display: inline-flex;
		/*	text-align: center;*/
		background-size: cover;
		background-position: right top;	color: #ffffff;
		align-items: center;
		}
	.index_content{
		height: auto;
		display: inline-block;
		vertical-align: middle;
		padding: 30px 60px;
		text-align: justify;
		text-justify:inter-ideograph;
		color: rgba(27,27,27,1.00);
		background-color: hsla(0,0%,100%,0.5);
		-moz-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
		-webkit-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
		box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
	}
	.adv_bg{
		width: 100%;
		height: 739px;
		background-image: url(../images/adv_07.jpg);
		text-align:center;
		padding-top: 30px;
		}
	.adv_outline{
		display:flex;
		flex-direction:row;
		}
		
	.adv_pic{
		color: hsla(0,0%,99%,1.00);
		font-size: 32px;
		font-weight: 200;
		text-align: center;
		align-items: center;
		display:flex;


		}	
	.adv_content{
		color: hsla(0,0%,99%,1.00);
		font-size: 32px;
		font-weight: 200;
		line-height: 50px;
		align-items: center;
		display:flex;

		}		
		
	.footer_content{
		width: 100%;
		height:auto;
		background-color: #414141;
		float: left;
		padding: 15px 10px;
		border-top: solid #D30003 3px;
		}	
	.footer_inside{
		width: 80%;
		height:auto;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		}	
	.gotop{
		width: 50px;
		height: auto;
		position: fixed;
		left: 2px;
		top: 30%;
		display: none;
		}	
	.gotop img{
		margin-bottom: 5px;
		margin-top: 5px;
		}	
	.vidter{
		right:  5px;
		bottom: 10px;
		position: fixed;
		
	}
	.news_content{
		width: 40%;
		height: auto;
		margin: 0 auto;	
	}
	.center_con{
		height: auto;
		margin: 0 auto;
		width: 40%;
	}
	.center_con01{
		margin: 0 auto;
		width: 90%;
		border: solid 1px #B0B0B0;

	}
	.center_con01c{
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	.center_con01c:nth-child(even){background:#DDDDDD}

	.news_content{
		width: 60%;
		height: auto;
		margin: 10px auto;	
	}	
	.news_menu{
		width: 300px;
		background-color: hsla(0,0%,13%,1.00);
		color:#FFFFFF;
		padding-top: 10px;
	}
	.news_menu ul{
		border-bottom: solid 1px #6F6F6F;
		padding-bottom: 10px;
	}
	.news_menu li{
		padding-right: 10px;
		padding-left: 10px;
		line-height: 5px;
		word-break: break-all;
		text-align: center;

	}
	.news_menu li a{
		text-decoration-line: none;
		color:#B7B7B7;
		line-height: 25px;
	}
	.news_menu li :hover{
		color: #FFA600;
	}
	.secned_outline{
		width: 100%;
		height: auto;
		background-color:rgba(240,240,240,1.00);
	}
	.secned_midline{
		width: 100%;
		max-width:1000px;
		height: auto;
		margin:0 auto;
		display: flex;
		align-items: center;
	}
	.secned_midpic{
		width: 400px;
	}	
	.secned_midfont{
		width: 570px;
		padding: 10px 30px;
	}	
	.server_list{
		width: 100%;
		max-width: 300px;

	}
	.index_service{
		width: 100%;
		max-width: 1000px;
		height: auto; 
		margin: 0 auto;
		text-align: center;
		display: flex;
		}
	.index_service02{
		width: 100%;
		max-width: 850px;
		height: auto;
		margin: 0 auto;
		background-size: cover;
		}	
	.index_service01{
		width: 100%;
		max-width:235px;
		height: auto;
		margin: 5px 5px;
		text-align: left;

	}
}

/*@media screen and  (min-width: 769px) and (max-width: 1023px) {*/
@media screen and  (min-width: 769px) and (max-width: 1023px) {
    /* 如果使用者之視窗寬度介於 769px ~ 1023px，將會再載入這裡的 CSS。*/
	body {
		margin-top: 0px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		font-smooth: always;
		font-family: "微软雅黑", "微軟正黑體", Arial;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 1px;
		font-size: 16px;
		line-height: 30px;
		background-image: url(../images/bg.jpg);
		color: #2E2E2E;
		background-repeat: repeat;
		padding: 0 0;

	}
	.top_lan{
		top: 0px;
		width: 100%;
		height: 125px;
		background-color: #ffffff;
		padding-top: 0px;
		position: fixed;
		-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
		box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
		z-index: 999999;
		}
	.menu_listbg{
		width: 100%;
		height: 85px;
		}	
	.menu_list{
		display: inline-block;
		width: 100%;
			}
	.menu_list li {
		display: inline-block;
		}	
	.menu_list01 a:link{
		width: 100px;
		color: #000000;
		font-family: "Impact", "Haettenschweiler", "Franklin Gothic Bold", "Arial Black", "sans-serif", "微軟正黑體";
		font-size: 16px;
		text-align: center;
		font-weight: 500;
		line-height: 40px;
		margin-top: 0px;
		background-color: #ffffff;
		text-decoration: none;

	/*
		transition:background-color 1s,height 1s;
		-moz-transition:background-color 1s,height 1s;
		-webkit-transition:background-color 1s,height 1s;
		-o-transition:background-color 1s,height 1s;
	*/
		}
	.menu_list01 a:hover{
		display:block;
		color: #E30003;
		text-decoration: none;
		border-bottom: solid  #E30003 3px;
	/*	background-color: #FF0004;*/
		height: 100%;
		}	
	/*service內容 */
	.index_opp{
		width: 100%;
		max-width: 1300px;
		height: auto; 
		margin: 0 auto;
		
		}
	.index_service{
		width: 100%;
		max-width: 1100px;
		height: auto; 
		margin: 0 auto;
		
		}
	.index_service02{
		width: 100%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
		background-size: cover;
		}	
	.service_picl{
		width: 30%;
		height: auto;
	/*	float: left;*/
		display: inline-block;
		}
	.service02_outline{
		width: 100%;
		height: auto;
		min-height: 675px;
		padding-bottom: 20px;
		background-image:url( ../images/service02_bg.jpg);
		}
	.service03_outline{
		width: 80%;
		max-width: 1300px;
		height: auto;
		margin: 0 auto;
		}
	.service03_content{
		padding: 0px 0;
		font-size: 16px;
		color: #9F9F9F;
		line-height: 30px;
		}	
	.service04_content{
		padding: 10px;
		font-size: 16px;
		color: #9F9F9F;
		width: 80%;
		max-width: 1000px;
		margin: 10px auto;
		border: 1px solid hsla(0,0%,82%,1.00);

		}		
	.small_service{
		text-align: center;
		margin-bottom: 10px;
		border-bottom: solid #D3D3D3 1px;
		}	

	.service02_item{
		animation-duration: 1s;
		animation-fill-mode: both;
		padding: 5px 10px;
		border-radius: 15px;
		background-color: rgba(255,255,255,0.60);
		border-radius: 15px;
		padding: 20px;
		display: flex;
		align-items: center;
		margin: 5px 5px;
		}	
	.service02_title{
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	.service02_cotcent{
		width: 100%;
		max-width: 550px;
		height: auto;
		padding: 5px 10px;
	}

	.about_content{
		height: auto;
		max-width: 900px;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		margin: 35px auto;
		}
	.copp_cetent a{
		font-size: 18px;
		color: #474747;
		text-decoration: none;
		padding-left: 40px;
		}
	.copp_cetent a:hover{
		font-size: 18px;
		color: #00a0e9;
		text-decoration: none;
		background-image: url(../images/list_title.png);
		background-repeat: no-repeat;
		background-position: 10px 2px;
		}
	.copp_cetent a:active{
		font-size: 18px;
		color: #00a0e9;
		text-decoration: none;
		background-image: url(../images/list_title.png);
		background-repeat: no-repeat;
		background-position: 10px 2px;
		}	
	.copp_cetent a:visited{
		font-size: 18px;
		color: #00a0e9;
		text-decoration: none;
		background-image: url(../images/list_title.png);
		background-repeat: no-repeat;
		background-position: 10px 3px;
		}	
		
	.index_about02{
		width: 100%;
		max-width: 1500px;
		height: auto;
		margin: 0 auto;
		background-size: cover;
		}	
	.about03_outline{
		width: 100%;
		height: auto;
		padding-bottom: 50px;
		background-image:url( ../images/about_bg.jpg);
		}	
	.alltitle{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		color: #ffffff;
		margin-top: 0px;
		margin-bottom: 35px;	
		}
	.alltitle01{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		color: #333333;
		margin-top: 0px;
		margin-bottom: 35px;	
		}
	.contact_title{
		width: 100%;	
		height: 100px;
		padding: 10px 10px;
		line-height: 80px;
		background-color: #f0f1f0;
		}		
	.index_about{
		background-image: url(../images/index_about.jpg);
		width: 100%;
		height: 490px;
		display: inline-block;
		/*	text-align: center;*/
		background-size: auto;
		padding-top: 160px;
		background-position: right top;
		}
	.index_content{
		height: auto;
	/*	background: #0c0;*/
		display: inline-block;
		vertical-align: middle;
		padding: 30px 50px;
		color: rgba(27,27,27,1.00);
		background-color: hsla(0,0%,100%,0.5);
		-moz-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
	-webkit-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
	box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
		}
	.footer_content{
		width: 100%;
		height:auto;
		min-height: 50px;
		background-color: #414141;
		float: left;
		padding: 15px 10px;

		}	
	.footer_inside{
		width: 100%;
		height:auto;
		margin: 0 auto;
		text-align: center;
		}	
	.gotop{
		width: 50px;
		height: auto;
		position: fixed;
		left: 2px;
		top: 30%;
		display: none;
		}	
	.gotop img{
		margin-bottom: 5px;
		margin-top: 5px;
		}	
	.center_con{
		height: auto;
		margin: 0 auto;
		width: 90%;
	}	
	.news_content{
		width: 90%;
		height: auto;
		margin: 0 auto;	
	}
	.secned_midline{
		width: 100%;
		max-width:1000px;
		height: auto;
		margin:0 auto;
		display: flex;
		align-items: center;
	}
	.secned_midpic{
		width: 400px;
	}	
	.secned_midfont{
		width: 570px;
		padding: 10px 30px;
	}	
	.server_list{
		width: 100%;
		max-width: 300px;
	}
}

/* 大螢幕設備（大型桌面，1200px（含）以上） */
/*@media screen and  (min-width: 558px) and (max-width: 768px) {*/
@media screen and  (min-width: 558px) and (max-width: 768px) {
    /* 如果使用者之視窗寬度介於 558px ~ 768px，將會再載入這裡的 CSS。*/
body {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smooth: always;
	font-family: "微软雅黑", "微軟正黑體", Arial;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 30px;
	background-image: url(../images/bg.jpg);
	color: #2E2E2E;
	background-repeat: repeat;
	padding: 0 0;

}
.top_lan{
	top: 0px;
	width: 100%;
	height: 125px;
	background-color: #ffffff;
	padding-top: 0px;
	position: fixed;
	-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
	z-index: 999999;
	}
.menu_listbg{
	width: 100%;
	height: 85px;
	}	
.menu_list{
	display: inline-block;
	width: 100%;
		}
.menu_list li {
	display: inline-block;
	}	
.menu_list01 a:link{
	width: 100px;
	color: #000000;
	font-family: "Impact", "Haettenschweiler", "Franklin Gothic Bold", "Arial Black", "sans-serif", "微軟正黑體";
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	line-height: 40px;
	margin-top: 0px;
	background-color: #ffffff;
	text-decoration: none;

/*
	transition:background-color 1s,height 1s;
    -moz-transition:background-color 1s,height 1s;
    -webkit-transition:background-color 1s,height 1s;
    -o-transition:background-color 1s,height 1s;
*/
	}
.menu_list01 a:hover{
	display:block;
	color: #E30003;
	text-decoration: none;
	border-bottom: solid  #E30003 3px;
/*	background-color: #FF0004;*/
    height: 100%;
	}	
/*service內容 */
.index_opp{
	width: 100%;
	max-width: 1300px;
	height: auto; 
	margin: 0 auto;
	
	}
	
.service_picl{
	width: 30%;
	height: auto;
/*	float: left;*/
	display: inline-block;
	}
.service02_outline{
	width: 100%;
	height: auto;
	min-height: 675px;
	padding-bottom: 20px;
	background-image:url( ../images/service02_bg.jpg);
	}
.service03_outline{
	width: 80%;
	max-width: 1300px;
	height: auto;
	margin: 0 auto;
	}
.service03_content{
	padding: 0px 0;
	font-size: 16px;
	color: #9F9F9F;
	line-height: 30px;
	}	
.service04_content{
	padding: 10px;
	font-size: 16px;
	color: #9F9F9F;
	width: 80%;
	max-width: 1000px;
	margin: 10px auto;
	border: 1px solid hsla(0,0%,82%,1.00);

	}		
.small_service{
	text-align: center;
	margin-bottom: 10px;
	border-bottom: solid #D3D3D3 1px;
	}	
/*
.service02_item{
	border: solid #494949 1px;
	}	
*/
.about_content{
	height: auto;
	max-width: 900px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	margin: 35px auto;
	}
.copp_cetent a{
	font-size: 18px;
	color: #474747;
	text-decoration: none;
	padding-left: 40px;
	}
.copp_cetent a:hover{
	font-size: 18px;
	color: #00a0e9;
	text-decoration: none;
	background-image: url(../images/list_title.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	}
.copp_cetent a:active{
	font-size: 18px;
	color: #00a0e9;
	text-decoration: none;
	background-image: url(../images/list_title.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	}	
.copp_cetent a:visited{
	font-size: 18px;
	color: #00a0e9;
	text-decoration: none;
	background-image: url(../images/list_title.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	}	
	
.index_about02{
	width: 100%;
	max-width: 1500px;
	height: auto;
	margin: 0 auto;
	background-size: cover;
	}	
.about03_outline{
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	background-image:url( ../images/about_bg.jpg);
	}	
.alltitle{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 35px;	
	}
.alltitle01{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 35px;	
	}
.contact_title{
	width: 100%;	
	height: 100px;
	padding: 10px 10px;
	line-height: 80px;
	background-color: #f0f1f0;
	}		
.index_about{
	background-image: url(../images/index_about.jpg);
	width: 100%;
	height: auto;
	display: inline-block;
	/*	text-align: center;*/
	background-size: auto;
	padding-top: 50px;
	background-position: right top;
	}
.index_content{
	height: auto;
	display: inline-block;
	vertical-align: middle;
	padding: 30px 20px;
	color: rgba(27,27,27,1.00);
	background-color: hsla(0,0%,100%,0.5);
	-moz-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
-webkit-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
	}
		
.footer_content{
	width: 100%;
	height:auto;
	background-color: #414141;
	float: left;
	padding: 15px 10px;
border-top: solid #D30003 3px;
	}	
.footer_inside{
	width: 100%;
	height:auto;
	margin: 0 auto;
	text-align: center;
	}	
.gotop{
  	width: 50px;
	height: auto;
	position: fixed;
	left: 2px;
	top: 30%;
	display: none;
	}	
.gotop img{
	margin-bottom: 5px;
	margin-top: 5px;
	}	
.center_con{
	height: auto;
	margin: 0 auto;
	width: 90%;
}	
.news_content{
	width: 90%;
	height: auto;
	margin: 0 auto;	
}	
.index_service{
	width: 100%;
	max-width: 1000px;
	height: auto; 
	margin: 0 auto;
	text-align: center;
	}
.index_service02{
	width: 100%;
	max-width: 850px;
	height: auto;
	margin: 0 auto;
	background-size: cover;
	}	
.index_service01{
	width: 100%;
	max-width:300px;
	height: auto;
	margin: 5px 5px;
	text-align: left;

}
}


/* 小螢幕設備（大型桌面557px（含）以下） */
@media screen and  (min-width: 100px) and (max-width: 557px) {
    /* 如果使用者之視窗寬度介於 100px ~ 557px，將會再載入這裡的 CSS。*/
#allhight01 {
	width: 99.999%;
	height: auto;
	margin: 0 auto;
	padding-top: 35px;
	}		
#allhight {
	width: 99.999%;
	height: auto;
	margin: 0 auto;
	padding-top: 35px;
	}
body {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smooth: always;
	font-family: "微软雅黑", "微軟正黑體", Arial;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 30px;
	background-image: url(../images/bg.jpg);
	color: #2E2E2E;
	background-repeat: repeat;
	padding: 0 0;

}
.top_lan{
	top: 0px;
	width: 100%;
	height: 125px;
	background-color: rgba(255,255,255,1.00);
	padding-top: 0px;
	position: fixed;
	-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.20);
	z-index: 999999;
	}
.menu_listbg{
	width: 100%;
	height: 85px;
	}	
.menu_list{
	display: inline-block;
	width: 100%;
		}
.menu_list li {
	display: inline-block;
	}	
.menu_list01 a:link{
	width: 100px;
	color: #000000;
	font-family: "Impact", "Haettenschweiler", "Franklin Gothic Bold", "Arial Black", "sans-serif", "微軟正黑體";
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	line-height: 40px;
	margin-top: 0px;
	background-color: #ffffff;
	text-decoration: none;

/*
	transition:background-color 1s,height 1s;
    -moz-transition:background-color 1s,height 1s;
    -webkit-transition:background-color 1s,height 1s;
    -o-transition:background-color 1s,height 1s;
*/
	}
.menu_list01 a:hover{
	display:block;
	color: #E30003;
	text-decoration: none;
	border-bottom: solid  #E30003 3px;
/*	background-color: #FF0004;*/
    height: 100%;
	}	
/*service內容 */
.index_opp{
	width: 100%;
	max-width: 1300px;
	height: auto; 
	margin: 0 auto;
	
	}
.index_service{
	width: 100%;
	max-width: 1100px;
	height: auto; 
	margin: 0 auto;
	
	}
.index_service02{
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	background-size: cover;
	}	
.service_picl{
	width: 30%;
	height: auto;
/*	float: left;*/
	display: inline-block;
	}
.service02_outline{
	width: 100%;
	height: auto;
	min-height: 675px;
	padding-bottom: 20px;
	background-image:url( ../images/service02_bg.jpg);
	}
.service03_outline{
	width: 80%;
	max-width: 1300px;
	height: auto;
	margin: 0 auto;
	}
.service03_content{
	padding: 0px 0;
	font-size: 16px;
	color: #9F9F9F;
	line-height: 30px;
	}	
.service04_content{
	padding: 10px;
	font-size: 16px;
	color: #9F9F9F;
	width: 90%;
	max-width: 1000px;
	margin: 10px auto;
	border: 1px solid hsla(0,0%,82%,1.00);
	}		
.small_service{
	text-align: center;
	margin-bottom: 10px;
	border-bottom: solid #D3D3D3 1px;
	}	
/*
.service02_item{
	border: solid #494949 1px;
	}	
*/
.about_content{
	height: auto;
	max-width: 900px;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	margin: 35px auto;
	padding: 0 35px;
	text-align: justify;
    text-justify:inter-ideograph; 
	}
.copp_cetent a{
	font-size: 18px;
	color: #474747;
	text-decoration: none;
	padding-left: 40px;
	}
.copp_cetent a:hover{
	font-size: 18px;
	color: #00a0e9;
	text-decoration: none;
	background-image: url(../images/list_title.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	}
.copp_cetent a:active{
	font-size: 18px;
	color: #00a0e9;
	text-decoration: none;
	background-image: url(../images/list_title.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	}	
.copp_cetent a:visited{
	font-size: 18px;
	color: #00a0e9;
	text-decoration: none;
	background-image: url(../images/list_title.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	}	
	
.index_about02{
	width: 100%;
	max-width: 1500px;
	height: auto;
	margin: 0 auto;
	background-size: cover;
	}	
.about03_outline{
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	background-image:url( ../images/about_bg.jpg);
	}	
.alltitle{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 35px;	
	}
.alltitle01{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #454545;
	margin-top: 0px;
	margin-bottom: 35px;	
	}
.contact_title{
	width: 100%;	
	height: 100px;
	padding: 10px 10px;
	line-height: 80px;
	background-color: #f0f1f0;
	}		
.index_about{
	background-image: url(../images/index_about.jpg);
	width: 100%;
	height: auto;
	display: inline-block;
	/*	text-align: center;*/
	background-size:cover;
	padding-top: 10px;
	background-position: center top;
	}
.index_content{
	height: auto;
	display: inline-block;
	vertical-align: middle;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	color: rgba(27,27,27,1.00);
	background-color: hsla(0,0%,100%,0.5);
	-moz-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
-webkit-box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
box-shadow:4px 4px 12px 4px rgba(100%,100%,100%,0.5);
	}
.adv_bg{
	width: 100%;
	height: 539px;
	background-image: url(../images/adv_07.jpg);
    text-align:center;
	padding-top: 30px;
	}
.adv_outline{
	display:flex;
	flex-direction:column-reverse;
	}
	
.adv_pic{
	color: hsla(0,0%,99%,1.00);
	font-size: 32px;
	font-weight: 200;
	text-align: center;
	width: 100%;

	}	
.adv_content{
	color: hsla(0,0%,99%,1.00);
	font-size: 28px;
	font-weight: 200;
	line-height: 50px;
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
	margin-left: 10px;


	}		
.footer_content{
	width: 100%;
	height:auto;
	background-color: #414141;
	float: left;
	padding: 15px 10px;

	}	
.footer_inside{
	width: 100%;
	height:auto;
	margin: 0 auto;
	text-align: center;
	}	
.gotop{
  	width: 50px;
	height: auto;
	position: fixed;
	left: 2px;
	top: 50%;
	display: none;
	}	
.gotop img{
	margin-bottom: 5px;
	margin-top: 5px;
	}	
.center_con{
	height: auto;
	margin: 0 auto;
	width: 90%;
}
.news_content{
	width: 90%;
	height: auto;
	margin: 0 auto;	
}	
.service02_item{
	animation-duration: 1s;
	animation-fill-mode: both;
padding: 5px 10px;
	}	
.contactout_outine_b{
	max-width: 1300px;margin: 0 auto;background-color: white;display: flex;flex-direction: column;flex-wrap: nowrap;
	background-image: url(../images/contact_bg_02.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size:50%;
/*	padding: 10px 0;*/
	}
.secned_outline{
	width: 100%;
	height: auto;
	background-color:rgba(240,240,240,1.00);
}
.secned_midline{
	width: 100%;
	max-width:1000px;
	height: auto;
	margin:0 auto;
	display: flex;
	align-items: center;
	flex-direction:column;
	
}
.secned_midpic{
	max-width: 300px;
	width: 100%;
}	
.secned_midfont{
	width: 100%;
	max-width: 570px;
	padding: 10px 30px;
}		
.service02_item{
	animation-duration: 1s;
	animation-fill-mode: both;
    padding: 5px 10px;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.60);
	border-radius: 15px;
	padding: 20px;
	display: flex;
	align-items: center;
	flex-direction:column;	
	margin: 5px 25px;
	text-align: left;
	}
.service02_title{
	width: 90%;
	max-width: 400px;
	height: auto;
	margin: 10px auto;
}
.service02_cotcent{
	width: 90%;
	max-width: 550px;
	height: auto;
	padding: 5px 10px;
}		
.index_service{
	width: 100%;
	max-width: 1000px;
	height: auto; 
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.index_service02{
	width: 100%;
	max-width: 850px;
	height: auto;
	margin: 0 auto;
	background-size: cover;
	}	
.index_service01{
	width: 100%;
	max-width:235px;
	height: auto;
	margin: 5px auto;
	text-align: left;

}
}