@charset "UTF-8"; @media all and (max-width:1050px){div#header{display:none}div.text_contents{width:90% !important}div#boxFooter{display:none !important}div#boxArea{width:100% !important}div#contents{overflow:visible !important}div.details{height:inherit !important; padding-left:0px !important}div.building_info div.bdg_icon{display:none !important}div#banner{font-size:15px; height:inherit !important; padding:0 25px}}@media all and (min-width:1050px) and (max-width:1245px){div#header div.right{padding-top:120px !important; max-width:520px !important}}@media all and (max-width:800px){div.text_contents div.bdg_icon,div.listArea div.bdg_icon{display:none !important}}@media all and (min-width:1050px){div#headerSmall{display:none}div#menuSmall{display:none}div#filterValueArea{display:none}}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{padding:0; margin:0}a{text-decoration:none}fieldset, img{border:0}address, caption, cite, code, dfn, em, strong, th, var{font-weight:normal; font-style:normal}strong{font-weight:bold}ol, ul{list-style:none; margin:0; padding:0}caption, th{text-align:left}h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%; margin:0; padding:0}q:before, q:after{content:''}abbr, acronym{border:0}@font-face{font-family:'Gravur'; src:url(../fonts/Gravur-Condensed.ttf)}body{background-color:white; font:normal 18px/22px 'Gravur','Lucida Grande',Helvetica,Arial,sans-serif; color:#17479e}a{color:#17479e; text-decoration:none; cursor:pointer; outline:none}.clay{color:#c2b59b}.green{color:#0C0}.red{color:#c00}.blue{color:#17479e}.small{font-size:13px; line-height:18px}.chinese{font-family:'微 軟 正 黑 體 ','黑 體 -繁 ','儷 黑 Pro',新 細 明 體 ; font-size:16px}hr{height:1px; background-color:#c2b59b; border:none}.arrow_down{display:inline-block; width:16px; height:8px; background:url(element-arrow-down.png) no-repeat; margin-bottom:3px}.arrow_up{background:url(element-arrow-up.png) no-repeat !important}div#header{background-color:#17479e; height:240px; overflow:hidden}@keyframes openHeader{from{height:0px}to{height:240px}}div#headerSmall{background-color:#17479e; height:80px; padding:20px; overflow:hidden}div#menuSmall{padding:10px; text-align:center; background-color:#c2b59b; color:white; font-size:15px}div#menuSmall a{color:white}div#header div.left{float:left; width:450px}div#header div.right{float:right; text-align:right; max-width:760px; color:white; padding:150px 40px 0 0}div#header a{color:white; transition:color 0.5s}div#header a:hover{color:#c2b59b; text-decoration:none !important}div#filterArea{padding-top:15px; color:#c2b59b}div#filterArea a{color:#c2b59b; text-decoration:none !important; transition:color 0.5s}div#filterArea a:hover{color:white}div#filterMenuArea{position:absolute; z-index:10; margin:10px 50px 0 0; right:0}div.filterMenu{display:inline-block; width:160px; vertical-align:top}div.filterMenuBox{width:130px; margin:5px; padding:10px; background-color:#c2b59b; text-align:center; cursor:pointer; transition:background-color 0.35s}div.filterMenuBox:hover{background-color:#978d78}div.filterMenuBox a:hover{text-decoration:none}div.menuTop{background-color:#978d78 !important}div.boxOn{background-color:#17479e !important}div.boxOn img{background:url(element-tick.png) no-repeat !important; background-size:15px 15px}.filterArrowUp{background:url(element-arrow-up.png) no-repeat}.filterArrowDown{background:url(element-arrow-down.png) no-repeat}div#filterValueArea{padding:10px; color:#17479e}div#contents{width:100%; overflow:scroll}div#boxArea >div{display:inline-block}div#boxFooter{padding:10px 25px}div.text_contents{margin:auto; width:1000px; padding:25px 0; overflow:hidden}div.text_contents a:hover{text-decoration:underline}div.text_contents p{margin-bottom:20px}div.text_contents p.title{margin-top:40px}div.text_contents strong{text-transform:uppercase}div.text_contents ul{padding-left:25px; list-style:disc !important}div.text_contents li{margin-top:8px}div.bdg_icon{width:150px; height:150px; padding:5px; position:relative; cursor:pointer; overflow:hidden}div.bdg_icon:hover{background:url(../buildings/icon-box.png) no-repeat; background-position:center}div.bdg_icon div.marker{width:20px; height:20px; position:absolute; z-index:3; margin-top:0}div.bdg_icon >div{display:table; width:127px; height:125px; margin-top:22px; position:absolute; z-index:2; overflow:hidden}div.bdg_icon >div >div{display:table-cell; vertical-align:middle; text-align:center}div#admin_contents{width:1000px; margin:auto; margin-top:15px; animation-delay:0.8s; padding:20px}.icon_fade{opacity:0.15}div.building_info{max-width:1000px}div.building_info div.bdg_icon{float:left; left:0; margin-right:25px}div.details{height:185px; text-align:left; padding-left:200px}.building_title{font-size:22px; line-height:27px}.building_image{background-size:cover !important; background-position:center center !important; transition:height 0.5s ease 0s; cursor:pointer}div#formArea{}div#formArea input[type='text'], div#formArea input[type='password'], div#formArea input[type='email'], div#formArea input[type='number'], div#formArea textarea, div#formArea .submit, div#formArea select{background-color:#c2b59b; width:500px; height:20px; padding:10px; color:white; border:0; margin-top:10px; font:normal 20px/24px 'Gravur','Lucida Grande',Helvetica,Arial,sans-serif}div#formArea textarea{height:200px}div#formArea .submit, div#formArea select{width:520px; height:45px}div#banner{width:100%; height:20px; padding:10px 0; text-align:center; background-color:#c2b59b; text-transform:uppercase}div#banner a{color:white !important}.animated{animation:0.45s ease; animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn; animation-name:fadeIn}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}