

.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; }



.article > ul > li { margin:10px 10px 10px 10px; }
.article > .navbottom { border-bottom:3px solid #dddddd; }
.article > .navbottom { padding:0 0 20px 0; }
.article > .navpptop { padding:10px 0 0 0; }
.article > .nav-pills .nav-link.active , .nav-pills .show > .nav-link { font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; color:#FFFFFF; background-color:#3b3333; }
.article > .nav-pills .nav-link { border:1px solid #3b3333; color:#3d3333; font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; }
.article > .nav-link:hover, .nav-link:focus { color:#3d3333; }



/* one Start */
.huagangbutton > .btn { font-family:"微軟正黑體",serif; font-weight:600; font-size:18px; color:#3d3333; border:1px solid #3d3333; }
.huagangbutton > .btn-outline-primary:active { color:#fff; background-color:#3d3333; border-color:#3d3333; }
.huagangbutton > .btn-outline-primary:hover { color:#fff; background-color:#3d3333; border-color:#3d3333; }

.huagangbutton { padding:0 0 20px 0; }
.headingcontent { padding:10px 10px 10px 10px; }
.headingcontent > .row > .col-lg-6 { padding:10px 10px 10px 10px; }
.headingcontent > .row > .col-lg-6 img { width:100%; height:auto; border-radius:3px; border:1px solid #ddd; }

@media (max-width:1399px) and (min-width:768px) {
	.headingcontent > .row > .col-lg-6 { flex:0 0 auto; width:100%; }
}

@media (max-width:5000px) and (min-width:768px) {
	.headingcontent { }
	.headingcontenthref { display:none; }
}


@media (max-width:767px) and (min-width:300px) {
	.headingcontent { display:none; }
	.headingcontenthref { padding:10px 0 10px 0; }
	.headingcontenthref > .row > .col-lg-6 { flex:0 0 auto; width:50%; padding:3px 3px 3px 3px; }
	.headingcontenthref > .row > .col-lg-6 img { width:100%; border-radius:3px; border:1px solid #ddd; }
}









/* two Start */
.filmdiv { padding:20px 10px 20px 10px; }
.filmtitle { font-family:"微軟正黑體",serif; font-weight:600; font-size:22px; color:#3d3333; border-bottom:3px solid #ddd; }



@media (max-width:5000px) and (min-width:768px) {
	.filmyoutube { padding:5px 0 20px 0; }
	.filmyoutubehref { display:none; }
}

@media (max-width:767px) and (min-width:300px) {
	.filmyoutube { display:none; }
	.filmyoutubehref { padding:10px 0 10px 0; }
}


