@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	font-size:16px;
	}
#header{
	width:100%;
	/*float: left;*/
	min-height:20px;

	}
#wrap{
	min-height:100%;
	height:auto;
	margin:0 auto -80px;
	padding:0 0 60px;
	}

.section{
  position: relative;
  padding: 0px 0 5px 0;
	}
	
label {
    font-size:18px;
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	font-weight:normal;
	/*padding:5px 0 5px 0;*/
	
	}

/*==================*/
body{
	font-family: "微軟正黑體", "新細明體" , Arial, Helvetica, sans-serif ;
	/*background:#caab85; 背景金色*/
	/*background:#000; 背景黑色*/
	/*padding-top:70px;*/
	}
	
@media (max-width: 992px) { /*平板*/
	body{
		/*padding-top:70px; 如果選單過長折行時,手動修改平版對上高度*/
	}
	
	}
@media (max-width: 767px) { /*手機*/
	body{
		/*padding-top:70px;*/
	}
	
	}
/*footer*/

.section-primary h1{
	font-size:18px;
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#797979;
	}
.section-primary {
	text-align:center;
	/*background-color: #000 !important;*/
	font-size:14px;
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	/*color:#fff;*/
	line-height:25px;
	}
.section-primary a{
	/*color:#fff;*/
	}
	
.footer_bg{
	/*border-top:#e5e5e5 1px solid;*/
	padding-top:15px;
	
	}

/*上選單*/
.navbar-nav {
  margin: 15px 5px 5px 15px;
  font-size: 16px;
  font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
}

.navbar-brand {
  float: left;
  height: 70px;
  padding: 5px 10px 5px 10px;
  font-size: 15px;
  line-height: 20px;
}

.navbar-default {
  /*background-color: #000;*/
  border-color: #fff;
}

.navbar-default .navbar-nav > li > a {
	/*color:#fff; /*選單字顏色*/*/
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	font-weight: 500;
	
	}

.navbar-default .navbar-nav > li > a:hover {
	/*color:#fcc403; */ /*選單字顏色*/
	}
	
.navbar-toggle { /*修改手機版右上按鈕底色*/
	background-color:#FFFFFF;
	top:10px;
	}

/*form-group*/
.form-group {
  margin-bottom: 10px;
 }

@media (max-width: 767px) { /*手機*/
      .form-group {
      overflow: hidden;
    }
 }

.form-control {
  display: inline;

}

.form-horizontal .form-group {
   margin-left: 0px; 
}
/*=====主視覺======*/
.demo_block {
	width: 100%;
	margin: 0 auto;
	padding-top:0px;
}
.demo_block img{ /*20191224 tina edit 改為將圖片放大至符合版面寬度*/
	width: 100%;
}
/*=============*/

.row-a{ /*內容高度*/
    margin:20px auto;
	background-color:#fff;
	min-height:160px; 	/*firefox可正常顯示的最小高度 */
    height: auto !important;/*修正ie6的欄位高度顯示方式 */
    height: 160px; /*設定ie6的欄位最小高度,圖片+水平選單的總高度 */
	
	}

.row_1-0 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#cbab85;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_1-0 h2 {
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#f0ad4e;
	font-size:16px;
	padding-left:0px;
	margin:5px 0 10px 0;
	}

.row_1-0 h2 a{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#f0ad4e;
	font-size:16px;
	padding-left:0px;
	margin:0px 0 0px 0;
	}

.row_1-0-1{
	border-bottom:#c4c4c4 1px dashed;
	padding:15px 0 15px 0;
	min-height:170px; 	/*firefox可正常顯示的最小高度 */
    height: auto !important;/*修正ie6的欄位高度顯示方式 */
    height: 170px; /*設定ie6的欄位最小高度,圖片+水平選單的總高度 */

	}

.row_1-0-1 h2{
	margin:0px 0 10px 0;
	}

.row_1-0-1 p{
    line-height:22px;
	}

.row_1-0-1 img{
	margin-bottom:10px;
	}

.row_1-2 p {
    color: #666;
    font-size: 1.1em;
    line-height: 28px;
    letter-spacing: 0.1em;
    text-align: justify; /*字左右對齊*/
    text-justify: inter-ideograph; /*字左右對齊*/
    word-wrap: break-word; /*英文字換行*/
    word-break: break-all; /*英文字換行*/
}

