@charset "utf-8";
@font-face {
    font-family: "MsJhengHeiBold";
    src: local("微軟正黑體");
    font-weight: normal;
}

@font-face {
    font-family: 'MsJhengHeiBold';
    unicode-range:U+78a7,U+7b75,U+7db0;
    src:url('/job-bank/fonts/MsJhengHei-Bold.eot?v00022');
    src:url('/job-bank/fonts/MsJhengHei-Bold.eot?#iefixv00022') format('embedded-opentype'),
        url('/job-bank/fonts/MsJhengHei-Bold.woff?v00022') format('woff'),
        url('/job-bank/fonts/MsJhengHei-Bold.ttf?v00022') format('truetype'),
        url('/job-bank/fonts/MsJhengHei-Bold.svg?v00022#icomoon') format('svg');
    
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MsJhengHeiBold';
    unicode-range:U+78a7,U+7b75,U+7db0;
    src: local("微軟正黑體");
    font-weight: normal;
    font-style: normal;
}


/* CSS Document job-description setting 2017 version */
*{ margin: 0; padding: 0; -webkit-text-size-adjust:none;}
a, img{ border:none;}
a{ text-decoration:none; color:#1c59b5; outline: none;}
strong{ font-weight: bold; }
body{ font: 15px/1.62 "ITC Avant Garde Gothic","MsJhengHeiBold","微軟正黑體", Verdana, Arial, Helvetica, sans-serif; }
/* basic style setting*/
.floatL{ float:left;}
.floatR{ float:right;}
.fullW{ width: 100%!important;}
.w65{ width: 65%;}
.w48{ width: 48%;}
.w30{ width: 30%;}
.clearfix{ clear: both; float: none!important;}
.boxsize{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.radius5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.bggry{ background-color: #f4f4f4;}
.midwidth{ /*max-width: 1170px;*/max-width: 1120px; margin: 0 auto; padding-left: 50px; }
.pdwidth{ max-width: 1170px; margin: 0 auto; padding: 20px 50px;}
.lgray{ background-color: #CCC;}
.red16{ color: #cb302b; font-size: 16px; font-weight: normal; margin: 0 3px;}
.txtcent{ text-align: center;}
.fz15r{ font-size: 14px; float: right; font-weight: normal;}
a.fz15r{ font-size: 14px; float: right; font-weight: normal;}
a.fz15r:hover{ text-decoration:underline;}
.mgt30{ margin-top: 30px!important;}
.mgt40{ margin-top: 40px;}
.mgt50{ margin-top: 50px;}
.blackColor{ color: #444;font-weight: normal; }
.font15{ font-size: 15px; }
.linkStyle{ color: #3e649d;display:inline-block;margin-left:-4px;margin-top: 5px;}
.text-center{ text-align: center; }
.text-left{ text-align: left}
.incolor{ color: #dc065d!important; font-weight: bolder!important;}
.inlineBlock{ display: inline-block; }

#matchContent{ min-height: 200px; }
.nearlybox.loadingIcon,
#matchContent.loadingIcon{ background: url(../../images/ebay.gif) center center no-repeat; }




/* btn & input setting*/
.morebtn{ 
	background-color: #4077c9; 
	padding: 5px 10px; 
	margin: 0 5px; 
	font-size: 16px; 
	color: #FFF;
	text-align: center;
}
#descriptin input[type="text"], select{
    height: 32px;
    letter-spacing: .5px;
    border-radius: 0;
    background-color: #fff;
    margin-right: 5px;
}
#descriptin .bgblue{
	background-color: #f3f9ff;
	padding: 10px 4px 20px 4px;
}
#descriptin .ftbrown{
	color: #9c5e14;
	font-weight: bolder; 
	font-size: 17px;
}
#descriptin .rightbtn{
	display: block;
	width: 100%;
    font-size: 15px;
    color: #3678d9;
    text-align: right;
    margin-top: 8px;
}
#descriptin .rightbtn:hover{
	text-decoration:underline;
}
/*desktop setting start*/
.toplink{
    /*height: 30px;
    background-color: #555;*/
}
#path{
	max-width: 1170px;
	margin: 0 auto;
	padding: 15px 0;
    box-sizing: border-box;
    font-size: 14px;
}
#path span{
	color: #a5a5a5;
	padding: 0 5px;
}
#path .report{
	float: right;
	font-weight: normal;
	color: #000;
}
#path .report:hover{
	color: #cb9102;
	text-decoration: underline;
}
#path .report img{
	display: inline-block;
	margin: -2px 3px;
}
/*#description boxshow /lightbox*/
#videoshow{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	z-index: 1002;
	overflow: hidden;
    right: 0;
    bottom: 0;
}
#videoshow .vdbox{
    width: 854px;
    height: 480px;
    margin: 5% auto;
}
#videoshow .vdbox .closeV{
    position: relative;
    display: block;
    float: right;
    padding-bottom: 10px;
}
#videoshow .zoomBtn{
    color: #c3c3c3;
    display: inline-block;
    padding: 0 6px;
    margin: 2px;
    border: 1px solid #898989;
    border-radius: 2px;
}
#videoshow.smallVideo{
	width: 300px;
	height: 220px;
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#videoshow.smallVideo .vdbox{
	width: auto;
	height: auto;
	max-width: 854px;
	max-height: 480px;
	margin: 0 auto;
}
#videoshow.smallVideo .vdbox .closeV{
	padding: 5px;
	width: 20px;
}
#videoshow.smallVideo .vdbox .closeV img{
	max-width: 100%;
	height: auto;
}

/*main visual*/
#descriptin #visual{
	width: 100%;
    min-height: 187px;
}
.logoTitle{ 
	float:left; 
	width: 70%; 
}
#descriptin #visual h2>span
	{ display: table; vertical-align: middle;
	position: relative;
    float: left;
    max-width: 15%;
    height: 86px;  
    background: #FFF;
    margin-top: 10px;
    transition: all 100ms ease;
    text-align: center;
}
#descriptin #visual h2 a{ 
	display: table-cell; 
	vertical-align: middle; 
	border: 3px solid #ececec; 
	min-width: 111px; 
}
#descriptin #visual h2 a img{
	max-width: 100% !important;
	max-height: 80px !important;
}
#descriptin #visual h1{
    font-size: 29px;
    color: #0b0b0b;
    letter-spacing: -0.5px;
    /*padding: 20px 0 40px 2%;*/
    padding: 20px 0 0 2%;
    display: block;
    overflow: hidden;
    line-height: 1.5;
    font-weight: bolder;
    /*text-shadow: 1px 0px 0 #444;*/
	text-align:justify;
}
#descriptin #visual .logoSubTitle{ padding:0 0 40px 2%; overflow: hidden;letter-spacing: -0.5px; }
#descriptin #visual .logoSubTitle,
#descriptin #visual h1 span{
	font-weight: normal;
	font-size: 18px;
	color: #696969;
	display: block;
	line-height: 2; text-shadow: initial;
}
#descriptin #visual .control{
	float: right;
	width: 25%;
	margin-top: 25px;
	padding-right: 3%;
}
/*#descriptin #visual .control .neary,
#descriptin #visual .control .nearyLogin,
#descriptin #visual .control .nearybox{
	display: none!important;
}*/
#descriptin #visual .control .nearybox{
	display: none;
}
#descriptin #visual .control>a{
	text-align: center;
    float: right;
    font-weight: normal;
    margin-bottom: 5px;
}
#descriptin #visual .social{
	position: relative;
    float: right;
    display: block;
    padding: 0 6px;
    font-size: 15px;
    line-height: 35px;
    color: #000;
    cursor: pointer;margin-right: 10px;
    border: 1px solid #f3f3f3;
}
#descriptin #visual .sborder{
    border: 1px solid #e2e2e2;
    background: #FFF;
}
#descriptin #visual .socialbox{
	display: none;
    width: 61px;
    position: absolute;
    top: 32px;
    right: -1px;
    background: #FFF;
    border: 1px solid #e2e2e2;
    border-top: 0;
    border-bottom: 3px solid #3b5998;
    padding: 6px 0;
    z-index: 33;
}
#descriptin .socialbox li{
	width: 100%;
}
#descriptin .socialbox li a{
    display: block;
	width: 30px;
	height: 30px;
	margin: 2px 16px 4px;
	text-align: center;
	background-color: #aaaaaa;
	transition: all 500ms ease;
}
#descriptin .socialbox li a i{
	margin-top: 8px;
	font-size: 17px;
	color: #FFF;
}
#descriptin .socialbox li a.webibo:hover{
	background-color: #e6162d;
}
#descriptin .socialbox li a.fb:hover{
	background-color: #3b5998;
}
#descriptin .socialbox li a.google:hover{
	background-color: #dd4b39;
}
#descriptin .socialbox li a.twitter:hover{
	background-color: #1da1f2;
}
#descriptin .control .collect{
    background-color: #ffffff;
	border:1px solid #e35886;
    padding: 2px 6px;
    font-size: 13px;
    color: #605f5f;
	text-align:center;
    transition: all 0.3s ease-out 0s;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm){
#descriptin .control .collect{
    background-color: #ffffff;
	border:1px solid #e35886;
    padding: 2px 6px;
    font-size: 9px;
    color: #605f5f;
	text-align:center;
    transition: all 0.3s ease-out 0s;
}
}
#descriptin .control .colnone{
    background-color: #ffffff!important;
}
#descriptin .control .intern{
	float:right; 
	display:inline-block;
    text-align:center;
	margin-left:10px;
	width:50%;
}

