@charset "utf-8";
/* CSS Document */

@font-face {
$font-family-sans-serif:
  // Safari for OS X and iOS (San Francisco)
  -apple-system,
  // Chrome < 56 for OS X (San Francisco)
  BlinkMacSystemFont,
  // Windows
  "Segoe UI",
  // Android
  "Roboto",
  // Basic web fallback
  "Helvetica Neue", Arial, sans-serif,
  // Emoji fonts
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
}
body { margin:0; padding:0; font-family:"微軟正黑體"; 
text-align: justify;
text-justify:inter-ideograph;
}
img{ border:0;
vertical-align: middle;}
.clear{ clear:both;}
.clear{ clear:both;}

.projects-section {
  padding: 0rem 0;
}

.projects-section .featured-text {
  padding: 2rem;
}

@media (min-width: 992px) {
  .projects-section .featured-text {
    padding: 0 0 0 1rem;
    border-right: 0.5rem solid #FFFFFF;
  }
}

.projects-section .project-text {
  padding: 2rem;
  font-size: 90%;
}

@media (min-width: 992px) {
  .projects-section .project-text {
    padding: 3rem;
  }
  .projects-section .project-text hr {
    border-color: #8bcdeb;
    border-width: .25rem;
    width: 30%;
  }
}

.title1{
	font-size: 18px;
	line-height: 28px;
	color: #182957;
	background-color: #fffbcc;
}
.title2{
	font-size: 16px;
	line-height: 22px;
	color: #707070;
}
.title3{
	font-size: 22px;
	line-height: 32px;
	color: #1f527d;	
	font-weight: 500;
}
.title4{
	font-size: 17px;
	line-height: 36px;
	color: #1f527d;
}
.title5{
	font-size: 26px;
	line-height: 36px;
	color: #e15666;	
	font-weight: 800;
}
.title6{
	font-size: 33px;
	line-height: 42px;
	color: #e15666;	
	font-weight: 800;
}
.title7{
	font-size: 14px;
	line-height: 20px;
	color: #535353;
}
.title8{
	font-size: 18px;
	line-height: 30px;
	color: #000000;
}
.title9{
	font-size: 26px;
	line-height: 36px;
	color: #000000;	
	font-weight: 500;
}
.content{
	font-size: 16px;
	line-height: 26px;
	color: #da5777;
	font-weight: 500;
	padding: 20 20 20px 20;
	border-radius:10px;
}
.price{
	font-size: 14px;
	line-height: 36px;
	color: #434343;
}

.red{
	font-size: 18px;
	line-height: 30px;
	color: #e60012;
	font-weight: 500;
}
.ig{
	font-size: 20px;
	line-height: 36px;
	color: #007bff;
	text-align: center;
}
.blue{
	font-size: 18px;
	line-height: 30px;
	color: #17a2b8;
	font-weight: 500;
}

.box1{
	padding: 20 20 20px 20;
	background-color: #ffffff;
	border:#d2d2d2 2px dotted; 
	border-radius:10px;
}
.box2{
padding: 0 0 0px 0;
background-image:url("../images/bg6.png");
background-size: cover;
}
.banner{
	padding: 0 0 0px 0;
	background: url(../images/bg4.jpg);
	background-size: cover;
	height: 100%;
}

.book{
/* 設定背景圖片 */
background-image:url("../images/bg1.jpg");
background-size: cover;
}

.open{
/* 設定背景圖片 */
background-image:url("../images/bg2.jpg");
/* 讓圖片不重覆排列 */
background-repeat:repeat;
/* 固定背景圖片位置 */
background-attachment:fixed;
}

.writer{
/* 設定背景圖片 */
background-image:url("../images/bg5.jpg");
/* 讓圖片不重覆排列 */
background-repeat:repeat;
}

.color{
/* 設定背景圖片 */
background-image:url("../images/bg3.jpg");
/* 讓圖片不重覆排列 */
background-repeat:repeat;
}
.carousel-control-next-icon{
background-color: #156a97; 
border-radius:5px;
}
.carousel-control-prev-icon{
background-color: #156a97; 
border-radius:5px;
}
.footer{ 
padding:0; 
margin:0; 
color: #ffffff;
text-align:center; 
width:100%;
background-color: #156a97;
}