.row_2-0-1{
	border-bottom:#c4c4c4 1px dashed;
	padding:15px 0 15px 0;
	min-height:170px; 	/*firefox可正常顯示的最小高度 */
    height: auto !important;/*修正ie6的欄位高度顯示方式 */
    height: 170px; /*設定ie6的欄位最小高度,圖片+水平選單的總高度 */
	}

.row_2-0-1 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#cbab85;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_2-0-1 h2{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#11931d;
	font-size:16px;
	padding-left:0px;
	margin:5px 0 10px 0;
	}

.row_2-0-1 h2 a{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#11931d;
	font-size:16px;
	padding-left:0px;
	margin:0px 0 0px 0;
	}

.row_2-0 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#cbab85;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_2-0 h2{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#11931d;
	font-size:16px;
	padding-left:0px;
	margin:5px 0 10px 0;
	}

.row_2-0 h2 a{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#11931d;
	font-size:16px;
	padding-left:0px;
	margin:0px 0 0px 0;
	}

.row_4-0 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#cbab85;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_4-0 h2{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#5487d3;
	font-size:16px;
	font-weight:bold;
	padding-left:0px;
	margin:5px 0 10px 0;
	}

.row_4-0 h2 a{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#81a5db;
	font-size:16px;
	padding-left:0px;
	margin:0px 0 0px 0;
	}
.row_4-0 h3{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#e51743;
	font-size:16px;
	padding-left:0px;
	margin:5px 0 10px 0;
	}
.sec_row_01{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	padding:20px 0px 20px 0px;
	background-color:#fff;

	}

.row_1-2{
	float:left;
	margin:0px 0 10px 0;
	
	}
.row_1-2 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#f0ad4e;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_2-2{
	float:left;
	margin:0px 0 10px 0;
	
	}
.row_2-2 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#188a1e;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}
	
.row_2-2 p{ 
	color:#666;
	font-size:1.1em;
	line-height:28px;
	letter-spacing:0.1em;
	text-align: justify; /*字左右對齊*/
    text-justify:inter-ideograph;/*字左右對齊*/
	}

.row_5-1{
	float:left;
	margin:0px 0 10px 0;
	
	}
.row_5-1 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#a33737;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_7-1{
	float:left;
	margin:0px 0 10px 0;
	
	}
.row_7-1 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#f3a214;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 10px 0;
	}

.row_9-1 h1{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#cbab85;
	font-size:18px;
	padding-left:0px;
	margin:0px 0 20px 0;
	}

.row_9-1 h2 {
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	/*color:#4693d4; 修改燈箱程式碼, 會造成此處顏色的變動 rocky mark*/
	font-size:16px;
	padding-left:0px;
	margin:5px 0 10px 0;
	}

.row_9-1 h3 {
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	color:#9711b8;
	font-size:16px;
	padding-left:0px;
	margin:5px 0 10px 0;
	}

.row_9-1 p{
	font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
	line-height:25px;
	font-size:16px;
	color:#656565;
	text-align: justify; /*字左右對齊*/
    text-justify:inter-ideograph;/*字左右對齊*/
	}

/*==============*/

/*內容左選單*/
#sidebar_1{
	margin-top:0px;
	}
.sidebar_1_bg{
	background-color:#f8f8f8;
	border:#f4f2f2 1px solid;
	box-shadow:3px 3px 5px #d3d3d3;
	-webkit-box-shadow:3px 3px 5px #d3d3d3; /*chrome瀏覽器*/
	}

#sidebar_1 h2{
		font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
		display: block;
		color:#eb4889;
	    font-size:1.3em;
	    font-weight: 500;
	    line-height:22px;
		margin-top:2px;
	}
	
#sidebar_7-1{
	margin-top:0px;
	margin-bottom:15px;
	}

#sidebar_7-1 h2{
		font-family:"微軟正黑體", "新細明體", "標楷體", Arial;
		display: block;
		color:#50921a;
	    font-size:1.3em;
	    font-weight: 500;
	    line-height:22px;
		margin-top:2px;
	}

/*=================*/
ul.style {
	float:left;
	width:100%;
	list-style-type: none;
	padding-left:10px;
	margin-bottom:20px;
		}
		
