@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 1025px) {
	.lightbox-target {
  		position: fixed;
  		top: -100%;
  		width: 100%;
  		background: rgba(0, 0, 0, 0.8);
  		opacity: 0;
  		-moz-transition: opacity 0.3s ease-in-out;
  		-o-transition: opacity 0.3s ease-in-out;
  		-webkit-transition: opacity 0.3s ease-in-out;
  		transition: opacity 0.3s ease-in-out;
  		overflow-y: auto;
  		overflow-x: hidden;
  		font-family: "微軟正黑體",Microsoft JhengHei,"新細明體","PMingLiU","標楷體",DFKai-SB,sans-serif;
	}
	.lightbox-target .pop_content {
  		width: 32%;
  		height: 55%;
		color: #fff;
  		margin: auto;
  		position: absolute;
  		top: 0;
  		left: 0;
  		right: 0;
  		bottom: 0;
  		max-height: 0%;
  		max-width: 0%;
  		background-color: #fff;
  		border-radius: 10px;
  		border: 1px dashed #000;	
  		box-sizing: border-box;
  		-moz-transition: ease-in-out 0.2s;
  		-o-transition: ease-in-out 0.2s;
  		-webkit-transition: ease-in-out 0.2s;
  		transition: ease-in-out 0.2s;
  
	}

	.lightbox-target:target {
  		opacity: 1;
  		top: 0;
 		bottom: 0;
  		z-index: 999;	
	}
	.lightbox-target:target .pop_content, .lightbox-target:target img {
  		max-height: 100%;
  		max-width: 100%;
	}

	.reg_title{
		width: 100%;
		display: block;
		position: relative;
		
	}
	.reg_title img{
		width: 35%;
		float: none;
		display: block;
		margin: 0 auto;
		margin-top: 6%;
		margin-bottom: 3%;
	}
	.reg_content{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.divider{
		width: 100%;
		padding: 0.1em 0;
		border-top: 1px dashed #000000;
		border-bottom: 1px dashed #000000;
	}
	.warnings{
		font-size: 14px;
		color: #ee1818;
		text-align: center;
	}
	.no_title{
		font-size: 18px;
		color: #1d1d1d;
		text-align: center;
		font-weight: bold;
		padding-top: 5%;
	}
	.active_name{
	    font-size: 18px;
		color: #1d1d1d;
		font-weight: bold;
		display: inline-block;
	}
	.no_number{
		font-size: 25px;
		color: #e4226c;
		font-weight: bold;
		padding-top: 2%;
	}
	.no_inquire{
		font-size: 16px;
		color: #1d1d1d;
		font-weight: bold;
		padding-top: 2%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.lightbox-target {
  		position: fixed;
  		top: -100%;
  		width: 100%;
  		background: rgba(0, 0, 0, 0.8);
  		opacity: 0;
  		-moz-transition: opacity 0.3s ease-in-out;
  		-o-transition: opacity 0.3s ease-in-out;
  		-webkit-transition: opacity 0.3s ease-in-out;
  		transition: opacity 0.3s ease-in-out;
  		overflow-y: auto;
  		overflow-x: hidden;
  		font-family: "微軟正黑體",Microsoft JhengHei,"新細明體","PMingLiU","標楷體",DFKai-SB,sans-serif;
	}
	.lightbox-target .pop_content {
  		width: 45%;
  	    height: 60%;
		color: #fff;
  		margin: auto;
  		position: absolute;
  		top: 0;
  		left: 0;
  		right: 0;
  		bottom: 0;
  		//max-height: 0%;
  		max-width: 0%;
  		background-color: #fff;
  		border-radius: 10px;
  		border: 1px dashed #000;	
  		box-sizing: border-box;
  		-moz-transition: ease-in-out 0.2s;
  		-o-transition: ease-in-out 0.2s;
  		-webkit-transition: ease-in-out 0.2s;
  		transition: ease-in-out 0.2s;
  
	}

	.lightbox-target:target {
  		opacity: 1;
  		top: 0;
 		bottom: 0;
  		z-index: 999;	
	}
	.lightbox-target:target .pop_content, .lightbox-target:target img {
  		max-height: 100%;
  		max-width: 100%;
	}

	.reg_title{
		width: 100%;
		display: block;
		position: relative;
		
	}
	.reg_title img{
		width: 35%;
		float: none;
		display: block;
		margin: 0 auto;
		margin-top: 6%;
		margin-bottom: 3%;
	}
	.reg_content{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.divider{
		width: 100%;
		padding: 0.1em 0;
		border-top: 1px dashed #000000;
		border-bottom: 1px dashed #000000;
	}
	.warnings{
		font-size: 14px;
		color: #ee1818;
		text-align: center;
	}
	.no_title{
		font-size: 16px;
		color: #1d1d1d;
		text-align: center;
		font-weight: bold;
		padding-top: 5%;
	}
	.active_name{
	    font-size: 16px;
		color: #1d1d1d;
		font-weight: bold;
		display: inline-block;
	}
	.no_number{
		font-size: 23px;
		color: #e4226c;
		font-weight: bold;
		padding-top: 2%;
	}
	.no_inquire{
		font-size: 14px;
		color: #1d1d1d;
		font-weight: bold;
		padding-top: 2%;
	}	
}

@media only screen and (max-width: 767px) {
.lightbox-target {
  		position: fixed;
  		top: -100%;
  		width: 100%;
  		background: rgba(0, 0, 0, 0.8);
  		opacity: 0;
  		-moz-transition: opacity 0.3s ease-in-out;
  		-o-transition: opacity 0.3s ease-in-out;
  		-webkit-transition: opacity 0.3s ease-in-out;
  		transition: opacity 0.3s ease-in-out;
  		overflow-y: auto;
  		overflow-x: hidden;
  		font-family: "微軟正黑體",Microsoft JhengHei,"新細明體","PMingLiU","標楷體",DFKai-SB,sans-serif;
	}
	.lightbox-target .pop_content {
  		width: 85%;
  	    height: 58%;
		color: #fff;
  		margin: auto;
  		position: absolute;
  		top: 0;
  		left: 0;
  		right: 0;
  		bottom: 0;
  		//max-height: 0%;
  		max-width: 0%;
  		background-color: #fff;
  		border-radius: 10px;
  		border: 1px dashed #000;	
  		box-sizing: border-box;
  		-moz-transition: ease-in-out 0.2s;
  		-o-transition: ease-in-out 0.2s;
  		-webkit-transition: ease-in-out 0.2s;
  		transition: ease-in-out 0.2s;
  
	}

	.lightbox-target:target {
  		opacity: 1;
  		top: 0;
 		bottom: 0;
  		z-index: 999;	
	}
	.lightbox-target:target .pop_content, .lightbox-target:target img {
  		max-height: 100%;
  		max-width: 100%;
	}

	.reg_title{
		width: 100%;
		display: block;
		position: relative;
		
	}
	.reg_title img{
		width: 50%;
		float: none;
		display: block;
		margin: 0 auto;
		margin-top: 3%;
		margin-bottom: 3%;
	}
	.reg_content{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.divider{
		width: 100%;
		padding: 0.1em 0;
		border-top: 1px dashed #000000;
		border-bottom: 1px dashed #000000;
	}
	.warnings{
		font-size: 14px;
		color: #ee1818;
		text-align: center;
	}
	.no_title{
		font-size: 16px;
		color: #1d1d1d;
		text-align: center;
		font-weight: bold;
		padding-top: 5%;
	}
	.active_name{
	    font-size: 16px;
		color: #1d1d1d;
		font-weight: bold;
		display: inline-block;
	}
	.no_number{
		font-size: 23px;
		color: #e4226c;
		font-weight: bold;
		padding-top: 2%;
	}
	.no_inquire{
		font-size: 14px;
		color: #1d1d1d;
		font-weight: bold;
		padding-top: 2%;
	}	
}