@charset "utf-8";		

		/*頁尾*/
		footer { 
				width: 100%;
				background-color: #000000;
		}
		footer p { 
			font-size: 1.2rem;
			color: #FFFFFF;
			text-align: center;
			padding: 5px 0 ;
		}

		footer p span { 
			margin: 2px;
		}
		.footer_inf	{
			width: 100%;
			margin: auto;
			clear: both;
			border-bottom: #FFFFFF solid 2px;
		}
		.footer_inf ul {
			margin: auto;
			height: 200px; 
			padding: 10px 0;
			overflow: hidden;
		}
		.footer_inf ul li {
			width:calc(100% / 4);
			height:calc((100% - 100% / 3) / 1);
			list-style: none; 
			display: block;
			float: left;
			font-size: 20px;
			text-align: center;
			vertical-align:top;
			position: relative;
			text-indent: 20px;

		}
		.footer_inf ul li:first-child { 
			height: 100%;
	
		}
	
		.footer_inf ul li:nth-child(-n+3) p { 
			border-right: #ffffff solid 1px;
		}
	
		.footer_inf ul li:nth-last-child(-n+2) { 
			height:calc((100% - 100% / 3) / 2);
		}
		.footer_inf ul li:nth-last-child(2) { 
			width: calc((100% - 100% / 2) / 1);
		}
		.footer_inf ul li p span {
			display: block;
		}
	
		.footer_inf ul li:nth-last-child(2) p {
			height: 20px;			
		}
	
		.footer_inf ul li:nth-last-child(2) p span {
			display: inline-block;
			text-indent: 10px;
		}
		.footer_inf ul li:nth-last-child(2) p span:nth-child(1) {
			text-indent: 40px;
		}

		.footer_inf ul li:nth-last-child(2) p span:nth-child(2) {
			font-size:1.8rem;
		}

		.footer_inf ul li:nth-last-child(2) p :after{
			content: "";
			display: block;
			position: absolute;
			left: 10px; bottom: 0px; top: 0;
			width: 50px;
			height: 50px;
			margin: auto;
			background-image: url(../images/icon_phone_01.png);
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
	
		.footer_inf ul li p span:first-child {
			font-size:1.8rem;
		}
		.footer_inf ul li p span u {
			font-size: 1.2rem;
			text-decoration: none;
			margin-left: 3px;
		}
	
		.footer_inf ul li p {
			color: #FFFFFF;
			font-size:1.3rem;
			line-height: 20px;
			height: 65px;
			display: block;
			position: absolute;
			left: 0;right: 0;top: 0;bottom: 0;
			margin: auto;
			width: 100%;
			text-align:left;
		}
	
		.footer_inf ul li img {
			width: 90%;
			padding: 0;
			position: absolute;
			left: 0;right: 0;top: 0;bottom: 0;
			margin: auto;
		}
	
		.footer_inf ul li a {
			position:absolute;
			left: 0; right: 0; top: 0;
			display: block;
			margin: auto;
			max-width: 280px;
			height: 60px;
			text-indent: 40px;
			font-size: 1.8rem;
			font-weight: bold;
			border:#000000 solid 1px;
			background-color: #ffcc00 
		}
		.footer_inf ul li a span {
			position:absolute;
			margin: auto;
			width: 150px;
			left: 0;right: 0;bottom: 0;top: 0;
			line-height: 60px;
			color: #000000;
			text-align: center;
			z-index: 1;
			transition: color 0.1s;
			
		}
		.footer_inf ul li a span:hover {
			color: #000000;
			transition: color 0.1s;
		}
		.footer_inf ul li a:before {
			content: "";
			display: block;
			position: absolute;
			left: 0;right: 0;bottom: 0;top: 0;
			width: 0;
			background-color: #FFFFFF;
			transition: width 0.1s;
		}
		.footer_inf ul li a:hover:before {
			width: 100%;
			transition: width 0.2s;
		}
		.footer_inf ul li a span:after{
			content: "";
			display: block;
			position: absolute;
			bottom: 0; top: 0;
			width: 30px;
			height: 30px;
			margin: auto;
			background-image: url(../images/icon_mail_02.png);
			background-position: center;
			background-size: cover;
		}
		/*頁尾-END*/


		/*GOTOP*/
		#gotop_sidebar{
			position: absolute;
			right: 65px;
			display:block;
		}
		#gotop_box { 
			position:fixed;
			bottom:30%;
			z-index:9;
		}
		.gotop_main {
			width: 50px;
			height:50px;
		}
		.gotop_main a {
			line-height:50px;
			text-align:center;
			display:block;
			background-color:#000000;
			font-size:20px;
			color:#FFFFFF;
			filter:alpha(opacity=70); opacity: 0.7;
			text-decoration:none; 
			font-family:Arial, Helvetica, sans-serif; border-radius:50px;
		}

		.gotop_main a:link {
			filter:alpha(opacity=70); opacity: 0.7;
		}
		.gotop_main a:visited {
			filter:alpha(opacity=70); opacity: 0.7;
		}
		.gotop_main a:hover {
			filter:alpha(opacity=90); opacity: 0.9;
		}
		.gotop_main a:active {
			filter:alpha(opacity=70); opacity: 0.7;
		}
		/*GOTOP-END*/

		/*隱私權政策*/
		label.secret_on {
			border-right:#FFFFFF solid 1px;
			margin-right: 5px;
			padding-right: 5px;
			cursor: pointer;
		}

		label.secret_off {
			display: block;
			margin:20px auto;
			width: 250px;
			height: 60px;
			font-weight: bold;
			border:#000000 solid 1px;
			background-color: #000000;
			text-align: center;
			position: relative;
			cursor: pointer;
		}
		label.secret_off span {
			position:absolute;
			left: 0;right: 0;bottom: 0;top: 0;
			margin: auto;
			display: block;
			line-height: 60px;
			font-size: 1.8rem;
			color: #FFFFFF;
			text-align: center;
			z-index: 1;
			transition: color 0.1s;
		}
		label.secret_off span:hover {
			color: #000000;
			transition: color 0.1s;
		}
		label.secret_off:before {
			content: "";
			display: block;
			position: absolute;
			left: 0;right: 0;bottom: 0;top: 0;
			width: 0;
			background-color: #ffcc00;
			transition: width 0.1s;
		}
		label.secret_off:hover:before {
			width: 100%;
			transition: width 0.2s;
		}
		label.secret_off:after{
			content: "";
			display: block;
			position: absolute;
			right: 10px;bottom: 0;top: 0;
			width: 30px;
			height: 30px;
			margin: auto;
			background-image: url(../images/icon_next_01.png);
			background-size: cover;
		}
		label.secret_off:hover:after {
			background-image: url(../images/icon_next_02.png);
		}





		/*MAP*/
		input.secret_map_checkbox {
			position: fixed;
			left: 0; top: 0; right: 0; bottom: 0;
			margin: auto;
			opacity: 0;
		}
		label.secret_map_bg {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;bottom: 0;left: 0;right: 0;
			margin: auto;
			background-color: rgba(0,0,0,0);
			z-index: -1;
			transition: all .1s;
		}
		input.secret_map_checkbox:checked ~ label.secret_map_bg {
			z-index: 99;
			background-color: rgba(0,0,0,0.7);
			transition: all .1s;
		}
		/*MAP-END*/
		input.secret_map_checkbox:checked ~ div.secret_box {
			top: 0;
			z-index: 100;
			transition: top .3s;
		}
		.secret_box {
			width: 1000px;
			height: 90%;
			overflow-y: auto;
			background-color: #FFFFFF;
			position: fixed;
			top: -200%;bottom: 0;left: 0;right: 0;
			margin: auto;
			transition: top .2s;
		}

		.secret_style { 
			width:calc(100% - 120px);
			margin:40px 60px;
			font-size: 1.3rem;
			line-height: 25px;
			text-align: left;
			color: #666666;
			}
		.secret_style h1 { 
			font-size: 2.5rem;
			line-height: 30px;
			padding: 0;
			margin: 0 0 20px 0;
			color: #000000;
			text-align: center;
			}	
		.secret_style h2 { 
			font-size: 1.5rem;
			line-height: 30px;
			padding: 0;
			margin: 20px 0 0 0;
			color: #000000;
			text-align: left;
			}	

		.secret_style p { 
			font-size: 1.3rem;
			padding: 0;
			margin:5px 0;
			text-align: left;
			color: #666666;
			}		
		.secret_style span {
			font-size: 1.3rem;
			display: block;
			padding: 0;
			margin: 0;
			text-align: left;
			color: #666666;
			}	
		.secret_style a {
			font-size: 1.3rem;
			color: #0064FF!important;
			transition: color 0.1s 0.2s;
			text-decoration: underline!important;
			}
		.secret_style a:hover { 
			color:#f39801!important;
			transition: color 0.3s;
			text-decoration: underline!important;
			}

		/*隱私權政策-END*/