#descriptin .intern{ white-space: nowrap; }

#descriptin .intern span.noFunBtn{
	font-size: 16px;
    color: #FFF;
	/*background-color: #3678d9;border:1px solid #565a5f;*/
	background-color: #888;
	border:none;
	border-top-left-radius:5px;
    border-bottom-left-radius:5px;
	height:25px;
	display:inline-block;
	line-height:27px;
	transition: all 0.5s ease 0s;
	position: relative;
	text-align: center;
	width:120px;
	cursor: inherit;
}

#descriptin .intern span,
#descriptin .intern a{
	font-size: 16px;
    color: #FFF;
	background-color: #3678d9;
	border:1px solid #2668c9;
	border-top-left-radius:5px;
    border-bottom-left-radius:5px;
	height:25px;
	display:inline-block;
	line-height:27px;
	transition: all 0.5s ease 0s;
	position: relative;
	text-align: center;
	cursor: pointer;
}


#descriptin .intern span.noFunBtn,
#descriptin .intern .normal{
	
	border-radius: 5px;
}

#descriptin .interninfo .intern a,
#descriptin .interninfo .intern .normal{ width: auto; }
#descriptin .control .intern .normal{ width: 100%; }




#descriptin .intern .exchangeInternBtn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
	border-top-right-radius:5px;
    border-bottom-right-radius:5px;
	border-left:1px solid #3464ab;
	position:relative;
}

#descriptin .intern span:hover,
#descriptin .intern a:hover{
	background: #2d66bc; 
}
#descriptin .intern span.on,
#descriptin .intern a.on{
	background: #d6282b;
	border-left:1px solid #d20404;
	border:1px solid #bf171a;
	/*box-shadow: 1px 3px 0px #ab1a1a;*/
}
#descriptin .intern span.on:hover,
#descriptin .intern a.on:hover{
	background: #ba1e21;
}


#descriptin .intern span.noFunBtn:hover{
	background-color: #888;
    /*box-shadow: 1px 3px 0px #777777;*/
}


.pd15{ padding:10px 8px; width:60%;}
.pd8{ padding:10px 8px;width:10%;}
#descriptin .intern  i{
	font-size:16px;
	line-height:25px;
	padding:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    #descriptin .intern  i{
	font-size:16px;
	line-height:25px;
	padding:0;
}
}
#descriptin .intern span.on:hover:after,
#descriptin .intern a.on:hover:after,
#descriptin .interninfo .intern .on:first-child:hover:after,
#descriptin .control .intern .on:first-child:hover:after,
#descriptin .intern .exchangeInternBtn:hover:after{
	font-family:"新細明體";
	display:inline-block;
	font-size:13px;
	padding:2px 10px;
	color:#fff;
	background:rgba(0,0,0,0.8);
	position: absolute;
	left:-15px;
	top:-30px;
	z-index:999;
	white-space:nowrap;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	box-shadow:2px 2px 2px rgba(0,0,0,0.3);
}
#descriptin  .control .intern span:hover:after,
#descriptin  .control .intern a:hover:after{ top:auto!important; bottom:-26px; }

#descriptin .interninfo .intern span.on:first-child:hover:after,
#descriptin  .control .intern span.on:first-child:hover:after,
#descriptin .interninfo .intern a.on:first-child:hover:after,
#descriptin  .control .intern a.on:first-child:hover:after{
	left: -34px; top:90%!important; bottom:auto; 
	content:'系統會直接將您的履歷傳送給廠商! \A 因此點擊前，請先確認履歷資料已更新!'; 
    white-space: pre;
    text-align: left;
}


/*#descriptin .control .intern a:last-child:hover:after{
	content:'快速切換一鍵應徵設定'
}*/

#descriptin .intern .exchangeInternBtn:hover:after{
	content:'切換為快速應徵模式'
}

#descriptin .intern .on:last-child:hover:after{
	content:'切換為一般應徵'
}


#descriptin .control .collect .hnormal{
	display:block;
    /*width: 20px;*/
    height: 25px;
    vertical-align: top;
	font-size:20px;
	margin-top:-2px;
	margin-left:8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm){
#descriptin .control .collect .hnormal{ margin-left:7px;} 
}
.hnormal{
	color: #e8487d!important;
    vertical-align: middle;
    transform: translateZ(0px);
    box-shadow: 0px 0px 1px transparent;
    backface-visibility: hidden;
	display:block;
	
}
.hnormal:hover:before{
	content: "\f004";
	position: absolute;
	color: #e8487d;
	left: 0;
	font-family: FontAwesome;
	
	}
.hnormal:before, 
.hnormal:after{
	content: "\f08a";
	position: absolute;
	left: 0;
	font-family: FontAwesome;
}
/* Icon Float Away */
@keyframes haway{
  0% { opacity: 1;}
  100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em);
  }
}
/* Icon Float Away */
.haway:before,.haway:after{
	content: "\f004";
	position: absolute;
	color: #e8487d;
	left: 0;
	font-family: FontAwesome;
}
.haway:after{
	opacity: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
a:hover .haway:after,a:focus .haway:after,a:active .haway:after {
	-webkit-animation-name: haway;
	animation-name: haway;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
#descriptin i,#descriptin #incontent i{
	padding: 0 3px;
}
#descriptin .social i{
	color: #345db4;
}
/*menu*/
#descriptin #menu{
	/*max-width: 1170px;*/
	margin: 0 auto;
	background-color: #f7f7f7;
	z-index: 997;
	border-bottom: 1px solid #d1d1d1;
}
#descriptin #menu ul.tab{
	display: block;
	float: left;
	/*padding: 0px 50px 0 0;*/
	clear:both;
}
#descriptin #menu ul.tab .ellipsis{ 
	max-width: 390px;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    padding-right: 20px;
}
#descriptin #menu .other{
	position: relative;
    float: right;
    width: 20.5%;
    padding-right: 5%;
}
#descriptin #menu .num{ 
	padding: 7px 0 0 5px; 
	color: #000;
	float: right;
	color: #696969;
	font-size: 15px; 
}
#descriptin #menu .num:hover{
	text-decoration:underline;
}
#descriptin #menu .other span{
	display: inline-block;
    margin-top: 5px;
    font-size: 16px;
}
#descriptin #menu ul.tab,
#descriptin #menu li{
	margin: 0;
	list-style: none;
}
#descriptin #menu .tab li{
	float: left;
	padding-top: 10px; 
	position: relative;
}
#descriptin #menu .tab li a{
    display: inline-block;
    padding: 0 15px 10px;
    font-size: 17px;
    line-height: 25px;
    color: #323232;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}
#descriptin #menu .tab li a:hover{
	border-bottom: 3px solid #4168ae;
	font-weight: bolder;
}
#descriptin #menu .tab li span{
	color: #e84176;
	padding-left: 3px;
}
#descriptin #menu .tab li::after{
	display: inline-block;
	float: right;
	content: "";
	line-height: 35px;
	width: 1px;
	height: 25px;
	background-color: #CCC;
	position: absolute;
    right: 0;
}
/*fixed*/
#descriptin .fixed{
    position: fixed;
	top: 0;
}
#descriptin #menu.fixed{
	width: 100%;
	box-shadow: 0 2px 4px #d7d7d7;
	top: 28px;
}
#descriptin #menu.fixed li::after{
	margin-top: 3px;
}
#descriptin #menu.fixed h1{
	font-size: 25px;
	padding: 15px 0 5px 15px;
	height: 30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#descriptin #menu.fixed ul.tab{
	clear: none; 
}
#descriptin #menu.fixed .tab li a{
	padding: 5px 15px 10px;
}
#descriptin #menu.fixed .control{
	margin-top: 12px!important;
}
#descriptin #menu.fixed .other{
    margin-top: 10px;
}
#descriptin #menu.fixed .other .num{
    margin-top: 0;
}
/*content setting*/
#descriptin{
	clear: left;
}
#descriptin article{
	font-size: 16px;
    position: relative;
}
#descriptin article a.dlink{
	font-size: 15px;
	margin-left: 5px;
}
#descriptin article a.dlink:hover { 
    text-decoration:underline;
}
#descriptin #c1{
	max-width: 1170px;
	margin: 0 auto;
    box-sizing: border-box;		
    padding: 40px 50px 50px;
}

.c1JobTitle{ font-size: 21px; display: none; }


