.menutopborder { 
	background:linear-gradient(rgba(0, 0, 0, .5),rgba(0, 0, 0, .5)), url(../images/index_shy.png);
	/*background-image:url();*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}


#titletoppadding {  }
#titletoppadding h1 { padding:100px 0 0 0; color:#FFFFFF; }


#navbacccc { background-color:#483635; color:#FFFFFF; }
#navbacccc > .container > ol > li > a { color:#FFFFFF; }
#navbacccc > .container > ol > li > a:hover { color:#dec2c0; }
#navbacccc > .container > ol li+li::before { color:#FFFFFF; }


/* 左欄位 Start */
.col-lg-4 > .service-box > .services-list > a { font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; }



/* 近期訊息 One Start */
.shybookdiv { padding:20px 0 20px 0; }
.booktitle { font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; padding:5px 0 5px 10px; border-bottom:3px solid #441f1d; }
.bookdiv { padding:10px 10px 10px 10px; }




/* Book Start */
.booktitletop { padding:0px 0 20px 10px; }
.divtitletop { font-family:"微軟正黑體",serif; font-weight:600; font-size:22px; color:#574c4b; }

.booktopdiv { padding:10px 0 10px 0; }
.bookimages { padding:0; }


/* 原始碼
.images_hidden { width:350px; height:490px; overflow:hidden; position:relative; border-radius:3px; }
.images_hidden img { border-radius:3px; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
*/


.bookbuttondiv{ padding:20px 10px 20px 10px; }
.contentdiv { padding:0; }
.contentdiv p { margin-bottom:10px; font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; color:#3b1917; border-bottom:1px dashed #635b5a; padding:0 0 0 5px; }


.contentIntroduction { padding:50px 10px 10px 10px; }
.Introductiontitle { font-family:"微軟正黑體",serif; font-weight:600; font-size:22px; color:#3b1917; text-align:center; padding:3px 0 5px 0; }
.Introductionpp { padding:10px 5px 5px 5px; }
.Introductionpp p { font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; color:#636363; text-align:justify; padding:0; }



/*button 返回首頁的部分*/
.buttondivup { padding:30px 0 30px 0; }
.buttondivup > .d-grid > .btn-primary { background-color:#574c4b; color:#FFFFFF; font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; border:1px solid #574c4b; }
.buttondivup > .d-grid > .btn-primary:hover { background-color:#FFFFFF; border:1px solid #574c4b; color:#574c4b; }


/*內容介紹的部分*/
.Introductionpp > .d-grid > .btn-outline-primary { border:1px solid #574c4b; color:#574c4b; font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; }
.Introductionpp > .d-grid > .btn-outline-primary:hover { background-color:#574c4b; border:1px solid #574c4b; color:#FFFFFF; }
.nav-content > .row > .col-lg-12 img { width:100%; }
.nav-content > .row > .col-lg-6 { padding:5px 3px 5px 3px; }
.nav-content > .row > .col-lg-6 img { width:100%; }
.nav-content > .row > .col-lg-4 { padding:5px 3px 5px 3px; }
.nav-content > .row > .col-lg-4 img { width:100%; }


.col-lg-12 > img { width:100%; }

/*nav start*/
#navserver ul li { margin-right:10px; }
#navserver > .nav-pills { padding:10px 10px 10px 0; font-size:20px; font-weight:600; font-family:"微軟正黑體",serif; }
#navserver > .nav-pills .nav-link { color:var(--accent-color); border:1px solid var(--accent-color); }
#navserver > .nav-pills .nav-link.active , #navserver > .nav-pills .show > .nav-link { color:#FFFFFF; background-color:var(--accent-color); }
.nav-content { padding:10px 0 10px 20px; }

.images_hidden { padding:0; }
.images_hidden img { border-radius:3px; width:100%; } 

@media (max-width:1200px) and (min-width:300px) {
	.offbook_b { display:none; }
	.booktopdiv > .row > .col-lg-6 { flex:0 0 auto; width:100%; }
}

.gap-2 > .btn-primary { background-color:var(--accent-color); border-color:var(--accent-color); }

@media (max-width:3000px) and (min-width:768px) {
	.imagesbook {  }
	.buttombook { display:none; }
}

@media (max-width:767px) and (min-width:300px) {
	.imagesbook { display:none; }
	.buttombook {  }
	.nav-content { padding:0; }
}