@import url("reset.css");
@charset 'utf-8';
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}
table {table-layout:fixed;border-collapse:collapse; -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;}	
a:link, a:visited,  a:hover, a:active {  text-decoration: none; }
.header-font-size { font-size: 140%; font-weight: bold;  line-height: 100%;}
.middle-font-size { font-size: 100%; line-height: 100%; }
.small-font-size {
	font-size: 80%;
	line-height: 1em;
	color:#600
}
h1, h2 {
	font-weight: 900;
	font-size:39px;
	margin:50px 0 25px 0 ;
	color:#4e4e4e;
	padding:30px 0 15px 0 ;
	text-align:center;
	border-bottom: 1px  #CCC solid;
	clear:both;
}
h3 {
	font-weight: 900;
	font-size:180%;
	color:#4e4e4e;
	padding:1% 0 10px 0 ;
	text-align:center;
	clear:both;
}
.logo { display:none; }
.logo_t{ display:none; }

.list_01{ text-align:center;  margin:20px auto; display:block; }
.list_02{ text-align:center; width:80%; margin:0px auto 10px auto; display:block; overflow:hidden; }
.list_03{ text-align:center;  margin:10px auto 40px auto; display:block; }

/*表格*/
.tb1,.tb1 td,.tb1 th{font-size: 13px;  text-align: left; border:1px solid #fbfbfb;  }
.tb1{ border-left:none; border-top:none; clear:both; width:80%; margin:8px auto;  word-break: break-all; }
.tb1 td{border-right:none;border-bottom:none;box-shadow:inset 0px 1px 2px #eeecec ;box-sizing:border-box;padding:13px 30px; line-height:25px; }
.tb1 th{ border-right:none; border-bottom:none; text-align:center; font-size:13px; background-color: #182460; box-sizing:border-box; color:#FFF; padding:0 10px; font-weight:bold; box-shadow:inset 1px 1px 0 #CCC;  }
.tb1 a{text-decoration: none;padding:0 }

.tb2,.tb2 td,.tb2 th{font-size: 13px;  text-align: left; border:1px solid #fbfbfb;  }
.tb2{ border-left:none; border-top:none; clear:both; width:82%; margin:8px auto;  word-break: break-all; }
.tb2 td{border-right:none;border-bottom:none;box-shadow:inset 0px 1px 2px #eeecec ;box-sizing:border-box;padding:13px 20px; line-height:25px; }
.tb2 th{ border-right:none; border-bottom:none; text-align:center; font-size:13px; background-color: #182460; box-sizing:border-box; color:#FFF; padding:0 10px; font-weight:bold; box-shadow:inset 1px 1px 0 #CCC;  }
.tb2 a{text-decoration: none;padding:0 }

.t1{ background-color:#f4f3f3; width:30%; padding:25px 0 ; color:#5E5E5E; text-align:center; font-weight: 900; padding-left:40px; }
.t2{ background-color:#FFF;  }
.t3{ background-color:#f4f3f3; width:20%; padding:25px 0 ; color:#5E5E5E; text-align:center; font-weight: 900; padding-left:40px; }


/* top-left border-radius */
.tb1 tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

/* top-right border-radius */
.tb1 tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

/* bottom-left border-radius */
.tb1 tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

/* bottom-right border-radius */
.tb1 tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}


@media(min-width:768px) {
    .navbar {
        padding: 125px 0 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.intro-section {
    height: 100%;
    padding-top: 100px;
    text-align: center;
    
}

.about-section {
    height: 100%;
    padding-top: 100px;
    text-align: center;
   
}

.services-section {
    height: 100%;
    padding-top: 100px;
    text-align: center;
    
}

.history-section {
    height: 100%;
    padding-top: 100px;
    text-align: center;
   
}
.historylist{ text-align:left; width:85%; margin:5% auto 0 auto;}

.historyyear{font-size: 24px; color:#5E5E5E; border-bottom: 2px solid #ccc; font-weight: 900; padding-bottom:5px; padding-left:2%;}

.historylist li{ list-style-type:none; font-size: 14px; color:#5E5E5E; padding: 20px 0 20px 0; border-bottom: 1px dashed #ccc;}
.day{ margin:0 2%; width:13%; display:inline-block; vertical-align:top; text-align:center;}
.dayTtl{ text-align:left; width:80%; display:inline-block;}

.contact-section {
    height: 100%;
    padding-top: 100px;
    text-align: center;
   
}



.mainZone {
  margin:20px auto 50px auto;   
  width: 80%;
/*  min-height: 600px;*/
  overflow:hidden;
  position:relative;
  
  
}

.mainZone p {
	margin:10px 0 0 0;
    text-indent:26px;
	width:80%;
	text-align:left;
	margin:0 auto;}


.mainZone img{
	width: 60%;
	height: auto;
	margin:20px auto;
}

/* footer */
footer{
	clear:both;
	width: 100%;
	height: 60px;	
	border-top : 1px solid #FFF;    
	color:#FFF;
	bottom:0;
	z-index:888;
	padding:13px 0px 13px 0px;
	margin:0 0 ;
	background: url(../images/top_bg.jpg) 0 bottom;
	position: fixed;

}

#footerTxt{width:900px; margin: 6px auto;font-size:11px; word-spacing:2px;}


#footerTxt #ftLink{ width:45%; height:20px;   float:left; color:#FFFF; }


#footerTxt #crTxt{width:45%;height:20px;float:right; text-align:right; }

.join_job_btn { margin-bottom:10px;}
.join_job_btn ul li{  display:inline-block;	width:20%;	font-size:150%;}
.join_job_btn li a:hover { color:#fff;}
.join_job_btn_1{
	display:block;
	text-align:center;
	background-color:#e52f0f;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 0px 0px #c3280d;
	-moz-box-shadow: 0px 4px 0px 0px #c3280d;
	-o-box-shadow:0px 4px 0px 0px #c3280d;
	box-shadow: 0px 4px 0px 0px #c3280d;
	padding:4%;
	margin:auto 2% auto 2%;
}
.join_job_btn_1_stay{
	background-color:#e5e5e5;
	color:#4d4d4d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 0px 0px #cccccc;
	-moz-box-shadow: 0px 4px 0px 0px #cccccc;
	-o-box-shadow:0px 4px 0px 0px #cccccc;
	box-shadow: 0px 4px 0px 0px #cccccc;
}
.join_job_btn_1_stay:hover { color:#4d4d4d!important;}

.job_wap{	width:100%;	line-height: 130%; text-align:center;}
.job_btn{	display: inline-block; padding:1% 2% 1% 2%; }
.job_title{	margin:3% auto 10px auto; padding:10px 0 10px 0 ; 	border-top: 1px  #CCC solid; font-size:130%; width:82%;}
.job_title_w { margin-top:-2%!important;}
.join_job li{ list-style-type: square;  display:list-item; list-style-position: outside; margin:0px; text-indent:0px!important;}
.join_job ul { margin-left:4%;}

.join_way li{ list-style-type: decimal;  display:list-item; list-style-position: outside; margin:0px; text-indent:0px!important;}
.join_way ul { margin-left:4%;}

.job_flow_wap td { text-align:center;}
.job_flow_step{
	margin:3% auto 10px auto;
	padding:10px 0 10px 0;
	font-size:130%;
	width:82%;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.job_flow_arrow{ display:table; text-align:center; margin:2% auto 0 auto;}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent; 
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid blue; 
}
.job_faq_wap{ width:95%; margin:0 auto;}
.job_faq_q{
	margin:3% auto 0px auto;
	padding:0;
	font-size:130%;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	font-weight:900;
	color:#4e4e4e;
}
.job_faq_a{
	margin:0 auto 0 auto;
	padding:0 0 3% 0;
	font-size:110%;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style :solid ;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-align:left;
}
.job_faq_a:last-child{
	border-bottom-width: 0px;
	border-bottom-style :none ;
}

/* --手機版型------------------------------------- */

@media  screen and ( min-width: 769px) and (max-width:1000px )  {
.navbar-default .navbar-brand {    background-size: 92%;}
.container {    width: 90%;}
.mainZone {    margin: 10px auto 10px auto;    width: 90%;	min-height:auto;}
.mainZone p {  width: 100%;} 
.tb1,.tb2{  width: 100%;}
.mainZone img {    width: 60%;    height: auto;    margin: 20px auto;}
.list_02 {	width:100%;}
.list_03 {  margin: 10px auto 70px auto;}
.about-section,.services-section,.history-section,.contact-section {   padding-bottom:80px;}
#footerTxt{width:90%; word-spacing:1px;}
#footerTxt #ftLink{ width:40%;  }
#footerTxt #crTxt{width:55%;}
.job_title{	width:98%;}
}

@media only screen and ( max-width: 767px )  {
h1, h2 {
	font-weight: 900;
	font-size:30px;
	margin:10px 0 0px 0 ;
	color:#4e4e4e;
	padding:10px 0 10px 0 ;
	text-align:center;
	border-bottom: 1px  #CCC solid;
}
.join_job_btn ul li{  display:inline-block;	width:23%;	font-size:120%;}
.job_title{	width:98%;}


.navbar-default .navbar-brand {    display: none;}
.navbar-default .navbar-brand {    height: 100%;	min-height:44x;}
.logo{ position: absolute;top:8px;    display: block;}
.logo img{ width:80%;}
.logo_t{ display:block;  margin:70px auto -150px auto; text-align:center;}
.logo_t img{ width:15%;}
.navbar-nav {    background-color: rgba(80, 80, 80, 0.4);    border-color: transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #880406;
  box-shadow:2px 2px 4px 2px rgba(20%,20%,40%,0.3) inset;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
	border-bottom: 1px  #D2D2D2 solid;
}
.tb1, .tb2 {  width: 100%;}
.tb1 td {  padding: 10px 10px 10px 15px;}
.tb2 td {  padding: 10px;}
.about-section {   padding-top: 150px;   padding-bottom:80px;}
.services-section {   padding-top: 150px;   padding-bottom:80px;}
.history-section {   padding-top: 150px;   padding-bottom:80px;}
.historyyear{font-size: 24px; color:#5E5E5E; border-bottom: 2px solid #ccc; font-weight: 900; padding-bottom:5px; padding-left:2%;}
.day{ margin:0 2%; width:18%; display:inline-block; vertical-align:top; text-align:center;}
.dayTtl{ text-align:left; width:70%; display:inline-block;}
.contact-section {   padding-top: 150px;   padding-bottom:80px;}
.mainZone {    margin: 10px auto 10px auto;    width: 100%;	min-height:auto;}
.mainZone img {    width: 60%;    height: auto;    margin: 20px auto;}
.mainZone p  {	width:95%;}
.list_02 {	width:95%;}
footer {	display:block; height:70px; } 
#footerTxt {    width: 95%;   margin: 0 auto;	font-size:12px;	text-align:center; line-height:16px;}
#footerTxt #ftLink {    width: 100%;    text-align:center; margin:0px auto;}
#footerTxt #crTxt{width:100%;text-align:center; margin:0px auto;}
}

@media screen and (max-width: 480px) {
.container {  padding: 0px; }
.mainZone {  width: 100%;}
.row {  margin:0px;}
.col-lg-12 {  padding-right: 5px;  padding-left: 5px;}
h1, h2 {	margin:0px 0 0px 0 ;	font-size:24px;}
h3 {	font-size:110%;	padding:6% 0 6% 0 ;}

.join_job_btn_1{	margin:auto 2% 5% 2%;}
.join_job_btn ul li{ width:48%;	font-size:120%;}


.navbar-default {	background-color: rgba(0, 0, 0, 0.2);}
.logo_t {  margin: 70px auto -145px auto; }
.logo_t img{ width:25%;}
.mainZone img {    width: 100%;}
.about-section {  padding-top: 150px;   padding-bottom:60px;}
.services-section {   padding-top: 150px;   padding-bottom:60px;}
.history-section {   padding-top: 150px;   padding-bottom:60px;}
.day{ width:28%;}
.dayTtl{ width:65%;}
.contact-section {   padding-top: 150px;   padding-bottom:60px;}
footer {	display:block; height:50px; } 
#footerTxt #ftLink {    width: 100%;    text-align:center; margin:5px auto 10px auto; }
#footerTxt #crTxt{width:100%;text-align:center; margin:0px auto;display: none;}
.job_wap{	width:100%;	line-height: 130%;}
.job_btn{  width:50%; display: block; padding:0 2% 3% 2%; float:left; text-align:left; }
}