/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Marcellus+SC&subset=latin,latin-ext); */
p,
font,
h1,h2,h3,h4,h5{
	font-size:14px; 

}

.breadcrumb:hover,
.breadcrumb:visited,
.breadcrumb:active,
.breadcrumb:link,
.breadcrumb
{
	color: #6E6E70;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    font-family: 'Lora',	"Microsoft JhengHei", sans-serif;;
}

.career-rich-text-content a{
    color: #CA5F4F;
    font-size: 14px;
    line-height: 18px;;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}
.career-page-content{
	font-size:14px; 
	color:#6E6E70;
	font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}
.career-page-title{
	color: #9A6C14;
    font-size: 20px;
    margin: 5px 0px;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}

.career-page-sub-title{
    color: #5187B3;
    font-size: 16px;
    margin: 5px 0px;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}

.career-page-3rd-title{
    color: #699BC0;
    font-size: 16px;
    margin: 5px 1px;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}
.career-page-4th-title{
	color: #699BC0;
    font-size: 12px;
    margin: 5px 1px;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}


.career-page-link{
    color: #CA5F4F;
    font-size: 14px;
    line-height: 18px;;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
}

.career-page-section-template-1-wrapper p,
.career-page-section-template-2-wrapper p,
.career-page-section-template-3-wrapper p,
.career-page-section-template-4-wrapper p,
.career-page-section-template-5-wrapper p{
	word-wrap: break-word;
	text-align: justify;
	color: #58585A;
    font-size: 14px;
}
.career-page-section-wrapper{
	width: 23.3333%;
}
.career-page-section-level-list-wrapper{
	background-color: #A78138;
	margin: 20px 1% 0px 1%;
	padding: 10px 0px;
}

.career-page-section-item{
	display: inline-block;
	vertical-align: top;
}

.career-page-section-content-wrapper{
	width: 72.55555%;
    margin: 0 1% 0 1%;
}


.career-page-second-level-list{
	padding: 0;
	margin: 0;
	padding-left:20px; 
	list-style-type: none;
}

.career-page-third-level-list{
	padding: 0;
	padding-left:18px;
	margin: 0;
/*	margin-top:15px;
	margin-bottom:15px;*/
	list-style-type: initial;
}

.career-page-second-level-item{
	padding: 5px 10px 5px 20px;
	color: #FFFFFF;
}

