@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body{
	margin:0px;
	font-family: 'Noto Sans TC'
	background-color: #eaeaea;
	
}

button{
	cursor: pointer;
	margin-bottom: 5px;
}
.nobtn{
	cursor: default;
}
.modal-body a:hover{
	text-decoration: none;
}
i{
	vertical-align: middle;
}
a:hover{
	text-decoration: none;
}
#sec5 a:hover{
	text-decoration: none;
}
.nav{
	float: left;
	font-size: 14px;
}

#nav_bar .nav-item a{
	color: #fff;
}
#nav_bar{
	top: 0px;
    vertical-align: middle;
    line-height: 35px;
    padding-top: 8px;
}
#nav_bar .nav-item:hover{
	background-color: #5e5e5e;
}
#header_bg{
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 10%;
	height:200px;
	margin-top: 50px;
}
.clear{
	clear: both;
}
.material-icons{
	
}
.header{
	position: fixed;
	background-color: #000;
	height: 65px;
	line-height: 65px;
	z-index: 1000;
}
.full{
	padding:0px;
}
.index_slick{
	padding-top: 50px;
	margin: 0px;
	padding-left: 0px;
}
.index_btn{
	margin-left: 15px;
    margin-top: 15px;
}
.index_section_top{
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 10%;
	height:75vh;

}
.s.s{position: absolute;
top: 0px;
left: 0px;}
.index_title{
	margin-top:40vh;
}
.index_banner_title{
	font-size: 50px; 
	text-align: left;
	font-weight: 800;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
     color: #fff;
     /*background-color: rgba(0%,0%,0%,0.6);*/
     padding:15px;
}
.index_banner_content{
	font-size: 16px;
	line-height: 20px; 
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
     color: #fff;
     /*background-color:  rgba(0%,0%,0%,0.6);*/
     margin-top: 7px;
     width: auto;
     padding-left: 15px;
 }
 #sec2{
 	padding-top: 50px;
 	margin-bottom: 50px;
 	background:#eaeaea;
 }
.index_joblist_option{
	background:#ffffff;
	border:1px solid #ececec;
	min-height:300px;
	margin-left: 4%;
	float: left;
	width: 25%;	
	padding: 15px;
	    box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
}
.index_joblist_list{
	/*background:#ffffff;*/
	min-height:573px;
	float: right;
	width: 65%;
	margin-right: 4%;
	/*margin-bottom: 10%;*/
	/*padding: 15px;*/
}
.index_joblist_detail{
	/*background:#ffffff;*/
	min-height:573px;
	width: 100%;

	/*margin-bottom: 10%;*/
	/*padding: 15px;*/
}
/*職缺列表*/
.joblist_container {
    width: 100%;
    min-height: 100px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    background-color: #ffffff;
    box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
    padding: 10px;
    /*background-image: url('../import/p_list_bg.png');*/
   	background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    -webkit-transition: filter 0.5s; /* Safari */
    transition: filter 0.5s;
}
.joblist_container:hover{
	-webkit-filter: saturate(150%); /* Safari */
    filter: saturate(150%);
}
.p_list_left{
	width: 100px;
	float: left;
	min-height: 100px;
	margin-left: 0px;
}
.p_list_mid{
	width: 75%;
	float: left;
	margin-left: 20px;
	line-height: 30px;
}
.company_name{
  font-size: 18px;
  font-family: "Noto Sans TC","微軟正黑體";
  color: rgb(150, 150, 150);
  text-align: left;
}
.p_list_mid h1{
  font-size: 30px;
  font-family: "Noto Sans TC","微軟正黑體";
  color: rgb(85, 139, 47);
  font-weight: bold;
  text-align: left;
  z-index: 7;
  line-height: 40px;
  margin: 0px;
}
.p_list_mid .tag {
  font-size: 18px;
  font-family: "Noto Sans TC","微軟正黑體";
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-align: left;
}
.p_list_mid .content{
  font-size: 14px;
  font-family: "Noto Sans TC","微軟正黑體";
  color: rgb(91, 91, 91);
  text-align: left;
  margin: 0px;
}
.p_list_mid .pay{
  font-size: 14px;
  font-family: "Noto Sans TC","微軟正黑體";
  color: rgb(255, 152, 0);

}
.keywords{
	background-color: #8ec21f;
	border-radius: 5px;
	padding: 5px;
	margin-right: 5px;
	margin-top: 5px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}
#p_list_btn {
	width: 150px;
    font-size: 20px;
    background-color: #558b2f;
    text-align: center;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 20px;
    color: #fff;
    margin-top: 10px;
    padding: 15px;
    /*-webkit-transition: c
    ontrast 0.5s;*/
}
.p_list_mid hr{
	margin: 0px;
}
/*職缺列表結束*/

