@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i,900,900i);/* 英數 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);/* 思源黑體 */
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css);/* 圓體 */

/*----- 桌機版 -----*/
body{
	/*--- 以下為2017春天背景 ---*/
	background:url(../images/spring3.png) no-repeat -5% 8%,
			   url(../images/spring2.png) no-repeat 103% 5%,
			   url(../images/spring4.png) no-repeat -5% 20%,
			   url(../images/spring5.png) no-repeat 110% 50%,
			   url(../images/spring6.png) no-repeat 0% 35%;
}
.path {
	position:relative;
	color:#6e6e6e;
	font-size:13px;
}
.path a {
	color:#6e6e6e;
}
.path a:hover, .path a:focus {
	color:#000;
}
.mainTitle, .leftTitle {
	color:#000;
	font-weight:bold;
	font-size:20px;
	padding-left:0.6em;
	border-left: 0.3em solid #ffad31;
    box-shadow: inset 3px 0 0 #ffd492;
	margin:0.5em 0;
}
.dataTitle {
	color:#6e6e6e;
	font-size:18px;
	font-weight:normal;
	margin:0.5em 0;
}
.searchBlock {
	position:relative;
	background-color:#dddddd;
	padding:0.5em 1em;
	/*font-size:13px;*/
}
.listTable {
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCC;
}
.listTable th {
	border-collapse:collapse;
	padding:5px 7px;
	text-align:center;
	font-weight:normal;
	background-color:#03a9f4;
	color:#fff;
	border:1px solid #CCC;
	word-break:break-all;
}
.listTable td {
	border-collapse:collapse;
	padding:5px 7px;
	border:1px solid #CCC;
	word-break:break-all;
}
.listTable tbody tr:nth-child(odd), 
.listTable.noRowColor tbody tr:nth-child(odd), 
.listTable.noRowColor tbody tr:nth-child(even){
	background-color:#fff;
}
.listTable tbody tr:nth-child(even){
	background-color:#F1F1F1;
}
.listTable a {
	color:#383838;
}
.listTable a:hover, .listTable a:focus {
	color:#F60;
}
.formTable {
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCC;
}
.formTable th {
	border-collapse:collapse;
	border:1px solid #CCC;
	padding:5px 7px;
	width:1%;
	white-space:nowrap;
	font-weight:normal;
	text-align:right;
	background-color:#e7e7e7;
}
.formTable td {
	border-collapse:collapse;
	padding:5px 7px;
	border:1px solid #CCC;
}
.formTable .normalRow {
	width:inherit;
	white-space:normal;
}
.dataTable {
	width:100%;
	border:none;
}
.dataTable th {
	width:1%;
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	border:none;
}
.dataTable td {
	border:none;
	text-align:left;
}
.voiceBlock {
	position:relative;
	border:1px solid #CCC;
	background-color:#efefef;
	padding:0.5em 1em;
	margin-bottom:1em;
}
.edit {
	position:relative;
	margin:1em 0;
}
.edit p {
	margin:1em 0;
}
.tool {
	/*position:absolute;
	right:10px;
	top:10px;*/
	font-size:13px;
	position:relative;
	text-align:right;
}
.toolList {
	list-style:none;
	margin:0;
	padding:0;
}
.toolList li {
	display:inline-block;
	vertical-align:top;
	margin-left:1px;
}
.toolList a {
	color:#383838;
}
.toolList a:hover {
	color:#F60;
}
.toolList .toolBtn {
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
.toolList .toolBtn.type1 {
	background-image:url(../images/icon/icon_back.png);
}
.toolList .toolBtn.type2 {
	background-image:url(../images/icon/icon_print.png);
}
.toolList .toolBtn.type3 {
	background-image:url(../images/icon/icon_mail.png);
}
.moreFile {
	position:relative;
	margin-bottom:1em;
}
.moreFileTT {
	color:#ff6c00;
	font-size:18px;
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:28px;
}
.moreFileTT.file {
	background-image:url(../images/icon/icon_download.png);
}
.moreFileTT.link {
	background-image:url(../images/icon/icon_link.png);
}
.moreFileTT.photo {
	background-image:url(../images/icon/icon_photo.png);
}
.moreFileList {
	margin:0;
	padding:0 0 0 2em;
}
.moreFileList li {
	list-style:outside;
}
.moreFileList a {
	color:#383838;
}
.moreFileList a:hover {
	color:#F60;
}
.morePhotoList {
	list-style:none;
	margin:0;
	padding:0;
}
.morePhotoList li {
	display:inline-block;
	vertical-align:top;
	margin:1%;
	width:21%;
	border:2px solid #CCC;
	/*transform:0.3s;*/
	transition:0.3s;
	line-height:0;
}
.morePhotoList li:hover {
	border:2px solid #F60;
}
.morePhotoList img {
	width:100%;
}
.score {
	position:relative;
	margin-bottom:1em;
	background-color:#efefef;
	border:1px solid #CCC;
	padding:0.5em 1em;
}
.scoreTT {
	background:url(../images/icon/icon_scoreTT.png) no-repeat center left;
	padding-left:20px;
	margin-bottom:0.5em;
}
.scoreContent {
	background-color:#e1e1e1;
	padding:0.5em 1em;
}
.bottomBtn {
	position:relative;
	clear:both;
	margin:1em 0;
	text-align:center;
}
.bigBtn {
	display:inline-block;
	background-color:#ff6c00;
	color:#FFF;
	font-size:18px;
	padding:5px 15px;
	border-radius:10px;
}
.bigBtn:hover {
	background-color:#333;
	box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.jobwarp {
	FONT-FAMILY: "微軟正黑體";
	MARGIN: auto;
	LINE-HEIGHT: 170%;
	WIDTH: 1000px;
}
.jobwarp .title H2 {
	MARGIN-BOTTOM: 20px;
	FONT-SIZE: 1.8em;
	BORDER-BOTTOM: #e3f3b4 5px solid;
	FONT-WEIGHT: bold;
	COLOR: #4e8b02;
	PADDING-BOTTOM: 15px;
	TEXT-ALIGN: center;
	MARGIN-TOP: 10px;
}
.jobwarp .Rule {
	PADDING-BOTTOM: 0.7em;
	PADDING-TOP: 0.7em;
	PADDING-LEFT: 1.5em;
	PADDING-RIGHT: 1.5em;
	BACKGROUND-COLOR: #eef7d2;
	border-radius: 10px;
}
.jobwarp P {
	FONT-SIZE: 1em;
}
.jobwarp .con {
	PADDING-BOTTOM: 0.5em;
	PADDING-TOP: 0.5em;
	PADDING-LEFT: 1.5em;
	PADDING-RIGHT: 1.5em;
	BACKGROUND-COLOR: #f2f2f2;
}
.jobwarp H3 {
	COLOR: #060;
	PADDING-BOTTOM: 0.7em;
	PADDING-TOP: 0.7em;
	PADDING-LEFT: 1.5em;
	BORDER-LEFT: #060 20px solid;
	PADDING-RIGHT: 1.5em;
	BACKGROUND-COLOR: #e3f3b4;
	margin-top:1em;
}
.jobwarp .list {
	FONT-SIZE: 1em;
}
.jobwarp .list LI {
}
.CommissionerPhoto {
	width:450px;
}
.CommissionerPhoto img {
	width:100%;
}
.siteLeft {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:70%;
	margin-right:1%;
}
.siteRight {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:28%;
}
.siteLeft2 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin-right:3%;
}
.siteRight2 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:48%;
}
.siteBlock {
	position:relative;
	background-color:#e7e7e7;
	border:1px solid #bcc2e5;
	padding:0.5em 1em;
	margin-bottom:1em;
}
.siteBlockContent {
	padding-left:1em;
}
.siteLeftTop {
	position:relative;
	margin-bottom:1em;
}
.siteLeftTopList, .siteLeftBotList {
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid #E7E7E7;
}
.siteLeftTopList li {
	position:relative;
	padding:1%;
	/*width:31%;*/
	width:24%;
	border-right:1px solid #E7E7E7;
	display:table-cell;
	vertical-align:top;
}
.siteLeftTopList li:last-of-type {
	border:none;
}
.boderRow {
	border-bottom:1px solid #E7E7E7;
}
.boderRow:last-of-type {
	border:none;
}
.siteLeftBotList li {
	position:relative;
	width:45%;
	padding:1%;
	display:inline-block;
	vertical-align:top;
}
.siteContent {
	font-size:0.813em;
}
.siteLeftBot {
	position:relative;
}
.siteRightBlock {
	position:relative;
	margin-bottom:1em;
}
.siteRightTitle {
	color:#FFF;
	padding:3px 7px;
	border-radius:5px;
}
.siteRightTitle.type1 {
	background-color:#77A936;
}
.siteRightTitle.type2 {
	background-color:#0099FF;
}
.siteRightTitle.type3 {
	background-color:#A960D1;
}
.siteRightTitle.type4 {
	background-color:#FC900A;
}
.siteRightTitle.type5 {
	background-color:#006699;
}
.siteRightList {
	list-style:none;
	margin:5px 0;
	padding:0;
}
.siteRightList li {
	border-bottom:1px solid #E7E7E7;
	padding:5px;
}
.fullImg img {
	width:100%;
}
.autoImg img {
	width:auto;
}
.nowrap {
	white-space:nowrap;
}
.subMenu {
	position:relative;
	clear:both;
	border-bottom:1px solid #007F80;
	text-align:center;
	margin:1em 0;
}
.subMenuList {
	list-style:none;
	margin:0;
	padding:0;
	text-align: left;
}
.subMenuList li {
	display:inline-block;
	vertical-align:top;
	margin-bottom:2px;
}
.subMenuList a {
	display:block;
	padding:2px 7px;
	color:#666;
}
.subMenuList a:hover, .subMenuList .current {
	background-color:#00ADA5;
	color:#fff;
}
.subMenuList.sub {
	border-top:1px solid #007F80;
	/*padding-top:0.5em;
	margin-top:0.5em;*/
	padding-top:2px;
}
.iconList {
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}
.iconList li {
	background:url(../images/icon/mainUL.png) no-repeat left center;
	padding:0.5em 0 0.5em 30px;
	border-bottom:1px dashed #C5C5C5;
}
.dashedBorderBot {
	border-bottom:1px dashed #C5C5C5;
	padding:1em 0;
}
.publicationsNewsList {
	list-style:none;
	margin:0;
	padding:0;
}
.publicationsNewsList li {
	display:inline-block;
	vertical-align:top;
	width:22%;
	margin:1%;
}
.publicationsNewsImg {
	line-height:0;
	border-style:solid;
	border-spacing:5px;
	border-color:#f5f5f5;
	box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	transition:0.3s;
	margin-bottom:5px;
}
.publicationsNewsImg:hover {
	border-color:#ff6c00;
}
.publicationsNewsImg img {
	width:100%;
}
.loginBar {
	background-color:#f5f5f5;
	border-radius:10px;
	padding:0.5em 1em;
	margin:0.5em 0;
}
.checkboxSelect {
	margin-bottom:2em;
	text-align:left;
}
.checkboxSelectList {
	list-style:none;
	margin:0;
	padding:0;
}
.checkboxSelectList li {
	display:inline-block;
	vertical-align:top;
	width:15%;
	margin:0 1% 1% 0;
}
.checkboxSelectInnerList {
}
.checkboxSelectInnerList li {
	display:block;
	width:100%;
	padding-left:1em;
}
.checkboxSelectInnerList li:first-child {
	padding:0;
	color:#ff6c00;
}
.sitemap {
	position:relative;
}
.sitemap a {
	color:#666;
}
.sitemap a:hover, .sitemap a:focus {
	color:#ff6c00;
}
.sitemap ul .Big a {
	color:#FFF;
}
.sitemap ul .Big a:hover, .sitemap ul .Big a:focus {
	color:#666;
}
.sitemap ul {
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}
.sitemap ul .Big {
	display:block;
	background-color:#ffa800;
	width:auto;
	font-size:1.2em;
	padding:0.3em 0.5em;
}
.sitemap ul li {
	display:inline-block;
	vertical-align:top;
	width:22%;
	margin:0 1% 0.3em 0;
	padding:0 0 0 1%;
}
.wordBreakText {
	word-break:break-all;
}
.normalOl {
	padding-left:1.8em;
	list-style-type:decimal;
}
.normalOl li {
	list-style-type:decimal;
}
.T2 {
	list-style:none;
	margin:0;
	padding:0 0 0 2em;
}
.T2 li {
	list-style:none;
	text-indent:-2em;
}
.T3 {
	list-style:none;
	margin:0;
	padding:0 0 0 3em;
}
.T3 li {
	list-style:none;
	text-indent:-3em;
}
.T3px {
	list-style:none;
	margin:0;
	padding:0 0 0 54px;
}
.T3px li {
	list-style:none;
	text-indent:-54px;
}
.page {
	position:relative;
	clear:both;
	margin:1em 0;
	text-align:center;
	/*font-size:13px;*/
}
.page a {
	display:inline-block;
	padding:0 7px;
	color:#383838;
}
.page .current {
	background-color:#05ABE0;
	color:#fff;
}
.greenText {
	color:#4e8b02;
}
.blueText {
	color:#2f3b8b;
}
.orangeText {
	color:#ff6c00;
}
.normalText {
	font-weight:normal;
}
.blackLink {
	color:#333;
	transition:none;
}
.blackLink:hover, .blackLink:focus {
	color:#ff6c00;
}
.blueLink {
	color:#2f3b8b;
	transition:none;
}
.blueLink:hover, .blueLink:focus {
	color:#ff6c00;
}
.orangeLink {
	color:#ff6c00;
	transition:none;
}
.orangeLink:hover, .orangeLink:focus {
	color:#333;
}
.noMargin {
	margin:0;
}
.marginTop {
	margin:1em 0 0 0;
}
.marginBot {
	margin:0 0 1em 0;
}
.marginTopBot {
	margin:1em 0;
}
.paddigBot {
	padding:0 0 1em 0;
}
.paddingTopBot {
	padding:1em 0;
}
.paddigLeft {
	padding:0 0 0 1em;
}
.paddigRight {
	padding:0 1em 0 0;
}
.paddigRightS {
	padding:0 0.3em 0 0;
}
.dotList {
	padding-left:1.5em;
	list-style:outside;
}
.dotList li {
	list-style:outside;
}
.borderLine {
	border-bottom:1px solid #999;
	margin:1em 0;
}
.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}
.alignRightT {
	text-align:right;
}
input.superShortInput, .superShortInput {
	width:30px;
}
input.shortInput, .shortInput {
	width:10%;
}
input.mediumInput, .mediumInput {
	width:40%;
}
input.longInput, .longInput {
	width:95%;
}
input.longInput, .longInput2{
	width:75%;
}
.webWrap.inner {
	padding:0;
}
.leftBlock {
	position:relative;
	display:block;
	box-sizing:border-box;
	float:left;
	width:200px;
	background-color:#FFF;
	padding:10px 20px 20px 20px;
	border-radius:1em 0 0 1em;
}
.mainContentWrap.withLeft {
	position:relative;
	float:left;
	width:800px;
	padding:10px 20px;
	border-radius:0 1em 0 0;
}
.sgAccesskey {
	font-size:13px;
	color:#6e6e6e;
}
.leftMenuList {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px dashed #d0d0d0;
}
.leftMenuList li {
	border-bottom:1px dashed #d0d0d0;
}
.leftMenuList a {
	display:block;
	padding:0.5em;
	color:#565655;
	transition:0.3s;
}
.leftMenuList a:hover, .leftMenuList a:focus, .leftMenuList .current {
	background-color:#ff9800;
	color:#FFF;
}
.subLeftMenu {
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;
	line-height:normal;
}
.subLeftMenu li {
	border-top:1px dashed #999;
	border-bottom:none;
	padding-left:1em;
}
.subLeftMenu a {
	color:#999;
}
.subLeftMenu .current, .subLeftMenu a:hover {
	color:#666;
	background:none;
}
.pageHighlight, a.pageHighlight {
	border-radius:.25em;
	padding:0 5px;
	border:1px solid #CCC;
	margin:1px;
	display:inline-block;
}
a.pageHighlight {
	color:#777777;
}
a.pageHighlight:hover, a.pageHighlight:focus {
	background-color:#00ADA5;
	color:#FFF;
}
.whiteText {
	color:#FFF;
}
.red {
	color:#F00;
}
.backBtn {
	background:#efefef url(../images/icon/icon_back_2.png) no-repeat left center;
	color:#999;
	padding:2px 5px 2px 30px;
	border-radius:5px;
	border:1px solid #CCC;
}
.backBtn:hover, .backBtn:focus {
	color:#333;
	border:1px solid #333;
}
.subscriptionBtn {
	color:#00ADA5;
	border:1px solid #00ADA5;
	display:inline-block;
	border-radius:5px;
	padding:2px 10px;
}
.subscriptionBtn:hover, .subscriptionBtn:focus {
	background-color:#00ADA5;
	color:#FFF;
}
.boldText {
	font-weight:bold;
}
.underlineText {
	text-decoration:underline;
}
.toolList2 {
	list-style:none;
	margin:0;
	padding:0;
}
.toolList2 li {
	display:inline-block;
	vertical-align:top;
}
.goTop {
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:9999;
	display:none;
}
.goTop a {
	padding:8px 10px;
	background-color:#000;
	border-radius:10px;
	opacity:0.5;
	transition:0.3s;
}
.goTop a:hover {
	opacity:0.8;
}
.editLeft {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:68%;
	margin-right:1%;
}
.editRight {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:30%;
}
.iconList2 {
	list-style:none;
	margin:0;
	padding:0;
}
.iconList2 li {
	background:url(../images/siteContent/dot01.png) no-repeat left top;
	padding:0 0 0 20px;
}
.iconList2 a {
	color:#414141;
}
.iconList2 a:hover, .iconList2 a:focus {
	color:#F60;
}
.ill02 {
	background-color:#ecf3cc;
	padding:0.5em 1em;
	border-radius:10px;
	color:#357804;
	margin-bottom:15px;
}
.ill02 a {
	color:#357804;
	text-decoration:underline;
}
.ill02 a:hover, .ill02 a:focus {
	color:#000;
}
.ill01 {
	background:url(../images/siteContent/illage01.png) no-repeat left bottom;
	padding:15px 0 15px 130px;
	margin-bottom:15px;
}
.ill03 {
	background:url(../images/siteContent/ill03bg.gif) no-repeat left bottom;
	padding:15px 0 15px 160px;
	margin-bottom:15px;
	min-height:147px;
}
.ill04 {
	background:url(../images/siteContent/ill04bg.gif) no-repeat left bottom;
	padding:15px 0 15px 160px;
	margin-bottom:15px;
	min-height:147px;
}
.linkBlock {
	background-color:#f0f0f0;
	border-radius:10px;
	border:1px solid #CCC;
	padding:10px 20px;
}
.linkTitle {
	text-align:center;
	margin-bottom:5px;
}
.linkList {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.linkList li {
	margin-bottom:5px;
	width:185px;
}
.linkList img {
	width:100%;
}
.g1 {
	list-style:none;
	margin:0;
	padding:0;
}
.g1 li {
	margin-bottom:0.8em;
}
.g1Link {
	font-size: 120%;
    /*font-weight: bold;*/
    background: #D5FDFF;
    border: 0px solid #8BC2C6;
    box-shadow: 0 3px 0 #8BC2C6;
    padding:0.5em 1em;
    border-radius: 1.5em;
	color: #257A7F;
    display: block;
}
.g1Link:hover, .g1Link:focus {
	background: #257A7F;
	color:#FFF;
	box-shadow:0 1px 0 #8BC2C6;
}
.g2 {
	list-style:none;
	margin:10px 15px;
	padding:0;
}
.g2 li {
	margin:0;
	background:url(../images/icon/g2Icon.png) no-repeat left center;
	padding:0 0 0 15px;
}
.g2Link {
	color:#666;
}
.g2Link:hover, .g2Link:focus {
	color:#FC7B03;
}
.pcOnly {
	display:inline-block;
}
.phoneOnly, .toolList2 .phoneOnly {
	display:none;
}
.phoneRow {
	display:inline-block;
}
.noFound {
    width: 750px;
    line-height: 1.4em;
    /*padding: 10px 10px 15px 260px;*/
    padding: 10px 15px;
    margin: 100px auto;
	background:rgba(255,255,255,.85);
    /*background: url(../../../resources/images/ohbear2.png) top left no-repeat;
    background-size: 18%;
    background-position: 60px 0px;*/
}
.noFound h1 {
    color: #e87536 !important;
}
.noFound p {
    padding: 4px 0px 8px 0px;
    margin: 4px 0px 8px 0px;
}
.noFound h3 {
    color: #e87536;
}
.noFound a:hover {
    background-color: #000;
    border: 0px #FF6600 solid;
}
.noFound a {
    background-color: #e87536;
    padding: 4px 20px 4px 20px;
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    border: 0px #FF6600 solid;
}
.epaperWrap{
	width:100%;
}
/*.epaperWrap p a {
	background-color:#666;
	color:#FFF;
	padding:3px 7px;
}
.epaperWrap p a.imgLink, #epaperSection3 a {
	background:none;
	color:inherit;
	padding:0;
}*/
.epaperWrap section{
	width:100%;
    padding: 1em;
    box-sizing: border-box;
}
.epaperWrap section p{
	font-size:16px;
}
.epaperWrap #epaperSection1{
    background: #81c65c;
}
.epaperWrap #epaperSection2{
    background: #ef7b7b;
}
.epaperWrap #epaperSection4{
    background: #ffe066;
}
.epaperWrap #epaperSection5{
	background: #7bd2ef;
}
.epaperWrap #epaperSection3{
	background: url(../images/epaper/footerBg.jpg) no-repeat center bottom;
    letter-spacing: 0px;
    background-size: cover;
}
.epaperWrap img{
	width:100%;
}
.epaperWrap a img{
	width:auto;
}
.epaperWrap #epaperSection1 h2{
    margin: 0;
    border-left: 6px solid #236500;
    border-bottom: 1px solid #3da604;
    color: #246600;
    font-size: 22px;
    padding: 0 0 0 10px;
    line-height: 40px;
    letter-spacing: 1px;
}
.epaperWrap #epaperSection2 h2{
	margin: 0;
    border-left: 6px solid #700000;
    border-bottom: 1px solid #c90000;
    color: #700000;
    font-size: 22px;
    padding: 0 0 0 10px;
    line-height: 40px;
    letter-spacing: 1px;
}
.epaperWrap #epaperSection4 h2{
	margin: 0;
    border-left: 6px solid #ff9600;
    border-bottom: 1px solid #f3ba20;
    color: #ff9600;
    font-size: 22px;
    padding: 0 0 0 10px;
    line-height: 40px;
    letter-spacing: 1px;
}
.epaperWrap #epaperSection5 h2{
	margin: 0;
    border-left: 6px solid #005470;
    border-bottom: 1px solid #0097c9;
    color: #005470;
    font-size: 22px;
    padding: 0 0 0 10px;
    line-height: 40px;
    letter-spacing: 1px;
}
.epaperWrap section div{
	padding:1em;
	background:#fff;
}
#epaperSection1 h3{
	margin: 0 0 5px 0;
    font-size: 20px;
    color: #088054;
    letter-spacing: 1px;
}
#epaperSection2 h3{
	margin: 0 0 5px 0;
    font-size: 20px;
    color: #700000;
    letter-spacing: 1px;
}
#epaperSection4 h3{
	margin: 0 0 5px 0;
    font-size: 20px;
    color: #f55d3c;
    letter-spacing: 1px;	
}
#epaperSection5 h3{
	margin: 0 0 5px 0;
    font-size: 20px;
    color: #f55d3c;
    letter-spacing: 1px;	
}
.epaperImg{
	border-width:0px;
	border:1px solid #d2d2d2;
	box-shadow: 0 0 5px 2px rgba(20%, 20%, 40%, 0.3);
}
.epaperWrap #epaperSection2 ul li{
	margin:.5em 0 1em 0;
}
/*section h3 a{
	color: #fff;
    background: #646363;
    padding: .5em 1em;
    display: block;
    text-align: center;
}*/