ul.style li {
		margin: 0;
		padding: 0.1em 0em 0.1em 0em;
		border-bottom: 1px solid #ECECEC;
		}
		
ul.style p {
	 padding-top: 10px;
		}
		
ul.style .posted {
    	margin-bottom:5px;
		padding: 0em 0em 0em 0em;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 8pt;
		color: #A2A2A2;
		}

ul.style .text {
	    margin-bottom:0px;
		padding: 1em 0em 0em 0em;
		letter-spacing: 1px;
		font-size: 11pt;
		color: #A2A2A2;
		height:50px;
		}

ul.style .text a{
		color: #727272;
		}

ul.style .text a:hover{
		color: #a98d6c;
		}


/*=================*/	
/*第一層選單*/
ul.first_style{
		}
		
ul.first_style li {
		margin:0px 0 0 -35px;
		padding: 0.1em 0em 0.1em 0.8em;
		border-bottom: 1px solid #ECECEC;
		background:url(../image/arrow_3rd.png) no-repeat top left;
		background-position:0px 10px;
		list-style-type: none;
		line-height:30px;
		}
		
ul.first_style p {
	 padding-top: 10px;
		}

ul.first_style .text {
	margin-bottom:0px;
		padding: 0em 0em 0em 0em;
		letter-spacing: 1px;
		font-size: 11pt;
		color: #A2A2A2;
		}

ul.first_style .text a{
		color: #727272;
		}

ul.first_style .text a:hover{
		color: #c4c4c4;
		}

/*第二層選單*/
ul.sec_style li {
		margin:0px 0 0 -35px;
		padding: 0.1em 0em 0.1em 0.9em;
		border-bottom: none;
		background:url(../image/SB001-3.png) no-repeat top left;
		background-position:0px 10px;
		list-style-type: none;
		}
		
ul.sec_style p {
	 padding-top: 10px;
		}

ul.sec_style .text {
	margin-bottom:0px;
		padding: 0em 0em 0em 0em;
		letter-spacing: 1px;
		font-size: 11pt;
		color: #A2A2A2;
		}

ul.sec_style .text a{
		color: #727272;
		}

ul.sec_style .text a:hover{
		color: #c4c4c4;
		}


/*===========================*/
/*切成左右兩個區塊*/

.sec_content{ 
	/*background-color:#fff;*/
	padding:15px 15px 0px 25px;
	min-height:525px; 	/*firefox可正常顯示的最小高度 */
    height: auto !important;/*修正ie6的欄位高度顯示方式 */
    height: 525px; /*設定ie6的欄位最小高度,圖片+水平選單的總高度 */
	}

@media (max-width: 767px) { /*手機*/
.sec_content{ 
	padding:15px 5px 0px 5px;
	}
}

.sec_content > h2{ /* rocky, 修改燈箱程式碼, 會造成此處顏色的變動, 加一個 > */
	color:#666;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	}
	
.sec_content h3{
	color:#4aa1e4;
	font-size:16px;
	font-weight:bold;
	line-height:23px;
	padding-bottom:5px;
	}
	
.sec_content p{ 
	color:#666;
	font-size:1.1em;
	line-height:28px;
	}


/*捐款數字設定*/
.donation{
	clear:both;

	
	}
/*address 改用class方式設定金額*/
.d_Amt {
	background-color: #bebebe;
	height: 63px;
	line-height: 63px;
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	margin: 2px;
	padding: 2px;
}

	.d_Amt:hover {
		opacity: 0.4;
		margin: 2px;
		padding: 2px;
		cursor: pointer;
	}
#d_100 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
      padding: 2px;
    }
#d_100:hover {
      opacity: 0.4;
      margin: 2px;
      padding: 2px;
      cursor: pointer;
    }
#d_200 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
      padding: 2px;
    }
#d_200:hover {
      opacity: 0.4;
      margin: 2px;
      padding: 2px;
      cursor: pointer;
    }
#d_500 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
      padding: 2px;
    }
#d_500:hover {
      opacity: 0.4;
      margin: 2px;
      padding: 2px;
      cursor: pointer;
    }
#d_1000 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
      padding: 2px;
    }