#descriptin #c2{
	width: 100%;
	padding: 20px 50px 50px;
    box-sizing: border-box;	
}
/*article leftbox*/
/*工作內容*/
#descriptin #incontent h3{
	position: relative;
	clear: both;
	border-left: 7px solid #d0e5f7;
	line-height: 22px;
	font-size: 21px;
	font-weight: bolder;
	margin: 20px 0 15px;
}
#descriptin #incontent .onlineInterview{
	text-align: right;
	font-size: 14px;
}
#descriptin #incontent .onlineInterview ul.itemBox{
	position: absolute;
	right: 0;
	top: -30px;
}
#descriptin #incontent .onlineInterview ul.itemBox li{
	display: inline-block;
    vertical-align: bottom;
}
#descriptin #incontent .onlineInterview ul.itemBox li a{
	color: #0d8d99;
    font-weight: 800;
    font-size: 15px;
}
#descriptin #incontent .onlineInterview ul.itemBox li img{
	max-width: 70px;
}
#descriptin #incontent .onlineInterview ul.forMobil li {
	display: inline-block;
}
#descriptin #incontent .onlineInterview .line{
    position: absolute;
    right: 0;
    top: 25px;
    width: 60%;
    height: 2px;
	background-image: linear-gradient(to right, #ffffff 0%, #2bacb4 100%);
	background-image: -webkit-linear-gradient(to right, #ffffff 0%, #2bacb4 100%);
	background-image: -o-linear-gradient(to right, #ffffff 0%, #2bacb4 100%);
	background-image: -moz-linear-gradient(to right, #ffffff 0%, #2bacb4 100%);
}
#descriptin #incontent .title{
	position: relative;
	z-index: 22;
	background-color: #FFF;
	padding: 0 10px;
}
.list_login li{ overflow: hidden; }
#descriptin #incontent .update{
	float: right;
	font-size: 15px;
	color: #4c4c4c;
	font-weight: normal;
	padding: 0 10px;
}
#descriptin #incontent .update img{
	vertical-align: middle;
}
#descriptin #incontent .lgray{
	position: absolute;
    height: 1px;
    display: block;
    width: 100%;
    float: right;
    top: 10px;
}
#descriptin #incontent dd.tabarea .category{color:#333;}
#descriptin #incontent .category{
	position: relative;
	display: inline-block;
	color: #1c59b5;
	cursor: pointer;
}
#descriptin #incontent .category .fa{    
	font-size: 19px;
    color: #bbb;
    vertical-align: middle;
}
#descriptin #incontent .cateshow{
	display: none;
	position: absolute;
	background-color: #f4faff;
	border: 2px solid #3c3c3c;
	width: 360px;
	z-index: 101;
	top: 32px;
	left: -151px; color: #333;
}

#descriptin #incontent .cateshow:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #3c3c3c;
	border-width: 8px;
	margin-left: -8px;
}
#descriptin #incontent .cateshow h5{
	background-color: #3c3c3c;
	color: #FFF;
	font-size: 15px;
	line-height: 2;
	padding: 0 10px;
}
#descriptin #incontent .cateshow h5 span{
	float: right;
	margin: 3px 0;
	cursor: pointer;
}
#descriptin #incontent .cateshow ul{
	padding: 10px;
    display: block;
    float: left;
}
#descriptin #incontent .cateshow ul li{
	margin: 0 5px;
}
#descriptin #incontent .cateshow ul li a{
	position: relative;
    font-size: 15px;
    margin-left: 16px;
    line-height: 1.8;	
    /*color: #545453;*/
    color:#1c59b5;
    font-weight: bolder;
}
#descriptin #incontent .cateshow ul li a:hover{
	color: #1c59b5;
}
#descriptin #incontent .cateshow ul li a::before{
    position: absolute;
    top: 8px;
    left: -11px;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #afcce8;
}
#descriptin #incontent .cateshow p{
	margin: 8px;
	line-height: 1.5;
	color: #616161;
}
#descriptin #incontent .cateshow p i{
	font-size: 20px;
	vertical-align: middle;
	color: #e46b80;
}
/*工作內容,要求條件*/
#descriptin .dataList{
    position: relative;
    width: 94%; margin: 10px 2.5%;
    letter-spacing: 0.3px;
    float: left;
    display: block;
    color: #333;
}
#descriptin .dataList>li{clear: both; padding: 6px 0;}
#descriptin .dataList .listTitle{display: table-cell; min-width: 95px;}
#descriptin .dataList .listContent{ /*overflow: hidden; */ display: table-cell; word-break: break-all;}  /*使用hidden會蓋到訊息框*/
#descriptin .dataList .txticon {font-family: 'runes', Verdana, Tahoma; word-wrap: break-word; display: table-cell; word-break: break-word;}
#descriptin .dataList .mailtxt {font-family: 'runes', Verdana, Tahoma; word-wrap: break-word; word-break: break-word;}
#descriptin .dataList .listContent img{ vertical-align: middle; display: block;padding-top: 5px;padding-bottom: 7px;}
.hoverUnderline:hover,
#descriptin .dataList .listContent a:hover{ text-decoration: underline;}
.hide{ display: none; }
/*#descriptin .dataList .paddingLB{ padding-bottom:20px; text-align:justify;white-space:normal; 
word-wrap:break-word; word-break:break-all }*/
#descriptin .dataList .paddingLB{ padding-bottom:20px;white-space:normal; 
word-wrap:break-word; }
#descriptin .dataList dt,
#descriptin .dataList dd{
	min-height: 32px;
	line-height: 2em; 
	display: table-cell;
	vertical-align: top;
}
#descriptin .dataList dd *{ vertical-align: middle; }
#descriptin .dataList dd .fa-usd{ color: #FF9800; }

#descriptin .dataList dt{min-width: 95px;}
#descriptin .dataList dd{}
#descriptin .dataList dd li{
	float: left;
	display: flex;
}
#descriptin article a.txtbtn{
	float: right;
	color: #1c59b5;
	text-decoration: none;
	background-color: #c6e0fa;
	padding: 0px 4px;
}
#descriptin article a.txtbtn:hover{
	text-decoration: underline;
}
#descriptin .close{
	display: none;
}
#descriptin .dataList dd.tabarea{
	/*width: 100%;
	margin-top: 5px;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
}
#descriptin .dataList dd.tabarea li a{
	background-color: #efefef;
	color: #4c4c4c;
	font-size: 15px;
	padding: 0 13px;
	border-radius: 5px;
	/*margin-right: 6px;
	margin-bottom: 5px;*/
	transition: all 500ms ease;     
	border: 1px solid #e0e0e0;
}
#descriptin .dataList dd.tabarea li a:hover{
	background-color: #dee6f1;
}

#descriptin .dataList dd.tabarea .nolink{
	background-color: #efefef;
    color: #4c4c4c;
    font-size: 15px;
    padding: 0 13px;
    border-radius: 5px;
    /*margin-right: 6px;
    margin-bottom: 5px*/;
    transition: all 500ms ease;
    border: 1px solid #e0e0e0;

}

/*工作福利新增其他*/
#descriptin .dataList dd.benefit-cont li {
	float: none;
	display: inline-block;
	margin-right: 6px;
    margin-bottom: 5px;
}

#descriptin .dataList dd.benefit-cont li a {
	display: block;
}

#descriptin .dataList dd.benefit-cont .other-benefits li {
	display: list-item;
	list-style: decimal;
	margin-left: 20px;
}



/*了解更多顯示框*/
#descriptin .dataList .morebox{
	position: relative;
    width: 100%;
}
#descriptin .morebox h5,
#descriptin .morebox .appraise{
    text-align: right;
    font-size: 15px;
    color: #777;
}
#descriptin .morebox h5 a{
	float: right;
	color: #777;
}
#descriptin .morebox h5 a:hover{
	color: #4077c9;
	text-decoration: underline;
}
#descriptin .morebox h5 span{
	color: #b3b3b3;
	font-size: 13px;
	font-weight: normal;
	display: block;
}
#descriptin .morebox .moreshow{
    display: none;
    position: absolute;
    background-color: #FFF;
    border: 3px solid #9a9a9a;
    width: 370px;
    z-index: 101;
    top: 32px;
    right: -13.3%;
    box-shadow: 2px 2px 8px #CCC;
}
#descriptin .moreshow p img {
    display: inline-block;
    float: right;
    padding-top: 5px;
}
#descriptin .morebox .moreshow:after{
    bottom: 100%;
    left: 177px;
    border: solid transparent;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #8c8c8c;
    border-width: 8px;
}
#descriptin .morebox .moreshow p{
	background-color: #e4e4e4;
    color: #525252;
    padding: 10px;
}
#descriptin .morebox .moreshow p a{
	margin-left: 8px;
}
#descriptin .morebox .moreshow ul,
#descriptin .morebox .moreshow div{
	padding: 15px;
}
#descriptin .morebox .moreshow div{
    font-size: 14px;
    color: #a2a2a2;
    font-weight: normal;
    border-top: 1px solid #dadada;
}
#descriptin .morebox .moreshow ul{
	margin-bottom: 15px;
}
#descriptin .morebox .moreshow li{
	cursor: pointer;
    margin: 8px 0;
    color: #6b6161;
    font-weight: normal;
}
/*#descriptin .morebox .moreshow label{
	padding-left: 5px;
}*/
#descriptin .morebox .moreshow li input{
    height: 25px;
    margin-left: 5px;
    vertical-align: middle;
    border: 1px solid #dadada;
}
#descriptin .morebox .moreshow .morebtn{
    display: inline-block;
    width: 35%;
    margin-left:3%;
}
/*應徵方式-藍區塊 interninfo*/
#descriptin .interninfo{
	width: 100%;
	clear: both;
	/*padding: 50px 20px 0;*/
	padding: 30px 20px 0;
}
#descriptin .interninfo .initiative{ 
	width: 30%;    
	float: left; 
    white-space: nowrap; 
    min-width: 220px; 
}
#descriptin .interninfo .initiative a:hover{ 
	text-decoration: underline;
}
#descriptin .interninfo .membersearch{
    width: 36%;
    display: block;
    height: 15px;
    border: 1px solid #e5e5e5;
    margin-top: 4px;
    margin-right: 20px;
    overflow: hidden;
    float: left;
}
#descriptin .interninfo .membersearch span{
    width: 25%;
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    float: left;
    padding: 8px 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