/*影音專區*/
.videoBlock {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom:1em;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.videoBlock iframe, .videoBlock object, .videoBlock embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoList {
	list-style:none;
	margin:0;
	padding:0;
}
.videoList li {
	display:inline-block;
	vertical-align:top;
	width:22%;
	margin:1%;
}
.videoImg img {
	width:100%;
	border:2px solid #CCC;
	transition:0.3s;
}
.videoImg img:hover {
	border:2px solid #999;
}
.videoTxt {
	color:#00ADA5;
}
/*影音專區 end*/

/*討論區*/
.msgInfo {
	position:relative;
}
.msgInfoTitle {
	display:inline-block;
	background-color:#aeaeae;
	color:#FFF;
	padding:0.3em 0.7em;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
}
.msgInfoContent {
	position:relative;
	background-color:#F1F1F1;
	padding:0.5em;
}
.msgInfoContent.reply {
	background-color:#fff5a0;
}
.msgTable {
	position:relative;
}
.msgTableTR {
	list-style:none;
	margin:0;
	padding:0;
}
.msgTableTR li {
	display:inline-block;
	vertical-align:top;
}
.msgTableTR .msgTableTH {
	width:13%;
	text-align:right;
}
.msgTableTR .msgTableTD {
	width:85%;
}
.msgList {
	position:relative;
}
.msgListTitle {
	position:relative;
	background-color:#aeaeae;
	color:#FFF;
	padding:0.3em 0.7em;
}
.msgListTitleL, .msgListTitleR {
	display:inline-block;
	vertical-align:top;
	width:48%;
}
.msgListTitleR {
	text-align:right;
}
a.blackBtn {
	padding:0.2em 1em;
}
.msgListContent {
	position:relative;
	background-color:#F1F1F1;
}
.msgListContentList {
	list-style:none;
	margin:0;
	padding:0;
}
.msgListContentList li {
	padding:0.5em;
	border-bottom:1px dashed #aeaeae;
}
.msgListContentText {
	margin-right:0.5em;
}
.msgListContentTime {
	color:#999;
}
#hideMsg {
	display:none;
}
.grayText {
	color:#999;
}
/*討論區 end*/