/*註冊盒子*/
.reg_left{
	/*
	width: 75px;
	float: left;
	*/
}

.reg_right{
	
}
.reg_icon{
	float: left;
}
.reg_icon{
	margin-bottom: 20px;
	height: 70px;
	line-height: 50px;
}
.reg_icon img{
	width: 75px;

}
.reg_icon_title{
	float: left;
	width: 70%;
	margin-left: 20px;
	height: 70px;

}
.reg_icon_title p{
	font-size: 12px;
	color: #4A4A4A;
}
.reg_icon_title h5{
	color: #4A4A4A;
	font-size: 24px;

}
/*註冊盒子結束*/
/*下面那條bar*/
.bottom_bar{
    position: fixed;
    top: calc(100% - 40px);
    height: 40px;
    width: 100%;
    z-index: 9999;
}
.qa_position{
	float: right;
	position: absolute;
	right: 30px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.14);
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
    bottom: -25px;
}
.qa_position:hover{
	bottom: -15px;
}
/*bar*/


/*滑動背景*/
.cover_bg{
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
}
/*首頁底對話筐*/
.comment_border{
	font-size: 14px;
	text-align: justify;
	width:250px;
	height:auto;
	background:#fff;
	position:relative;
	/*border: solid 1px #959595;*/
	margin:30px;
	padding:30px;
	border-radius: 5px;
	box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
}

/*箭頭下*/
.comment_border .arrow_b_int{
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:#959595 transparent transparent transparent ;
	position:absolute;
	bottom:-30px;
	left:50%;

}
/*箭頭下-邊框*/
.comment_border .arrow_b_out{
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:#fff transparent transparent transparent ;
	position:absolute;
	bottom:-29px;
	left:50%;
}
/*評論大頭*/
.comment_user {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    margin: 0 auto;
    border-color: #fff;
    border-style: solid;
    border-width: 5px;
    box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
}
#sec4{
	background:#eaeaea;
	padding-bottom: 5%;
}
#sec5{

}
.index_logo{
	    margin: 10px;
    padding: 5px;
    height: 60px;
    transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
    border-radius: 5px;
    filter: saturate(0.3);
}
.index_logo:hover{
	filter: saturate(1);
}
/*footer*/
.footer_holder {
    background-color: #3d3d3d;
    width: 100%;
    padding-bottom: 50px;
}

.footer_box {
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    margin-top: 50px;
}

.footer_text {
    color: #ffffff;
    font-weight: lighter;
    font-size: 12px;
}

.footer_left {
    float: left;
}

.footer_left button {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}

.footer_right {
    float: right;
    color: #ffffff;
    font-size: 12px;
    width: 250px;
    text-align: right;
    margin-top: 8px;
    font-weight: lighter;
}
/*論壇*/
#forum{
	margin-top: 0px;
	margin-bottom: 50px;
}
.forum_list_holder{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.forum_list_left{
	float: left;
	width: 100px;
	vertical-align: middle;
}
.forum_list_right{
	float: left;
}
.forum_list_count{
	margin-right: 10px;
	vertical-align: middle;
	font-size: 12px;
	color: #417505;
}
.forum_left{
	width: 75%;
	float: left;
}
.forum_right{
	float: right;
	width: 18%;
	/*margin-left: */
}
/*Animate跳跳球*/
.spinner {
  margin: 25px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #417505;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.post_data{
	font-size: 14px;
	line-height: 16px;
	color: #9B9B9B;
}
.article_content{
	font-size: 16px;
	line-height: 26px;
}
#joblist{
	margin-top: 10px;
	background-color: #fff;
}
.jobdetail_logo {
    float: left;
    width: 20%;
    margin-right: 0px;
    margin-top: 10px;
    margin-left: 0px;
    color: #417505;
    vertical-align: middle;
}

.jobdetail_logo img {
    width: 100px;
}

.jobdetail_logo i {
    position: relative;
}

.jobdetail_content {
    float: left;
    width: 70%;
    border-bottom: solid #e0e0e0 1px;
    min-height: 90px;
    margin: 10px;
    text-align: justify;
}
.joblist_jobcate {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}
.joblist_jobtitle {
    color: #558b2f;
    font-weight: bold;
    font-size: 16px;
}
.margin_btm{
	margin-bottom: 15px;
}
.jobdetail_logo_detail {
    float: left;
    width: 10%;
    margin-right: 0px;
    margin-top: 10px;
    margin-left: 0px;
    color: #417505;
    vertical-align: middle;
}

.jobdetail_logo_detail img {
    width: 100px;
}

.jobdetail_logo_detail i {
    position: relative;
}