#descriptin .interninfo .membersearch .mgray{
    background-color: #f7f7f7;
}
#descriptin .interninfo .membersearch .mblue1{
    background-color: #c3ddf5;
}
#descriptin .interninfo .membersearch .mblue2{
    background-color: #accfef;
}
#descriptin .interninfo .membersearch .mblue3{
    background-color: #82baec;
}
#descriptin .interninfo .membersearch .mblue4{
    background-color: #5fa2de;
}
#descriptin .interninfo .warnbox{
	position: relative;
}
#descriptin article .txtbtn{
	position: absolute;
	bottom: 0;
	right: 0;
}
#descriptin .interninfo p.warning{
	height: 70px;
    overflow: hidden;
    width: 100%;
    float: left;
	font-size: 15px;
	color: #6a6a6a;
}
#descriptin .interninfo p.warning i{
	color: #4cbd38;
}
#descriptin .interninfo p.warnadd{
	height: auto;
	overflow: auto;
}
#descriptin .interninfo .warning .tips{
	color: #494949;
	font-weight:  bolder;
}
#descriptin .interninfo .warning .tipin{
	display: block;
    margin: 24px 0;
    background-color: #FFF;
    padding: 10px 15px 20px 15px;
    /*border-radius: 5px;*/
    line-height: 26px;
	text-align: left;
}

#descriptin .interninfo .intern{
	float: left;
	/*background-color: #4077c9;
    padding: 10px 70px;
    margin: 0px 0px; 
    font-size: 16px;
    color: #FFF;*/
    transition: all 0.3s ease-out 0s;
}

#descriptin .interninfo .intern span.noFunBtn,
#descriptin .interninfo .intern .exchangeInternStyle{ padding: 10px 70px; width: auto;}


/*#descriptin .interninfo .intern:hover{
	background-color: #2d66bc;
}*/




/* #descriptin .interninfo .on{
	float: left;
	background-color: #ed0000;
    padding: 10px 70px;
    margin: 0px 0px; 
    font-size: 16px;
    color: #FFF;
    transition: all 0.3s ease-out 0s;
} */
#descriptin .interninfo .on:hover{
	background-color: #d70000;
}
/*列印此頁/填寫履歷*/
#descriptin .infotools{
	text-align: right;
	padding: 30px 0px;
}
#descriptin .infotools a{
	font-size: 15px;
	color: #1a3c80;
	margin-left: 8px;
}
#descriptin .infotools a:hover{
	text-decoration: underline;
}
#descriptin .infotools a i{
	font-size: 17px;
}
/*看過此工作的人還看過 */
#descriptin .othList{
	position: relative;
    width: 96%;
    margin: 10px auto;
    letter-spacing: 0.3px;
    overflow: hidden;
    display: block;
    font-weight: bolder;
    color: #333;
}
#descriptin .othList li{
	width: 48%;
	margin-bottom: 20px;
}
#descriptin .othList li:nth-child(odd){
	float: left;
}
#descriptin .othList li:nth-child(even){
	float: right;
}
#descriptin .similarbtn2{
	float: none; top: 0;
	position: absolute;
    right: -50px;
    display: none;
    height: 140px;
    width: 50px;
    padding-top: 120px;
    cursor: pointer;
}
#descriptin .similarbtn2 i{
	font-size: 50px;
    color: #e2e2e2;
}
#descriptin .similarbtn2 span{ 
	display: inline-block; 
	padding: 5px;
	opacity: 1;
    position: absolute;
    top: 126px;
    width: 80px;
    background: #e3e3e3;
    text-align: center;
	transition: all 0.3s ease-out 0s;
	color:#696969;
	font-size:15px;
}
#descriptin .similarbtn2 span:hover{
	color: #333;
    background: #afcce8;
}
#descriptin .othList li a,
#descriptin .othList li div{
	position: relative;
	display: block;
	padding-left: 16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#descriptin .othList li div{
	font-size: 15px;
    color: #696969;
    font-weight: normal;
}
#descriptin .othList li a.jb{
	color: #3e649d;
}
#descriptin .othList li a.jb:hover{
	text-decoration: underline;
}
#descriptin .othList li a.cpy{
	color: #676767;
	font-size: 15px;
}
#descriptin .othList li a.jb::before{
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #afcce8;
}
/*aside rightbox*/
#descriptin .sidecon{
	position: relative;
	margin: 10px 0 25px;
}
#descriptin .sidecon img{
	display: block;
	width: 100%;
	height: auto;
}
#descriptin .sidecon .autoPlay{
    display: block;
    max-width: 140px;
    max-height: 140px;
    width: 140px;
    position: absolute;
    left: 28%;
    top: 7%;
}
.videoWrapper{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*工作適配度+離家近不近 chartbox*/
/*工作適配度*/
.Completecon .imgOverflow{ display: inline-block; height: 65px; overflow: hidden; padding-right: 10px; }
.starIconBox{display: inline-block; background: #fff; border: 1px solid #aaa; padding: 1px 8px; border-radius: 10px;  margin-bottom: 10px; vertical-align: middle; }
.starIconBox .fa{ color: rgb(227, 202, 7) }
.noteText{ font-size: 15px; color: #888; padding: 5px 0; }
.rightContentBox{ display: inline-block; vertical-align: middle; overflow: hidden; padding-left: 10px; }

#descriptin .chartbox{
	background-color: #f6f6f6;
	padding: 15px 25px 20px;
	font-size: 16px;
	text-align: center;
	color: #454545;
}
#descriptin .chartbox .chart{
	font-size: 25px;
}
#descriptin .chartbox h5{
	text-align: left;
	line-height: 2.5;
}
#descriptin .chartbox img{
    vertical-align: middle;
}

#descriptin .chartInput{
	cursor: pointer;
    border: 1px solid #d8d6d6;
    *width: 98%; 
    padding: 0 5px;
    font-size: 15px;
    font-family: "微軟正黑體";
    width:100%
}
#descriptin input.chartInput[type="text"]{
	width:auto; 
	border: 1px solid #8cb5d7;
    background-color: #dff1ff;
    text-align: center;
    border-radius: 5px;
    color: #2e6895;
}
#descriptin input.chartInput:hover{
	text-decoration:underline;
}
#descriptin .chartInput.manIcon{ 
	padding: 0 5px 0 20px;
    background: url(/job-bank/images/jb_img1.png) #dff1ff no-repeat 13px 0;}

#descriptin .chartbox p{
	display: inline-block;
	text-align: left; 
	font-size: 15px;
}
#descriptin .chartbox p.textst{
	font-size: 15px; 
	font-weight: normal; 
	color:#bb0000; 
}
#descriptin .chartbox .no1{
	font-size: 50px;
	color: #e30750;
	padding: 0 6px;
}
#descriptin .chartbox .no2{
	position: relative;
	font-size: 35px;
	color: #f9a954;
	padding: 0 6px;
}
#descriptin .chartbox .no2 .oth{
	position: absolute;
	top: -8px;
	font-size: 14px;
	color: #484848;
}
#descriptin .chartbox p .percent{
	font-size: 35px;
}
/*離家近不近*/
#descriptin .signInput{
	cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #d8d6d6;
    border-right: 0;
    width: 81%;
    padding: 0 16% 0 2%;
    font-size: 15px;
    font-family: "微軟正黑體";
    box-sizing: content-box;
}
#descriptin .keywordBox{
    position: relative;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    width: 80%;
}
#descriptin .keywordBox img{
    vertical-align: middle;
    margin: 10px 5px;
}
#descriptin .keywordBox .delete{
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    color: #cacaca;
}
#descriptin .enter{
	width: 20%;
	float: left;
	background-color: #4077c9;
	color: #FFF;
	line-height: 34px;
}
#descriptin .nearlybox{
    width: 100%;
    padding: 20px 10px 50px;
}
#descriptin .nearlybox .icolist{
    float: left;
}
#descriptin .nearlybox .icolist a{
    display: inline-block;
}
#descriptin .nearlybox .icolist .locatefrom, 
#descriptin .nearlybox .icolist .locatefrom:hover, 
#descriptin .nearlybox .icolist .locatefrom_act, 
#descriptin .nearlybox .icolist a{
    width: 32px;
    height: 32px;
    background-image: url(/job-bank/images/jb_img.png);
    background-repeat: no-repeat;
}
#descriptin .nearlybox .icolist .walk{
    background-position: 0 0;
}
#descriptin .nearlybox .icolist .walk:hover, 
#descriptin .nearlybox .icolist .walk_act{
    background-position: 0 -32px;
}
#descriptin .nearlybox .icolist .car{
    background-position: -32px 0;
}
#descriptin .nearlybox .icolist .car:hover, 
#descriptin .nearlybox .icolist .car_act{
    background-position: -32px -32px;
}
#descriptin .nearlybox .icolist .mrt{
    background-position: -64px 0;
}
#descriptin .nearlybox .icolist .mrt:hover, 
#descriptin .nearlybox .icolist .mrt_act{
    background-position: -64px -32px;
}
#descriptin .nearlybox .icolist::after{
    display: block;
    content: "";
    border: 7px solid #f6f6f6;
    border-left-color: #5fb1d3;
    margin: 10px 5px 15px 10px;
    float: right;
}
#descriptin .nearlybox .timer{
    float: left;
    line-height: 32px;
    box-sizing: border-box;
    font-size: 36px;
    font-weight: bolder;
    color: #f9a954;
    font-family: ITC Avant Garde Gothic;
}
#descriptin .nearlybox .timer span{
    font-size: 15px;
    color: #757474;
    font-weight: bolder;
    font-family: "微軟正黑體";
}
/*最近瀏覽公司紀錄 recently*/
#descriptin .recently h4,
#descriptin .similar h4{
	font-size: 15px;
	color: #000;
	margin: 30px 0 10px;
	position: relative;
}
#descriptin .similar, .hashtags-M{
	display:none;
}
#descriptin .hashtags,
#descriptin .hashtags-M { 
	margin-top: 30px;
}
#descriptin .hashtags p {
	color: #999;
}
#descriptin .hashtags p,
#descriptin .hashtags-M p {
	padding: 2px 8px;
	display: inline-block;
}
#descriptin .hashtags p:hover,
#descriptin .hashtags-M p:hover {
	background-color: #d0e5f7;
    color: #3077ac;
    border-radius: 25rem;
    padding: 2px 8px;
}
#descriptin .recently h4 .title{
	padding-left: 0!important;
}
#descriptin .recently ul{
	padding-left: 7%;
}
#descriptin .recently ul li{
    margin-bottom: 10px;
}
#descriptin .recently ul li a{
	display: block;
	position: relative;
    padding-left: 16px;
    line-height: 1.6;
    font-size: 15px;
    color: #676767;
    width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
    transition: all 500ms ease;
}
#descriptin .recently ul li a.jb{
    font-size: 15px;
    color: #3077ac;
}
#descriptin .recently ul li a.jb::before{
    position: absolute;
    top: 11px;
    left: 0;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #afcce8;
}
#descriptin .recently ul li a.jb:hover{
	text-decoration: underline;
}
/*找同類型公司 similar*/
#descriptin .similarbtn{
    display: block;
    border: 2px solid #d9d9d9;
    border-radius: 30px;
    text-align: center;
    color: #5f5f5f;
    padding: 6px 0;
    margin: 10px 28px;
    font-size: 16px;
    width: 70%;
    transition: all 500ms ease;
}
#descriptin .similarbtn i{
    color: #8d8d8d;
}
#descriptin .similarbtn:hover{
    border-color: #4077c9;
    background-color: #4077c9;
}
#descriptin .similarbtn:hover,
#descriptin .similarbtn:hover i{
    color: #FFF;
}
/*推薦課程/資訊*/
#descriptin .titleGry{
	position: relative;
	z-index: 22;
	background-color: #f4f4f4;
	padding: 0 10px;
}
#descriptin .titleIcon{
	width: 25%;
	float: left;
}
#descriptin .titleIcon figure{
	width: 72px;
	height: 72px; 
	margin: 10px 25px;
	background-image: url(/job-bank/images/titleIcon.png);
	background-repeat: no-repeat;
}
#descriptin .titleIcon .fi01{
	background-position: 0 0;
}
#descriptin .titleIcon .fi02{
	background-position: -94px 0;
}
#descriptin .titleIcon p{
	text-align: center;
	border-top: 2px solid #d4e0eb;
	font-size: 15px;
	font-weight: bolder;
	padding-top: 5px;
	line-height: 1.4;
}
#descriptin .course{
	width: 70%;
	float: left;
	line-height: 1.8;
	padding-left: 5%;
}
#descriptin .course li a{
	position: relative;
	display: block;
    padding-left: 16px;
    font-size: 15px;
    color: #3e649d;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#descriptin .course li a::before{
    position: absolute;
    top: 11px;
    left: 0;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #afcce8;
}
#descriptin .course li a:hover{
	text-decoration: underline;
}

