﻿.link li {
    line-height: 20px;
}
.title {
    position: relative;
    margin: 0;
    line-height: 20px;
    padding: 9px 12.5px;
    font-size: 18px;
    background-color: #F7F7F7;
    height: 20px;
    text-align: center;
    border: 1px solid #eaeaea;
    font-weight: normal;
    border-radius: 5px 5px 0px 0px;
    /* width: 10.7%; */
    width: 11.03%;
    float: left;
    cursor: pointer;
}
.title-strong {
    font-weight: bold;
    border: 2px solid #b1d85c;
    border-bottom: none !important;
    color: #4CAE4C;
}
.tab {
    background: #fff;
    /* margin-bottom: -2px; */
    border-bottom: 2px solid #b1d85c;
	font-style: normal;
}
.title:hover {
    font-weight: bold;
}
.title {
    font-size: 18px;
}


.link{overflow: hidden;clear:both;}
.link ul{margin-top: -2px;margin-right: -2px;background-color: #fff;border-radius:5PX;box-shadow: 0 1px 3px rgba(0, 0, 0, .1);}
.link li{width: 16%;float: left;margin-bottom: 1px;border-left: solid 4px #fff;}
.link li:hover {
    border-left-color: #81c53f;
    background-color: #fafff8;
}
.link li span{margin-left: -20px;}
.link li a{display:block;background-color: #fff;margin-right: 1px;padding: 5px 15px 2px 10px;}
.link h3{font-size: 18px;height: 25px;overflow: hidden;}
.link img{float: left;margin:8px 0 0 -120px;width: 110px;height: 80px;}
.link p{overflow: hidden;height: 55px;}
.link a:hover{background-color: #fafff8;}
.link a:hover span{background-color: #428BCA;}

@media (max-width:979px){
.article-content img{max-width:95%;padding:5px;margin:auto;}
}

@-ms-viewport{width:device-width}


.prettyprint {
    background-color: #272822;
    border: 1px solid #272822;
    overflow: hidden;
    padding: 8px;
}
.prettyprint.linenums {
	-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
	-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
	box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}
.prettyprint.linenums ol {
    margin: 0 0 0 33px; 
}
.prettyprint.linenums ol li {
    padding-left: 12px;
	color: #bebec5;
	line-height: 20px;
}

.navbar .screen-mini{display: none;}
.mobile_ad{display:none}
@media (max-width:979px){
.navbar .screen-mini{display: block;float: left;}
.navbar .screen-mini .btn{background-color: #000;padding: 5px 15px;border:1px #fff solid}
.navbar .screen-mini .btn:hover, .navbar .screen-mini .btn.active{background-color: #000;}
.navbar .screen-mini .btn i{margin-top: 2px;}
.navbar .nav{position: absolute;top: -230px;left:0;background-color: #404040;width: 100%;z-index: 9;padding: 0px 0 20px;-webkit-transition-duration:400ms;opacity: 0}
.navbar .nav > li{width: 20%;margin-right: 0;font-size: 12px;}
.navbar .nav > li > a{padding: 7px 0 7px 0;border-bottom: 1px solid #4A4A4A;border-right: 1px solid #4A4A4A;color: #ccc;border-top: 1px solid #4A4A4A;margin-bottom: -1px;text-align:center;}
.navbar .nav li a:hover{background-color: #47a447;color: #fff;}
.navbar .nav > li:hover ul{display: none;}
.navbar .nav::before{position: absolute;top: 10px;left: 20px;font-size: 15px;color: #aaa;}
.screen-search{display: none;}

.content{margin-right: 0;overflow:hidden;}
.jobs-loop{margin-right:0 !important;overflow:hidden;}
.header{margin-bottom: 1px;}
.footer-inner{border-left: none;}

.navbar .nav.roll-down{
	-webkit-transform:translate3d(0, 314px, 0);opacity: 1;height: 70px;
}

}
@media (max-width:767px){
body{margin-top: 0px;}
	.container{margin-top: 55px;}
	.banner-navbar, .banner-site {
    margin-bottom: 3px;
}
.navbar .logo, .navbar .logo a{height: 42px;margin-top: 5px;}
.navbar{height:42px;margin-bottom:1px;}
.speedbar{display: none;}
/* .sticky{display: none;} /*/
.title-sbd{display: none;}
.link li{width: 49%;
    border: 1px #ccc solid;border-right:none;border-bottom: none;}

.title{width:41.8% !important;}   /*  調手機導航寬度  */

.tabs{clear:both;width:41.8% !important}  /*  調手機導航寬度  */


.excerpt .note {
    font-size:18px;color:#4b4a4a
}	
.excerpt h3 p {
    font-size:18px;color:#4b4a4a
}
.muted{color: #4b4a4a;}
#s_province{clear:both}
.archive-header h1{width:100%}
.share{display: none;}
.article-content{width:90%}
.navbar .nav{padding-bottom: 5px;}
.navbar .nav > li{width: 25%;}
.navbar .nav{top: -264px;}
.navbar .menu .btn-group.pull-left{display: none;}

.navbar .search-form{margin-right: 0;/* margin-right: 106px;*/float: none;}
.navbar .search-input{margin-bottom: 0;width: 96%;}
.navbar .search-submit{margin-bottom: 0;width: 80px;position: absolute;top: 0;right: -94px;}

.navbar .menu{position: absolute;top: -72px;height: 35px;left:0;background-color: #404040;width: 100%;z-index: 9;padding: 6px;padding-top:15px;-webkit-transition-duration:200ms;opacity: 0}
.navbar .menu.roll-down{
	-webkit-transform:translate3d(0, 60px, 0);opacity: 1
}
.article-title{font-size: 15px;line-height: 20px;font-weight: bold;}
.screen-search{display: inline-block;position: absolute;right:0;top: 0}
.navbar .screen-mini{float:left;margin-right:45px;}
.navbar .screen-mini .btn{padding: 5px 13px;margin-top: 10px;margin-right: 5px;}
.navbar .screen-mini .btn.screen-nav{padding: 5px 15px;position: absolute;right: 75px;}
.navbar .nav li:hover ul{display: none;}
.excerpt, .excerpt:hover{margin-left: -4px;padding-left: 20px;}
.excerpt .focus{float: none;margin: 0 auto 5px;}
.header{position: fixed;top:0;left:0;width: 100%;z-index: 99;height:52px;}

.relates li{float: left;width: 100%;}
.article-footer .share{float: none;clear: both;}
.article-nav span{float: none;}
.page-sidebar{display: none;}
.content-page{padding-left: 0;}
}
@media (min-width:1260px){}
@media print{}


/* jobs end  ============*/

/*all pagenavi*/
.pagenavi{float:left;margin-bottom:15px;margin-top:15px;}
.pagenavi a,.pagenavi .current,.pagenavi .dots,.pagenav .page-numbers{padding:5px 10px;border:1px solid #d8d8d8;border-radius:3px;color:#555;background:#fff;display:inline-block;margin-right:4px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);}
.pagenavi .current,.pagenavi a:hover{background:#888;color:#fff;border-color:#888}

/**/

.article-content iframe {max-width:800px;max-height:667px;width:100% !important;}
@media (max-width:979px){
	.article-content iframe {height:auto !important;}
}

/*login*/
.navbar .menu{margin-top:8px;width:170px;margin-right: 3px;padding-right: 14px;}
.navbar .menu .button{background:transparent;color:#cbcbcb;border:0;font-size:14px;border-radius:5px;height:28px;line-height:26px;margin-top:1px;}
.navbar .menu .button:hover{color:#333}

.navbar .login{margin:10px 0 0 10px;color:#fff;position:relative;height:42px;font-size:14px;}
.navbar .login .login-avatar{width:40px;text-align:right}
.navbar .login .login-avatar a{}
.navbar .login .login-avatar img{width:30px;border-radius:50%}
.navbar .login .login-list{display:none;}
.navbar .login .login-list .minidot{width:0;height:0;border:6px solid;border-color:transparent transparent #fff transparent;border-style:dashed dashed solid dashed;position:absolute;top:31px;right:10px;z-index:5}
.navbar .login .login-list ul{background:#fff;border:1px solid #ddd;width:120px;position:absolute;top:42px;right:0;z-index:4}
.navbar .login .login-list li{border-bottom:1px solid #e4e4e4;}
.navbar .login .login-list li:last-child{border:0;}
.navbar .login .login-list li a{color:#333;display:block;height:35px;line-height:33px;padding:0 20px;}
.navbar .login .login-list li a:hover{color:#20ac42}

.navbar .signup{margin:0 0 0 10px;color:#fff;position:relative;height:52px;font-size: 14px}
.navbar .signup .signup-btn{}
.navbar .signup .signup-btn a{color:#fff;display:block;width:41px;height:52px;line-height:50px;text-align:center;}
.navbar .signup .signup-btn a img{width:30px;border-radius:50%;margin-left:1px;margin-top: -2px}
.navbar .signup .signup-btn a:hover{background:#494949}
.navbar .signup .signup-list{display:none;}
.navbar .signup .signup-con{background:#fff;border:1px solid #ddd;width:120px;height:80px;padding:15px;position:absolute;top:52px;right:0;z-index:4;color:#333}
.navbar .signup .signup-t{margin-bottom:15px}
.navbar .signup .signup-s{}


/*Tab*/
.tab .tab-menu{margin:10px 0 0 25px;padding-top:15px}
.tab .tab-menu a{padding:5px 12px;font-size: 15px;float: left;background:#999;color: #fff}
.tab .tab-menu a.current{background:#81C269}
.tab{background: #fff;/*margin-bottom: -2px;*/border-bottom: 2px solid #b1d85c;}
.tab .none{display: none}
.tab-contents{height:226px;clear:both;margin-bottom:10px;}
.tab-contents h3{
    margin: 5px 0;
    font-family: inherit;
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}
#ad11,#ad11 img{width:598px;height:80px}
#ad11,#ad12 img{width:598px;height:80px}
.tab-contents a:hover,a:focus{color:#4eae30;text-decoration:none}


@media (max-width:767px){
	.navbar .nav > li > ul {
		top: 40px;
		min-width:auto;
	}
	.navbar .nav > li > ul > li {
    width: 118px;
	}
	.navbar .nav > li > ul > li > a, .navbar .nav > li > ul > li > ul > li > a {
    padding: 5px 5px 5px;
	}
	.link .title{font-size:20px !important}
	.link h3{font-size:20px !important}
}
