body{
/* Workaround for some mobile browsers */
min-height:100%;
}

/*螢幕小於1199px 變手機版畫面*/
@media screen and (max-width: 1199px){
	*{
		line-height: normal;
	}
	p{
		font-size: 18px;
		line-height: normal;
	}

	a.back-to-top{
		display: none!important;
	}
	a{ 
		cursor: pointer;
	}
	.header-hamburger{
		display: inline-block;
	}
	.hamburger-menu {
		background: none;
		border: none;
		display: inline-block;
		padding: 1em;
		cursor: pointer;
	    left: 0;
    	position: absolute;
    }
	.icon-bar {
		background-color: black;
		display: block;
		height: 3px;
		margin: 0 auto 4px;
		width: 30px;
	}
	.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 0;
		background-color: #FFFFFF;
		/*background-color:rgb(72, 72, 72);*/
		overflow-x: hidden;
		transition: 0.5s;		   
		padding-top: 60px;
	}
	.overlay-content {
		position: relative;
		top: 10%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.overlay-footer{
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0px auto;
		text-align: center;
		padding: 10%;
	}
	.overlay a {
		padding: 2%;
		text-decoration: none;
		/*font-size: 18px;*/
		color: black;
		display: block;
		transition: 0.3s;
		font-weight: bolder;
		cursor: pointer;
		line-height: 12px;
	}
	.overlay a:link {
		color: black;
	}
	.overlay a:hover {
		color: #626262;
	}
	.overlay-content a {
		font-size: 18px;
		padding: 8px 0 8px 0; 
	}
	.overlay-footer a{
		font-size: 12px;
		padding: 8px 0 8px 0; 
	}

	.overlay p{
		font-size: 14px;
		
		text-align:center;
	}
	.overlay .closebtn {
		position: absolute;
		top: 4%;
		left: 15%;
		line-height: : 0px;
		font-size: 50px;
	}

	.header,.nav,.scrollbar,.footer{
		display: none;
	}

	.mobile-system-right,.mobile-bridge-right,.mobile-header,.mobile-subheader{
		display: block;
	}

	.mobile-header,.mobile-subheader{
		position: fixed;
		width: 100%;
		z-index: 9900;
	}

	.mobile-header{
		padding: 2em;
		background-color: #fff;
		top: 0;
	}

	.mobile-subheader{
		background-color: #E60012;
		color:#FFF;
		margin-top: 94px;
		font-size: 18px;
		height: 28px;
	}

	#titleLogo{
		height: auto;
		max-width: 100%;
	}

	.blocks{
		height: 123px;
	}

	/*關於我們*/
	.bg01{
		padding-top:50%;
	}

	.carousel-control-prev,
	.carousel-control-next{
		display: none;
	}

	.bg1-image {
		text-align: center;
		width: 75%;
		display:flex; 
		justify-content: center;
	}
	
	.bg1-image img{
		max-width: 100% !important;
	}

	.bg1-text{
		margin-left: 0;
	}

	.bg1-text span{
		display:flex; 
		justify-content: center;
		margin:-32% 15% 0 15%;
		font-size: 18px;
		padding-top: 30%;
	}

	.bg1-text p{
		padding-top: 55%;
		display:flex; 
		justify-content: center;
		margin:-40% 15% 0 15%;
		font-size: 24px;
		line-height: 30px;
	}

	/*產品介紹*/
	.product-item {
		display: block !important;
		margin-top: 20%;
	}

	.product-image{
		width: 100%;
	}

	.product-text{
		width: 100% !important;
	}

	.product-btn{
		width: 100px;
		height: 100px;
		border-radius: 50%;
		float: right;
	}
	
	
	/*服務項目*/
	#service-items{
	  padding-top: 125px;
	  
	}
	.service-content p{
	  margin: 3%;
	}
	.service-content{
	    line-height: normal;
	}
	.software-block{
	  height: auto;
	  background-image: url(../img/software.jpg);
	  background-size:0px;
	  background-position:center;
	  background-repeat: no-repeat;
	}
	.system-block{
	  height: auto;
	  background-image: url(../img/system.jpg);
	  background-size:0px;
	  background-position:center;
	  background-repeat: no-repeat;
	}
	.partner-block{
	  height: auto;
	  background-image: url(../img/partner.jpg);
	  background-size:0px;
	  background-position:center;
	  background-repeat: no-repeat;
	 }
	.expand-block{
	  height:auto;
	  background-image: url(../img/bridge.jpg);
	  background-size:0px;
	  background-position:center;
	  background-repeat: no-repeat;
	}
	.software-block-top{
	  position: relative;
	  z-index:100;
	  height:auto;
	  background-color:rgba(255,255,255,0.8);
	  color: black;
	  margin-right: 15px;
	}
	.system-block-top{
	  position: relative;
	  z-index:100; 
	  height:auto;
	  background-color:rgba(0,0,0,0.8);
	  color: white;
	  margin-right: 15px;
	}
	.partner-block-top{
	  position: relative;
	  z-index:100;
	  height:auto;
	  float: right;
	  background-color:rgba(255,255,255,0.8);
	  color: black;
	  margin-right: 15px;
	}
	.expand-block-top{
	  position: relative;
	  z-index:100;
	  height:auto;
	  float: right;
	  background-color:rgba(0,0,0,0.8);
	  color: white;
	  margin-right: 15px;
	}
	

	/*精選案例*/
	.case-block{
		padding-top:100px;
	}

	/*公司資訊*/
	.infoRow{
		margin-left: 1px;
	}
	.info-content,{
		height: auto;	
	}
	#guide{
		width: 100%;
	}
	.info-right{
		margin-top: 5%;
	}
	.info-video{
		margin-left: 0;
		margin-top: 1em;	
	}
	.info-content{
		margin-top: 22px;
	}
	.mapRow{
		padding-left: 0px;
	}
	/*聯絡我們*/
	
  	.row{
  		align-items:center;
  		justify-content:center;
 	}
	.form-block{
		padding-top: 120px;
    	margin-top: -100px;
	}
}



@media screen and (min-width: 769px)and (max-width: 1024px){
	.overlay-content a {
		font-size: 18px;
		padding: 8px 0 8px 0; 
	}
	.overlay-footer a{
		font-size: 12px;
		padding: 8px 0 8px 0; 
	}
	.info-content{
	  	background-color: white;
	  	padding: 1rem;
	  	float: left;
	  	height: 100%;
	}
	.sameHeight{
		margin-top: 0.8%;
	}
	.info-block{
		padding-top: 12.5%;
	}
}
@media screen and (max-width: 768px){
	
	.overlay-content a {
		font-size: 18px;
		padding: 8px 0 8px 0; 
	}
	.overlay-footer p{
		font-size: 13px;
	}
	.overlay-footer a{
		font-size: 12px;
		padding: 8px 0 8px 0; 
	}
}

@media screen and (max-width: 480px){
	.bg1-text p{
		margin:-45% 13% 0 13%;
		/*font-size: 18px;*/
		font-weight: bold;
	}
	.bg1-text span{
		margin:-25% 13% 0 13%;
		/*font-size: 14px;*/
	}

}
@media screen and (min-width: 481px)and (max-width: 641px){
	.bg1-text p{
		margin:-45% 15% 0 15%;
}