/*此職缺的關鍵字*/
#descriptin .hashtags h4 {
    font-size: 15px;
    color: #000;
    margin: 30px 0 10px;
    position: relative;
}
#descriptin .hashtags .job_tagBox {
    position: relative;
    max-height: 56px;
    overflow: hidden;
    transition: max-height 1s ease;
    background-color: #fff;
}
#descriptin .hashtags .job_tagBox.-expanded {
    /*max-height: 80vh;*/
    max-height: 28vh;
}
#descriptin .hashtags .tag_btn {
	margin: auto;
    width: 90px;
}
#descriptin .hashtags .tag_btn .plan-button {
    cursor: pointer;
    /*display: block;
    width: 100%;*/
    display: inline-block;
    width: 70px;
    border: none;
    padding: 0px 0;
    text-align: center;
    margin: 0% auto;
    position: relative;
    z-index: 1;
    color: #5f5f5f;
}
#descriptin .hashtags .tag_btn .plan-button:hover {
	text-decoration: underline;
}
#descriptin .hashtags .tag_btn i {
    display: inline-block;
    position: relative;
    right: 18px;
    color: #5f5f5f;
    font-size: 1rem;
    top: 0px;
    transform: rotate(0deg);
}
#descriptin .hashtags .tag_btn i.active {
    transform: rotate(-180deg);
}
/*#descriptin .hashtags .tag_btn .plan-button i:before {
    transition: .3s all;
    transform: rotate(0deg);
}
#descriptin .hashtags .tag_btn .plan-button.active > i:before {
    transform: rotate(-180deg);
}*/

/*此職缺的關鍵字 M版*/
#descriptin .hashtags-M h4 {
    font-size: 15px;
    color: #000;
    margin: 30px 0 10px;
    position: relative;
}
#descriptin .hashtags-M .job_tagBox {
    position: relative;
    max-height: 56px;
    overflow: hidden;
    transition: max-height 1s ease;
    background-color: #fff;
}
#descriptin .hashtags-M .job_tagBox.-expanded {
    max-height: 40vh;
}
#descriptin .hashtags-M .tag_btn {
	margin: auto;
    width: 90px;
}
#descriptin .hashtags-M .tag_btn .plan-button {
    cursor: pointer;
    display: inline-block;
    width: 70px;
    border: none;
    padding: 0px 0;
    text-align: center;
    margin: 0% auto;
    position: relative;
    z-index: 1;
    color: #5f5f5f;
}
#descriptin .hashtags-M .tag_btn .plan-button:hover {
	text-decoration: underline;
}
#descriptin .hashtags-M .tag_btn i {
    display: inline-block;
    position: relative;
    right: 18px;
    color: #5f5f5f;
    font-size: 1rem;
    top: 0px;
    transform: rotate(0deg);
}
#descriptin .hashtags-M .tag_btn i.active {
    transform: rotate(-180deg);
}
/*#descriptin .hashtags-M .tag_btn .plan-button i:before {
    transition: .3s all;
    transform: rotate(0deg);
}
#descriptin .hashtags-M .tag_btn .plan-button.active > i:before {
    transform: rotate(-180deg);
}*/


/*footer*/
#footer_smll{
	margin-top: 0!important;
}
/*scrolltop setting*/
.scrolltop{
    position: fixed;
    right: 23px;
    bottom: 260px;
    opacity: 0;
    width: 84px;
    height: 70px;
    line-height: 5px;
    text-align: center;
    overflow: hidden;
    z-index: 999;
    color: #8f8f8f;
    background-color: rgba(244, 244, 244, 0.5);
    transition: all 0.5s ease-in-out;
}
.scrolltop:hover{
	opacity:1.0;
	background-color: #4077c9;
	color: #FFF
}
.scrolltop.show{
    visibility: visible;
    cursor: pointer;
	opacity: .9;
}
.scrolltop i.fa{
	/*line-height: inherit;*/
	font-size: 3.2em;
	display:block;
}
.sugbtn{
    opacity: 0;
    position: fixed;
    right: 23px;
    bottom: 188px;
    width: 84px;
    text-align: center;
    overflow: hidden;
    z-index: 999;
    color: #8f8f8f;
    background-color: rgba(244, 244, 244, 0.5);
    padding: 7px 0;
    transition: all 0.3s ease;
}
.sugbtn.show{
    opacity: 1;
}
.sugbtn i{
    font-size: 25px;
    display: block;
    margin: 5px auto;
}
.sugbtn:hover{
    background-color: #4077c9;
	color: #FFF;
}
/*相似工作效果*/
.slideOutbox{ position: relative;}
.slideOutbox .scrollable{max-width: 800px; min-height: 346px; position: relative; overflow: hidden;}
.slideOutbox .inbox{width: 20000em; position: absolute; left: 0;}
.slideOutbox .inbox > div{ float: left; }
.slideOutbox .inbox > div *{ -webkit-text-size-adjust:none; }



