@charset "utf-8";

@media (min-width: 601px) {
body { max-width:1920px; background:#fff; font-size:1em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0 auto; padding:0; color:#333; line-height:200%; }
}
@media (max-width: 600px){	
body { max-width:1920px; background:#fff; font-size:0.85em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0 auto; padding:0; color:#333; line-height:200%; }
}
body a { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
ul, ol { list-style-position:outside; }
li { list-style-type:none; }
img { border:0; }
div { overflow:hidden; }
input , select { vertical-align:middle; }
p , dl ,dt, dd { margin:0; padding: 0;}
img { border: none; max-width:100%; }
em { font-weight: bold; font-style: normal }
h1 , h2 , h3 , h4 , h5 , h6 , ul , ol, li, dl, dt, dd, p, form { padding:0;margin:0; }
a { color:#333; text-decoration: none }
a:hover { color: #da251c; text-decoration: none }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }

img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

@media (min-width: 801px) {
.pagination { clear:both; text-align:center; padding:8px 0; }
.pagination a { border:1px #999 solid; background:#999; color:#fff; margin:0 0.2em; padding:0.5em 1em; text-align:center; text-decoration:none; }
.pagination a:hover { border:1px #0d6dab solid; background:#0d6dab; color:#fff; text-decoration:none; }
.pagination span { border:1px #0d6dab solid; background:#0d6dab; color:#fff; margin:0 0.2em; padding:0.5em 1em; }
}
@media (max-width: 800px){	
.pagination { clear:both; text-align:center; padding:8px 0; }
.pagination a { border:1px #999 solid; background:#999; color:#fff; margin:0 0.2em; padding:0.3em 0.6em; text-align:center; text-decoration:none; }
.pagination a:hover { border:1px #0d6dab solid; background:#0d6dab; color:#fff; text-decoration:none; }
.pagination span { border:1px #0d6dab solid; background:#0d6dab; color:#fff; margin:0 0.2em; padding:0.3em 0.6em; }
}

@media (min-width: 1176px) {
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { float:left; display:block; margin:2em 0; line-height:0; }
#header div article { float:right; display:block; margin:3em 2em 0 0;  background:url(topcall.png) left center no-repeat; padding-left:30px; }
#header div article a { font-size:130%; font-weight:bold; color:#006cad; }
#header div section { float:right; display:block; margin:3em 0 0 0; }
#header div section form { border:1px #e0e0e0 solid; padding:0; margin:0; display:block; }
#header div section form:hover { border:1px #006cad solid; }
#header div section .searchin { width:180px; border:0; height:32px; line-height:32px; padding:0 5px; outline:none; font-size:90%; }
#header div section .searchgo { border:0; background:#fff url(topso.png) center no-repeat; width:30px; height:32px; line-height:32px; cursor:pointer; }
}
@media (min-width:970px) and (max-width: 1175px) {
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { float:left; display:block; margin:1.6em 0 1.6em 0; line-height:0; width:40%; }
#header div article { float:right; display:block; margin:2em 2em 0 0;  background:url(topcall.png) left center no-repeat; padding-left:30px; }
#header div article a { font-size:130%; font-weight:bold; color:#006cad; }
#header div section { float:right; display:block; margin:2em 0 0 0; }
#header div section form { width:220px; border:1px #e0e0e0 solid; padding:0; margin:0; display:block; }
#header div section form:hover { border:1px #006cad solid; }
#header div section .searchin { width:180px; border:0; height:32px; line-height:32px; padding:0 5px; outline:none; font-size:90%; }
#header div section .searchgo { border:0; background:#fff url(topso.png) center no-repeat; width:30px; height:32px; line-height:32px; cursor:pointer; }
}
@media (min-width: 601px) and (max-width:971px) {
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { float:left; display:block; margin:2em 0; line-height:0; width:55%; max-width:420px; }
#header div p img { width:100%; }
#header div article { float:right; display:block; margin:2.3em 0 0 0;  background:url(topcall.png) left center no-repeat; padding-left:30px; text-align:right; }
#header div article a { font-size:120%; font-weight:bold; color:#006cad; }
#header div section { display:none; }
}
@media (max-width: 600px){	
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { display:block; margin:1.6em auto 0.6em auto; line-height:0; width:96%; }
#header div article { width:264px; display:block; margin:0.2em auto;  background:url(topcall.png) left center no-repeat; padding-left:30px; }
#header div article a { font-size:130%; font-weight:bold; color:#006cad; }
#header div section {  display:block; margin:1em 0 0 0; }
#header div section form { width:96%; border:1px #e0e0e0 solid; padding:0; margin:0 auto; display:block; overflow:hidden; }
#header div section form:hover { border:1px #006cad solid; }
#header div section .searchin { float:left; width:180px; border:0; height:32px; line-height:32px; padding:0 5px; outline:none; font-size:90%; }
#header div section .searchgo { float:right; border:0; background:#fff url(topso.png) center no-repeat; width:30px; height:32px; line-height:32px; }
}

@media (min-width: 801px) {
.menu { width:100%; background:#006cad; margin:0; padding:0; overflow:hidden; color:#fff; }
.menu ul { display:block; max-width:1200px; margin:0 auto; padding:0; }
.menu ul li { float:left; width:12.5%; color:#fff; }
.menu ul li a { padding:0.5em 0; color:#fff; display:block; text-align:center; font-size:110%; }
.menu ul li a:link { color:#fff; }
.menu ul li a:hover { background:#005a90; }
}
@media (max-width: 800px){	
.menu { width:100%; background:#006cad; margin:0; padding:0; overflow:hidden; color:#fff; }
.menu ul {  padding:0; }
.menu ul li { float:left; width:25%; color:#fff; }
.menu ul li a { padding:0.5em 0; color:#fff; display:block; text-align:center; font-size:100%; border-bottom:1px #1e7dc3 solid; }
.menu ul li a:link { color:#fff; }
.menu ul li a:hover { background:#005a90; }
.menu ul li:nth-child(1) a { border-right:1px #1e7dc3 solid; }
.menu ul li:nth-child(2) a { border-right:1px #1e7dc3 solid; }
.menu ul li:nth-child(3) a { border-right:1px #1e7dc3 solid; }
.menu ul li:nth-child(5) a { border-right:1px #1e7dc3 solid; }
.menu ul li:nth-child(6) a { border-right:1px #1e7dc3 solid; }
.menu ul li:nth-child(7) a { border-right:1px #1e7dc3 solid; }
}

@media (min-width: 830px) {
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#f5f5f5; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:96%; max-width:1100px; margin:0 auto; padding:2em 0; }
.flexslider ul li dl dt { float:left; }
.flexslider ul li dl dt img { max-width:313px; padding-top:120px; }
.flexslider ul li dl dd { float:right; }
.flexslider ul li dl dd img { max-width:458px; }
}
@media (min-width:601px) and (max-width:829px) {
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#f5f5f5; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:96%; max-width:1200px; margin:0 auto; padding:2em 0; }
.flexslider ul li dl dt { float:left; }
.flexslider ul li dl dt img { max-width:250px; padding-top:60px; }
.flexslider ul li dl dd { float:right; }
.flexslider ul li dl dd img { max-width:300px; }
}
@media (max-width: 600px){	
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#f5f5f5; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:96%;  margin:0 auto; padding:1em 0; }
.flexslider ul li dl dt { }
.flexslider ul li dl dt img { max-width:250px; padding-top:2em; display:block; margin:0 auto; }
.flexslider ul li dl dd { }
.flexslider ul li dl dd img { max-width:300px;  display:block; margin:0 auto; }
}

@media (min-width: 801px) {
.imore { text-align:center; }
.imore a { background:#fff; border:1px #cfcfcf solid; color:#006cad; display: inline-block;  padding:0.2em 3em; border-radius:2em; text-align:center; margin:0 auto; }
.imore a:hover { border:1px #006cad solid; color:#006cad; padding:0.2em 4em; }
}
@media (max-width: 800px){	
.imore { text-align:center; }
.imore a { background:#fff; border:1px #cfcfcf solid; color:#006cad; display: inline-block;  padding:0.1em 2em; border-radius:2em; text-align:center; margin:0 auto; }
.imore a:hover { border:1px #006cad solid; color:#006cad; padding:0.1em 2em; }
}

@media (min-width: 801px) {
.mainbox { width:100%; margin:3em auto 0 auto; }
}
@media (max-width: 800px){	
.mainbox { width:100%; margin:2em auto 0 auto; }
}

@media (min-width: 801px) {
.intitle { width:96%; text-align:center; margin:0 auto; }
.intitle h2 { font-size:200%; font-weight:normal; color:#006cad; line-height:220%; }
.intitle p { line-height:180%; color:#999; }
}
@media (max-width: 800px){	
.intitle { width:90%; text-align:center; margin:0 auto; }
.intitle h2 { font-size:160%; font-weight:normal; color:#006cad; line-height:180%; }
.intitle p { line-height:160%; color:#999; font-size:90%; }
}

@media (min-width: 801px) {
.intitles { width:96%; text-align:center; margin:0 auto; }
.intitles h2 { font-size:200%; font-weight:normal; color:#fff; line-height:220%; }
.intitles p { line-height:180%; color:#fff; }
.intitles span { font-size:130%; font-style: italic }
}
@media (max-width: 800px){	
.intitles { width:90%; text-align:center; margin:0 auto; }
.intitles h2 { font-size:160%; font-weight:normal; color:#fff; line-height:180%; }
.intitles p { line-height:160%; color:#fff; font-size:90%; }
.intitles span { font-size:130%; font-style: italic }
}

@media (min-width: 821px) {
.indexicon { width:96%; max-width:1220px; margin:0 auto; }
.indexicon dl { float:left; width:16.666%; text-align:center; padding:2em 0 2em 0; }
.indexicon dl dt img { width:90%; max-width:139px; border-radius:50%; border:1px #e8e8e8 solid; }
.indexicon dl dt img:hover { border:1px #e77818 solid; }
}
@media (max-width: 820px){	
.indexicon { width:96%; max-width:1200px; margin:0 auto; padding-bottom:1.2em; }
.indexicon dl { float:left; width:33.333%; text-align:center; padding:1.5em 0 0 0; }
.indexicon dl dt img { width:80%; max-width:120px; border-radius:50%; border:1px #e8e8e8 solid; }
.indexicon dl dt img:hover { border:1px #e77818 solid; }
.indexicon dl dd { font-size:90%; }
}

@media (min-width: 801px) {
.mainboxblue { width:100%; margin:3em auto 0 auto; background:#0f70ad url(mainboxblue.jpg) center bottom no-repeat; padding:3em 0; }
}
@media (max-width: 800px){	
.mainboxblue { width:100%; margin:2em auto 0 auto; background:#0f70ad url(mainboxblue.jpg) center bottom no-repeat; padding:2em 0; }
}


@media (min-width: 1020px) {
.joblist { width:96%; max-width:1250px; margin:0 auto; }
.joblist ul { width:100%; overflow:hidden; padding:2.5em 0; }
.joblist ul li { float:left; width:25%; }
.joblist ul li article { width:70%; background:#fff; display:block; margin:0 auto; padding:1em; text-align:center; }
.joblist ul li article h3 { color:#006cad; font-weight:normal; height:3em; line-height:3em; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.joblist ul li article p { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.joblist ul li article p span { color:#666; }
.joblist ul li a { background:#006cad; color:#fff; display:inline-block; padding:0 1em; margin:1em; }
.joblist ul li a:hover { background:#da251c; }
}
@media (min-width: 601px) and (max-width: 1019px) {
.joblist { width:96%; max-width:1220px; margin:0 auto; }
.joblist ul { width:100%; overflow:hidden; margin:1em 0; }
.joblist ul li { float:left; width:50%; padding:1em 0 1em 0 }
.joblist ul li article { width:80%; background:#fff; display:block; margin:0 auto; padding:1em; text-align:center; }
.joblist ul li article h3 { color:#006cad; font-weight:normal; height:3em; line-height:3em; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.joblist ul li article p { }
.joblist ul li article p span { color:#666; }
.joblist ul li a { background:#006cad; color:#fff; display:inline-block; padding:0 1em; margin:1em; }
.joblist ul li a:hover { background:#da251c; }
}
@media (max-width: 600px){	
.joblist { width:96%; max-width:1220px; margin:0 auto; }
.joblist ul { width:100%; overflow:hidden; margin:1em 0; }
.joblist ul li { width:100%; padding:1em 0 1em 0 }
.joblist ul li article { width:80%; background:#fff; display:block; margin:0 auto; padding:1em; text-align:center; }
.joblist ul li article h3 { color:#006cad; font-weight:normal; height:3em; line-height:3em; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.joblist ul li article p { }
.joblist ul li article p span { color:#666; }
.joblist ul li a { background:#006cad; color:#fff; display:inline-block; padding:0 1em; margin:1em; }
.joblist ul li a:hover { background:#da251c; }
}

.indexcase { width:100%; max-width:1220px; margin:0 auto; }
.indexcase dl { float:left; height:auto; text-align:center; display:block; line-height:0; position:relative; }
.indexcase dl dt { padding:0; margin:0; display:block; overflow:hidden; line-height:0; }
.indexcase dl dt img { width:100%; padding:0; margin:0; }
.indexcase dl dd { position:absolute; bottom:0; left:0; width:100%; padding:0; margin:0; display:block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; background:rgba(0,0,0,0.5); color:#fff; height:1em; line-height:1em; }
.indexcase dl dd a { color:#fff; }

@media (min-width: 800px){
.indexcase { padding:0; }
.indexcase dl { width:23%; padding:0; margin:1em 1%;  }
.indexcase dl dd { height:2.2em; line-height:2.2em; font-size:1em; }
}

@media (max-width: 799px){
.indexcase { padding:0; }
.indexcase dl { width:46%; padding:0; margin:0.5em 2% 1em 2%;  }
.indexcase dl dd { height:2em; line-height:2em; font-size:0.85em; }
}

@media (min-width: 801px) {
.mainboxnews { width:100%; margin:3em auto 0 auto; background:#f7f7f7 url(mainboxnews.jpg) center no-repeat; padding:3em 0; }
}
@media (max-width: 800px){	
.mainboxnews { width:100%; margin:2em auto 0 auto; background:#f7f7f7 url(mainboxnews.jpg) center no-repeat; background-size:auto 100%; padding:2em 0; }
}

@media (min-width: 801px) {
.isa2 { width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:2em 0; }
.isaleft { width:48%; float:left; padding-top:1em; text-align:left; position: relative; }
.isaleft dt { width:100%; max-height:380px; overflow:hidden; line-height:0; }
.isaleft dt img { width:100%; }
.isaleft dd { position:absolute; bottom:0; left:0; width:100%; display:block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; background:rgba(0,0,0,0.6); color:#fff; height:3em; line-height:3em; text-indent:2em; }
.isaright { width:50%; float:right; font-size:100%; line-height:200%; padding-top:0; }
}

@media (max-width: 800px){	
.isa2 { width:96%; margin:0 auto; overflow:hidden; padding-top:1.2em; padding-bottom:0.6em; }
.isaleft { width:100%; text-align:center; position: relative; }
.isaleft dt { width:100%; overflow:hidden; line-height:0; }
.isaleft dt img { width:100%;  line-height:0; }
.isaleft dd { position:absolute; bottom:0; left:0; right:0; width:100%; display:block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; background:rgba(0,0,0,0.6); color:#fff; text-align:center;height:2em; line-height:2em; }
.isaright { font-size:100%; line-height:180%; }
}

@media (min-width: 601px) {
.isaright a li { width:100%;  clear: both; overflow:hidden; margin:0 0; border-bottom:1px #d1d1d1 dashed; padding:1.6em 0; }
.isaright a li dl { float:left; width:5em; height:5em; background:#fafafa; text-align:center; line-height:0; margin-right:1em; display:block; color:#999; border-radius:10%; }
.isaright a li dl dt { line-height:1.7em; font-size:2em; margin:0; padding:0; display:block; }
.isaright a li dl dd { line-height:1em; font-size:0.8em;  margin:0; padding:0; display:block; }
.isaright a:hover li dl { background:#fafafa; color:#da251c; }
.isaright a li article { float:rihgt; }
.isaright a li article h3 { font-size:130%; font-weight:normal; line-height:20px; padding-bottom:10px; height:20px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.isaright a li article p { color:#999; font-size:90%; line-height:24px; height:48px; overflow:hidden; display:block; }
}

@media (max-width: 600px){	
.isaright a li { width:100%;  clear: both; overflow:hidden; margin:0.6em 0; border-bottom:1px #e0e0e0 dashed; padding:0.5em 0; }
.isaright a li dl { float:left; width:4em; height:4em; background:#fafafa; text-align:center; line-height:0; margin-right:1em; display:block; color:#999; border-radius:10%; }
.isaright a li dl dt { line-height:2em; font-size:1.2em; margin:0; padding:0; display:block; }
.isaright a li dl dd { line-height:1em; font-size:0.5em;  margin:0; padding:0; display:block; }
.isaright a li article { float:rihgt; }
.isaright a li article h3 { font-size:110%; font-weight:normal; line-height:20px; padding-bottom:5px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.isaright a li article p { color:#999; font-size:80%; line-height:20px; height:40px; overflow:hidden; display:block; }
}

@media (min-width: 801px) {
.mainboxcu { width:100%; margin:0 auto 0 auto; background:#505050 url(mainboxcu.jpg) center no-repeat; padding:3em 0; }
}
@media (max-width: 800px){	
.mainboxcu { width:100%; margin:0 auto 0 auto; background:#505050 url(mainboxcu.jpg) 30% center no-repeat; background-size:auto 100%; padding:2em 0; }
}

@media (min-width: 601px) {
.indexcu { width:80%; text-align:center; color:#fff; margin:0 auto; }
.indexcu dl { text-align:center; padding-top:1em; }
.indexcu dl dd { line-height:160%; }
}
@media (max-width: 600px){	
.indexcu { width:80%; text-align:center; color:#fff; margin:0 auto; }
.indexcu dl { display:none; }
}

@media (min-width: 801px) {
#footer { width:100%; background:#006cad; padding:3em 0; text-align:center; color:#fff; }
#footer article { text-align:center; font-size:90%; line-height:180%; }
#footer a , #footer a:hover { color:#fff; }
#footer a:hover { text-decoration:underline; }
#footer section { text-align:center; padding-bottom:1em; }
#footer section a { padding:0 1em; }
}
@media (max-width: 800px){	
#footer { width:100%; background:#006cad; padding:2em 0; text-align:center; color:#fff; }
#footer article { width:80%; margin:0 auto; text-align:center; font-size:90%; line-height:160%; }
#footer a , #footer a:hover { color:#fff; }
#footer a:hover { text-decoration:underline; }
#footer section { display:none; }
}

@media (min-width: 801px) {
.topslides { width:100%; background:#d9ebf9 url(topslides.jpg) center 70% no-repeat; text-align:center; }
.topslides img { padding:5em 0; margin:0 auto; line-height:0; display:block; }
}
@media (max-width: 800px){	
.topslides { width:100%; background:#d9ebf9 url(topslides.jpg) 30% 80% no-repeat; text-align:center; }
.topslides img { width:80%; max-width:300px; padding:2em 0; margin:0 auto; line-height:0; display:block; }
}

@media (min-width: 801px){
.mainpage { width:96%; max-width:1200px; margin:0 auto 3em auto; clear:both; overflow:hidden; background:#fff; }
}
@media (max-width: 800px){
.mainpage { width:96%; margin:0 auto 2em auto; clear:both; overflow:hidden; background:#fff; }
}

@media (min-width: 601px){
.navtitle { margin-top:1em; border-bottom:1px #dddddd solid; line-height:260%; }
.navtitle h2 { float:left; font-size:120%; padding:0; margin:0; color:#006cad; font-weight:normal; }
.navtitle p { float:right; color:#666; font-size:90%; }
.navtitle p a { color:#333; }
#titlenav { text-align:center; padding:0 0 5px 0; } 
#titlenav , #titlenav a { font-size:95%; color:#999; }
.form_details { margin:0 auto; width:80%; }
.showtxt { padding-top:1em; }
.showtxt img { line-height:0; padding-top:1em; }
.showtxt p { padding:0; line-height:200%; }
.showtxt h3 { font-size:150%; text-align:center; padding:1em 0; margin:0; }
}
@media (max-width: 600px){
.navtitle { margin:0 0 0.5em 0 }
.navtitle h2 { display:none; }
.navtitle { float:none; margin-top:1em; background:#f1f1f1; padding-left:10px; border-radius:3px; color:#666; }
.navtitle p , navtitle p a { color:#666; font-size:90% }
#titlenav { text-align:center; padding:0 0 5px 0; } 
#titlenav , #titlenav a { font-size:95%; color:#999; }
.form_details { margin:0 auto; width:100%; }
.showtxt { padding-top:0.2em; }
.showtxt img { line-height:0; }
.showtxt h3 { font-size:110%; text-align:center; padding:0.5em 0; margin:0; }
}

#toTop { display: none; text-decoration: none; position: fixed; bottom:10px; right: 10px; overflow: hidden; width: 46px; height: 46px; border: none; text-indent: 100%; background: url(movetop.png) no-repeat 0px 0px; z-index:999; }

.jobtablepage { margin-bottom:1em; }
.jobtablepage { border-left:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid; }
.jobtablepage td { border-right:1px #f1f1f1 solid; border-bottom:1px #f1f1f1 solid; padding:5px 5px; } 
.jobtablepage tr:hover { background:#fffcf7; }
.jobtablepagetit { background:#fffcf7; }

@media (max-width: 600px){
.jobnone { display:none; width:0; font-size:0; }
}

.jobtable { word-break:break-all; margin-bottom:10px; }
.jobtable td { padding:5px 10px; border-bottom:1px #f1f1f1 dashed; } 
.jobtable h5 { margin:0; padding:0; font-size:110%; }
.jobtabletit { border-radius: 0.5em 0.5em 0 0; }

.morebox { text-align:center; clear:both; margin:0.6em 0 1em 0; }
.morebox a { color:#fff; border:1px #006cad solid; background:#006cad; border-radius:1em; padding:0 2em; display:inline-block; }
.morebox a:hover { color:#fff; border:1px #e26c45 solid; background:#e26c45; border-radius:1em; padding:0 2em; display:inline-block; }

.moreboxs { text-align:center; clear:both; margin:2em 0 1em 0; }
.moreboxs a { color:#006cad; border:2px #f9f9f9 solid; background:#f9f9f9; border-radius:1em; padding:0 2em; display:inline-block; }
.moreboxs a:hover { color:#fff; border:2px #e26c45 solid; background:#e26c45; border-radius:1em; padding:0 2em; display:inline-block; }

.moreboxst { text-align:center; clear:both; margin:1em 0 1em 0; }
.moreboxst a { color:#006cad; border:1px #006cad solid; border-radius:1em; padding:0 2em; display:inline-block; }
.moreboxst a:hover { color:#fff; border:1px #da251c solid; background:#da251c; border-radius:1em; padding:0 2em; display:inline-block; }


@media (min-width: 601px){
.form_details { margin:0 auto; width:80%; display:block; }
}
@media (max-width: 600px){
.form_details { margin:0 auto; width:100%; }
}

.form_details input[type="text"], .form_details textarea { padding:8px 10px; width:90%;  margin:10px 0px; color:#333; background: none; -webkit-appearance: none; outline: none; border:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; border-radius: 0.3em; -webkit-border-radius: 0.3em;-o-border-radius: 0.3em;-moz-border-radius: 0.3em; }
 .form_details input[type="text"]:hover, .form_details textarea:hover { border:1px #006cad solid; }
.form_details textarea { height:100px;resize:none; width:90%; }
.form_details select  { border:1px solid #e1e1e1; padding:6px 10px; margin:10px 0px;  border-radius: 0.3em; -webkit-border-radius: 0.3em;-o-border-radius: 0.3em;-moz-border-radius: 0.3em; }
.form_details select:hover { border:1px #006cad solid; }

.smallinput { width:60%; }

.subweb { background:#006cad; border:0; border-radius: 0.3em; color:#fff; padding:8px 10px; font-size:100%; }
.subweb:hover { background:#e26c45; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }

#mymap { width:100%; height:500px; }

@media (min-width: 501px){
.newlistpage { width:100%; margin:0 auto; padding:0.6em 0 1.5em 0; }
.newlistpage ul { padding:0; margin:0; }
.newlistpage ul li { border-bottom:1px #ccc dotted; height:3em; line-height:3em; }
.newlistpage ul li a { float:left; width:70%; height:3em; line-height:3em; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.newlistpage ul li span { float:right; height:3em; line-height:3em; color:#999; }
}
@media (max-width: 500px){
.newlistpage { width:96%; margin:0 auto; padding:0 0 1.5em 0; }
.newlistpage ul { padding:0; margin:0; }
.newlistpage ul li { border-bottom:1px #ccc dotted; line-height:160%; padding:0.8em 0; }
.newlistpage ul li a { display:block; }
.newlistpage ul li span { color:#999; display:block; }
}

#gonetbox { border-top:1px #ddd solid; margin-top:1em; padding-top:0.5em; }

@media (min-width: 801px) {
.gbooktable { border-top:1px #eaeaea solid; border-left:1px #eaeaea solid; word-break:break-all; margin-bottom:1em; }
.gbooktable td { border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid; padding:5px 10px; } 
.gbooktable i { color:#999; }
.gbookre { margin:5px 0 5px 0; padding-top:5px; border-top:1px #eaeaea dashed; }
.inputbutton { } 
.gbtaltit { background:#fffcf7; }
#gbookli { width:60%; text-align:center; margin:1em 20% 1.5em 20%; border-bottom:1px #006cad solid; }
#gbookli ul { padding:0; margin:0; }
#gbookli ul li { display:inline-block; }
.gbooklia { background:#006cad; color:#fff; display:inline-block; padding:2px 10px; margin:0 3px; }
.gbooklib a { background:#fffcf7; color:#006cad; display:inline-block; padding:2px 10px; margin:0 3px; }
.gbooklib a { color:#006cad }
.gbooklib a:hover { background:#da251c; color:#fff; display:inline-block; padding:2px 10px; margin:0 3px; }
#gbookli ul li a { display:inline-block; }
}
@media (max-width: 800px){	
.gbooktable { border-top:1px #eaeaea solid; border-left:1px #eaeaea solid; word-break:break-all; margin-bottom:1em; font-size:90%; }
.gbooktable td { border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid; padding:5px 10px; } 
.gbooktable i { color:#999; }
.gbookre { margin:5px 0 5px 0; padding-top:5px; border-top:1px #eaeaea dashed; }
.inputbutton { } 
.gbtaltit { background:#fffcf7; }
#gbookli { width:60%; text-align:center; margin:1em 20% 1.5em 20%; border-bottom:1px #006cad solid;  font-size:90%;}
#gbookli ul { padding:0; margin:0; }
#gbookli ul li { display:inline-block; }
.gbooklia { background:#006cad; color:#fff; display:inline-block; padding:2px 10px; margin:0 3px; }
.gbooklib a { background:#fffcf7; color:#006cad; display:inline-block; padding:2px 10px; margin:0 3px; }
.gbooklib a { color:#006cad }
.gbooklib a:hover { background:#da251c; color:#fff; display:inline-block; padding:2px 10px; margin:0 3px; }

#gbookli ul li a { display:inline-block; }
}



/* by trevor 20250305 */