.jobdetail_content_detail {
    float: left;
    width: 85%;
    border-bottom: solid #e0e0e0 1px;
    min-height: 90px;
    margin: 10px;
    text-align: justify;
    position: relative;
}
.jobdetail_content_btn{
	position: absolute;
	top: 0px;
	right: 0px;
}
#reg{
	margin-top: 80px;
}
#reg-mail,#reg-all{
	margin-top: 100px;
	min-height: 50vh;
}
.reg_container{
	width: 500px;
	margin: 0 auto;
}
.reg_1st_done{
	text-align: center;
	padding:10px;
}
.reg_1st_done img{
	width: 80%;
	-webkit-transition: width 0.5s;
}
.reg_1st_done img:hover{
	width: 85%;
	cursor: pointer;
}

/*
.reg_1st_done:hover{
	box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.5);
	border: solid #e0e0e0 1px;
}
*/
.reg_all_list{
	position: fixed;
	left: 0px;
	top: 60px;
}
.scrollspy1{
	margin-top: 100px;
	margin-left:auto;
	margin-right: auto;
	width: 1000px;
	position: relative;
	height: 100%;
	overflow-y: scroll;
}
.scrollspy1 h4{
	height: 3000px;
}
#scspy{
	width: 800px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#scspy h4{
	padding-top: 60px;
	color: #417505;
	text-align: center;
}
.user_avatar {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    margin: 0 auto;
    border-color: #fff;
    border-style: solid;
    border-width: 5px;
    box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
}
/*複寫BT設定*/
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #417505;
    border-color: #417505;
}
.list-group{
	    margin-left: -5px;
}
.school_group{
	box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.5);
	border: solid #e0e0e0 1px;
	padding: 10px;
	margin-bottom: 30px;
	/*
	border-color: #417505;  
	border-style: solid; 
	border-width: 1px;
	border-radius: 15px;
	padding: 10px;
	*/
}
.cv_title{
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#cv_c{
	margin-top: 80px;
	box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.5);
	border: solid #e0e0e0 1px;
	padding: 10px;
	padding-bottom: 60px;
	padding-top: 60px;
}
.user_avatar_header {
	float: right;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    transition: filter 0.5s;
}
.login_btn{
	float: right;
	margin-top: 5px;
}
/*dashboard*/
.dasb_left{
	line-height: 30px;
	width: 214px;
	text-align: center;
	float: left;
	border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    background-color: #ffffff;
    box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
}
.dasb_right{
	float: left;
	line-height: 30px;
	margin-left: 10px;
	min-height: 600px;
	width: 880px;
	padding: 10px;
	border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    background-color: #ffffff;
    box-shadow: 0px 2.5px 0px 0px rgba(149, 149, 149, 0.294);
}
.dasb_right h4{
	margin-top: 10px;
}
.work-table tbody tr td{ 
	text-align: left;
	font-size: 14px;
	vertical-align: middle;
}
.textover_table{
	text-overflow : ellipsis;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
}
#nav-icon4{
	display: none;
}
.comment{
	position: relative;
}
.edit_btn{
	position: absolute;
	top: ０px;
	right: 0px;
	cursor: pointer;
}
/*mobile*/	
@media only screen and (max-width: 768px) {
	h1{
		font-size: 2em;
	}
	.user_avatar_header {
		display: none;
	}
	.nav{
		display: none;
	}

	/* Icon 4 動畫 */
	
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top:10px;
  margin-right: 10px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #959595;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon4 {
	z-index: 9;
		position: absolute;
		right: 0px;
		top: 0px;
		display: block;
}

#nav-icon4 span:nth-child(1) {
  top: 5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 32px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 34px;
  left: 8px;
}

.index_banner_title{
	font-size: 2em;
}
.index_title{
	margin-top: 30vh;
	text-align: center;
}
.index_joblist_option{
	clear: both;
	width: 100%;
	margin:0px;
	margin-bottom: 30px;
}

.index_joblist_list{
	clear: both;
	width: 100%;
	margin:0px;

}
.index_rwd_search{
	display: none;
}
.index_joblist_option{
	min-height: auto;
}
.jobdetail_logo_detail,.jobdetail_content_detail{
	clear: both;
	width: 90%;
	margin:10px;
	text-align: left;
}
.googlemap_rwd{
	width: 100%;
}
.jobdetail_content_btn{
	clear: both;
	width: 100%;
	margin:10px;
	position: relative;
}
.p_list_mid{
	width: 90%;
}
.footer_right,.forum_right{
	display: none;
}
#scspy{
	width: 100%;
}
.reg_container{
	width: 100%;
}
#list-example{
	display: none;
}
.forum_left{
	width: 100%;
	clear: both;
}
.cover_bg,#header_bg{
	background-size: cover;
    background-attachment: scroll;
}
#login_menu_btn{
	display: none;
}
}