@media only screen and (min-width: 1024px) and (max-width: 1219px) {
		/*頁尾*/

		.footer_inf ul {
			height: auto; 
		}
		.footer_inf ul li {
			width:calc(100% / 2)!important;
			height:80px!important;
			clear:right;
		}
	
		.footer_inf ul li:first-child { 
			height: 400px!important;
			clear: left;
		}
		.footer_inf ul li:nth-child(-n+3) p { 
			border-right:none
		}
	

		.footer_inf ul li p span {
			display: block;
		}
	
		.footer_inf ul li:nth-last-child(2) p {
			height: 40px;			
		}
	
		.footer_inf ul li:nth-last-child(2) p span {
			display: block;
			text-indent: 60px;
		}
		.footer_inf ul li:nth-last-child(2) p span:nth-child(1) {
			text-indent: 60px;
		}

		.footer_inf ul li:nth-last-child(2) p span:nth-child(2) {
			font-size:1.8rem;
		}
		.footer_inf ul li:nth-last-child(2) p :after{
			left: 10px; bottom: -5px;
		}
	
		.footer_inf ul li img {
			width: 90%;
		}
	
		.footer_inf ul li a {
			position:relative;
			margin-left: 25px;
			margin-top: 20px;
		}
		.secret_box {
			width: 1000px;
		}
			/*頁尾-END*/	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	/*頁尾*/

		.footer_inf ul {
			height: auto; 
		}
		.footer_inf ul li {
			width:calc(100% / 2)!important;
			height:80px!important;
			clear:right;
		}
	
		.footer_inf ul li:first-child { 
			height: 400px!important;
			clear: left;
		}
		.footer_inf ul li:nth-child(-n+3) p { 
			border-right:none
		}
	

		.footer_inf ul li p span {
			display: block;
		}
	
		.footer_inf ul li:nth-last-child(2) p {
			height: 40px;			
		}
	
		.footer_inf ul li:nth-last-child(2) p span {
			display: block;
			text-indent: 60px;
		}
		.footer_inf ul li:nth-last-child(2) p span:nth-child(1) {
			text-indent: 60px;
		}

		.footer_inf ul li:nth-last-child(2) p span:nth-child(2) {
			font-size:1.8rem;
		}
		.footer_inf ul li:nth-last-child(2) p :after{
			left: 10px; bottom: -5px;
		}
	
		.footer_inf ul li img {
			width: 90%;
		}
	
		.footer_inf ul li a {
			position:relative;
			margin-left: 25px;
			margin-top: 20px;
		}

		/*頁尾-END*/
		.secret_box { 
			width: 94%;
		}
	
}

