﻿@charset "utf-8";
/* CSS Document */

/* ---------------------------------------- 基本設定 ---------------------------------------- */
.wordbreak {
	white-space: nowrap;	/* 內容文字斷行省略 */
	overflow: hidden;	/* 內容文字斷行省略 */
	text-overflow: ellipsis;	/* 內容文字斷行省略 */
}
/* ---------------------------------------- 共同設定 ---------------------------------------- */
div.lecture,
div.course,
div.apply,
div.contact,
div.team,
div.approve {
	position:relative;
	width:575px;
	margin:0px auto;
	font-family:"微軟正黑體", "新細明體", Arial, "Times New Roman";
	background:#ffffff;
}
div.lecture *,
div.course *,
div.apply *,
div.contact *,
div.team *,
div.approve * {
	padding:0;
	margin:0;
}
div.lecture a,
div.course a,
div.apply a,
div.contact a,
div.team a,
div.approve a {
	display:inline-block;
	text-decoration:none;
}
div.lecture img,
div.course img,
div.apply img,
div.contact img,
div.team img {
	width:100%;
	height:auto;
}
/* ---------------------------------------- 標題&簡介（div.intro） ---------------------------------------- */
div.lecture div.intro,
div.course div.intro {
	overflow:hidden;
	color:#ffffff;
	background:url(../images/bg_intro.jpg) no-repeat center center;
	text-shadow: 1px 1px 3px #4D4D4D;
}
div.lecture div.intro h2,
div.course div.intro h2 {
	margin:15px;
	text-align:center;
	font-size:24px;
}
div.lecture div.intro .p_wrapper,
div.course div.intro .p_wrapper {
	height:90px;
}
div.lecture div.intro p,
div.course div.intro p {
	line-height:1.5em;
	font-size:16px;
	word-break:break-all;
}
div.contact div.intro div.float {
	position:absolute;
	bottom:4px;
	width:100%;
}
div.contact div.intro div.float h4 {
	position:relative;
	z-index:5;
	padding:10px;
	font-size:16px;
	color:#ffffff;
	white-space: nowrap;	/* 內容文字斷行省略 */
	overflow: hidden;	/* 內容文字斷行省略 */
	text-overflow: ellipsis;	/* 內容文字斷行省略 */
}
div.contact div.intro div.float div.float_bg {
	position:absolute;
	bottom:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.5;
	filter:alpha(opacity=50); /* IE 5-7 */
}
/* ---------------------------------------- 選單（div.nav） ---------------------------------------- */
div.lecture div.nav ul,
div.lecture div.nav li,
div.course div.nav ul,
div.course div.nav li,
div.contact div.nav ul,
div.contact div.nav li,
div.team div.nav ul,
div.team div.nav li {
	list-style:none;
}
div.lecture div.nav ul,
div.course div.nav ul,
div.contact div.nav ul,
div.team div.nav ul {
	overflow:hidden;
}
div.lecture div.nav li,
div.course div.nav li,
div.contact div.nav li,
div.team div.nav li {
	float:left;
	margin:10px 5px;
}
div.lecture div.nav li a,
div.course div.nav li a,
div.contact div.nav li a,
div.team div.nav li a {
	padding:5px 8px;
	font-size:18px;
	color:#404040;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    font-weight:bold;
}
div.lecture div.nav li a:hover,
div.course div.nav li a:hover,
div.contact div.nav li a:hover,
div.team div.nav li a:hover {
	color:#ffffff;
	background:#7a67e7;
}
div.lecture div.nav li a.active,
div.course div.nav li a.active,
div.contact div.nav li a.active,
div.team div.nav li a.active {
	color:#ffffff;
	background:#b253b1;
}
div.lecture div.nav li a.active:hover,
div.course div.nav li a.active:hover,
div.contact div.nav li a.active:hover,
div.team div.nav li a.active:hover {
	background:#7a2879;
}
/* ---------------------------------------- 選項（div.listswitch） ---------------------------------------- */
div.lecture div.listswitch,
div.course div.listswitch {
	position:absolute;
	right:0px;
	height:34px;
	overflow:hidden;
	padding:10px 0px;
	line-height:36px;
	font-size:14px;
	color:#808080;
}
div.lecture div.listswitch div.time,
div.course div.listswitch div.time {
	float:left;
}
div.lecture div.listswitch div.time select,
div.course div.listswitch div.time select {
	position:relative;
	top:-4px;
	height:34px;
	padding:0px 5px;
}
div.lecture div.listswitch div.preview,
div.course div.listswitch div.preview {
	float:right;
	overflow:hidden;
}
div.lecture div.listswitch div.preview a,
div.course div.listswitch div.preview a {
	float:right;
	width:24px;
	height:24px;
	margin:5px;
}
div.lecture div.listswitch div.preview a.btn_grid,
div.course div.listswitch div.preview a.btn_grid {
	background:url(../images/icon_grid-16.gif) no-repeat center center;
}
div.lecture div.listswitch div.preview a.btn_grid:hover,
div.course div.listswitch div.preview a.btn_grid:hover {
	background:#ff9600 url(../images/icon_grid-16h.gif) no-repeat center center;
}
div.lecture div.listswitch div.preview a.btn_line,
div.course div.listswitch div.preview a.btn_line {
	background:url(../images/icon_list-16.gif) no-repeat center center;
}
div.lecture div.listswitch div.preview a.btn_line:hover,
div.course div.listswitch div.preview a.btn_line:hover {
	background:#ff9600 url(../images/icon_list-16h.gif) no-repeat center center;
}
/* ---------------------------------------- 活動通知(mail)（div.notice） ---------------------------------------- */
div.lecture div.notice,
div.course div.notice {
	padding:10px;
	margin:10px 0px;
	border-left:5px solid #5099ed;
	background:#f2f2f2;
}
div.lecture div.notice span,
div.course div.notice span {
	display:inline-block;
	padding:5px 0px;
	margin-bottom:10px;
}
div.lecture div.notice input[type="text"],
div.course div.notice input[type="text"] {
	width:300px;
	height:30px;
	padding:5px 10px;
	border:1px solid #a9a9a9;
}
div.lecture div.notice input[type="button"],
div.course div.notice input[type="button"] {
	position:relative;
	top:-1px;
	width:60px;
	height:42px;
	color:#ffffff;
	border:none;
	background:#5099ed;
}
/* ---------------------------------------- 清單(格狀)（div.gridlist） ---------------------------------------- */
div.lecture div.gridlist,
div.course div.gridlist {
	overflow:hidden;
	padding:19px 10px 10px;
	/*
	background:#f2f2f2;
	*/
}
div.lecture div.gridlist div.item_wrapper,
div.course div.gridlist div.item_wrapper {
	float:left;
	width:50%;
}
div.lecture div.gridlist div.item,
div.course div.gridlist div.item {
	overflow:hidden;
	margin:10px;
	background:#ffffff;
	border:1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 0 0 #cccccc;
	box-shadow: 0 5px 0 0 #cccccc;
}
div.lecture div.gridlist div.item div.picture,
div.course div.gridlist div.item div.picture {
	position:relative;
}
div.lecture div.gridlist div.item div.picture div.float,
div.course div.gridlist div.item div.picture div.float {
	position:absolute;
	z-index:5;
	bottom:0px;
	width:100%;
}
div.lecture div.gridlist div.item div.picture div.float h3,
div.course div.gridlist div.item div.picture div.float h3 {
	position:relative;
	z-index:5;
	height:56px; /* 2行高度 */
	padding:10px;
	font-size:20px;
	color:#ffffff;
}
div.lecture div.gridlist div.item div.picture div.float div.float_bg,
div.course div.gridlist div.item div.picture div.float div.float_bg {
	position:absolute;
	bottom:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.7;
	filter:alpha(opacity=70); /* IE 5-7 */
}
div.lecture div.gridlist div.item div.text,
div.course div.gridlist div.item div.text {
	padding:10px;
}
div.lecture div.gridlist div.item div.text h4,
div.course div.gridlist div.item div.text h4 {
	font-size:16px;
	color:#4d4d4d;
}
div.lecture div.gridlist div.item div.text div.p_wrapper,
div.course div.gridlist div.item div.text div.p_wrapper {
	height:72px;	/* jQuery 多行文字省略需設定該文字段落的父元素高度才能正確計算 */
}
div.lecture div.gridlist div.item div.text p,
div.course div.gridlist div.item div.text p {
	margin:5px 0px 0px;
	line-height:1.5em;
	font-size:16px;
	color:#595959;
}
div.lecture div.gridlist div.item div.info,
div.course div.gridlist div.item div.info {
	position:relative;
	overflow:hidden;
}
div.lecture div.gridlist div.item div.info div.date,
div.course div.gridlist div.item div.info div.date {
	float:left;
	margin:10px;
}
div.lecture div.gridlist div.item div.info div.date div,
div.course div.gridlist div.item div.info div.date div {
	padding-left:24px;
	color:#ff770d;
	background:url(../images/icon_calendar-16.png) no-repeat 4px center;
}
div.lecture div.gridlist div.item div.info div.date span,
div.course div.gridlist div.item div.info div.date span {
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#808080;
}
div.lecture div.gridlist div.item div.info div.date span.year,
div.course div.gridlist div.item div.info div.date span.year {
	font-family: 'Josefin Sans', sans-serif; /* google fonts(Josefin Sans) */
	font-size:22px;
}
div.lecture div.gridlist div.item div.info div.date span.day,
div.course div.gridlist div.item div.info div.date span.day {
	font-family: 'Dosis', sans-serif; /* google fonts(Dosis) */
	font-size:32px;
	color:#5ab1a2;
	border-bottom:1px solid #ccc;
}
div.lecture div.gridlist div.item div.info div.goapply,
div.course div.gridlist div.item div.info div.goapply {
	position:absolute;
	bottom:18px;
	right:20px;
	padding:5px 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:#4e4195;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.lecture div.gridlist div.item:hover,
div.course div.gridlist div.item:hover {
	border:1px solid #b7151c;
	-webkit-box-shadow: 0 5px 0 0 #b7151c;
	box-shadow: 0 5px 0 0 #b7151c;
}
div.lecture div.gridlist div.item:hover div.info div.goapply,
div.course div.gridlist div.item:hover div.info div.goapply {
	color:#ffffff;
	background:#b7151c;
}
/* ---------------------------------------- 清單(條列)（div.linelist） ---------------------------------------- */
div.lecture div.linelist,
div.course div.linelist {
	overflow:hidden;
	padding:10px;
	/*
	background:#f2f2f2;
	*/
}
div.lecture div.linelist div.item_wrapper,
div.course div.linelist div.item_wrapper {
	float:left;
}
div.lecture div.linelist div.item,
div.course div.linelist div.item {
	overflow:hidden;
	margin:10px;
	background:#ffffff;
	border:1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 0 0 #cccccc;
	box-shadow: 0 5px 0 0 #cccccc;
}
div.lecture div.linelist div.item div.picture,
div.course div.linelist div.item div.picture {
	float:left;
	width:128px;
	margin:10px;
}
div.lecture div.linelist div.item div.picture div.float,
div.course div.linelist div.item div.picture div.float {
	display:none;
}
div.lecture div.linelist div.item div.text,
div.course div.linelist div.item div.text {
	padding:10px;
	margin-left:138px;
}
div.lecture div.linelist div.item div.text h3,
div.course div.linelist div.item div.text h3 {
	font-size:20px;
	color:#4d4d4d;
}
div.lecture div.linelist div.item div.text div.p_wrapper,
div.course div.linelist div.item div.text div.p_wrapper {
	height:48px;	/* jQuery 多行文字省略需設定該文字段落的父元素高度才能正確計算 */
}
div.lecture div.linelist div.item div.text p,
div.course div.linelist div.item div.text p {
	margin:5px 0px 0px;
	line-height:1.5em;
	font-size:16px;
	color:#595959;
}
div.lecture div.linelist div.item div.info,
div.course div.linelist div.item div.info {
	position:relative;
	overflow:hidden;
}
div.lecture div.linelist div.item div.info div.date,
div.course div.linelist div.item div.info div.date {
	float:left;
	width:230px;
}
div.lecture div.linelist div.item div.info div.date div,
div.course div.linelist div.item div.info div.date div {
	display:inline-block;
	padding-left:24px;
	margin-right:10px;
	color:#ff770d;
	background:url(../images/icon_calendar-16.png) no-repeat 4px center;
}
div.lecture div.linelist div.item div.info div.date span,
div.course div.linelist div.item div.info div.date span {
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#808080;
}
div.lecture div.linelist div.item div.info div.date span.year,
div.course div.linelist div.item div.info div.date span.year {
	font-family: 'Josefin Sans', sans-serif; /* google fonts(Josefin Sans) */
	font-size:22px;
}
div.lecture div.linelist div.item div.info div.date span.day,
div.course div.linelist div.item div.info div.date span.day {
	font-family: 'Dosis', sans-serif; /* google fonts(Dosis) */
	font-size:32px;
	color:#5ab1a2;
	border-bottom:1px solid #ccc;
}
div.lecture div.linelist div.item div.info div.goapply,
div.course div.linelist div.item div.info div.goapply {
	position:absolute;
	bottom:10px;
	right:20px;
	padding:5px 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:#4e4195;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.lecture div.linelist div.item:hover,
div.course div.linelist div.item:hover {
	border:1px solid #b7151c;
	-webkit-box-shadow: 0 5px 0 0 #b7151c;
	box-shadow: 0 5px 0 0 #b7151c;
}
div.lecture div.linelist div.item:hover div.info div.goapply,
div.course div.linelist div.item:hover div.info div.goapply {
	color:#ffffff;
	background:#b7151c;
}
/* ---------------------------------------- 頁碼（div.pagination） ---------------------------------------- */
div.lecture div.pagination_wrapper,
div.course div.pagination_wrapper {
	margin:20px 0px;
	text-align:center;
}
div.lecture div.pagination,
div.course div.pagination {
	display:inline-block;
	border:1px solid #cdcdcd;
	background:#ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.lecture div.pagination a,
div.course div.pagination a {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:Arial, "新細明體";
	font-size:1em;
	color:#808080;
	border-left:1px solid #f3f3f3;
}
div.lecture div.pagination a:hover,
div.course div.pagination a:hover {
	color:#ffffff;
	border-left:1px solid #469400;
	background:#469400;
	text-decoration:underline;
}
div.lecture div.pagination a:active,
div.course div.pagination a:active {
	color:#ffffff;
	border-left:1px solid #387700;
	background:#387700;
}
div.lecture div.pagination a.current,
div.course div.pagination a.current {
	color:#ffffff;
	border-left:1px solid #2e7dd5;
	background:#2e7dd5;
}
div.lecture div.pagination a.current:hover,
div.course div.pagination a.current:hover {
	border-left:1px solid #3386e3;
	background:#3386e3;
}
div.lecture div.pagination a.current:active,
div.course div.pagination a.current:active {
	border-left:1px solid #1e68b9;
	background:#1e68b9;
}
div.lecture div.pagination a.prev,
div.lecture div.pagination a.next,
div.course div.pagination a.prev,
div.course div.pagination a.next {
	width:70px;
}
/* ---------------------------------------- banner（div.banner） ---------------------------------------- */
div.apply h3 {
	padding:10px;
	font-size:28px;
	color:#ffffff;
	background:#C56F3B;
}
div.apply div.detail {
	margin:20px 0px;
	border-bottom:1px dashed #e5e5e5;
}
div.apply div.detail div {
	position:relative;
	padding-left:72px;
	margin:20px 0px;
	line-height:1.5em;
	color:#808080;
}
div.apply div.detail div span {
	position:absolute;
	left:0px;
	height:100%;
	padding-left:24px;
	color:#b64656;
}
div.apply div.detail div span.author {
	background:url(../images/icon_mic-16.png) no-repeat 6px 4px;
}
div.apply div.detail div span.date {
	background:url(../images/icon_date-16.png) no-repeat 4px 3px;
}
div.apply div.detail div span.time {
	background:url(../images/icon_time-16.png) no-repeat 4px 4px;
}
div.apply div.detail div span.position {
	background:url(../images/icon_map-16.png) no-repeat 4px 4px;
}
div.apply div.detail div span.price {
	background:url(../images/icon-card-16.png) no-repeat 4px 4px;
}
div.apply div.detail div a {
	display:inline-block;
	padding:1px 10px;
	margin-left:5px;
	font-size:14px;
	color:#ffffff;
	background:#7a67e7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.apply p {
	line-height:2em;
	color:#4d4d4d;
}
div.apply div.introduction p {
	margin:20px 0px;
}
div.apply form {
	overflow:hidden;
	padding:20px;
	margin:20px 0;
	border:1px dashed #e5e5e5;
}
div.apply form div h5 {
	line-height:2em;
	text-align:center;
	font-size:24px;
	color:#ffffff;
	background:#31708f;
}
div.apply form div.info input[type="text"],
div.apply form div.invoice input[type="text"] {
	box-sizing:border-box;
	width:80%;
	padding:5px;
	border:1px solid #cccccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.apply form div.payment {
	margin:30px 0px;
}
div.apply form div.payment fieldset {
	margin:50px 0;
	border:none;
}
div.apply form div.payment fieldset label {
	position:relative;
	display:block;
	min-height:34px;	/* img height */
	padding-left:150px;
	line-height:34px;	/* img height */
	font-size:14px;
	color:#808080;
}
div.apply form div.payment fieldset label div {
	position:absolute;
	top:50%;
	left:3px;
	margin-top:-5px;
}
div.apply form div.payment fieldset label img {
	position:absolute;
	left:40px;
	width:100px;
	height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.apply form div.payment fieldset label b {
	color:#ff0000;
}
div.apply b {
	font-weight:normal;
	/*
	color:#ff0000;
	*/
}
/* ---------------------------------------- DivTable（div.div_table） ---------------------------------------- */
div.div_table {
	display:table;
	width:100%;
	margin:0px auto;
}
div.div_tr {
	display: table-row;
}
div.div_td {
	display: table-cell;
	height:80px;
	vertical-align:middle;
}
div.div_tr div.label {
	width:100px;
	text-align:right;
}
div.div_tr div.check {
	width:40px;
	text-align:center;
}
div.div_tr span.check {
	position:relative;
	top:-2px;
	margin-right:10px;
}
div.div_tr div.company {
	width:180px;
	text-align:center;
}
div.div_tr div.company img {
	width:90%;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.div_tr div.text {
	font-size:16px;
}
/* ---------------------------------------- form（form） ---------------------------------------- */
div.apply form div.send {
	margin:30px 0px;
	text-align:center;
}
div.apply form div.send input {
	padding:10px 100px;
	font-size:16px;
	color:#ffffff;
	border:none;
	background:#0088d2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.apply div.remark {
	line-height:2em;
	font-size:14px;
	color:#808080;
}
div.apply div.remark ol {
	padding-left:20px;
}
div.apply div.remark ol li {
	padding-left:2px;
}
div.apply div.invoice span {
	padding-left:48px;
	font-size:14px;
}
/* ---------------------------------------- 標題&簡介（div.intro） ---------------------------------------- */
div.team div.intro h2 {
	display:inline-block;
	padding:5px 20px;
	margin:20px 0px;
	color:#414141;
	border-left:5px solid #268486;
	background:#f1f1f1;
}
div.team div.intro > p {
	margin:10px 0px;
	line-height:1.5em;
}
div.team div.intro div.detail div {
	overflow:hidden;
}
div.team div.intro div.detail div span {
	float:left;
	padding:5px 10px;
	margin:5px 0px;
	color:#ffffff;
	background:#8b2e53;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.team div.intro div.detail div p {
	margin:10px 0px 10px 60px;
	line-height:1.5em;
}
div.team div.team h3 {
	margin:10px 0px;
	line-height:2.5em;
	text-align:center;
	font-size:24px;
	color:#ffffff;
	background:#2b6289;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.team div.member {
	overflow:hidden;
	padding:10px 0px;
	border-top:1px dashed #ccc;
}
div.team div.member:first-child {
	border:none;
}
div.team div.member img {
	float:left;
	width:128px;
	height:128px;
	padding:0px;	/* clear " div.team div.member > * " setting */
	margin:10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
div.team div.member h4 {
	font-size:24px;
	color:#62522b;
}
div.team div.member p {
	line-height:1.5em;
}
div.team div.member div {
	line-height:2em;
	font-size:14px;
}
div.team div.member > * {
	padding-left:150px;
	margin:10px 0px;
}
div.team div.member div span {
	padding:3px 5px;
	color:#ffffff;
	background:#8b2e53;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* ---------------------------------------- DivTable（div.div_table） ---------------------------------------- */
div.team div.div_table {
	margin:20px 0px;
	font-size:15px;
	border-collapse:collapse;
}
div.team div.div_table div.div_tr {
	border:1px solid #ccc;
}
div.team div.div_table h3 {
	display:table-caption;
	line-height:2.5em;
	text-align:center;
	font-size:24px;
	color:#ffffff;
	background:#2b6289;
}
div.team div.div_table div.service {
	width:30%;
	text-align:center;
}
div.team div.div_table div.detail {
	width:50%;
}
div.team div.div_table div.goto {
	width:20%;
	text-align:center;
}
div.team div.div_table div.goto a {
	padding:5px;
	font-size:14px;
	color:#ffffff;
	background:#07a5e4;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.team div.div_table div.goto a:hover {
	background:#b14eb8;
}
/* ---------------------------------------- 官網首頁banner（div.index_banner）---------------------------------------- */
div.index_banner {
	width:440px;
	height:auto;
	margin:0px auto;
}
/* ---------------------------------------- 其他 ---------------------------------------- */
div.share {
	overflow:hidden;
	margin:20px 0px;
}
div.share span {
	float:right;
}
div.share a.backpage,
div.apply div.invoice a {
	float:right;
	display:inline-block;
	height:40px;
	padding:0px 10px;
	margin:0px 10px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	background:#5ecb70;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.apply div.invoice a {
	float:none;
	height:30px;
	line-height:30px;
	background:#969e3b;
}
div.apply div.invoice a:hover {
	background:#686e1e;
}
a.gotopage {
	display:block !important;
	width:50%;
	height:30px;
	padding:5px 0px;
	margin:10px auto;
	line-height:30px;
	text-align:center;
	color:#ffffff;
	background:#8a123f;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
div.approve {
	position:relative;
	height:383px;
	background:url(/images/edm/lecture/images/approve/bg_approve.jpg) no-repeat center top;
}
div.approve img {
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-64px;
}
div.approve p {
	position:absolute;
	bottom:110px;
	width:100%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	text-shadow: 2px 2px 5px #000000;
}
div.approve div.remark {
	position:absolute;
	bottom:5%;
	width:90%;
	overflow:hidden;
	margin-left:5%;
	font-size:14px;
	color:#000000;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.approve div.remark span {
	position:relative;
	z-index:5;
	display:block;
	margin:10px;
}
div.approve div.remark div.float_bg {
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background:#ffffff;
	opacity:0.7;
	filter:alpha(opacity=70); /* IE 5-7 */
}
div.approve a.gotopage {
	position:absolute;
	bottom:30px;
	left:35%;
	width:30%;
	color:#ffffff;
	background:#07a5e4;
}
div.approve a.gotopage:hover {
	background:#8907e4;
}
div.contact p {
	padding:20px 0px;
	line-height:2em;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}
div.contact p a {
	color:#1368b1;
}
div.contact p a:hover {
	text-decoration:underline;
}
div.contact div.topic {
	margin:20px 0px;
	text-align:center;
}
div.contact div.topic h5 {
	display:inline-block;
	padding:5px 30px;
	margin:10px 0px;
	font-size:16px;
	color:#ffffff;
	background:#137ed8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.contact div.topic ul {
	list-style-type:none;
}
div.contact div.topic ul li {
	margin:15px 0px;
    font-size:16px;
}




