@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);			

body{
/*			font-family: "微軟正黑體", Arial;*/
	 font-family: "Noto Serif TC", serif;
			line-height: 30px;
			background-color: #840c1a;
			font-size: 20px;
			color: #e4e4e4;
			padding-top: -20px;
/*			background-image: url(images/bg.png);*/
			background-repeat: repeat;
			background-position: 50% 0%;
			background-size: auto;
			
		}
		h1{
/*			font-size: 21px;*/
			font-weight: bold;
			color:#ffe123;
		}
		h2{
/*			font-size: 21px;*/
			font-weight: bold;
			color:#cf3e37;
		}

		.shadow{
			box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
		}
		.bg{
			background-image: url("images/content_bg.jpg");
			background-repeat: no-repeat;
			background-position: 50% 0%;
			background-size: auto;
			margin-top: -20px;
			background-attachment: fixed;
			

		}
		.bg1{
			background-image: url(images/bg1.jpg);
			background-repeat: no-repeat;
			background-position: 50% 0%;
			background-size: cover;
			margin-top: -20px;
	

		}

		.bg2{
			background-image: url(images/bg2.jpg);
			background-repeat: no-repeat;
			background-position: 50% 0%;
			background-size: cover;
			margin-top: -20px;

		}
		.bg3{
			background-image: url(images/bg3.jpg);
			background-repeat: no-repeat;
			background-position: 50% 0%;
			background-size: cover;
			margin-top: -20px;

		}
		.bg4{
			background-image: url(images/bg4.jpg);
			background-repeat: no-repeat;
			background-position: 50% 0%;
			background-size: cover;
			margin-top: -20px;

		}

		.bg5{
			background-image: url(images/bg5.jpg);
			background-repeat: no-repeat;
			background-position: 50% 0%;
			background-size: cover;
			margin-top: -20px;

		}

		.content{
			background-color: rgba(0,0,0,0.3);;
			min-height: 300px;
			padding-bottom: 30px;
			border-radius: 15px;
			box-shadow: rgba(0, 0, 0, 0.8) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
		}

/*
		.content p{
			text-shadow:0px 0px 10px #000,0px 0px 10px #000; 
			font-weight: bold;
		}
*/
		.content .col-sm-3{
			margin-top: 20px;
		}
		.content .col-sm-9{
			margin-top: 20px;
		}
		.content .col-sm-3 img{
			border-radius: 10px;
		}
		.content .col-sm-9 img{
			border-radius: 10px;
		}
		.content .col-md-4 img{
			border-radius: 10px;
		}

		.content .col-md-6 img{
			border-radius: 10px;
			margin-top: 15px;
		}
		.content .col-sm-5 img{
			border-radius: 10px;
			margin-bottom: 20px;
		}

		.title{
			
			color:#FFF;
			padding-left:5px;
			font-size: 4vh;
			font-weight: bold;
		}
		.titleF{
			
			color:#fbc53e;
			padding-left:5px;
			font-size: 4vh;
			font-weight: bold;
		}
		
		.pink{
			color:#ea186d;
			font-size: 19px;
			font-weight: bold;
		}

		.blue{
			color:#FFF;
			font-size: 20px;
			font-weight: bold;
			background-color: #629995;
			padding: 5px;
		}

		.pinkbg{
			color:#ea186d;
			font-size: 21px;
			background-color: #ffdfe9;
			padding: 5px;
		}
		.navbar-default{
			/*background-color:#f88f7a;*/
			background-color:#310d00;
			color: #FFF; 
			border-color: #240300;
			border-bottom-width: 0px;
		}
		.navbar-default .navbar-nav>li>a{
			color: #FFF;
			font-size: 17px;
		}
		.navbar-default .navbar-nav>li{
			/*margin-right: -15px;*/
		}
		.navbar-default .navbar-header>a{
			color: #FFF;
			font-size: 19px;
		}
		.navbar-default .navbar-nav>li>a:hover{
			background-color: #000;
			color: #fdd000;
		}
		
		.navbar-default .navbar-toggle{
			border-color: #240300;
		}
		.navbar-default .navbar-toggle .icon-bar{
			background-color: #FFF;
			border-color: #240300;
		}
		.navbar-default .navbar-toggle:hover{
			background-color: #707070;

		}
		.copyright{
			font-size: 15px;
			text-align: center;
			color: #DDD;
			padding:15px;
		}
		
		.topimg{
			margin-top: 30px;
		}
		.page-header{
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #000;
			color: #000;
			font-size: 36px;
		}
		
		.menu{
			margin-bottom: 20px;
		}
		.mt20{
			margin-top: 20px;
		}
		.carousel-inner .item img{
			width: 100%;
		}
		.col-md-6{
			margin-top: 20px;
		}
		.col-md-6 p{
			font-weight: bolder;
		}
		.col-md-6 img{
			border-radius: 10px;
			margin-bottom: 10px;
			margin-top: 20px;
		}
		.dir{
			font-size: 2.6vh;
            color: #fbc53e;
		}
		.p0{
			padding: 0px;
		}
		.p20{
			padding-bottom: 20px;
		}