@media screen and (max-width: 767px) {

	/*頁尾*/

		.footer_inf ul {
			height: auto; 
		}
		.footer_inf ul li {
			width:calc(100% / 1)!important;
			height:80px!important;
			clear:right;
		}
	
		.footer_inf ul li:first-child { 
			height:0!important;
			padding-bottom: 48.57%;
			clear: left;
		}
		.footer_inf ul li:nth-child(-n+3) p { 
			border-right:none
		}
	

		.footer_inf ul li p span {
			display: block;
		}
	
		.footer_inf ul li:nth-last-child(2) p {
			height: 40px;			
		}
	
		.footer_inf ul li:nth-last-child(2) p span {
			display: block;
			text-indent: 60px;
		}
		.footer_inf ul li:nth-last-child(2) p span:nth-child(1) {
			text-indent: 60px;
		}

		.footer_inf ul li:nth-last-child(2) p span:nth-child(2) {
			font-size:1.8rem;
		}
		.footer_inf ul li:nth-last-child(2) p :after{
			left: 10px; bottom: -5px;
		}
	
		.footer_inf ul li img {
			width: 90%;
			padding: 20px 0;
		}
	
		.footer_inf ul li a {
			position:relative;
			margin: 20px auto 0 auto;
		}

		/*頁尾-END*/
	
		/*GOTOP*/
		#gotop_sidebar{
			right: 55px;
		}
		/*GOTOP-END*/

		.secret_box { 
			width: 100%;
			height: 100%;
		}
		.secret_style { 
			width:calc(100% - 40px);
			margin:20px;
		}
	
}