@charset "utf-8";
/* CSS Document */
body, p, li {
	font-family: -apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body:lang(zh-hant) {
    font-size: 1.1rem;
}
.lang {font-size: 1rem;}

.font-ming {
	font-family: 新細明體
}
body, p, li {
	letter-spacing: .2px; line-height:
}
body {background-color:#fff;}
a {color:#039}
a:hover {color:#F60}
/* -------------------------default------------------------- */

hr {
	border:0; height:1px; background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}

/* back-to-top */
.back-to-top {
	background: #cecece;
	border-radius: 6px;
	bottom: 20px;
	color: #FFFFFF;
	display: block;
	font-size: 40px;
	height: 50px;
	line-height: 42px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 50px;
	z-index: 50;
	display: none;
}
.back-to-top:hover, .back-to-top:focus {
	color: #fff;
}


/* -------------------------setting------------------------- */

.lang {background-color:#fedd6b;padding:5px;margin:0;color:#000;display:block;width:100%;text-align:right;}
.lang a:link, .lang a:visited {color:#333;text-decoration:none;}
.lang a:hover, .lang a:active {color:#3baf31;text-decoration:none;}
header {background-color:#f8bc71}

/* footer */
footer {
	background-color: #F2F2F2;padding:40px 20px;overflow:auto;margin-top:30px
}
footer .container {

}
.copyright {
	padding: 0;
	margin: 0;
	float: left;
}
.footer-data {
	float: right;
}
.footer-data ul li {
	float: left;
	margin: 20px 10px 0 10px;
	list-style: none;
}
.footer-data a {
	color: #666
}
/* footer */


/* -------------------------setting------------------------- */
hr.divider-color, hr.divider-big {
	height: 2px;
}
hr.divider-color:before {
	content: '';
	display: block;
	height: 100%;
	background-color: #f9cb8f;
	width: 45px;
	border-left: 45px solid #f27c66;
	border-right: 45px solid #18bb7c;
	margin: 0px auto;
}
hr.divider-color {
	margin-bottom: 30px
}
.msgbox {
	padding: 10px 15px;
	margin-bottom: 35px;
	background: #ECF5FF;
}
.corner-radius {
	border-top-left-radius: 10px;
	-ms-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.thumbnail {
	height: 100%;
}

.content {background-color:#fff;padding:25px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;margin:20px;overflow:hidden;}


.maininfo  h2 {margin-top:30px; }

.tit_ul {
	color:#000;
	margin:15px auto;
	padding:5px 5px 5px 10px;
  font-weight:bold;line-height:120%;
  border-bottom:2px solid #090;
color:#060;
}

.tit {
background:url(../img/tit_leaf.png) top right no-repeat;
	color:#fff;
	margin:15px auto;
	padding:5px 5px 5px 10px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  font-weight:bold;line-height:120%;
}

.tit_noleaf {
	color:#fff;
	margin:15px auto;
	padding:5px 5px 5px 10px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  font-weight:bold;line-height:120%;
}

.tit_p {
background:url(../img/tit_leaf.png) top right no-repeat;
	color:#fff;
	margin:15px auto;
	padding:5px 5px 5px 10px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
 font-weight:bold;line-height:120%;
}

.tit_p_noleaf {
	color:#fff;
	margin:15px auto;
	padding:5px 5px 5px 10px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  ;font-weight:bold;line-height:120%;

}

.tit1 {	background-color:#FF9900;}
.tit2 {	background-color:#3366cc;}
.tit3 {	background-color:#993399;}
.tit4 {	background-color:#a57c00;}
.tit5 {	background-color:#339933;}
.navbar {padding:0;margin:0 0 5px 0}
.pagination {padding:0;margin:8px 0;}

.table-nonfluid {   width: auto;}

ul.leaf { list-style:none; margin:0; padding:0;}
ul.leaf li { background:url(../img/ico_leaf.png) 10px 6px no-repeat; padding:2px 20px 5px 35px; margin:0; line-height:150%; color:#333; }

ul.arrow { list-style:none; margin:0 0 0 20px; padding:10px 0 20px 0;}
ul.arrow li { background:url(../img/port_ul_li.gif) 0px 8px no-repeat; padding:2px 20px; margin:0; line-height:160%; color:#333; }
ul.arrowlist { list-style:none; margin:0 0 0 30px; padding:10px 0 20px 0;}
ul.arrowlist li { background:url(../img/port_ul_li.gif) 0px 8px no-repeat; padding:0px 13px 5px; margin:0; line-height:160%; color:#333; }


.section {margin-bottom:20px}
.section p {margin:0 10px 5px 10px;}
.subtit {
	color: #CC3300;
	font-weight: bold;
}

#customTable  {width:96%}
#customTable2  {width:96%;margin-bottom:2px;}


.table tbody>tr>td{
    vertical-align: middle;
}
td.vert-align{
    vertical-align: middle;
}
.table-width {width:90%;margin:0 auto;}

.padL {padding-left:10px}

.new-table td,.new-table th {
	text-align:center;
	padding:10px;
	border: 1px solid #ccc; 
}
	
.new-table th {background-color:#FFFFCC}

/* Zebra striping */
.new-table tr:nth-of-type(even) { 
	background: #eee; 
}
	
.new-table .td-mobileOnly {
	display: none;
}

.date {
	display:block;	
	font-weight: bold;
}
	
.week {
	display:block;	
}

.time {
	display:block;	
}
	
.seminar_detail {
	display:block;	
}

.seminar_remark {
	display:block;	
}

.con1 {
	display:block;	
}

.con2 {
	display:block;	
}


/*flow*/

.flow .box {background-color:#fff;padding:10px;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;border:3px solid #F60;
	width:90%;
	text-align:left;
	padding-left:35px}
.flow .box p{text-indent:-25px;}

.flow2 {margin-bottom:20px}
.flow2 .box {background-color:#fff;padding:10px;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;border:3px solid #f3981e;max-width:600px;margin:0 auto}

.flow3 {margin-bottom:20px}
.flow3 .box {background-color:#fff;padding:10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border:3px solid #09F;}
	
	.listorder {padding: 2px 4px;
		font-size: 100%;
		color: #fff;
		background-color:#F60;
		border-radius: 4px;
		margin-right:5px;
	}
	.mainpoint {
		color:#C30;font-weight:800;
	}
	
	.highline {background-color:#FC6}
	
.list_row{overflow: hidden;margin-bottom:15px;border-bottom:1px solid #E8E8E8}

.schcontent hr {margin: 30px 0}
.schcontent h2 {color:#C60}
.schitem {
    background-color: #FFF8F4;
    border: 1px solid #E8E8E8;
padding:10px
}


/*dates*/
ul.dates {width:90%;margin:0 auto;padding:0;list-style:none;}

ul.dates li {
	background:url(../img/circle_line_bg.gif) left top repeat-y;
	position: relative;
	padding: 0em 0 2.5em 6.75em;
	text-align: left;color:#666;
}
ul.dates .date {
	display: block;
	position: absolute;
	left: 0;
	background:url(../img/circle_bg.gif) left top no-repeat;
	width:78px;
	height:90px;
	text-align: center;
	color: #fff;
	line-height: 1.5em;
}
ul.dates span.active {
	background:url(../img/circle_active_bg.gif) left top no-repeat;
}

ul.dates .date strong {
	display: block;
	font-size: 1.25em;
	padding-top: 1.1em;
}

ul.dates h3 {
	font-size: 1.2em;color:#060;margin:0px 0 5px 0;padding-top:5px;
}
ul.dates h3.active {
	color:#F60;
}
ul.dates a{text-decoration:none}
ul.dates p {
	margin: 0;padding:0;
}



/*------------------------- responsive ------------------------*/

/* 
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

/* Zebra striping */
.new-table tr:nth-of-type(odd) { 
	background: #f7fbff; 
}

.new-table tr:nth-of-type(even) { 
	background: #FFFFCC; 
}

	table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	.new-table { 
		display: block; 
	}
	
	.new-table thead {
		display: block; 
		}
		
	.new-table tbody {
		display: block; 
		}	

	.new-table th {
		display: block; 
		}

	.new-table td {
		display: block; 
		}

	.new-table tr {
		display: block; 
		}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.new-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.new-table tr { border: 1px solid #ccc; }
	
.new-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px dashed #ccc; 
		position: relative;
		/*padding-left: 20%; */
		text-align:left; 
	}

.new-table td:before { 
		/* Now like a table header */
		/* position: absolute; */
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 15%; 
		padding-right: 5px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column) "："; 
		color: #000;
		font-weight: bold;
	}
	
.new-table .td-mobileOnly {
	display: block;
	}

	.date {
		display:inline;	
		font-weight: normal;
	}
	
	.week {
		display:inline;	
	}
	
	.time {
		display:inline;	
	}
	
	.seminar_detail {
		display:inline;	
	}
	
	.seminar_remark {
		padding-left:58px;
		display:block;	
	}

	.con1 {
		display:inline;		
	}
	
	.con2 {
		display:block;		
	}
	
	.con3 {
		padding-left:57px;
		display:block;		
	}
	
	.con5 {
		padding-left:94px;
		display:block;		
	}
	
}

/*不要bootstrap列印網址*/
@media print {
  a[href]:after {
    content: none !important;
  }
}