@media screen and (max-width: 750px){
.noFound {
    box-sizing: border-box;
    width: 90%;
    line-height: 1.4em;
    padding: 40% 20px;
    margin: 15px auto;
    /*background: url(../../../resources/images/ohbear2.png) top center no-repeat;
    background-size: 35%;*/
    text-align: center;
}
.noFound h1 {
	font-size:30px;
}
.noFound h3 {
	font-size:20px;
}

}

#Japan .iconList{
	margin:0;
	padding:0;
}
#Japan .iconList li{
	margin: 5px;
    padding: 10px 20px;
	display: flex;
	display: -webkit-flex;
	float: left;
    align-items: center;
    /*justify-content: center;*/
    width: 48%;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
    height: 100px;
	font-size: 0.85em;
	background:#ededed;
	border:none;
	border-radius:0 20px 0 20px;
	transition:all ease-out .4s;
}
#Japan .iconList li a{
	display:block;
	font-family:/*'cwtexyen'*/ 'Noto Sans TC';
	font-weight:100;
	line-height:1.5;
	letter-spacing:2px;
	transition:all ease-out .4s;
}
#Japan .iconList li:hover{
	background:#F90;
}
#Japan .iconList li:hover a{
	color:#fff;
	font-style:italic;
}
#Japan .iconList li a span{
	background:#fff;
	display:block;
	font-weight:400;
	display:block;
	border-bottom:1px solid #CCC;
}
#Japan  #ctl00_ContentPlaceHolder1_JpPanel{
	font-weight: 700;
    font-family: 'Noto Sans TC';
    font-size: 1.5em;
    letter-spacing: 2px;
    text-align: center;
}
#Japan  #ctl00_ContentPlaceHolder1_JpPanel a, #Japan  #ctl00_ContentPlaceHolder1_JpPanel a:hover{
	color:#366;
}

