* {   font-family:atrament-web, Noto Sans TC,sans-serif; }
    html,body { margin:0; padding:0; font-size:16px;  }
	
	header { display:block; height:100px; position:fixed; width:100%; background:#fff; z-index:2; top:0; transition:all .3s;}
	.fixed { top:-100px!important; }
	header a { transition:all .3s; position:relative; display:inline-block; text-decoration:none;  width:20%; margin-right:-4px; position:relative; color:#895E51; letter-spacing:2px; font-size:1.5em; height:100%; vertical-align:middle; cursor:pointer;}
    header a:first-child { top:0; transform:translateY(0); }
    header a p { position:absolute; margin:0; left:50%; top:50%; display:inline-block; transform:translate(-50%,-50%); padding-bottom:5px; transition:all .3s; border-bottom:3px solid transparent; }
    header a p:hover { border-bottom:3px solid #895E51; }
    .menualpha2 { opacity:0; transition:all .3s; font-size:.9em; border-bottom:3px solid #895E51;}
    .menualpha { transition:all .3s; opacity:1; }
    header a:hover .menualpha { opacity:0; transition:all .3s;}
    header a:hover .menualpha2 { opacity:1; transition:all .3s; }

    .logo { width:80px; position:absolute; left:50%; transform:translateX(-50%); top:10px; transition:all .3s; }
    .logofixed { top:110px!important; }

    .cover-play { position:fixed; width:100%; max-width:100%; height:100%; display:block; z-index:999; top:0; cursor:pointer; }
    .cover-play video { width:100%; height:100%; object-fit:cover; cursor:pointer;  }

    .row { display:block; position:relative; }
    .bg-photo { width:100%; max-width:100%; display:block; }
	
	.cover .content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:100%; text-align:center;}
	.cover .con h2 { color:#fff; letter-spacing:7px; font-weight:300; font-size:1.5em; line-height:2;  }

	.normal { margin-bottom:100px; }
	.normal .content { text-align:center; }
	.normal .con { width:70vw; max-width:800px; display:block; margin:0 auto; }
	.normal .con h2 { font-weight:300; color:#895E51; letter-spacing:4px; display:block; width:100%; }
	.normal .con p { text-align:left; line-height:2; color:#895E51; margin:0 auto; font-weight:300; letter-spacing:2px;
		text-align:justify;
　		text-justify:inter-ideograph;
　		-ms-text-justify:inter-ideograph; /*IE9*/
　		-moz-text-align-last:justify; /*Firefox*/
　		-webkit-text-align-last:justify; /*Chrome*/}
/*	.normal .con p:after {content: ''; display:inline-block; width:100%; }
*/	.normal .con b { display:block!important; text-align:left; color:#895E51; margin:15px 0; font-size:1em; font-weight:300; letter-spacing:1px;}

	.people { padding:50px; display:block; }
	.people img { width:100%; max-width:500px; display:block; margin:0 auto; }

	.selected { border-bottom:3px solid #895E51;}

	.building { background:#d8d8d8; padding:25px 0; text-align:center;}
	.building .conbox { width:60%; display:block; margin:0 auto;  }
	.building .conbox div { width:calc(33% - 20px); display:inline-block; margin:50px 5px; }
	.building .bg-photo { display:none; }

	.slideshow {  position:relative; width:100vw; height:100vh; display:block;  }
	.slideshow > div { position:absolute; width:100vw;}
	.slideshow > div img { display:block; width:100%; height:100vh; object-fit:cover; }

	.alert b { position:absolute; right:15px; bottom:10px; color:#fff; font-weight:500; letter-spacing:1px; font-size:.8em; }
	.alert b span { font-size:2em; }

	footer { padding:50px 0; }
	footer a { display:block; width:80%; max-width:500px; margin:0 auto; }
	footer > img { width:80%; max-width:10 0%; position:relative; left:50%; transform:translateX(-50%);  display:block;}
	
	.cover-gif { display:none;}

	.name { display:flex; flex-wrap:wrap; }
	.name b { width:50%; text-align:center; color:#895E51; font-weight:300; padding:2vw 0; font-size:1.5em; }
	.name h2 { display:block; width:100%; text-align:center; color:#895E51; font-weight:300; padding:2vw 0;}
	img.map-desktop { display:block; width:100%; max-width:auto; }
	img.map-mobile { display:none; }
	.coverpush { margin-top:-1px; }
	img.acd { display:block; width:100%; max-width:auto; }
	img.acm { display:none; }

	.white { position:relative; }
	.white p { position:absolute; font-size:1em; margin:0; bottom:10px; right:10px; color:#fff; font-weight:300; }
	.white p.left { position:absolute; left:50%; margin-left:-80px;  }
	.white p.left2 { position:absolute;  }
	.white p span { font-size:1.5em; }

	.banner { display:flex; background:#714C3E; width:100%; transition:all .3s; }
	.banner a {   background:transparent; width:100%;  display:flex; justify-content:center; padding:50px 0; text-decoration:none; transition:all .3s;  }
	.banner a:hover { background:#825e53; transition:all .3s; }
	.banner a img { width:20px; margin:0 15px; }
	.banner a b { color:#FED7AA; margin:0; font-size:1.1em; font-weight:300; letter-spacing:2px; }
	.banner a p { color:#FFF7ED; margin:0; font-size:1.2em; font-weight:300; font-family:Noto Sans TC,sans-serif;}

	footer a img { width:100%; }

	.mapall { display:flex; justify-content:space-around; background:#f7f7f7; }
	.mapall img { display:block; width:100%; height:100%; object-fit:contain; }
	.mapall .route { width:55%; background:#f7f7f7; }


	.formall { width:100%; padding:50px 0;   }
	.formall h3 { text-align:center; display:block; font-weight:300; color:#777; font-size:1.5em; letter-spacing:1px; }
	.formall .bk {  display:flex; justify-content:space-between; margin-bottom:20px; }
	.formall .bk .form {  width:49%; }
	.formall .bk .form.form_address { width:100%; }
	.formall .bk label { display:block; color:#777777; }
/*	.formall .bk input { width:100%; }*/
	.formall .form_group { display:flex; justify-content:space-between; }
	.formall .bk .half { width:49%; display:flex; height:50px; justify-content:space-between;  }
	.formall .bk .half:first-child { margin:8px 0; }
	.formall .bk .half input { height:100%; color:#777; }
	.formall .bk .half select { width:48%; font-size:1em;  padding:0 16px; background:#ffffff; border:none;  user-select:none; border-radius:4px; color:#777;  }
	.formall .bk .half option { color:#777; }
	.mydict { display:flex; }
	.form { margin-bottom:10px; }
	.form input { width:100%; padding:16px; background:#ffffff; border:none;  user-select:none; border-radius:4px; width: 100%; padding:12px 20px; margin: 8px 0; color:#777; box-sizing: border-box; outline:none;}

   	input:focus,
	select:focus,
	textarea:focus,
	button:focus { outline:none!important;}

	input:focus {
    outline:none; /* 添加一個藍色的邊框 */
}
	
	select {
    appearance: none;        /* 跨瀏覽器兼容性 */
    -webkit-appearance: none; /* Chrome 和 Safari */
    -moz-appearance: none;    /* Firefox */
    background-color: #fff;  /* 或您希望的其他背景顏色 */
    padding-right: 20px;     /* 給右側留空間放置新的箭頭 */
}


	:focus { outline:0; box-shadow:0 0 0 4px #b5c9fc;}
	.mydict { margin:8px 0; border-radius:4px; overflow:hidden; border:1px solid #777;}
	.mydict div { display:flex; flex-wrap:wrap; margin-top:0.5rem; justify-content:center;}
	.mydict input[type="radio"] { clip:rect(0 0 0 0); clip-path:inset(100%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }
	.mydict input[type="radio"]:checked + span {  background-color:#52525B; z-index:1; color:#fff;}
	.mydict label { width:50%; }
	.mydict label span { display:block; cursor:pointer; background-color:#fff; padding:11px 20px; position:relative; font-size:1em; color:#3e4963; text-align:center; transition:background-color .5s ease;}
	.mydict label:first-child span { border-radius:0;}
	.mydict label:last-child span { border-radius:0;}

	input {font-family:Noto Sans TC,sans-serif; font-size:1em; color:#777;}
	.sub { background:#584138; transition:all .3s; color:#fff; width:100%; padding:20px; border-radius:4px; cursor:pointer; border:none; font-size:1.1em; letter-spacing:1px; font-family:Noto Sans TC,sans-serif;}
	.sub:hover { background:#825e53; }
	.form_need { position:relative; width:100%; }
	.form_need:after { content:'坪'; position:absolute; font-family:Noto Sans TC,sans-serif; color:#aaa; top:50%;  right:20px; }
	form { width:40%; }
	.formall .bk .half input::placeholder { color:#aaa; font-family:Noto Sans TC,sans-serif; }
	::placeholder {
		color:#aaa!important;
		font-family:Noto Sans TC,sans-serif;
		opacity: 1; /* Firefox */
	}

	::-ms-input-placeholder { /* Edge 12 -18 */
	  color:#aaa!important;
	  font-family:Noto Sans TC,sans-serif;
	}


/* 這裡是覆蓋層的樣式 */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7); /* 半透明的背景 */
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000; /* 確保在最頂層 */
        }
        .overlay-content {
            background: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
            position:absolute;
            left:50%; top:50%; transform:translate(-50%,-50%); display: inline-block;
        }


        .g-recaptcha { margin-bottom:20px; }
        b.note { line-height:2; font-size:.8em!important; }

        /*iframe { width:100%!important; border:none!important;  height:1288px!important; display:block!important; overflow:hidden!important; -ms-overflow-style:none!important; scrollbar-width:none!important;}
		iframe::-webkit-scrollbar { display:none; }
		section { overflow-x:hidden; }*/
		.mapall.temp { padding:50px; }
@media -ms-viewport, screen and (max-width:1024px) and (min-width:767px) {
	/*.cover { margin-top:100px; }*/
	.cover .con h2 { font-weight:500; }
	.normal { margin-bottom:70px; }
	.slideshow { height:80vh;}
	.slideshow > div img { height:80vh;}
	.building .conbox  { width:80%; }
	.building .conbox div { width:calc(33% - 20px); display:inline-block; margin:50px 5px; }
}



@media -ms-viewport, screen and (max-width:768px) and (min-width:415px) {
	/*.cover { margin-top:100px; }*/
	.normal { margin-bottom:70px; }
	.normal .con { width:75vw; }
	.slideshow { height:50vh;}
	.slideshow > div img { height:50vh;}
	.cover .content { width:100%; text-align:center;  top:60%; left:50%; transform:translate(-50%,-60%); }

	.building .conbox  { width:100%; text-align:center;}
	.building .conbox div  { width:calc(45% - 10px); margin:20px 2.5px; }
	.fixed { top:0px!important; }
	.logofixed { top:10px!important; }
	.menualpha2 { display:none;}
}




@media -ms-viewport, screen and (max-width:1024px) {
	.mapall { flex-wrap:wrap; }
	.mapall .route { width:100%; }
	.formall { width:100%; }
	form { width:80%; }
}

@media -ms-viewport, screen and (max-width:414px) {
	iframe { height:2192.5px!important; overflow:hidden!important; }
		.banner { flex-wrap:wrap; padding:30px 0;}
		.banner a { flex-wrap:wrap; padding:30px 0;}
		.banner a b { font-weight:500; font-size:1.2em; margin:10px 0; }
		.banner a p { font-weight:500; font-size:1.2em; margin:5px 0; font-family:Noto Sans TC,sans-serif; }
		.banner a img { width:24px; margin:10px; }
		.banner .con { display:block; width:100%; text-align:center; }
		img.map-desktop { display:none; width:100%; max-width:auto; }
	img.map-mobile { display:block;  width:100%; max-width:auto;}

		.cover-gif { display:block; width:100vw; height:100vh; object-fit:cover; position:fixed; }

		html,body { font-size:14px;  }
		header { height:50px; }
		.fixed { top:0px!important; }
		.logofixed { top:6px!important; }
		header a  { letter-spacing:1px; font-size:.9em; }
		.logo { width:40px; top:6px; }
		
		.cover { height:50vh; }
		.cover img { object-fit:cover; height:100%; }
		.cover .content { width:100%; text-align:center;  top:60%; left:50%; transform:translate(-50%,-60%); }
		.cover .con h2 { font-size:1.1em; line-height:1.8; width:100%; letter-spacing:3px; font-weight:300;}

		.normal .content { margin-bottom:50px; }
		.normal .con { width:100%;  }
		.normal .con h2 { font-size:1.1em; letter-spacing:3px; font-weight:500;}
		.normal .con p { padding:0 25px; font-size:1em; }
		.normal .con b { padding:0 25px; font-size:.85em; }

		.slideshow { height:37vh;}
		.slideshow > div img { height:37vh;}

		.building .conbox  { width:100%; text-align:center;}
		.building .conbox div  { width:calc(45% - 10px); margin:20px 2.5px; }

		footer a { display:block; width:85%; margin:0 auto; }

		.cover-play { display:none; }
		.menualpha2 { display:none; }
    	header a:hover .menualpha { opacity:1; transition:all .3s;}
    	img.acd { display:none; }
		img.acm { display:block; display:block; width:100%; max-width:auto;}
		.white p { font-size:.7em; bottom:3px; }
		.white p.left { margin-left:-50px; }
		.formall .bk { flex-wrap:wrap; margin-bottom:8px;}
		.formall .bk .form { width:100%; }
		.formall .form_group { flex-wrap:wrap; margin-bottom:20px; }
		.formall .bk .half { width:100%; }
		.formall { margin-bottom:20px; }
		form { width:90%; }
		.mapall.temp { padding:0; }

}

/*@media -ms-viewport, screen and (max-width:375px) {
	iframe { height:2145px!important; }
}*/

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.slideshow > div { border:1px solid red; width:100vw; }
}*/