/*分享*/
.mobileSocialbox{ position: fixed; top:0; left:0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.4); }
.mobileSocialCloseBtn{ position:absolute; right: 10px; top:10px; }
.mobileSocialCloseBtn .fa{ color: #999; font-size: 18px; }
.mobileSocialCancelBtn{ display: inline-block; padding:5px 24px; background: #3678d9; color: #fff; border-radius: 3px;  }
.mobileSocialbox .bgBox{ background: #fff; margin: 20% 20px 0; position: relative; border-radius: 3px; text-align: center; padding: 26px 2% 16px;}
.mobileSocialbox ul{ text-align: left; padding: 10px 0; }
.mobileSocialbox ul>li{ display: inline-block; width: 48%; }
.mobileSocialbox ul>li a{display: block; color: #333;padding: 8px 0; font-size: 18px; }
.mobileSocialbox ul>li a img{ vertical-align: middle; }
.mobileSocialbox ul>li .fa{ font-size: 38px; vertical-align: middle; }
.mobileSocialbox ul>li .fa.fa-facebook-official{ color: #3756b3; font-size: 44px; }
.mobileSocialbox ul>li .fa.fa-google-plus-square{ color: #dc483c; font-size: 44px; }

@media screen and (max-width: 479px){
    .mobileSocialbox ul>li a img{ width: 35px; }
    .mobileSocialbox ul>li .fa{ font-size: 35px; }
    .mobileSocialbox ul>li .fa.fa-facebook-official,
    .mobileSocialbox ul>li .fa.fa-google-plus-square{ font-size: 39px; }
}



/* MOBILE 
-----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 400px) and (max-width: 479px) {
	.pd15{width:90%;}
}
@media screen and (max-width: 479px) {
#descriptin #incontent .onlineInterview{
	padding-bottom: 10px;
}
#descriptin #incontent .onlineInterview ul.itemBox{
	position: static;
	right: auto;
	top: auto;
}
#descriptin #incontent .onlineInterview ul.itemBox li img{
	max-width: 70px;
}
#descriptin #incontent .onlineInterview ul.forMobil li {
	display: block;
}
#descriptin #incontent .onlineInterview .line{
    position: static;
    right: auto;
    top: auto;
    width: 100%;
}

#descriptin article .txtbtn{ top:0; bottom: auto;}
#descriptin #incontent .cateshow{ width: 280px; }
#descriptin{
	width: 100%;
	overflow-x: hidden; 
}
.scrolltop{
	right: 5px;
    bottom: 65px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 777;
	background-color: #cccccc;
	color:#efefef;
	border-radius:5px;
}
#descriptin #visual .control .nearybox{
	display: block;
}
#descriptin .interninfo .intern{
    margin: 20px 0 0 0; 
}
/*#descriptin #menu{
	padding: 0!important;
}
#descriptin #visual h1,
#descriptin #visual .control{
	padding: 6px;
	box-sizing: border-box;
}
#descriptin #visual h2{
	display: none;
}
#descriptin #visual h1{
    font-size: 25px;
    width: 100%;
    max-height: 76px;
    margin-bottom: 10px;
    line-height: 1.4;
}
#descriptin #visual h1 span{
	font-size: 16px;
}
#descriptin #menu .tab li{
	width: 50%;
	line-height: 11px;
}
#descriptin #menu .tab li a{
	font-size: 15px;
}
#descriptin #menu ul.tab .ellipsis{
	padding-right: 0;
}
#descriptin #menu ul.tab .ellipsis a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.logoTitle{ 
	float: left; width: 100%; 
}
#descriptin #visual .control{ 
	box-shadow: 0 -2px 3px 0 #CCC;
	width: 100%; 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	background: #f3f3f3; 
	z-index: 999;  
	padding-right: 10px;  
}
#descriptin #visual .control .intern{ 
	width: 42%; 
	box-sizing: border-box; 
}
/*collect bottom btn*/
#descriptin #visual .control .collect{ 
	/*width: 37%; */
	box-sizing: border-box;
}
#descriptin #visual .control .nearyNormal,
#descriptin #visual .control .nearyShare,
#descriptin #visual .control .neary,
#descriptin #visual .control .nearyLogin{ 
	height:45px; 
	display: none; 
	padding: 0 10px;
}
#descriptin #visual .control .nearyNormal i,
#descriptin #visual .control .nearyShare i,
#descriptin #visual .control .neary i,
#descriptin #visual .control .nearyLogin i{ 
	padding:0;color: #605F5F;
	font-size: 19px; 
	line-height:45px;
}
#descriptin #visual .control .nearybox{
	display: none;
	position: fixed;
	width: auto;
	background-color: rgba(75, 74, 74,0.7);
	bottom: 55px;
	padding: 12px 34px 12px 15px;
	color: #FFF;
	font-size: 16px;
	z-index: 999;
	left: 2%;
	right: 2%;
}
#descriptin #visual .control .nearybox::after{
	top: 100%;
	left: 85.6%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: rgba(75, 74, 74,0.7);
	border-width: 8px;
	margin-left: -30px;
}
#descriptin #visual .control .nearybox a{
	color: #FFF;
}
#descriptin #visual .control .nearybox .cloz{
	position: absolute;
	right: 5px;
    top: 5px;
    display: inline-block;
    padding: 7px;
}
#descriptin #visual .control .nearybox .nearydel{
	float: right;
	text-decoration: underline;
	font-size: 15px;
	margin-top: 8px;
}
#descriptin #visual .control .num,
#descriptin #visual .control .social{ display: none; }

#descriptin #visual .control > a{
    display: block;
    padding: 0px 15px;
    font-size: 20px;
    margin: 0 1%;
}
#descriptin #visual .scene .mask_l, #descriptin #visual .scene .mask_r,#menu .others{
    display: none;
}
#descriptin #menu{
	margin-top: 0;
    box-sizing: border-box;
    padding: 20px;
}
#path .report,
#descriptin #menu .other{
	display: none;
}
#descriptin #menu ul.tab{
    /*padding: 10px 10px 0;*/
    padding: 10px 0 0;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    
}
/*fixed*/
#descriptin #menu.fixed{
    top: 40px;
    padding: 0;
}
#descriptin #menu.fixed .logoSubTitle,
#descriptin #menu.fixed h1{
	display: none;
}
#descriptin #menu.fixed .tab li span{
	display: none;
}
#descriptin #menu.fixed .tab li a{
	font-size: 16px;
}

#descriptin #menu ul.tab .ellipsis{ /*max-width: 180px;*/ max-width: 225px; }
#descriptin #menu .tab li a,
#descriptin #menu.fixed .tab li a{
    padding: 5px 0 10px!important;
    width: 98%;
    text-align: center;
}
/*content*/
#c1, #c2{
	padding: 0px 15px 10px!important;
}
.pdwidth{
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}
#descriptin .dataList dd.tabarea li a{
	margin: 5px;
}
#descriptin .dataList dd.tabarea .nolink{	margin: 5px;}
#descriptin .dataList, #descriptin .datainfo{
	/*margin: 10px 0;*/
}
#descriptin .dataList dt{
	width: auto;
}
#descriptin .dataList dd{
	width: 66%;
}
#descriptin #incontent .update{
	padding: 0;
}
#descriptin .interninfo .initiative{
    width: 100%;
    margin-bottom: 15px;
}
#descriptin .interninfo{
    padding: 10px 8px;
}
#descriptin .interninfo .intern{ 
    width: 100%;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: center;
    clear: both;
    line-height: 45px;
    padding: 0;
}
#descriptin .dataList dd.tabarea li a::after{
    display: none;
}
/*看過此工作的人還看過...*/
#descriptin .othList{
	margin: 10px 0 30px;
}
#descriptin .othList li{
	width: 100%;
}
#descriptin .chartbox{
/* 	padding: 15px 10px;
 */}
#descriptin .othList li.similarbtn2{
	right: 0;
	padding-top: 180px;
}
#descriptin .othList li.similarbtn2:hover span{
    display: none;
}
/*最近瀏覽*/
#descriptin .recently ul{
    padding-left: 0;
}
#descriptin .recently ul li{
    width: 100%;
    float: none;
}
#descriptin .titleIcon{
	width: 36%;
}
#descriptin .course{
    width: 58%;
}
/*morebox 點選置頂功能*/
#descriptin .dataList .morebox{
    margin-bottom: 20px;
}
#descriptin .morebox .moreshow{
    width: 100%;
	right: -4%;
}
#descriptin .morebox .moreshow .morebtn{
    display: inline-block;
    width: 24%;
   /* margin-left: 0;*/
}
#descriptin .morebox .moreshow::after{
	left: 245px;
}
#descriptin .morebox .moreshow p{
    padding: 10px 30px 10px 10px;
}
#descriptin .morebox .moreshow p a{
    position: absolute;
    right: 5px;
    top: 10px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#descriptin .control .intern{ width:55%;}
.pd15{width:90%;}
#descriptin #visual h1{
	/*width: 54%;*/
	padding: 20px 0 40px 30px;
}
#descriptin #menu .control{
	margin-top: 18px;
	width: 34%;
}
#descriptin .control .intern{
	margin-right: 0;
}
#descriptin #menu .other{
	width: 32%;
}
#descriptin #visual .control>a{
	padding: 0 5px;
	/*width: 40%;*/
}
#descriptin #menu.fixed .collect{
	/*padding: 0 5px;*/
}
#descriptin #menu ul.tab{
	padding: 0;
}
#descriptin #menu.fixed .others ul{
	left: -65px;
}
#descriptin .dataList dt{
	width: 21%;
}
#descriptin .dataList dd{
	width: 60%;
}
#descriptin .datainfo{
	height: 155px;
}
/*fixed*/
/*#descriptin #menu.fixed .control,*/
#descriptin #menu.fixed h1,
#descriptin #menu.fixed .logoSubTitle,
#descriptin #menu.fixed .other{
	display: none;
}
#descriptin #menu.fixed ul.tab a{
	font-size: 15px;
}
#descriptin #c1,#descriptin #c2{
	padding: 40px 20px 50px;
}
#descriptin .interninfo .initiative{
	width: 45%;
}
#descriptin aside iframe{
	min-height: 350px;
}
/**/
#descriptin .recently ul{
    padding-left: 5px;
}
#descriptin .titleIcon{
	width: 25%;
}
#descriptin .course{
    width: 70%;
}
/*morebox 點選置頂功能*/
#descriptin .dataList .morebox{
    margin-bottom: 20px;
}
#descriptin .morebox .moreshow{
    width: 70%;
	right: -4%;
}
#descriptin .morebox .moreshow .morebtn{
    display: inline-block;
    width: 24%;
}
#descriptin .morebox .moreshow::after{
	left: 85%;
}
#descriptin .morebox .moreshow p a {
    float: right;
    margin-top: 5px;
}
#descriptin .interninfo .intern a:first-child{ padding: 10px 35px!important; }
}
@media screen and (max-width: 767px) {



#descriptin .interninfo .intern span.noFunBtn, 
#descriptin .interninfo .intern a.normal{ width: 100%; padding-left: 0; padding-right: 0; }


#descriptin .similar{ display: none!important; }
#descriptin #incontent .cateshow.mobileRight{ /*left: auto; right: 0;*/left: -95px; }
#descriptin #incontent .cateshow.mobileRight:after{	/*left: auto; right: 1px;*/ }

.slideOutbox{ margin-right: 31px; }
#descriptin .similarbtn2{ /*padding: 50px 0;*/ padding: 10px 0; height: auto; top: 32%;width: 46px; right: -46px;background: rgba(0,0,0,0.05); z-index: 99; }
#descriptin .similarbtn2 span{ /*display: none;*/ position: static; top: 0; left: 0; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; background: none;width: auto;
    display: block; margin: auto; }