.jpListStyle1, .jpListStyle2, .jpListStyle3{
	font-family:'Noto Sans TC';
	font-weight:100;
	font-size:0.8em;
	color:#333;
	letter-spacing:1px;
	margin:0 0 20px 0;
}
.jpListStyle1 li{
	margin-bottom:20px;
	border-bottom:1px dotted #CCCCCC;
	padding:10px 0;
}
.jpListStyle2 li{
	border-bottom:1px dotted #CCCCCC;
	padding:10px 0;
}
.jpListStyle3 li{
	padding:10px;
}
.jpListStyle1 h4, .jpListStyle2 h4, .jpListStyle3 h4{
	font-weight:400;
	font-size:1.2em;
	margin-bottom:10px;
}
.jpRedTxt{
	color:#C00;
}
.jpBlueTxt{
	color:#39C;
}
.jpGreenTxt{
	color:#099;
}
.jpListStyle1 h4 a:hover, .jpListStyle2 h4 a:hover, .jpListStyle3 h4 a:hover{
	font-style:italic;
}
.jpListStyle1 .qaStyle{
	font-family:'Roboto', 'Noto Sans TC';
	font-weight:300;
	padding:0 0 10px 0;
	margin-bottom:0;
}
.jpListStyle1 .qaStyle span{
	font-size:2em;
	margin-right:5px;
	font-weight:100;
	color:#333;
}
.jpListStyle1 p{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#ececec;
	padding:.5em 1em 1em 1em;
	box-sizing:border-box;
}
.twoblockStyle{
	display:inline-block;
	width:49.5%;
    vertical-align: top;
}
.content .jpListStyle1 {
	list-style:none;
	margin:0;
}
.content .jpListStyle3 {
	list-style:cjk-ideographic;
	font-weight:400;
	list-style-position: inside;
	padding: 0;
}
.content .jpListStyle2 p, .content .jpListStyle3 p {
	font-weight:100;
}
.content .jpListStyle1 li{
	box-sizing:border-box;
	margin-bottom:0;
	border:none;
}
.jpListStyle3 li{
	background:#edf6d4;
	margin-bottom:5px;
}
.jpListStyle3 li ul, .jpListStyle3 li ol{
	margin:0;
	padding:.5em 1em .5em 2.5em;
	background:#fff;
}
.jpListStyle3 li ul li, .jpListStyle3 li ol li{
	border:none;
	margin:10px 0;
	padding:0;
	font-weight:100;
	list-style-position: initial;
	background:#fff;
	color:#333;
}
.jpListStyle3 li ul li{
	list-style:square;
}
.marketYellow{
	background:#FF3;
	padding:0 5px;
	font-weight:300;	
}