#d_1000:hover {
      opacity: 0.4;
      margin: 2px;
      padding: 2px;
      cursor: pointer;
    }
#d_2000 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
    }
#d_2000:hover {
      opacity: 0.4;
      margin: 2px;
      cursor: pointer;
    }
#d_5000 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
    }
#d_5000:hover {
      opacity: 0.4;
      margin: 2px;
      cursor: pointer;
    }
#d_10000 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
    }
#d_10000:hover {
      opacity: 0.4;
      margin: 2px;
      cursor: pointer;
    }
#d_20000 {
      background-color: #bebebe;
      height: 63px;
      line-height: 63px;
      text-align: center;
      font-size: 28px;
      color: #ffffff;
      margin: 2px;
    }
#d_20000:hover {
      opacity: 0.4;
      margin: 2px;
      cursor: pointer;
    }
/*燈箱設定*/

#slide_background{
    -webkit-transition: all 0.3s 0.3s;
       -moz-transition: all 0.3s 0.3s;
            transition: all 0.3s 0.3s;
}
#slide,
#slide_wrapper {
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
            transition: all 0.4s;
}
#slide {
	max-width:70%;
    -webkit-transform: translateX(0) translateY(-40%);
       -moz-transform: translateX(0) translateY(-40%);
        -ms-transform: translateX(0) translateY(-40%);
            transform: translateX(0) translateY(-40%);
}
@media (max-width: 767px) { /*手機*/
#slide{
	max-width:100%;
	
	}
}
.popup_visible #slide {
    -webkit-transform: translateX(0) translateY(0);
       -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
}

#basic {
	max-width:70%;
   
}
@media (max-width: 767px) { /*手機*/
#basic{
	max-width:100%;
	
	}
}
/* 捐款徵信條列式 */

table.list {
	width:100%;
	margin-bottom:20px;
}
.list tr{
}
.list th{
	padding:10px 5px 10px 5px;
	text-align:center;
	background:#c7c7c7;
}
.list td{
	font-size:13px;
	line-height:23px;
	border-bottom:#ccc 1px dashed; /* 每個外框的下底線*/
}
.list a{
	color:#333;
	text-decoration: none; /* 超連結的字不要有下底線*/
}
.list a:hover{
	color:#666;
	text-decoration: none;  /* 字有超連結移過去不要有下底線*/
}

/*rwd table切換,捐款徵信*/
.rwd-table{
	background:#fff;
	overflow:hidden;
	}
.rwd-table tr:nth-of-type(2n){
	background:#eee;
	}
.rwd-table th,.rwd-table td{
	/*margin:1em 1em;*/
	}
.rwd-table{
	min-width:100%;
	}
.rwd-table th{
	display:none;
	background-color:#888888;
	padding:0.7em!important;/*手機版欄位高度*/

	}
.rwd-table td{
	display:block;
	padding:0.7em!important;/*手機版欄位高度*/

	}
.rwd-table td:before{
	content:attr(data-th) " : ";
	font-weight:bold;
	width:6.5em;
	display:inline-block;
	}
.rwd-table th,.rwd-table td{
	text-align:left;
	}
.rwd-table th,.rwd-table td:before{
	color:#feac0f; /*手機版th的字顏色*/
	font-weight:bold;
	}
@media (min-width: 480px) {
.rwd-table td:before{
		display:none;
		}
.rwd-table th,.rwd-table td{
	display:table-cell;
	padding:0.25em 0.5em;
       }
.rwd-table th:first-child,.rwd-table td:first-child{
	padding-left:0;
	}
.rwd-table th:last-child,.rwd-table td:last-child{
	padding-right:0;
	}
.rwd-table th,.rwd-table td{
	padding:1em!important;
	}
.rwd-table th,.rwd-table td:before{
	color:#feac0f; /*桌機,平版th的字顏色*/
	font-weight:bold;
	}
}
/* 線上報名條列式 */

table.list_1 {
	width:100%;
	margin-bottom:20px;
}
.list_1 tr{
}
.list_1 th{
	/*padding:10px 5px 10px 5px;*/
	text-align:center;
	/*background:#b2b2b2;*/
}
.list_1 td{
	font-size:13px;
	line-height:23px;
	border-bottom:#ccc 1px dashed; /* 每個外框的下底線*/
}
.list_1 a{
	color:#333;
	text-decoration: none; /* 超連結的字不要有下底線*/
}
.list_1 a:hover{
	color:#666;
	text-decoration: none;  /* 字有超連結移過去不要有下底線*/
}

