/*-------------------------Ray 新增wcm 樣式開始---------------------------*/

/*---------標題樣式設定開始---------*/
.wcm-title {
	float: left;
	width: 100%;
	padding-left: 28px;
	background-repeat: no-repeat;
	font-family: "微軟正黑體";
	font-size: 130%;
	background-position: 0px 2px;
	margin-bottom: 15px;
	line-height: 23px;
	color: #000000;
}
.wcm-icon-color01 {background-image: url(../../images/wcm-title-icon01.png);}
.wcm-icon-color02 {background-image: url(../../images/wcm-title-icon02.png);}
.wcm-icon-color03 {background-image: url(../../images/wcm-title-icon03.png);}
.wcm-icon-color04 {background-image: url(../../images/wcm-title-icon04.png);}
.wcm-icon-color05 {background-image: url(../../images/wcm-title-icon05.png);}
.wcm-icon-color06 {background-image: url(../../images/wcm-title-icon06.png);}
.wcm-icon-color07 {background-image: url(../../images/wcm-title-icon07.png);}

/*---------標題樣式設定結束---------*/

/*---------純文字設定開始-----------*/
.wcm-text-data {
	float: left;
	width: 100%;
/*	padding-left: 10px;
	padding-right: 10px;*/
	margin-bottom: 20px;
	
}
/*---------純文字設定結束-----------*/

/*---------編輯器清單設定開始--------*/
.wcm-text-data ol,.wcm-text-data ul,.wcm-table ol,.wcm-table ul {padding-left: 1.5em;}
.wcm-text-data ol,.wcm-table ol {list-style-type: decimal;}
.wcm-text-data ul,.wcm-table ul,.wcm-text-data ol li,.wcm-text-data ul li,.wcm-table ol li,.wcm-table ul li {list-style-type: inherit;}
.wcm-text-data a,.wcm-table a {color: #0099FF; text-decoration: underline;}
.wcm-text-data a:hover,.wcm-table a:hover {color: #0066FF;}
/*---------編輯器清單設定結束-------*/

/*--------------------------------圖文設定開始----------------------------------*/

/*純圖*/
.wcm-photo {float: left;width: 100%; text-align:center; padding-bottom: 2%;}
.wcm-photo img {float: none; vertical-align: inherit;}
/*純圖*/

/*左圖右文+左文右圖*/
.wcm-viewbox {
	float: left;
	width: 100%;
	padding-bottom: 2%;
}
.wcm-photoL,.wcm-textR,.wcm-photoR,.wcm-textL {float: left; width: 48%; padding-right:1%; padding-left:1%;}
.wcm-photoL,.wcm-photoR {text-align:center;}
.wcm-photoL img,.wcm-photoR img {float: none;}
/*左圖右文+左文右圖*/

/*文繞左、右圖*/
.wcmphotoLr img { display: inline-block; min-width:35%; max-width:50%; float: left; padding-right:15px; padding-bottom:10px;}
.wcmphotoRr img { display: inline-block; min-width:35%; max-width:50%; float: right; padding-left:15px; padding-bottom:10px;}
/*文繞左、右圖*/

@media only screen and (min-width: 0px) and (max-width: 580px) {
	
	.wcm-photoL,.wcm-textR,.wcm-photoR,.wcm-textL {
		float: left;
		width: 100%;
		padding-right: 0%;
		padding-left: 0%;
		padding-top: 5px;
		padding-bottom: 5px;
    }
	
	.wcmphotoLr img,.wcmphotoRr img {
		min-width: auto; 
		max-width:100%; 
		padding-left:0; 
		padding-right:0; 
		}
	
	}

/*------------------------------------圖文設定結束-----------------------------------*/

/*------------表格設定--------------*/
/*基本款*/
.wcm-table table {float:left; width: 100%; margin-bottom: 3%;}
.wcm-table table caption {padding: 5px; width: 100%; color:#ffffff;}
.wcm-table table,.wcm-table td,.wcm-table th {border: solid 1px #585858;text-align: center; word-wrap: break-word; word-break: break-all;}
.wcm-table td,.wcm-table th {padding:5px;}
.wcm-table th {background-color: rgb(204,204,204);}
.wcm-odd tr:nth-child(odd) {background: #f4f4f4;}

/*基本款*/

/*樣式一(藍)*/
.wcm-table-style01 caption {background-color: #62c0ff;}
.wcm-table-style01 table,.wcm-table-style01 td,.wcm-table-style01 th { border-color:#c6f2ea;}
.wcm-table-style01 th {background-color: #9ae1eb;}
/*樣式一*/

/*樣式二(靛)*/
.wcm-table-style02 caption {background-color: #788dd8;}
.wcm-table-style02 table,.wcm-table-style02 td,.wcm-table-style02 th { border-color:#c0cff5;}
.wcm-table-style02 th {background-color: #abbaeb;}
/*樣式二*/

/*樣式三(紫)*/
.wcm-table-style03 caption {background-color: #b18abf;}
.wcm-table-style03 table,.wcm-table-style03 td,.wcm-table-style03 th { border-color:#ead5f2;}
.wcm-table-style03 th {background-color: #ebc1fa;}
/*樣式三*/

/*樣式四(紅)*/
.wcm-table-style04 caption {background-color: #f69aa9;}
.wcm-table-style04 table,.wcm-table-style04 td,.wcm-table-style04 th { border-color:#ffe2e7;}
.wcm-table-style04 th {background-color: #ffd5dc;}
/*樣式四*/

/*樣式五(橙)*/
.wcm-table-style05 caption {background-color: #fca164;}
.wcm-table-style05 table,.wcm-table-style05 td,.wcm-table-style05 th { border-color:#ffe7d6;}
.wcm-table-style05 th {background-color: #ffd9c1;}
/*樣式五*/

/*樣式六(黃)*/
.wcm-table-style06 caption {background-color: #f7c856;}
.wcm-table-style06 table,.wcm-table-style06 td,.wcm-table-style06 th { border-color:#ffefbd;}
.wcm-table-style06 th {background-color: #ffe6aa;}
/*樣式六*/

/*樣式七(綠)*/
.wcm-table-style07 caption {background-color: #b4dd44;}
.wcm-table-style07 table,.wcm-table-style07 td,.wcm-table-style07 th { border-color:#e7f8bb;}
.wcm-table-style07 th {background-color: #d5f384;}
/*樣式七*/
/*------------表格設定--------------*/

/*------------輔助設定--------------*/
/*分隔線*/
.wcm-line {
	float: left;
	height: 1px;
	width: 100%;
	margin-bottom: 3%;
	background-repeat: repeat-x;
	background-position: left center;
}
.wcmlinestyle01 {background-image: url(../../images/wcm-line01.gif);}/*(實線)*/
.wcmlinestyle02 {background-image: url(../../images/wcm-line02.gif);}/*(虛線)*/
/*分隔線*/
/*------------輔助設定--------------*/

/*-------------------------Ray 新增wcm 樣式結束---------------------------*/