/*----- 手機版 -----*/
@media screen and ( max-width:767px) {
.twoblockStyle{
	width:100%;
}
#Japan .iconList li{
    width: 100%;
}
/*.tool {
	position:relative;
	top:0;
	right:0;
}*/
.morePhotoList li {
	display:block;
	width:99%;
}
.formTable th {
	width:31%;
	white-space:normal;
	text-align:left;
}
.jobwarp {
	width:auto;
}
.jobwarp P {
	margin:0;
}
.jobwarp .list {
	margin-left:0;
	padding-left:1.5em;
}
.CommissionerPhoto {
	width:100%;
}
.siteLeft {
	display:block;
	width:auto;
	margin-right:0;
	margin-bottom:1em;
}
.siteRight {
	display:block;
	width:auto;
}
.siteLeftTopList li {
	padding:5%;
	width:auto;
	border-right:none;
	border-bottom:1px solid #E7E7E7;
	display:block;
}
.siteLeftBotList {
	border-bottom:none;
}
.boderRow {
	border-bottom:none;
}
.siteLeftBotList li {
	width:auto;
	padding:5%;
	display:block;
	border-bottom:1px solid #E7E7E7;
}
.siteLeft2, .siteRight2 {
	display:block;
	width:auto;
	margin-right:0;
}
.publicationsNewsList li {
	display:block;
	width:auto;
	margin:0 0 1em 0;
}
.checkboxSelectList li {
	display:block;
	width:auto;
	margin:0 0 1em 0;
}
.checkboxSelectInnerList li {
	margin:0;
}
.sitemap ul li {
	display:block;
	width:auto;
	margin:0 0 0.3em 0;
}
.autoImg img {
	width:100%;
}
input.shortInput, input.mediumInput, input.longInput, 
.shortInput, .mediumInput, .longInput {
	width:95%;
}
.leftBlock {
	display:none;
}
.mainContentWrap.withLeft {
	width:auto;
	padding:1em;
	border-radius:1em 1em 0 0;
}
.path, .voiceBlock {
	display:none;
}
.goTop {
	display:block;
}
.editLeft {
	display:block;
	width:auto;
	margin-right:0;
	margin-bottom:1em;
}
.editRight {
	display:block;
	width:auto;
}
.ill01 {
	background:none;
	padding:0;
}
.ill03 {
	background:none;
	padding:0;
	min-height:auto;
}
.ill04 {
	background:none;
	padding:0;
	min-height:auto;
}
/*影音專區*/
.videoList li {
	width:block;
	width:auto;
}
/*影音專區 end*/
.phoneRow {
	display:block;
}
.phoneNone, .toolList2 .phoneNone {
	display:none;
}
.pcOnly {
	display:none;
}
.phoneOnly, .toolList2 .phoneOnly {
	display:inline-block;
}
}

/*----- 平板版 -----*/
@media screen and ( min-width:768px) and ( max-width:1000px) {
/*.tool {
	right:1em;
	top:1em;
}*/
.jobwarp {
	width:auto;
}
.jobwarp P {
	margin:0;
}
.jobwarp .list {
	margin-left:0;
	padding-left:1.5em;
}
.CommissionerPhoto {
	width:100%;
}
.checkboxSelectList li {
	display:block;
	width:auto;
	margin:0 0 1em 0;
}
.checkboxSelectInnerList li {
	margin:0;
}
.autoImg img {
	width:100%;
}
.leftBlock {
	display:none;
}
.mainContentWrap.withLeft {
	width:auto;
	padding:1em;
	border-radius:1em 1em 0 0;
}
.path, .voiceBlock {
	display:none;
}
.goTop {
	display:block;
}
.linkList li {
	width:175px;
}
}