/*好履歷計畫首頁*/
.resumeproject .top_banner {
	background:url(https://images.1111.com.tw/event/img/zone/jobsouth/images/resume/banner_bg.webp) no-repeat;
	background-size:cover ;
	min-height:55vh;
}
.resumeproject .top_banner .breadcrumb, .resumecheck .breadcrumb {
    padding: 5px 0px;
}
.resumeproject .top_banner .breadcrumb > li a {
	color: #0a837c;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
}
.resumeproject .top_banner .breadcrumb > li + li:before {
	color: #0a837c;
}

.resumeproject .top_banner .banner{
	text-align: center;
	position: relative;
	width: 100%;
}
.resumeproject .top_banner .banner h1{
	position: absolute;
    top: 37%;
    right: 1%;
    color: #333;
    font-size: 2.4em;
    text-align: center;
    width: 100%;
	padding: 0;
	line-height: 1.5em;
}
.resumeproject .top_banner .banner h1 span{
	display: block;
    font-size: 18px;
}
.resumeproject .resumemenu {
	text-align:center;
}
.resumeproject .resumemenu ul {
    display: inline-block;
	margin:1.5em auto;
	padding:0 1.8em;
    border-radius: 50px;
    border: 2px solid #f0f0f0;
}
.resumeproject .resumemenu ul li {
	float: left;
	padding: 1em 0;
}
.resumeproject .resumemenu ul li a {
	padding:0.1em 1em;
	font-size:1.2em;
	color:#333;
	font-weight:400;
	transition: all 1s;
}
.resumeproject .resumemenu ul li:first-child a {
	border-left:none;
}
.resumeproject .resumemenu ul li:hover{
	background: #ff9805;

}
.resumeproject .resumemenu ul li a:hover{
	color:#fff;
	background: none;
}
.resumeproject .resumemenu ul li i{
	padding-right:0.5em;
}

.resumeproject h2 {
	color:#333;
	font-size:28px;
	text-align:center;
	font-weight:500;
}
/*健診申請*/
.resumeproject .expert{
	background: -webkit-linear-gradient(#fffae9,#ffffff);
	background: -o-linear-gradient(#fffae9,#ffffff);
	background: -moz-linear-gradient(#fffae9,#ffffff);
	background: linear-gradient(#fffae9,#ffffff);
	margin-top:5%;
}
.resumeproject .expert h2{
	padding-top: 1em;
}

.resumeproject .resumelevel {
	text-align: center;
	margin-top:5%;
}
.resumeproject .resumelevel h3 {
	font-size:24px;
	font-weight:500;
	color:#3ab5b5;
	padding:0em;
	margin:0.5em auto;
	text-align: center;
}
.resumelevel_btn{
	width:100%;
	background: #ff9805;
	border: #ff9805 solid 2px;
	color: #fff;
    font-size: 1.5em;
    font-weight: 400;
	letter-spacing: 5px;
	border-radius: 5px;
	transition: 2s;
	height: 45px;
	line-height: 40px;
}
.resumelevel_btn a{
	color: #fff;
	text-decoration:none;
}
.resumelevel_btn:hover{
	background: #fff;
	border: #00a6a6 solid 2px;
	color:#00a6a6;
	text-decoration:none;

}
.resumeproject p {
	font-size:1.1em;
	font-weight:400;
	color:#333;
	min-height:2.8em;
	text-align: left;
	line-height: 25px;
	margin:0;
}
.resumeproject .resumelevel select {
	display: block;
    background-color: #f1f5f7;
    color: #868686;
    font-weight: 500;
    border: solid 1px #f1f5f7;
    border-radius: 5px;
    padding: 0.3em 1em;
    box-shadow: none;
    font-size: 1em;
    height: 40px;
}
.resumeproject .app_process {
	text-align:center;
}
.resumeproject .app_process ul {
    display: inline-block;
	margin:1.5em auto;
	text-align:center;
	position: relative;
}
.resumeproject .app_process ul:before{
	content: " ";
	border-top:2px solid #ababab;
    position: absolute;
    top: 45%;
    left: 10%;
    z-index: 9;
    width: 70%;
}
.resumeproject .app_process li {
	float:left;
	min-width:10em;
	max-width:32%;
	text-align:center;
	z-index: 10;
}
.resumeproject .app_process li div {
	display: table-cell;
	font-size:1.1em;
	text-align:center;
	padding:1em;
	vertical-align: middle;
	margin:auto;
}
.resumeproject .app_process li div p{
	text-align: center;
	color:#05a8a8;
	font-size:1.2em;
	font-weight: 500;
	margin-top:15px;
}
.resumeproject .app_process li.arrow {
	width:5%;
	min-width: 3em;
    padding: 3em 0em;
	font-size:1.6em;
}
.resumeproject .app_btn {
	text-align:center;
}
.resumeproject .app_btn a {
	display:inline-block;
	font-size:1.2em;
	font-weight:500;
	padding: .8em 1.5em;
    border-radius: 45px;
	border:solid 2px #3ab5b5;
	color:#00a6a6;
	text-decoration:none;
	margin:1em 2em;
	transition: all 1s;
}
.resumeproject .app_btn a:hover{
	background: #00a6a6;
	color:#fff;

}
.resumeproject .customresume {
	background-color:#fff;
	padding:3em 0 0;
	margin:3em auto 0em;
}
.resumeproject .customresume .container{
	background: url(https://images.1111.com.tw/event/img/zone/jobsouth/images/resume/custom_bg.webp) no-repeat top center;
	padding-bottom: 20px;
	background-size: cover;
}
.resumeproject p.center {
	text-align:center;
}
.resumeproject .resume_dow {
	text-align:center;
	margin-top: 2em;
    margin-bottom: 4em;
}
.resumeproject .resume_dow img {
	display:block;
	width:100%;
	position: relative;
	z-index: 9;
}
.resumeproject .resume_dow .demo{
	position: relative;
}
.resumeproject .resume_dow .demo:after{
	content: "";
	position: absolute;
	width:100%;
	height:100%;
	left:10px;
	top:10px;
	background: linear-gradient(45deg, rgba(58,181,181,1) 0%, rgba(25,237,205,1) 100%);
	z-index: 8;
}

.resumeproject .resume_dow h3{
	color:#333;
	font-size: 1em;
	font-weight: 400;
}

.resumeproject .resume_dow a {
	display:inline-block;
	padding:0.5em 4em;
	border-radius:30px;
	background-color:#3ab5b5;
	border:2px solid #3ab5b5;
	color:#FFF;
	text-decoration:none;
	font-size:1.1em;
	font-weight:400;
	transition: all 1s;
}
.resumeproject .resume_dow a:hover{
	background: #fff;
	color:#3ab5b5;
	border:2px solid #3ab5b5;
}
.resumeproject .lecture {
	margin:1em auto 2em;
	line-height:1.8em;
}
.resumeproject .lecture h3 {
	font-size:1.4em;
	font-weight:400;
	color:#666;
	margin:0.5em auto 1em;
	padding-left:0.5em;
	border-left:solid 3px #ccc;
}
.resumeproject .lecture img {
	display:block;
	width:100%;
	margin-top:1em;
}
.resumeproject .invitation .pp_form .row {
	padding-bottom:1.2em;
}
.resumeproject .invitation .pp_form input.form-control, .resumeproject .invitation .pp_form textarea.form-control {
	border-radius:0px;
	border:solid 1px #c2b9a9;
	padding:0.5em 1em;
}
.resumeproject .invitation .pp_form textarea.form-control {
	min-height:15em;
}
.resumeproject .invitation .pp_form .col-md-12 {
	text-align:right;
}
.resumeproject .invitation .pp_form button.btn-primary {
	font-size:1em;
	padding:15px 25px;
	font-weight:400;
	border-radius:0px;
	background-color:#b51d22;
	width:50%;
	margin:auto;
}
.resumeproject .invitation .pp_form button.btn-primary i {
	margin-left:10px;
}
.resumeproject .invitation .pp_form button.btn-primary:hover {
	background-color:#8c7a5d;
}
.resumeproject .invitation .pp_form label {
	font-weight:400;
	color:#362e2b;
}
@media (min-width: 768px) and (max-width: 991px) {
	.resumeproject .invitation .pp_form .col-md-12 {
		text-align:center;
	}
}
@media (max-width: 767px) {
	.resumeproject .invitation .pp_form label {
		display:block;
		text-align:center;
	}
	.resumeproject .invitation .pp_form .col-md-12 {
		text-align:center;
	}
	.resumeproject .top_banner{
		min-height: 170px;
	}
	.resumeproject .top_banner .banner img{
		display: none;
	}
	.resumeproject .app_process li{
		max-width:100%;
	}
	.resumeproject .resumelevel {
		margin-top:10%;
	}
	.resumeproject p{
		text-align: center;
	}
	.resumeproject .resumemenu ul {
		border-radius: 15px;
		border: 2px solid #f0f0f0;
	}
	
	.resumeproject .resumemenu ul li{
		width:50%;
		margin:10px 0;
	}
	.resumeproject .app_process ul:before{
		display: none;
	}
}
.resumeproject .resume_feedback {
	margin:1em auto 2em;
}
.resumeproject .resume_feedback img {
	display:inline-block;
	width:2.5em;
	height:2.5em;
	border-radius:20em;
	margin-right:1em;
}
.resumeproject .resume_feedback h3 {
	display:inline-block;
}
.resumeproject + footer {
	margin-top:0em;
}
/*一鍵體檢選擇頁*/
.resumecheck.index {
	margin:40px auto;
}
.resumecheck.index .indexbox {
	text-align:left;
	border-bottom:none !important;
}
.resumecheck.index .col-sm-4.indexbox {
	text-align:right;
}
.resumecheck.index .indexbox .fa-lg {
	font-size:10em;
}
.resumecheck.index .indexbox .fa-circle {
	color:#EB6100;
}
.resumecheck.index .indexbox h1 {
	font-size:2em;
	text-align:left;
	font-weight:700;
	color:#0A837C;
}
@media (max-width: 991px) {
	.resumecheck.index .indexbox .fa-lg {
		font-size:8em;
	}
}
@media (max-width: 767px) {
	.resumecheck.index .col-sm-4.indexbox {
		text-align:center;
	}
	.resumecheck.index .indexbox .fa-lg {
		font-size:6em;
	}
	.resumecheck.index .indexbox h1 {
		font-size:2em;
		text-align:center;
	}
}
.resumecheck.index .indexbox .text {
	font-size:1.2em;
	font-weight:400;
	line-height:1.6em;
	height:inherit !important;
}
.resumecheck a.login, .resumecheck .btn-primary {
	display:block;
	text-align:center;
	font-size:1.4em;
	font-weight:500;
	width:12em;
	margin:20px auto;
	background-color:#EB6100;
	padding:0.5em 0em;
	color:#FFF;
	text-decoration:none;
	border-radius:15px;
}
.resumecheck a.login:hover, .resumecheck .btn-primary:hover {
	background-color:#c56724;
}
@media (max-width: 767px) {
	.resumecheck a.login, .resumecheck .btn-primary {
		width:80%;
	}
}
.resumecheck h3 {
	color:#0A837C;
	font-size:1.5em;
}
.resumecheck .form-control {
    height: 2.4em !important;
    padding: 0.2em 12px;
    font-size: 1.2em !important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.0);
}
.resumecheck.check .topbg {
	background-color:FFF;
	box-shadow: 5px 0px 5px #888888;
	z-index:50;
}
.resumecheck.check .checkbg {
	padding:2em 0em;
	z-index:30;
}
.resumecheck.check .checkbg .container {
	background-color:#FFF;
	border-radius:3px;
	padding:1em;
}
.resumecheck.check .form-control {
	width:60%;
	display:inline-block;
	margin-bottom:15px;
}
.resumecheck.check H2 {
	text-align:left;
	margin-top:0px;
}
.resumecheck.check H2 span {
	color:#0A837C;
}
.resumecheck.check .cubetxt {
	margin:15px auto 25px;
	text-align:left;
}
.resumecheck.check .cubetxt span {
	display:inline-block;
}
.resumecheck.check .cubetxt span.cube {
	width:3em;
	height:1em;
	margin:0px 10px;
}
.resumecheck.check .cubetxt span.cube.yes {
	background-color:#01b0a4;
	margin-left:0px;
}
.resumecheck.check .cubetxt span.cube.no {
	background-color:#ed6100;
}
.resumecheck.check .cubetxt span.txt {
	font-weight:500;
	font-size:1em;
}
.resumecheck.check .selectbox span {
	font-weight:500;
	font-size:1em;
	margin:10px 0px;
}
.resumecheck.check .canvas_box {
	position:relative;
	width:100%;
	margin:auto;
}
.resumecheck.check .canvas_box canvas {
	z-index:40;
}
/*.resumecheck.check .canvas_box .nth {
	position:absolute;
	font-size:2em;
	font-weight:500;
	text-align:center;
	top:40%;
    right:0;
    left:0;
    margin:auto;
	z-index:20;
}*/
.resumecheck.check h3 {
	text-align:left;
	color:#666;
	font-size:1.4em;
	margin:0px 0px 5px;
	font-weight:500;
}
.resumecheck.check .text2 {
	font-size:1.1em;
	text-align:left;
}
.resumecheck.check .text2 a {
	display:block;
	color:#eb6100;
	font-weight:400;
	text-decoration:none;
}
.resumecheck.check .text2 a:hover {
	color:#b44a00;
}
.resumecheck.check .boxbtn {
	display:block;
	text-align:center;
	font-size:1em;
	font-weight:400;
	width:8em;
	margin:5px 0px 60px;
	background-color:#EB6100;
	padding:0.2em 0em;
	color:#FFF;
	text-decoration:none;
	border-radius:3px;
}
.resumecheck.check .boxbtn:hover {
	background-color:#c56724;
}
.resumecheck.check a.recheck {
	display:block;
	text-align:center;
	width:45%;
	font-size:1.2em;
	color:#8888ff;
	padding:5px 0px;
	border:solid 1px #8888ff;
	border-radius:3px;
	margin:10px auto;
	text-decoration:none;
}
.resumecheck.check a.recheck:hover {
	background-color:#8888ff;
	color:#FFF;
}
@media (max-width: 600px) {
	.resumecheck.check a.recheck {
		width:100%;
	}
}
.popup_tags.resumepop {
	margin:auto;
	background-color:#FFF;
	position:relative;
	padding:40px 35px;
}
.popup_tags.resumepop .title {
	font-size:1.6em;
	font-weight:500;
	text-align:center;
	color:#0A837C;
	margin:15px auto;
}
.popup_tags.resumepop .title2 {
	font-size:1.4em;
	font-weight:500;
	text-align:center;
	margin:10px auto;
}
.popup_tags.resumepop .title2 span {
	display:inline-block;
	font-weight:700;
	color:#0A837C;
	padding:0px 5px;
}
.popup_tags.resumepop ul {
	text-align:center;
}
.popup_tags.resumepop ul li {
	display:inline-block;
	font-size:1.2em;
	font-weight:400;
	margin:10px;
	padding:0.5em 0em;
}
.popup_tags.resumepop ul li i {
	color:#ff0000;
	margin-right:10px;
}
.popup_tags.resumepop a.boxbtn2 {
	display:block;
	text-align:center;
	font-size:1.2em;
	font-weight:500;
	margin:10px auto;
	background-color:#EB6100;
	padding:0.5em 0em;
	color:#FFF;
	text-decoration:none;
	border-radius:5px;
}
.popup_tags.resumepop a.boxbtn2:hover {
	background-color:#c56724;
}
.popup_tags.resumepop .title3 {
	font-size:1.6em;
	font-weight:500;
	text-align:center;
	color:#0A837C;
	margin:10px auto;
}
.popup_tags.resumepop .col-md-2 {
	text-align:center;
	margin-bottom:15px;
}
.popup_tags.resumepop .fa-lg {
	font-size:3em;
	text-align:center;
	margin:10px auto;
}
.popup_tags.resumepop .fa-circle {
	color:#EB6100;
}
.popup_tags.resumepop .title4 {
	font-size:1.4em;
	font-weight:500;
	color:#0A837C;
	margin:10px auto;
}
.popup_tags.resumepop .txt {
	font-size:1.1em;
	font-weight:400;
	text-align:left;
	color:#666;
}
.popup_tags.resumepop .txt a {
	display:inline-block;
	background-color:#8888ff;
	color:#FFF;
	padding:5px 10px;
	margin:5px auto;
	border-radius:3px;
	text-decoration:none;
}
.popup_tags.resumepop .txt a:hover {
	background-color:#6666ff;
}
.popup_tags.resumepop .dline {
	border-bottom:solid 1px #AAA;
	padding-bottom:15px;
}
/*講座資訊*/
.thoughts{
	background: #f5f5f5;
}
/*崁入GOOGLE表單*/
iframe.googleform {
	width:100%;
	height:1330px;
}