@charset "UTF-8";
/* CSS Document */

/*
font-family: 'Roboto Slab', Arial, serif;
*/

* {margin:0; padding:0; outline:0 none; list-style:none;}
body {font-family:Arial,Helvetica,sans-serif; font-size:12px; } img {vertical-align:middle; border:0;} a {text-decoration:none;} a:hover {text-decoration:underline;} .clear {clear:both; display:block; visibility:hidden; line-height:0; font-size:0; } input {font-family:Arial, Helvetica, sans-serif; font-size:12px;} .btn{cursor:pointer;}

.fr{ float:right;}
.center {text-align:center;}
/* Layout */
.wrap {width:1048px; margin:0 auto; line-height:17px;}
.bg_hdr {background:#2f2f2f url('../images/bg_top.gif') bottom left repeat-x; padding:20px 0 18px 0; margin:0; position:relative;}
.logo {float:left; width:450px;}
.bg_hdr .fr {margin-top:5px;}
.bg_hdr ul li {float:left; margin-right:6px; color:#CCC;}
.bg_hdr ul li a { display:block; text-indent:-9999px; width:23px; height:23px; margin-top:5px;}
.bg_hdr .fu{ padding-top:5px;}
.bg_hdr .fb { background:url('../images/top_sns.gif') no-repeat 0 0 ;  }
.bg_hdr .tw { background:url('../images/top_sns.gif') no-repeat -30px 0 ;  }
.bg_hdr .gl { background:url('../images/top_sns.gif') no-repeat -61px 0 ;  }
.bg_hdr .rss { background:url('../images/top_sns.gif') no-repeat -92px 0 ;  }

.bg_nav {background-color:#000; margin-bottom:0px;}
.nav {float:left; width:780px; font-size:14px; font-family: 'Roboto Slab', Arial, serif; text-transform:uppercase; font-weight:normal;}
.nav li {float:left;}
.nav li a {float:left; padding:10px 12px 12px; color:#fff; }
.nav li a:hover {text-decoration:none; color:#fff; background-color:#3e3e3e;}
.nav .current a, .nav .current a:hover {background-color:#fff; color:#000;}

.search {float:right; width:211px; margin-top:5px;}
.search .searchbg{width:160px; background:url('../images/search_bg.gif'); color:#000; height:29px;float:left; padding-left:10px; border:0; }
.search .searchbtn{float:right; width:41px; height:29px;}
.search .srch_bar {background:url('../images/bg_topsrch.gif') 0 0 no-repeat; width:269px; height:27px; font-family: 'Roboto Slab', Arial, serif; text-transform:uppercase; color:#5f5f5f; font-size:16px; text-indent:10px; border:1px solid #fff;}

.hd {text-transform:uppercase; font-family: 'Roboto Slab', Arial, serif; text-transform:uppercase; font-weight:normal; font-size:24px; border-top:2px solid #000; padding:7px 0 15px 4px; margin-bottom:5px;}

.hk {text-transform:uppercase; font-family: 'Roboto Slab', Arial, serif; text-transform:uppercase; font-weight:normal; font-size:24px; border-top:2px solid #000; padding:9px 0 13px 4px; margin-bottom:5px; }
.bk_ttl {border-top:0; border-bottom:2px solid #000; margin-bottom:0; padding-left:8px;}
.bk_ttl2 {border-top:0; border-bottom:2px solid #000; margin-bottom:0; padding-left:8px;}
.reviews h3, .videos h3 {font-size:12px;}
.news h3, .cars h3, .bk_side h3 {font-size:14px;}
.bd .headline a {font-size:16px!important; line-height:20px;}
h2 a, h3 a {color:#000;}
h2 a:hover, h3 a:hover {text-decoration:underline;}

/*contents*/
.contents {float:left; width:728px;}
.contents_article {float:left; width:728px; overflow:hidden;}

.featr_gallery, .news, .cars {margin-bottom:30px;}
.featr_gallery .main_img {height:320px; position:relative; font-family: 'Roboto Slab', Arial, serif; text-transform:uppercase; padding-bottom:61px;}
.featr_gallery .main_img a img{width:100%;}
.featr_gallery .main_img h1 a {color:#fff; font-size:20px; line-height:22px; font-weight:normal;}
.featr_gallery .main_img .info_wrap {position:absolute; z-index:5; left:0; top:272px; width:727px;}
.featr_gallery .main_img .title {background:url('../images/bg_title.png') 0 0 no-repeat; min-height:28px;  height:28px; display:block; position:relative; background-size:100%;}
.featr_gallery .main_img .title p {color:#fff; background-color:#d62d00; font-size:14px; font-weight:bold; margin-left:25px; padding: 5px 10px; position: absolute; font-family:Arial;}
.featr_gallery .main_img .info {background:url('../images/bg_info.png') 0 0 repeat; display:block; padding:10px 25px 0 25px; height:69px;}

.featr_gallery .gallery li {float:left; display:inline; width:180px; height:98px; margin:0 1px;
    text-align: center;}
.featr_gallery .gallery .first {margin:0 2px 0 0;}
.featr_gallery .gallery .last {margin:0 0 0 2px;}
.featr_gallery .gallery li img {border-top:3px solid #000; margin-top:10px;}
.featr_gallery .gallery .current, .featr_gallery .gallery li:hover {background:url('../images/hov_maingal.gif') 0 1px no-repeat; display:block;}
.featr_gallery .gallery .current img, .featr_gallery .gallery li img:hover {border-top:3px solid #e92c06; margin-top:10px;}

.reviews {float:left; width:170px; text-align:center;}
.reviews .hd {padding-left:0;}
.reviews li {margin-bottom:10px;}
.reviews .bd h3 {color:#2e2e2e; font-weight:bold; padding-left:5px; padding-top:5px;}
.reviews .bd .date {color:#666; font-size:11px; padding-left:5px; padding-bottom:5px;}

.news .bd .headline {padding:0; background:none; padding-bottom:7px;}
.news .bd .headline img {float:left; display:inline; margin-right:10px;}
.news .bd .headline .date {color:#666; font-size:12px; padding:3px 0 5px 0;}
.news .bd .headline .info {font-size:12px;}
.news .bd li {border-bottom:1px solid #e7e8e8; padding:7px 0 9px 10px; background:url("../images/arrow.gif") 0 12px no-repeat;}
.news .bd li a {font-weight:bold; font-size:14px; color:#000;}
.news .bd .last {border-bottom:0;}

.cars .hd {border-top:3px solid #b2c644; color:#b2c644;}
.cars .bd .headline {padding:0; background:none; padding-bottom:7px;}
.cars .bd .headline img {float:left; display:inline; margin-right:10px;}
.cars .bd .headline .date {color:#666; font-size:12px; padding:3px 0 5px 0;}
.cars .bd .headline .info {font-size:12px;}
.cars .bd li {border-bottom:1px solid #e7e8e8; padding:7px 0 9px 10px; background:url("../images/arrow.gif") 0 12px no-repeat;}
.cars .bd li a {font-weight:bold; font-size:14px; color:#000;}
.cars .bd .last {border-bottom:0;}

.videos .bd li {float:left; display:inline; width:155px; padding: 0 4px;}
.videos .bd .margin {margin:0 10px;}
.art_video .bd .margin {margin:0 6px;}
.videos .bd a {color:#000; width:155px; height:95px;}
.videos .bd li h3 {font-weight:bold; padding:5px;}
.videos .bd li .date {font-size:11px; color:#666; padding:0 5px;}
.ptp30 {padding-top:30px;}

.sub_main {float:right; width:538px;}

/*side*/
.side {float:right; width:300px;}
.side_article {float:right; width:300px;}
.ad300 p {color:#929292; text-align:right; text-transform:uppercase; font-size:10px; line-height:23px;}
.ad301 {margin-top:15px;}

.subscribe {margin-bottom:20px;}
.subscribe .hd {margin-bottom:10px; margin-top:0; padding-top:5px;}
.subscribe li {float:left; display:inline; font-size:12px; text-transform:uppercase; width:60px; height:50px; text-transform:uppercase; font-family: 'Roboto Slab', Arial, serif; text-align:center; margin: 0 7px;}
.subscribe li a {color:#7a7a7a;}
.subscribe li a:hover {text-decoration:none; color:#000;}
.subscribe ul span {height:32px; width:32px; margin-left:14px; margin-bottom:3px; display:block;}
.subscribe .social_fb {background:url('../images/social_large.gif') 0 0 no-repeat;}
.subscribe .social_twt {background:url('../images/social_large.gif') -60px 0 no-repeat;}
.subscribe .social_ggl {background:url('../images/social_large.gif') -120px 0 no-repeat;}
.subscribe .social_rss {background:url('../images/social_large.gif') -181px 0 no-repeat;}
.subscribe .social_mail {background:url('../images/social_large.gif') -240px 0 no-repeat;}

.photo_gallery {margin-bottom:20px; margin-top:20px;}
.photo_gallery .bd .photo_img {height:190px;position:relative; }
.photo_gallery .bd .photo_nav {position:absolute; bottom:0; right:0;}
.photo_gallery .bd .photo_nav a {height:26px; width:26px; display:inline-block; z-index:2; margin-top:0; background-color:#d62d00;}
.photo_gallery .bd .photo_nav a:hover, .photo_gallery .bd .photo_nav .current {background-color:#801b00;}
.photo_gallery .bd .photo_info {background-color:#2e2e2e; padding:11px 15px;}
.photo_gallery .bd .photo_info a {color:#fff; font-weight:bold;}

.at-photo {width: 320px; float: left; margin-right: 1.250em; margin-bottom: 1.250em; position: relative;}
.at-photo .photo{position:relative;}
.photo{line-height: 0;}
.at-photo.atp { width: 570px; }
.photo .enlarge { position:absolute; bottom:1px; right:0; z-index:1000; width:49px; height:49px; background:url(../images/enlarge-img.png) 0 0 no-repeat; cursor:pointer}

.bk_side {padding-top:0!important; margin-top:10px; clear:both;}
.bk_side .bd {border:1px solid #dbdbdb; border-top:0; margin-bottom:20px;}
.bk_side .bd li {border-bottom:1px solid #dbdbdb; padding:15px 10px;}
.bk_side .bd .last {border-bottom:0;}
.bk_side .bd li img {float:left; display:inline; margin-right:10px; width:100px;}
.bk_side .bd li h3 a{    max-height: 65px;  width: 165px;  overflow: hidden;  display: inline-block; float: right;}

/*missed news*/
.missed_news {background-color:#444;}
.missed_news .hd {margin-top:20px; border-top:3px solid #000; color:#fff; padding:10px 0 10px 24px;}
.missed_news .bd {padding:0 10px 0 14px; text-align:center;}
.missed_news .bd li {float:left; display:inline; padding-right:15px;}
.missed_news .article {width:179px; background:url('../images/bg_more.gif') 1px 0 no-repeat; padding-left:10px;}
.missed_news .article .info {background-color:#2e2e2e; padding:12px 10px; min-height: 70px;}
.missed_news .article .info h4 a {color:#fff; font-size:12px;}
.missed_news .article .info span {color:#9e9e9e; font-size:11px;}
.missed_news .article .info em {display:block; font-weight:normal; color:#999; font-size:11px;}
.missed_news .article .art_img {position:relative;}
.missed_news .article .art_img .title {position:absolute; left:-9px; bottom:-6px;}
.missed_news .article .art_img .title p {font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff; background-color:#d62d00; padding:3px 7px;}

.bk-loadmore {display:block; color:#fff; background-color:#000; font:12px/34px Arial; text-align:center;}
.bk-loadmore:hover {background-color:#333; text-decoration:none;}

/*ad 728x90*/
.bg_ad {background-color:#2E2E2E;}
.ad_space {margin:0 auto; width:1000px; padding-bottom:20px; overflow:hidden}
.ad728 {margin:0 auto; width:728px; height:90px; padding:5px 0;}

/*bottom wrap*/
.bot_nav {
    /*width:1000px;*/
    border-top:1px solid #929292; height:35px; padding-top:20px; position: relative; clear:both;}
.bot_links {float:left;}
.bot_links li {float:left; display:inline; font-size:11px; font-weight:bold; margin-right:18px; padding-left:13px; }
.bot_links li a {color:#777;}
.bot_links .bot_logo {background:url('../images/logo_ftr.jpg') 0 2px no-repeat; width:152px; height:12px; display:inline-block;}
.bot_social {float:right; width:85px;}
.bot_social li {float:left;}
.bot_social li a {width:16px; height:16px; display:inline-block; margin-right:8px; text-indent:-9999px;}
/*.bot_social div {text-indent:-9999px; margin:20px 0;}*/
.bot_social .social_fb a {background:url('../images/social_small.gif') 0 0 no-repeat;}
.bot_social .social_twt a {background:url('../images/social_small.gif') -20px 0 no-repeat;}
.bot_social .social_gg a {background:url('../images/social_small.gif') -40px 0 no-repeat;}

.bot_ftr {border-top:1px solid #ebeae7; padding-top:15px; text-align:center; font-size:11px; padding-bottom:30px;}
/*.bot_ftr ul {margin-left:65px;}*/
.bot_ftr li {display:inline; background:url('../images/line.gif') 0 2px no-repeat; padding:0 4px 0 8px;}
.bot_ftr li a {color:#727272;}
.bot_ftr .first {background:none; padding-right:4px;}

.contents .down_box { width: 640px; border:1px solid #eeeff1; padding:5px 10px 15px 10px; margin-top:30px; margin-left:10px;}
ul.unIndentedList{
    margin-top: 5px;
    padding-left: 17px;
    list-style: square;
}
ul.unIndentedList li {
    list-style: square;
}

/*Social2*/
.soc_box {width:290px; padding:10px 5px 13px 5px; overflow:hidden; border-bottom:1px solid #e7e8e8; border-top:2px solid #d62d00;}
.soc_ttl {font-family: 'Roboto Slab', Arial, serif;; font-size:20px; text-transform:uppercase;margin-bottom:15px;}
.soc2 {width:207px; float:left; border-right:1px solid #e7e8e8; }
.soc_ac { clear:both;}
.soc_ac.bt1 {height:24px;}
.soc_ac.bt2 {height:20px; padding-bottom:10px;}
.soc_ac.bt3 {height:24px;}
.soc_ac ul li {float:left; color:#059fd8;}
.soc_ac ul li a {color:#909090;}
.soc_ac ul li a:hover {color:#059fd8;}
.soc_ac ul li.w1 {width:53px;}
.soc_ac ul li.w2 {width:65px;}
.soc_ac ul li.w3 {width:43px;}

.soc_share {width:66px; float:right}
.soc_share ul li {height:16px; margin-bottom:8px;}
.soc_share ul li a {display:block; width:62px; height:16px;}
.soc_share ul li a span {display:none}
.soc_share ul li.sh1 {background:url('../images/soc_share.gif') 0 0 no-repeat;}
.soc_share ul li.sh2 {background:url('../images/soc_share.gif') 0 -23px no-repeat;}
.soc_share ul li.sh3 {background:url('../images/soc_share.gif') 0 -47px no-repeat;}

/*nwletter*/
.nwletter {background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    overflow: hidden;
    padding: 5px 10px 15px; width:280px; margin-bottom:20px;}
.nwletter .t1 {}
.nwletter .input {border:#b0b0b0 1px solid; width:175px; height:26px; line-height:26px; font-size:12px; color:#9c9c9c; padding:0 5px; float:left;}
.nwletter .btn {background:#cd2b00; color:#fff; font-size:12px; width:80px; height:28px; margin-left:5px; border:0 none; cursor:pointer;}
.nwletter .btn:hover {background:#000;}
.clr{clear:both;}
.coment {background: none repeat scroll 0 0 #EAEAEA;border-radius: 6px 6px 6px 6px;color: #777777;display: block;float: left;margin: -5px 5px 0;padding: 10px 20px;position: relative;width: 220px;}
.arr {border-bottom: 8px solid #EAEAEA;border-left: 6px solid transparent;border-right: 6px solid transparent;bottom: 100%;content: "";height: 0;left: 30px;position: absolute;width: 0;}

/*groupdiv *//*groupdiv *//*groupdiv *//*groupdiv *//*groupdiv *//*groupdiv *//*groupdiv */
.groupdiv {
     position: absolute;
    right: 0;
    top: -2px;
    width: 160px;
}
.tab_group {
    background: url("http://images.jobsnhire.com'../images/arr_group.png") no-repeat scroll 130px 2px #000000;
    border: medium none;
    color: #AAAAAA;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-top: 15px;
    padding: 2px 0 2px 10px;
}
.tab_group:hover {
    background: url("http://images.jobsnhire.com'../images/arr_group.png") no-repeat scroll 130px 2px #1C1915;
}
.tab_group span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 26px;
}
.tab_hidden {
    bottom: 28px;
    display: none;
    left: 0;
    position: absolute;
    width: 160px;
    z-index: 2000;
}
.tab_hidden li {
    background: none repeat scroll 0 0 #000000;
    border-top: 1px solid #202020;
    font-size: 11px;
    text-indent: 10px;
}
.tab_hidden li a {
    color: #FFFFFF;
}

#comment { margin-top:20px;}

.bk-videoplay .hd {padding:12px 0 15px 4px;}
.bk-videoplay .art-ttl {font:bold 24px/26px Arial; padding:7px 0;}
.bk-videoplay .art-sum {font:12px/16px Arial; color:#999;}
.bk-videoplay .art-sum strong {color:#D62D00;}


/* update ad */
/* Top Leaderboard 970x90, 970x250, 728x90 */
.ad_tlb {
    width:970px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_tlb table {
    display:inline-table;
}

/* Bottom Leaderboard 728x90 */
.ad_blb {
    width:728px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_blb table {
    display:inline-table;
}

/* Sidebar Rectangle 300x250, 300x600 */
.ad_rtg300 {
    width:300px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_rtg300 table {
    display:inline-table;
}

/* Rectangle 336x280, 300x250 */
.ad_rtg336 {
    width:336px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_rtg336 table {
    display:inline-table;
}

/* Rectangle 250x250 only */
.ad_rtg250 {
    width:250px;
    text-align:center !important;
}
.ad_rtg250 table {
    display:inline-table;
}
.videocontent { max-width:100% !important; display: block; margin: auto; }
.auto-footer { padding: 2.0em 0;width: 100%;clear: both; padding: 2.0em 0; background:#2B2B2B; }
.auto-footer:before , .auto-footer:after { content: ""; display: table; }
.auto-footer:after { clear: both; }
.auto-footer .wrap { width: 1048px; margin: 0 auto; line-height: 17px;}
.auto-footer .grid-col1 { width: 20%; float: left; }
.auto-footer .grid-col1 .auto-logo img{width:200px;}

.auto-footer .grid-col2 { width: 73%; float: right; }
.auto-footer .grid-col2 ul { list-style: none; text-transform:uppercase;  }
.auto-footer .grid-col2 ul li.t1 { font-size: 1em; padding-bottom: 1.3em; }
.auto-footer .grid-col2 ul li.t1 a { color: #fff; padding-right: 1.7em; text-decoration:none}
.auto-footer .grid-col2 ul li.t2 { font-size: 0.9em; text-decoration: none; }
.auto-footer .grid-col2 ul li.t2 a { color: #bbb; padding-right: 1.7em;  text-decoration:none}
.auto-footer .grid-col2 ul li .icon-facebook, .icon-twitter, .icon-rss{ font-size: 1.2em; }
.auto-footer .grid-col2 ul .social a { padding: 8px;}
.auto-footer .grid-col2 .copy { font-size: .8em; clear: both;  padding-top: 1.5em; color:#626262; }
.tp-contents { clear: both; width: 100%;}
.tp-contents:before, .tp-contents:after { content: ""; display: table; }
.tp-contents:after { clear: both; }

/* About us */
.container { width: 1048px; margin: 0 auto; }
.ab-head.img2 { background: #004966 url(../images/banner.png) center top no-repeat;}
.ab-head { width: 100%; position: relative; height:280px;}
.about-col-l { width: 20%;float:left; margin-top: 50px;}
.about-col-l ul li{ display: block; text-decoration: none; border-bottom: #d3d3d3 1px solid; padding: 10px 20px 10px 0; font-size: 16px; color: #000;text-indent: 14px;}
.about-col-l ul li a{color: #000000;}
.about-col-l a:hover{}
.about-col-l .selected { color: #000; font-weight: 700;}

.about-col-r { width: 73%;float: right;margin-top: 50px; min-height: 400px;  margin-bottom: 30px; }
.about-col-r h3 { font-size: 26px; padding-bottom: 10px; margin-bottom: 30px; color: #000;}
.about-col-r p {  font-size: 16px;  line-height: 23px; font-weight: 400; color: #333; margin-bottom: 20px; }
.about-col-r h4 { font-size: 18px; color: #333;  margin-bottom: 12px; line-height:23px;}
.about-col-r b{ font-size: 18px; color: #333; font-weight: 700;}
.about-col-r a{ color: #555; }
.about-col-r .g-txt{ font-size:14px; color:#333 }
.about-col-r .list { clear:both; width:100%; float:left; margin-bottom:30px; color: #333;}
.about-col-r .list ul { float: left; width: 24%;}
.about-col-r .list ul li {font-size: 16px; line-height:25px; /* background: url(../images/dot-g.gif) left center no-repeat;*/}
.about-col-r .co-tit {font-size: 16px; padding-top: 20px; font-weight: 700px}

/* see also */
.see_now .title {font-weight: bold;}  
.see_now span {font-size:1.2em;}  
.see_now span a {color: #444;text-decoration: underline;}