#descriptin .similarbtn2 span:hover{ background: none; }
#descriptin .similarbtn2 i{ display: block; text-align: center; font-size: 22px; color: #c7c7c7; }
#descriptin #incontent .similarbtn2 i{ padding-right: 5px; }


.sugbtn{display: none;}

#path{
	display: none;
}
#descriptin #visual .scene .autoPlay{
	width: 20%;
    left: 45%;
    top: 20%;
}
#descriptin #visual .scene,
#descriptin #menu{
	width: 100%;
	height: auto;
}
#menu.fixed{
	margin-top: 0!important;
}
.pdwidth{
	padding: 20px 0px;
}
.w65,.w30{ 
	width: 100%!important;
}
.w48{
    width: 100%;
}
#descriptin .titleIcon p br{
	display: none;
}
#descriptin article{
	margin-bottom: 20px;
}
/*video*/
#descriptin .sidecon{
    width: 60%;
    margin: 0 auto;
    min-width: 300px;
}
#videoshow .vdbox{
    width: 100%;
}
#videoshow .vdbox iframe{
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 767px) {
	.toplink{	display: none; }
	.scrolltop{
		right: 5px;
	    bottom: 65px;
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	    z-index: 777;
		background-color: #cccccc;
		color:#efefef;
		border-radius:5px;
	}
}
/* PAD 
-----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 990px) {
#descriptin #menu.fixed{ position: static; }
#descriptin #menu.fixed.active{ position: fixed; }
#descriptin .control .intern span,
#descriptin .control .intern a{  padding-left: 0; padding-right: 0; }
#descriptin .intern .exchangeInternStyle { width: 75%;}
#descriptin .intern .exchangeInternBtn { width: 25%;}
#descriptin .control .intern .on:first-child:hover:after,
#descriptin .intern .exchangeInternBtn:hover:after,
.mBoxmask{	display: none; }
.midwidth{ padding-left: 2%; }

/*工作適配度,離家近不近 lightbox*/
.mBox{
	position: absolute;
	z-index: 999;
	width: 95%;
	background-color: rgb(246, 246, 246);
	top: 90px;
	/*height: 70%;height: 90%;*/ 
	overflow-y: scroll;
	display: none;
	left: 2%;
	border-radius: 7px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    bottom: 20px;
}
.mBoxmask{
	position: fixed;
	width: 100%;
	height: 100%;
	/*background-color: rgba(86, 86, 86, 0.7);*/
	background-color: rgba(0, 0, 0, 0.4);
	top: 0px;
	left: 0px;
	z-index: 8000;
}
.mBoxmask .clobox{
	position: absolute;
	top: 52px;
	right: 10px;
	font-size: 35px;
	color: #fbf8f6;
}
#descriptin #incontent .halfw .title{
    position: relative;
    z-index: 22;
    background-color: #f6f6f6;
    padding: 0 10px;
}

/*halfw*/
#descriptin .mBoxmask  .halfw{ width: auto;margin-bottom: 0; }
#descriptin .mBoxmask  .halfL,
#descriptin .mBoxmask  .halfR{ float: none; }

#descriptin #menu{
	padding: 0!important;
}
#descriptin #visual h1,
#descriptin #visual .control{
	padding: 6px;
	box-sizing: border-box;
}
#descriptin #visual h2{
	display: none;
}
#descriptin #visual h1{
    font-size: 22px;
    width: 100%;
    /*max-height: 76px;*/
    margin-bottom: 10px;
    line-height: 1.4;
	padding:5px 10px;
}
#descriptin #visual h1 span{
	font-size: 16px;
}
#descriptin #menu .tab li{	/*width: 50%;*/
	line-height: 11px; float: none; display: inline-block; vertical-align: top; padding: 0 14px 0 10px; }

#descriptin #menu .tab li a{
	font-size: 15px;
}
#descriptin #menu ul.tab .ellipsis{
	/*padding-right: 0;*/
	padding-right: inherit;
}
#descriptin #menu ul.tab .ellipsis a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.logoTitle{ 
	float: left; width: 100%; 
}
#descriptin #visual .control{ 
	box-shadow: 0 -2px 3px 0 #CCC;
	width: 100%!important; 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	background: #f3f3f3; 
	z-index: 999;
	padding:10px 0;
}
#descriptin #visual .control .intern{ 
	/*width: 33%;*/ 
	box-sizing: border-box; 
}
/*collect bottom btn*/
#descriptin #visual .control .collect{ 
	/*width: 33%;*/ 
	box-sizing: border-box;
}

#descriptin #visual .control .nearyNormal,
#descriptin #visual .control .nearyShare,
#descriptin #visual .control .neary,
#descriptin #visual .control .nearyLogin{ 
	height:45px;
	display: none; 
	padding: 0 10px;
    width: 6%;
}
#descriptin #visual .control .nearyNormal,
#descriptin #visual .control .nearyShare,
#descriptin #visual .control .neary{
	display: inline-block;
}

#descriptin #visual .control .nearyShare.mobiFixed{ display: none!important; /*position: fixed;top: 0; right: 0;z-index: 9999;border: none;     display: -webkit-flex;
    display: -moz-flex;
    display: flex;*/ }
#descriptin #visual .control .nearyShare.mobiFixed .fa{ color: #fff; }

.nline{
	border-left: 1px solid #CCC;	
}
.neary.nline{ border:none;}

#descriptin #visual .control .nearyNormal i,
#descriptin #visual .control .nearyShare i,
#descriptin #visual .control .neary i,
#descriptin #visual .control .nearyLogin i{ 
	padding:0;color: #605F5F;
	font-size: 22px; 
	line-height:45px;
}
#descriptin #visual .control .nearybox{
	display: none;
	position: fixed;
	width: auto;
	background-color: rgba(75, 74, 74,0.7);
	bottom: 65px;
	/*padding: 30px 25px;*/     padding: 12px 34px 12px 15px;
	color: #FFF;
	/*font-size: 18px;*/ font-size: 16px;
	z-index: 999;
	left: 2%;
	right: 2%;
}
#descriptin #visual .control .nearybox::after{
	top: 100%;
	/*left: 85.6%;*/ left: 74%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	/*border-top-color: #3c3c3c;*/
	border-top-color: rgba(75, 74, 74,0.7);
	border-width: 8px;
	margin-left: -30px;
}
#descriptin #visual .control .nearybox a{
	color: #FFF;
}
#descriptin #visual .control .nearybox .cloz{
	position: absolute;
	right: 5px;
    top: 5px;
    display: inline-block;
    padding: 7px;
}
#descriptin #visual .control .nearybox .nearydel{
	float: right;
	text-decoration: underline;
	font-size: 15px;
	margin-top: 8px;
}
#descriptin #visual .control .num,
#descriptin #visual .control .social{ display: none; }

#descriptin #visual .control > a{
    display: block;
    padding: 2px 8px;
    font-size: 12px;
    margin: 0 1%;
}
#descriptin #visual .scene .mask_l, #descriptin #visual .scene .mask_r,#menu .others{
    display: none;
}
#descriptin #menu{
	margin-top: 0;
    box-sizing: border-box;
    padding: 20px;
}
#path .report,
#descriptin #menu .other{
	display: none;
}
#descriptin #menu ul.tab{
    padding: 10px 10px 0;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
body{
	padding-bottom: 68px;
}

