#csrcontainer{
	max-width: 740px;
	font-family: Microsoft JhengHei !important;
/* 	CSS font-family 微軟正黑體語法 */

	
/*
使用 max-width 替代 width 可以更完美的處理當瀏覽器視窗小於元素寬度的情況，行動裝置上更為重要
 */
	
	
	overflow:hidden;
	
/* 
overflow 常用屬性值
overflow: auto; //預設會自動使用捲軸
overflow:visible; //顯示的文字或圖片會直接超出範圍，不使用捲軸。
overflow:hidden; //自動隱藏超出的文字或圖片。
overflow:scroll; //自動產生捲軸。
overflow:inherit; //繼承自父元素的可見性 */

	padding: 0 20px;
	
/*
CSS padding 內距設定語法
padding:上 右 下 左;　padding:上下 左右;　padding:上 左右 下;　padding:四個邊同樣値;
*/	
	
}


.container{

/* 
margin:auto;(區塊置中)  
margin-top (上邊界) 
margin-right (右邊界) 
margin-bottom (下邊界) 
margin-left (左邊界)
*/
}
#mySlideshow .animated{
	position:absolute;
}	
	
/* 
relative 相對定位
以該元素框格原本的正常位置加上 top, right, bottom, left 所設定的相對距離，而移動到結果的的位置。框格區塊以相對方式依其元素的位置來定位，其後的元素框格會忽略它的定位，但即使被移動了它仍佔有原始的位置。所以設定 relative top, bottom 的框格是可以重疊。
	
absolute 絕對定位
position:absolute; top:50%; left:50%;
	
static 靜態定位(為預設值)
元素依照正常流程佈局，該元素出現在文檔的常規位置不會重新定位。通常此屬性值可以不設置。

IE6 不支援 margin:0 auto
 */


#CSRWB-A01-Bigtitle,#CSRWB-A02-Bigtitle,#CSRWB-A03-Bigtitle,#CSRWB-A04-Bigtitle,
#CSRWB-B01-Bigtitle,#CSRWB-B02-Bigtitle,#CSRWB-B03-Bigtitle,#CSRWB-B04-Bigtitle,
#CSRWB-C01-Bigtitle,#CSRWB-C02-Bigtitle,#CSRWB-C03-Bigtitle,
#CSRWB-D01-Bigtitle,#CSRWB-D02-Bigtitle,#CSRWB-D03-Bigtitle,#CSRWB-D04-Bigtitle
 {
	padding-top: 7px; 
	/*padding為新增*/
	
	margin-top: 285px;
	margin-left: 20px;
	font-size: 38px;
	color:#FFFFFF;
	text-align:left; 
}





#CSRWB-A01-Subtitle,#CSRWB-A02-Subtitle,#CSRWB-A03-Subtitle,#CSRWB-A04-Subtitle,
#CSRWB-B01-Subtitle,#CSRWB-B02-Subtitle,#CSRWB-B03-Subtitle,#CSRWB-B04-Subtitle,
#CSRWB-C01-Subtitle,#CSRWB-C02-Subtitle,#CSRWB-C03-Subtitle,
#CSRWB-D01-Subtitle,#CSRWB-D02-Subtitle,#CSRWB-D03-Subtitle,#CSRWB-D04-Subtitle
 {
/* 	width:700px; */
	margin-top: 20px;
	margin-left: 20px;
	font-size: 17px;
	line-height:28px;
	color:#555555;
	text-align:left; 
	
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
	height: 60px;
	
	word-break:break-all;
	
}





#CSRWB-A01,#CSRWB-A02,#CSRWB-A03,#CSRWB-A04,
#CSRWB-B01,#CSRWB-B02,#CSRWB-B03,#CSRWB-B04,
#CSRWB-C01,#CSRWB-C02,#CSRWB-C03,
#CSRWB-D01,#CSRWB-D02,#CSRWB-D03,#CSRWB-D04 {
	border-radius: 0px ;
}





/*
 
#CSRWB-A01,#CSRWB-A02,#CSRWB-A03,#CSRWB-A04,
#CSRWB-B01,#CSRWB-B02,#CSRWB-B03,
#CSRWB-C01,#CSRWB-C02,#CSRWB-C03,
#CSRWB-D01,#CSRWB-D02,#CSRWB-D03,#CSRWB-D04, img{
	bottom: 0px;
	left: 0px;
	z-index: -1;
} 

*/






#CSRWB-A01-Link,#CSRWB-A02-Link,#CSRWB-A03-Link,#CSRWB-A04-Link,
#CSRWB-B01-Link,#CSRWB-B02-Link,#CSRWB-B03-Link,#CSRWB-B04-Link,
#CSRWB-C01-Link,#CSRWB-C02-Link,#CSRWB-C03-Link,
#CSRWB-D01-Link,#CSRWB-D02-Link,#CSRWB-D03-Link,#CSRWB-D04-Link {
/* 	width:700px;
	margin-top: 5px;
	margin-left: 10px; */
	font-size: 17px;
	text-decoration:none;
	text-align:left; 
	color: #FFFFFF;
    line-height: 25px;
}





/*  font-size: 12px;　　　　　       	設定文字大小 
    line-height: 24px;　　　          　設定文字行距 
    letter-spacing: 3px;　            　設定文字間距 
    background-image: url(dot.gif); /*  設定文字背景圖   */



	
	
	
	
#CSRWB-A01{background: url("../images/CSRWBA01.jpg") center no-repeat;}
#CSRWB-A02{background: url("../images/CSRWBA02.jpg") center no-repeat;}
#CSRWB-A03{background: url("../images/CSRWBA03.jpg") center no-repeat;}
#CSRWB-A04{background: url("../images/CSRWBA04.jpg") center no-repeat;}

#CSRWB-B01{background: url("../images/CSRWBB01.jpg") center no-repeat;}
#CSRWB-B02{background: url("../images/CSRWBB02.jpg") center no-repeat;}
#CSRWB-B03{background: url("../images/CSRWBB03.jpg") center no-repeat;}
#CSRWB-B04{background: url("../images/CSRWBB04-1.jpg") center no-repeat;}

#CSRWB-C01{background: url("../images/CSRWBC01.jpg") center no-repeat;}
#CSRWB-C02{background: url("../images/CSRWBC02.jpg") center no-repeat;}
#CSRWB-C03{background: url("../images/CSRWBC03.jpg") center no-repeat;}

#CSRWB-D01{background: url("../images/CSRWBD01.jpg") center no-repeat;}
#CSRWB-D02{background: url("../images/CSRWBD02.jpg") center no-repeat;}
#CSRWB-D03{background: url("../images/CSRWBD03.jpg") center no-repeat;}
#CSRWB-D04{background: url("../images/CSRWBD04.jpg") center no-repeat;}


#CSR01-PAGE {
	word-break:break-all;
    box-shadow:0px 0px 20px #666;
}


#CSR01-PAGE  img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}



#CSR01-PAGE h3{
	font-family: Microsoft JhengHei;
	padding-left:30px;
}

#CSR01-PAGE h4{
	font-family: Microsoft JhengHei;
	padding-left:30px;
}


#CSR01-PAGE   p{
/* 	width:800px; */
	font-family: Microsoft JhengHei;
	font-size:16x;
	/*text-indent:32px;*/  /*取消*/
	padding-left:30px;
	padding-right:30px; /*新增*/
	color:#555555;
}


#CSRNumber{
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
}
#CSRNumber .t_num i {
	width: 33px;
	height: 47px;
	display: inline-block;
	background: url(images/number1.png) no-repeat;
	background-position: 0 0;
}
