/* 宜蘭住宿網共用頁首：Bootsnav 導覽列的補充樣式（首頁與內頁共用；載入順序在 portal.css 之後） */

/* 跳至主要內容 */
.portal-skip{position:fixed;top:-90px;left:16px;z-index:1300;background:#555CB3;color:#fff!important;padding:12px 20px;font:16px/1.8 Arial,"微軟正黑體","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;text-decoration:none}
.portal-skip:focus{top:12px;outline:3px solid #9EA8DB;outline-offset:3px}

/* Logo 與站名（取自首頁 main.css .logotitle） */
nav.navbar.bootsnav .navbar-brand{display:inline-flex!important;align-items:flex-end;height:auto;padding:12px 15px 10px;margin:0}
nav.navbar.bootsnav .navbar-brand img.logo{display:inline-block!important;width:125px;height:auto;vertical-align:top;padding:0 0 0 1rem}
.logotitle{display:inline-block;position:relative;padding:0 10px;vertical-align:bottom;line-height:1.2}
.logotitle:before,.logotitle:after{content:'';background:#000;width:1px;height:100%;position:absolute;top:0}
.logotitle:before{left:0}
.logotitle:after{right:0}
.logotitle p{font-size:22px;color:#303030;letter-spacing:7px;font-weight:600;margin:0;line-height:1.3;position:relative;bottom:0}
.logotitle span{font-size:13px;color:#ffa518;letter-spacing:2.5px;margin-top:6px;display:block;line-height:1.3}

/* 選單字體：與首頁一致 */
nav.navbar.bootsnav ul.nav > li > a{font-family:Arial,"微軟正黑體","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;font-size:15px;letter-spacing:.5px}
nav.navbar.bootsnav ul.nav > li > a .nh1{color:#777;font-size:15px;display:inline}
nav.navbar.bootsnav ul.nav > li > a:hover .nh1,nav.navbar.bootsnav ul.nav > li.active > a .nh1{color:#555CB3}
nav.navbar.bootsnav ul.nav > li > a > i.fa{margin-right:4px;color:#8a8a8a}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{font-family:Arial,"微軟正黑體","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;font-size:14px}

/* 導覽列固定於頂端，內頁內容需預留高度（首頁由 home-preserved.css / index.php 自行處理） */
nav.navbar.bootsnav + .clearfix + main#main-content{padding-top:96px}
main#main-content .bnbinner{padding-top:8px}
@media(max-width:1024px){
	nav.navbar.bootsnav + .clearfix + main#main-content{padding-top:84px}
	.logotitle p{font-size:20px;letter-spacing:5px}
}
@media(max-width:480px){
	nav.navbar.bootsnav .navbar-brand img.logo{width:100px;padding-left:0}
	.logotitle p{font-size:18px;letter-spacing:3px}
	.logotitle span{font-size:11px;letter-spacing:1.5px}
	nav.navbar.bootsnav + .clearfix + main#main-content{padding-top:76px}
}

/* 內頁正文字體與首頁同一字型堆疊 */
main#main-content,main#main-content .gd,main#main-content .bnbinner,.portal-footer{font-family:Arial,"微軟正黑體","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif}

/* 電腦版選單：取消 bootsnav 固定 150px 寬度，項目依文字自動寬度、不斷行 */
@media(min-width:1025px){
	nav.navbar.bootsnav ul.nav > li > a{width:auto;min-width:0;white-space:nowrap;padding:16px 13px;text-align:center}
	nav.navbar.bootsnav ul.nav > li > a .nh1{white-space:nowrap}
	nav.navbar.bootsnav ul.nav > li > a > i.fa-sort-down,nav.navbar.bootsnav ul.nav > li > a > i.fa-chevron-right{margin-left:2px}
	nav.navbar.bootsnav .container{width:100%;max-width:1360px;padding:0 20px}
}
@media(min-width:1025px) and (max-width:1200px){
	nav.navbar.bootsnav ul.nav > li > a{padding:16px 9px;font-size:14px}
	nav.navbar.bootsnav ul.nav > li > a .nh1{font-size:14px}
	nav.navbar.bootsnav .navbar-brand img.logo{width:105px}
	.logotitle p{font-size:19px;letter-spacing:4px}
}