/*
#descriptin .control .intern a.exchangeInternStyle{	width: 72%;}
#descriptin .control .intern a.exchangeInternBtn{ width: 24%;  }*/


}
@media screen and (max-width: 990px) {
	#descriptin .hashtags { display: none; }
	#descriptin .hashtags-M { display: block; }
	#descriptin .hashtags-M p { color: #3077ac; }
}
@media screen and (min-width: 480px) and (max-width:1180px) {
#descriptin #visual .control{width: 27%;}	
}
@media screen and (min-width: 991px){
.mi-header{ display: none!important; }
.mBoxmask .clobox { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
#descriptin .control .intern{ width:60%;}
.pd15{width:90%;}
#path{
	padding: 15px 10px;
}
#descriptin #menu{
	width: 100%;
	height: auto;
}
#descriptin #menu ul.tab{
    float: none;
    clear: both;
}
/*fixed*/
/*#descriptin #menu.fixed .control,*/
#descriptin #menu.fixed h1,
#descriptin #menu.fixed .logoSubTitle,
#descriptin #menu.fixed .other{
	display: none;
}
#descriptin #menu.fixed ul.tab{
    float: left;
    clear: inherit;
}
#descriptin #menu.fixed .control{
	margin-top: 18px!important;	
}
#descriptin #menu .other{
	width: 31.5%;
}
.w65,.w30{ 
	width: 100%!important;
}
.pdwidth{
	padding: 20px 0;
}
#descriptin #c1,#descriptin #c2{
	padding: 40px 20px;
}
#descriptin .dataList dt{
	width: 15%;
}
#descriptin .dataList dd{
	width: 80%;
}
#descriptin .dataList dd.tabarea li{
	margin-bottom: 8px;
}
/*應徵方式-藍區塊*/
#descriptin .interninfo .initiative{
	width: 35%;
}
/*右側功能項-影音區塊*/
#descriptin .sidecon{
    width: 400px;
    margin: 0 auto;
}
#descriptin .sidecon .autoPlay{
    left: 32%;
    top: 18%;
}
#videoshow .vdbox{
    width: 100%;
}
/*最近瀏覽公司紀錄*/
#descriptin .recently ul li{
    width: 50%;
    float: left;
}
/*halfw*/
#descriptin .halfw{
	width: 48%;
	margin-bottom: 25px;
}
#descriptin .halfL{
	float: left;
}
#descriptin .halfR{
	float: right;
}
#descriptin .halfw h3{
	margin-top: 30px!important;
}
#descriptin .recently{
	clear: both;
}
#descriptin .chartbox{
	height: 260px;
}
#descriptin .titleIcon figure{
	margin: 10px 5px;
}
#descriptin .recently h4, 
#descriptin .similar h4{
	clear: both;
}
/*morebox 點選置頂功能*/
#descriptin .dataList .morebox{
    margin-bottom: 20px;
}
#descriptin .morebox .moreshow{
    width: 70%;
	right: -4%;
}
#descriptin .morebox .moreshow .morebtn{
    display: inline-block;
    width: 24%;
}
#descriptin .morebox .moreshow::after{
	left: 85%;
}
#descriptin .morebox .moreshow p a{
    float: right;
    margin-top: 5px;
}
#descriptin .morebox .moreshow p{
    padding: 10px 30px 10px 10px;
}
#descriptin .morebox .moreshow p a{
    position: absolute;
    right: 5px;
    top: 10px;
}
#descriptin .interninfo .intern a:first-child{ padding: 10px 70px!important; }
}
/* DESKTOP
-----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1169px) {
#path{
	max-width: 100%;
	padding: 15px;
}
#descriptin #menu{
	width: 100%;
}
#menu .tab li a{
	padding: 0 10px 10px;
}
/*content*/
.pdwidth{
	max-width: 100%;
	padding: 20px 0;
}
#descriptin .dataList dt{
	width: 17%;
}
#descriptin .dataList dd{
	width: 80%;
}
#descriptin .dataList dd li{
	margin-bottom: 8px;
}
#descriptin .chartbox{
	padding: 15px 15px 10px;
}
#descriptin .chartbox h5{
	font-size: 15px;
}
#descriptin .chartbox .no1{
	font-size: 44px;
}
#descriptin .nearlybox{
	padding: 20px 0 50px;
}
#descriptin .titleIcon p br{
	display: none;
}
}
/* PRINTER 列印樣式 
-----------------------------------------------------------------------------------------------------------------------------*/
@media print{
#path,.scrolltop,.toplinkzone,
#descriptin #c2,
.recently,.fz15r,.linkStyle,
#descriptin #visual .control,
#descriptin .infotools,
/*#descriptin .dataList li br,*/
#descriptin .interninfo .intern,
#descriptin article .txtbtn,
#descriptin .similarbtn2 i,
#descriptin .keywordBox .delete,
#descriptin .enter,
#descriptin .nearlybox .icolist,
#descriptin #incontent .update,
#descriptin .rightbtn,#aboutShow,
#descriptin .similar h4,
#descriptin .chartbox .no2 .oth,
.halfR,
.mBoxmask,
#incontent .floatL.w30,
#incontent .halfw.halfL,
.hashtags,
.sugbtn.show{
	display: none!important;
}
#incontent .floatL.w65{
	width: 100%;
}

#descriptin .dataList,
#descriptin .chartInput,
#descriptin .signInput,
#descriptin .ftbrown,
#descriptin .interninfo p.warning{
	font-size: 13px;
}
#footer_smll .smlright .btminfo p{
	font-size: 10px!important;
}
#descriptin .chartbox h5,.Completecon{
	font-size: 14px;
}
#descriptin #incontent h3{
	font-size: 18px;
}
#descriptin .chartbox .chart{
	margin: 10px 0;
}
#descriptin #visual h1,
#descriptin .chartbox .no1 span,
#descriptin .chartbox .no2 .percent,
#descriptin .chartbox .no2{
    font-size: 20px!important;
}
#descriptin .chartbox .no1{
	font-size: 26px;
}
#descriptin .dataList>li,
#descriptin .dataList dt, #descriptin .dataList dd{
	padding: 3px 0;
	min-height: auto;
	line-height: 1.8em;
}
#descriptin .fixed{
	position: relative;
}
#descriptin #c1{
	padding-top: 0;
	padding-bottom: 0;
}
.logoTitle{
	width: 100%;
}
.mgt50{
	margin-top: 20px;
}
.pdwidth{
	padding: 10px 50px 0;
}
#descriptin #menu.fixed h1{
	height: auto;
	white-space: normal;
}
#descriptin .dataList dt{
	width: auto;
	clear: both;
	padding-right: 15px;
}
#descriptin .dataList dd{
	width: auto;
}
#descriptin .othList{
	width: 70%;
	margin: 10px 0;
}
#descriptin .othList li{
	width: 38%;
	margin-right: 10px;
}
#descriptin .othList li:nth-child(even) {
    float: left;
}
#descriptin .interninfo{
	margin: 0;
	padding: 0;
}
#descriptin .bgblue{
	padding: 10px 4px 20px 4px;
	margin: 0;
}
#descriptin .bgblue .dataList{
	margin: 10px 15px;
}
#descriptin .interninfo .initiative{
	margin: 0;
	padding: 0 15px;	
}
#descriptin .interninfo .membersearch .mblue1{
    border-left: 18px solid #d0e5f7;
}
#descriptin .interninfo p.warning{
	height: auto;
    overflow: auto;
    margin-top: 20px;
    padding: 0 15px;
}
#descriptin .interninfo .warning .tipin{
	padding: 15px 0;
}
#descriptin .course{
	padding-left: 0;
}
/*right side*/
#descriptin .chartbox{
	padding: 15px 20px 10px;
}
#descriptin .chartbox h5{
	line-height: 1.5;
}
/*footer*/
#footer_smll .smlleft a:first-child,
#footer_smll .smlright ul,
#footer_smll .smlright .btminfo a{
	display: none;
}
#footer_smll .smlright .btminfo{
	text-align: right;
}

@media screen and (max-width: 479px) {
.mBoxmask{ display: block!important; }

	}
}

#win{background-color:#2e2e2e;
text-align:center;
position:fixed;
display:inline-block;
top:0;
left:70px;
width:985px;
height:28px;
line-height:30px;
color:#FFFF00;
z-index:999;
}
#win a{color:#FFF;}

.padShow,
#mobileHearder{ display: none; }

@media screen and (max-width: 990px){
	.padShow,
    #mobileHearder{ display: block; }
}

@media screen and (max-width: 399px) {
	#descriptin .control .intern{ /*width:40%;*/ width:54%; }


	.pd15{width:85%;}
}

@media screen and (max-width: 374px) {
	#descriptin .control .intern{ width:49%; }
	
}

/*
.footerShow{ display: none; }
@media screen and (max-width:1080px){
	.footerHide{ display: none; }
	.footerShow{ display: block; }
}
*/

/*------------------------------------------
Apply Alerts 2019/04/02 Job-Description BottomBar
------------------------------------------*/
.bottom-bar {
    display: none;
    width: 100%;
    height: 42px;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    background: #45638A;
    opacity: .95;
    -webkit-box-shadow: 0 -1px 6px rgba(0, 0, 0, .16);
            box-shadow: 0 -1px 6px rgba(0, 0, 0, .16);
}

.bottom-bar .bottom-bar-content {
    position: relative;
    line-height: 42px;
    padding-left: 0;
    text-align: center;
    font-size: 0;
    max-width: 1120px;
    margin: 0 auto;
}

.bottom-bar h2 {
    color: #FF0;
    font-size: 20px;
    font-weight: bolder;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 2px;
    padding-right: 20px;
    position: relative;
    padding-left: 72px;
}

.bottom-bar img {
    height: 60px;
    position: absolute;
    top: -8px;
}

.bottom-bar span {
    color: #fff;
    font-size: 15px;
    display: initial;
    vertical-align: top;
    font-weight: bolder;
}

@media screen and (max-width: 990px) {
    .bottom-bar {
    	display: block;
        height: auto;
        position: relative;
        margin: 20px 0 0 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        z-index: 1;
        background: #FFFEFB;
    }

    .bottom-bar .bottom-bar-content {
        padding: 16px 16px 16px 72px;
        text-align: left;
        line-height: 1.5;
    }

    .bottom-bar h2 {
        color: #3678D9;
        font-size: 20px;
        padding-left: 0px;
        padding-right: 12px;
        vertical-align: unset;
    }

    .bottom-bar img {
        height: 72px;
        position: absolute;
        left: 0;
        top: -6px;
    }

    .bottom-bar span:nth-of-type(1) {
        font-size: 16px;
        display: inline-block;
    }

    .bottom-bar span {
        color: #333;
        font-size: 14px;
        vertical-align: unset;
        display: block;
    }

    .bottom-bar font {
        display: none
    }
}