.career-page-second-level-item {
	background-image: url('../images/narrow_r.png');
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

.career-page-second-level-item-fixed{
	padding: 5px 10px 5px 20px;
	color: #FFFFFF;
	background-image: url('../images/narrow_d.png');
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

.career-page-second-level-item-fixed a,
.career-page-second-level-item-fixed a:hover,
.career-page-second-level-item-fixed a:active,
.career-page-second-level-item-fixed a:visited,
.career-page-second-level-item-fixed a:link{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}


.career-page-second-level-item.active{

	background-image: url('../images/narrow_d.png');
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

.career-page-second-level-item.active2{

	background-image: url('../images/narrow_r.png');
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

.career-page-second-level-item.active2 .career-page-second-level-item-link,
.career-page-second-level-item.active2 .career-page-second-level-item-link:hover,
.career-page-second-level-item.active2 .career-page-second-level-item-link:active,
.career-page-second-level-item.active2 .career-page-second-level-item-link:visited,
.career-page-second-level-item.active2 .career-page-second-level-item-link:link{
	color: #FDDC9D;
}
.career-page-second-level-item.active .career-page-second-level-item-link,
.career-page-second-level-item.active .career-page-second-level-item-link:hover,
.career-page-second-level-item.active .career-page-second-level-item-link:active,
.career-page-second-level-item.active .career-page-second-level-item-link:visited,
.career-page-second-level-item.active .career-page-second-level-item-link:link{
	color: #FDDC9D;
}

.career-page-second-level-item .career-page-second-level-item-link,
.career-page-second-level-item .career-page-second-level-item-link:hover,
.career-page-second-level-item .career-page-second-level-item-link:active,
.career-page-second-level-item .career-page-second-level-item-link:visited,
.career-page-second-level-item .career-page-second-level-item-link:link{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}

.career-page-third-level-item .career-page-third-level-item-link,
.career-page-third-level-item .career-page-third-level-item-link:hover,
.career-page-third-level-item .career-page-third-level-item-link:active,
.career-page-third-level-item .career-page-third-level-item-link:visited,
.career-page-third-level-item .career-page-third-level-item-link:link{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}

.career-page-third-level-item.active .career-page-third-level-item-link,
.career-page-third-level-item.active .career-page-third-level-item-link:hover,
.career-page-third-level-item.active .career-page-third-level-item-link:active,
.career-page-third-level-item.active .career-page-third-level-item-link:visited,
.career-page-third-level-item.active .career-page-third-level-item-link:link{
	color: #FDDC9D;
}

.career-page-third-level-item{
	padding: 5px;
	color: #FFFFFF;
}

.career-page-section-template-1-item-wrapper{
	display: inline-block;
	vertical-align: top;
}

.career-page-section-template-1-image{
	width: 100%;
}
.career-page-section-template-1-rich-text-wrapper{
	width: 72%;
}
.career-page-section-template-1-photo-wrapper{
    width: 25%;
    padding-left: 1%;
}

.career-page-section-template-1-photo-item{
	display: block;
	padding: 25px 0px;
}
.career-page-section-template-1-photo-item:nth-child(1){
	padding-top:20px;
}

.career-page-section-template-1-photo-list{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.career-page-section-template-1-heading{
	font-style: italic;
	font-size: 12px;
	padding: 0.5%;
	text-align: justify;
}
.career-page-section-template-1-description{
	font-style: italic;
	font-size: 12px;
	padding: 5px;
	text-align: left;
}
.career-page-section-template-2-list{
	padding: 0 !important;
	margin: 0;
	list-style: none;
}

.career-page-section-template-2-list-item{
	background-color: #7AC2D8;
	color:#336D95;
	display: block;
	margin-bottom: 10px;
}

.career-page-section-template-2-detail{

}
.career-page-section-template-2-list-wrapper{

}
.career-page-section-template-2-heading-text{
	background-color: #C9E6EE;
	padding: 5px 10px;
	margin-left: 27px;
	font-size: 16px;
}

.career-page-section-template-2-heading{
	background-color: #336D95;
	background-repeat: no-repeat;
	background-size: auto;
	cursor: pointer;
	background-image: url('../images/open-list.png');
}


.career-page-section-template-2-heading.active{
	background-image: url('../images/close-list.png');
}

.career-page-section-template-2-heading.active .career-page-section-template-2-heading-text{
	background-color: #C9E6EE;
}

/*.career-page-section-template-2-heading.active + .career-page-section-template-2-content{
	display: block;
}*/

.career-page-section-template-2-heading + .career-page-section-template-2-content{
	display: none;
}

.career-page-section-template-2-content{
	background-color: #E1F0F5;
	padding: 15px 30px;
	font-size: 16px;
}
.career-page-section-template-2-heading.no-pull,
.career-page-section-template-2-heading.no-pull.active{
	background-image: none;
	background-color: #C9E6EE;
}


.career-page-section-template-2-content p:first-child{
	margin-top:0px;
}

.career-page-section-template-3-image{
	width:150px;
	height:150px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.career-page-section-template-3-heading{
	color:#336D95;
	text-align: left;
	font-size: 14px;
	height: 30px;
	padding:10px 15px;
}
.career-page-section-template-3-description{
	color:#6E6E70;
	text-align: left;
	font-size: 14px;
	height: 85px;
	overflow: hidden;
	padding:0px 15px 10px 15px;
}

.career-page-section-template-3-list{
	padding: 0;
	margin: 0;
	list-style: none;
}
.career-page-section-template-3-grid-item{
	display: inline-block;
	vertical-align: top;
    padding:10px 20px;;
    width: 47.3%;
}
.career-page-section-template-3-grid-item:nth-child(even){
	padding-right: 0;
}

.career-page-section-template-3-grid-item:nth-child(odd){
	padding-left: 0;
}

.career-page-section-template-5-image{
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.career-page-section-template-5-heading{
	color:#336D95;
	text-align: center;
	font-size: 14px;
	padding:10px 15px;
}
.career-page-section-template-5-description{
	text-align: center;
	word-wrap:break-word;
	font-size: 14px;
	max-height: 100px;
	overflow: hidden;
	color:#6E6E70;
	padding:0px 7px 10px 7px;
}

.career-page-section-template-5-list{
	padding: 0;
	margin: 0;
	list-style: none;
}
.career-page-section-template-5-grid-item{
	display: inline-block;
	vertical-align: top;
	background-color: #E1F0F5;
    margin: 10px 1.333%;
	width: 30.5%;
}

/*.career-page-section-template-5-grid-item-height-wrapper{
	display:inline-block;
	vertical-align: top;
	background-color: #E1F0F5;
    margin:10px 7px;;
    width: 240px;
}*/

/*.career-page-section-template-5-grid-item:nth-child(3n+1){
	margin-left: 0;
}
.career-page-section-template-5-grid-item:nth-child(3n){
	margin-right: 0;
}*/


.career-page-section-template-4-photo-wrapper{
	width: 25%;
	float: right;
	margin: 0px 0px 25px 25px;
}
.career-page-section-template-4-image{
	width: 100%;
}

.career-page-section-template-4-description{
	width: 90%;
	text-align: justify;
	margin: auto;
	padding: 2%;
	font-size: 14px;
	color: #6E6E70;
	background-color:#EAD5C4;
}
.career-page-section-warning{
	background-color: #E1F0F5;
	color: #6E6E70;
	text-align: center;
	font-size: 16px;
	padding: 15px;
	margin-top:20px
}

.career-quotation-wrapper
{
	width: 25%;
	float: right;
	margin: 0px 0px 25px 25px;
}

.career-quotation-image{
	width: 100%;
}

.career-quotation-heading{
    font-family: 'Marcellus SC', serif,"Microsoft JhengHei", sans-serif;
    position: absolute;
    right: 0;
    color: #FFF;
    padding: 2% 5%;
    font-size: 18px;
    right: 0;
    overflow: hidden;
    max-width: 90%;
    bottom: 5%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.career-quotation-image-wrapper{
	width: 100%;
	position: relative;
}

.career-quotation-description{
    width: 80%;
    text-align: left;
    padding: 12% 10% 25% 10%;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	font-family: 'Lora',"Microsoft JhengHei", sans-serif;
}

.career-quotation-description-wrapper{
	position: relative;
}

.career-quotation-description-top{
	position: absolute;
	width: 100%;
	top:3%;
	left: 3%;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url('../images/c1.png');
}

.career-quotation-description-bottom{
	position: absolute;
	width: 100%;
	bottom:3%;
	right:3%;
	height: 63px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url('../images/c2.png');

}

.career-quotation-link,
.career-quotation-link:link,
.career-quotation-link:visited,
.career-quotation-link:active,
.career-quotation-link:focus{
    text-decoration: none;
}

#second-menu-ctr{
	display: none;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/narrow_d.png');
	background-position: 95%;
	background-repeat: no-repeat;
	height: 20px;
	font-size: 18px;
	width: 100%;
}

#second-menu-ctr.active{
	/*transform: rotate(180deg);*/
	background-image: url('../images/narrow_up.png');
}
/*@media screen and (max-width: 9999px) {
	.career-page-second-level-list{
		display: block;
	}
}*/

.career-quick-link-title{
    color: #699BC0;
    font-size: 14px;
    margin: 5px 8px 5px 25px;
    font-family: "Open Sans",sans-serif,"Microsoft JhengHei",sans-serif;
}

.career-quick-link-wrapper.small-x-middle-view .career-quick-link-title{
	margin: 5px;
}

.career-quick-link-list{
	padding:0;
    margin: 0 0 0 40px;
    list-style: square;
}

.career-quick-link-wrapper.small-x-middle-view .career-quick-link-list{
	 margin: 0 0 0 20px;
}
.career-quick-link-item{
	width: 100%;
	padding: 1% 1%;
}
.career-quick-link{
	color: #58585A;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Open Sans', sans-serif,'Microsoft JhengHei', sans-serif;
    text-decoration: none;
}

.career-quick-link:hover{
	text-decoration: underline;
	color: #336D95;
}

.deaktop-x-view{
	display: block;
}

.small-x-middle-view{
	display: none;
}
.small-quotation-middle-view{
	display: none;
}
.deaktop-quotation-view{
	display: block;
}

.popupContent{
    background-color:transparent;
    width:95%;
    margin:auto;
}

.popupWrapper{
    max-width:1000px;
    width:95%;
    margin:10% auto;
    position:relative;
    z-index:1002;
    display:none;
}
.black-overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    background-color: rgba(0,0,0,0.8);
    z-index:1001;
/*        -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);*/
}

@media screen and (max-width: 1000px) {
/*	.career-page-section-content-wrapper {
	    width: 100%;
	    margin: auto;
	}
	.career-page-section-wrapper{
	    width: 100%;
	    margin: auto;
	}*/
/*	.career-page-section-item{
		display: inline-block;
	}
	.career-page-section-content-wrapper {
	    width: 750px;
	    margin-left: 20px;
	}
	.career-page-section-item {
	    display: inline-block;
	    vertical-align: top;
	}*/
}
@media screen and (max-width: 960px) {
	.career-page-section-content-wrapper {
	    width: 95%;
	    margin: auto;
	}
	.career-page-section-wrapper{
	    width: 100%;
	    margin: auto;
	}
	.career-page-section-level-list-wrapper{
		width: 100%;
	    margin: auto;
	}
	.career-page-section-item{
		display: block;
	}
	#second-menu-ctr{
		display: block;
	}
	.career-page-second-level-list{
		display: none;
	}
	.career-page-second-level-list.active{
		display: block;
	}

	.career-page-section-template-1-item-wrapper{
		display: block;
	}
	.career-page-section-template-1-photo-item{
		display:inline-block;
	    width: 32.333%;
	    margin-left: 1%;
	    vertical-align: top;
	}

	.career-page-section-template-1-rich-text-wrapper{
		width: 100%;
	}
	.career-page-section-template-1-photo-wrapper{
	    width: 100%;
	    padding-left: 0;
	}
	.small-x-middle-view{
		display: block;
	}
	.deaktop-x-view{
		display: none;
	}

	.small-x-middle-view .career-quick-link-item{
		padding: 5px 0;
	}
}


@media screen and (max-width: 800px) {
	.career-page-section-template-3-grid-item{
		width: 100%;
		display: block;
		padding: 10px 0px;
	}
}

@media screen and (max-width: 720px) {
	.career-page-section-template-5-grid-item {
	    margin: 10px 1.333%;
	    width: 47%;
	}
}


@media screen and (max-width: 640px) {
	.career-quotation-wrapper{
		width: 60%;
		margin: 0 auto 20px auto;
		float: none;
	}

	.small-quotation-middle-view{
		display: none;
	}
	.deaktop-quotation-view{
		display: none;
	}
}
@media screen and (max-width: 480px) {

	.career-page-section-template-1-photo-item{
		display:inline-block;
	    width: 45.333%;
	    margin-left: 4%;
	    vertical-align: top;
	}
}