/* default */
ul { margin:0 0 0 19px; }
ol { margin:0 0 0 25px; }
ul::after, ol::after, li::after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}
ul.unstyled, ol.unstyled, ul.forms, ul.icon, ol.icon { list-style:none; margin-left:0; }
ul.inline { margin-left:0; }
ul.inline li { display:inline-block; *display:inline; *zoom:1; }
ul.unstyled h6 {
	font-size: 16px;
	font-size: 1.6rem;
	color:#898989;
	line-height:inherit;
	min-width:80px;
	display:inline-block;
	vertical-align: top;
}
ul.unstyled h6 { margin-left:0px; }

/* inlineDiv */
.inlineDiv {
	width: 858px;
	position: relative;
	float: left;
	/* border-left: 1px solid #dedede;*/	
	margin-left: -0.5px;
	padding: 17px 0 17px 10px;
}
.col-full-50 .inlineDiv { width: 358px; }

/* forms */
ul.forms > li {
    border-bottom:1px solid #dedede;
    position: relative;
    padding-bottom: 10px;
}
ul.forms h6 { 
	width: 100px;
	color: #454545;
  padding: 17px 10px 17px 0;
  font-size: 16px;
	font-size: 1.6rem;
	color:#898989;
	line-height: inherit;
	float: left;
	border-right: 1px solid #dedede;
}
ul.forms .slash { margin: 0 2px; }
ul.forms .btn-add {
	position: absolute;
	right: -12px;
    bottom: 10px;
}
ul.forms .showimg { max-width: 200px; margin-top: 15px; position: relative; }

/*其他狀況的inlineDiv*/
.lightbox .inlineDiv {margin-left: -1px;}
.lightbox .inlineDiv .inlineDiv { width: 580px; }
ul.unstyled > li > .inlineDiv { border-left: none; padding:10px 0 15px 15px;; }

/*passwordFillforms*/
ul.forms.passwordFill h6 { width: 150px; float: left;}
ul.forms.passwordFill .inlineDiv { width: calc(100% - 200px); float: left;}

.form-btn-box {
	padding:20px 0;
	text-align:center;
	border-top:1px solid #dedede;
}

/*more-info*/
ul.more-info { font-size: 16px; font-size: 1.6rem; }
ul.more-info .inlineDiv { width: 80%; }
ul.more-info h6 { min-width: 120px; vertical-align: middle; color: #aaaaaa;}


/* icon */
ul.icon li > div, ol.icon li > div {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-left:5px;
	vertical-align:top;
}

/* List Default */
ul.list, ol.list, .list li { position:relative; }
ul.list, .list li {
	list-style:none;
	margin:0;
	position:relative;
}
.list li {
	cursor:context-menu;
	margin-bottom:10px;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.list.hasImg li {
	margin-bottom:30px;
}
.list li > span {
	vertical-align:middle;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.list li > span, .list li > i {	
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.list div.img {
	width:200px;
	height:150px;
	border:1px solid #eeeeee;
	display:table-cell;
	vertical-align:middle;
	float:left;
	margin-right:15px;
}
.list div.img img {
	max-width:200px;
	max-height:150px;
}
.list li > span.title {
	color:#000000;
	width:80%;
}
.list li > span.title.short {
	width: initial;
	max-width:40%;
}
.list li > span.kind {
	color:#787878;
	font-size:13px;
	font-size:1.3rem;
}
.list li > span.date {
	color:#999999;
	line-height:1.3;
}
.list li > span.date .slash {
	margin:0 5px;
}
.list li.readMore {
	padding-top:3px;
	text-align:right;
}
.list li.readMore > a:link {
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:0px;
	color:#787878;
}
.list li.readMore > a:hover {
	color:#999999;
}
.list li.readMore > a:active {
	color:#787878;
}
.list li.readMore > a:visited {
	color:#999999;
}
.list div.btnBox {
	position:absolute;
	right:0;
}
.list.borderLi li {
	padding:10px !important;
	border-bottom:1px solid #dedede !important;
	margin-bottom:0 !important;
}
.list .jwplayer {
	vertical-align:middle;
	display:inline-block;
}
.list span.title ~ .jwplayer {
	margin-left: 8px;
}
.list span.title i {
	margin-right: 5px;
}

/* SearchBox forms */
.SearchBox ul.forms { padding-left: 12px; border-top: none; }
.SearchBox ul.forms li { border-bottom: none; }
.SearchBox .inlineDiv {
	padding-left: 0;
	width: 858px;
	border-left: 0;
	margin-left: 0;
}
.SearchBox .col-full-50 .inlineDiv {
    width: 355px;
    margin-right: 0;
    border-right: none;
}
.SearchBox ul.forms h6 {
	width: 100px;
	border-right: none;
}
.SearchBox ul.forms .col-full-50 + .col-full-50 h6 {
	padding-left: 27px;
	border-left: none;
}


/*paul20161205*/
.conditionChecker{
	padding-left: 12px;
	padding-top: 17px;
	font-size: 16px;
}

.conditionChecker h6{
	padding: 0px 10px 17px 0;
    font-size: 1.6rem;
    color: #898989;
    line-height: inherit;
    float: left;
}

.conditionChecker label{
	margin-left: 20px;
	display: inline-block;
	font-size: 18px;
}

.conditionChecker label input[type="checkbox"]{
	margin-right: 5px;
	height: 20px;
	width: 18px;
	vertical-align: middle;
	border-radius:0;
}