/*rwd table切換,線上報名*/
.rwd-table_1{
	background:#fff;
	overflow:hidden;
	}
.rwd-table_1 tr:nth-of-type(2n){
	background:#e0f0fe;
	}
.rwd-table_1 th,.rwd-table td{
	/*margin:1em 1em;*/
	}
.rwd-table_1{
	min-width:100%;
	}
.rwd-table_1 th{
	display:none;
	background-color:#4183a5;
	padding:0.7em!important;/*手機版欄位高度*/
	}
.rwd-table_1 td{
	display:block;
	padding:0.7em!important;/*手機版欄位高度*/
	}
.rwd-table_1 td:before{
	content:attr(data-th) " : ";
	font-weight:bold;
	width:6.5em;
	display:inline-block;
	}
.rwd-table_1 th,.rwd-table td{
	text-align:left;
	}
.rwd-table_1 th,.rwd-table_1 td:before{
	color:#2b93c9; /*手機版th的字顏色*/
	font-weight:bold;
	}
@media (min-width: 480px) {
.rwd-table_1 td:before{
		display:none;
		}
.rwd-table_1 th,.rwd-table_1 td{
	display:table-cell;
	padding:0.25em 0.5em;
       }
.rwd-table_1 th:first-child,.rwd-table_1 td:first-child{
	padding-left:0;
	}
.rwd-table_1 th:last-child,.rwd-table_1 td:last-child{
	padding-right:0;
	}
.rwd-table_1 th,.rwd-table_1 td{
	padding:1em!important; /*桌機,平版欄位高度*/
	}

.rwd-table_1 th,.rwd-table_1 td:before{
	color:#aedaf1;/*桌機,平版th的字顏色*/
	font-weight:bold;
	}
}

/*按鈕顏色*/
.btn-pink {
  color: #ffffff;
  background-color: #f2b0cf;
  border-color: #f3a8cb;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  color: #ffffff;
  background-color: #f49bc5;
  border-color: #eec2ca;
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #f2b0cf;
  border-color: #f3a8cb;
}

	/*機構分類*/
.alert-default {
    background-color: #e2e2e2;
    border-color: #d1d0cf;
    color: #333;
}

.alert-default a{
    background-color: #e2e2e2;
    border-color: #d1d0cf;
    color: #333;
}

.online_01 {
    padding-bottom : 15px;
}

nav{
	text-align:center;
}

/*20240201修改條列式頁面圖片尺寸自動縮放*/
.row_1-0-1 {
	border: none;
	padding: 15px;
	display: inline-block;
}
.row_1-0-1 img {
	width: 100%;
	aspect-ratio: 4/3;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 0px;
}
.row_1-0-1 h2{
	display: inline-block;
}
.flex{
	display: flex;
	justify-content: flex-end;
}

p.btn-brown , p.btn-brown a {
	color: #ffff;
    background-color: #a67758;
    border-color: #a67758;
}

.card-outer{
	border: none;
    background-color: rgba(0,0,0,0);
    height: 100%;
    display: block;
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,.2);
	padding: 15px 0;
}

/*簡述超過兩行出現點點點*/
/*電腦版*/
@media screen and (min-width: 1201px) {
	.card-outer h2{
		display: -webkit-box;
		overflow: hidden;
		/*!autoprefixer:off*/
		-webkit-box-orient: vertical;
		/*autoprefixer:on*/
		-webkit-line-clamp: 1;
		min-height: 18px;
		/*margin-bottom: 0;*/
	}
	.card-outer p {
		display: -webkit-box;
		overflow: hidden;
		/*!autoprefixer:off*/
		-webkit-box-orient: vertical;
		/*autoprefixer:on*/
		-webkit-line-clamp: 2;
		min-height: 44px;
	}
	.card-outer p.btn{
		min-height: 0;
	}
}
/*手機版*/
@media screen and (max-width: 1200px) {
	.card-outer h2 , .card-outer p {
		min-height: 10px;
		display: block;
	}
	.card-outer p {
		margin-bottom: 0;
	}
}