@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');
body { font-family: "Open Sans", SimHei, 华文黑体, STHeiti, sans-serif; font-weight: 600; }

.top-bar {padding: 0 0.5em;}
.top-bar, .top-bar ul {background: #000000;}
.top-bar .menu > li > a {text-transform: uppercase; /*font-size: 16px;*/ font-size: 14px; padding: 0.7em 1em 0.7em; color: #fff;}
.top-bar .menu > li a {-webkit-transition: inherit; transition: inherit;}
.top-bar .menu > li:hover {background: #e66a03;}
.top-bar .menu > li > a:hover {color: #fff; background: #e66a03;}
.top-bar .menu > li > a.active {background: #e66a03;}
.top-bar .menu > li > ul > li a {text-transform: capitalize;}
.ico-automotive a {/*background: url('../img/ico-latests.png') no-repeat top center; */color: #fff;}
.ico-automotive a:hover {color: #e94d4d;}
.ico-news a {/*background: url('../img/ico-news.png') no-repeat top center; */color: #fff;}
.ico-news a:hover {color: #e9a14d;}
.ico-lifestyle a {/*background: url('../img/ico-lifestyle.png') no-repeat top center; */color: #fff;}
.ico-lifestyle a:hover {color: #e9e34d;}
.ico-living a {/*background: url('../img/ico-travel.png') no-repeat top center; */color: #fff;}
.ico-living a:hover {color: #6ee94d;}

.dropdown.menu.vertical > li .is-dropdown-submenu {background: #e6e6e6; border: none;}
.dropdown.menu.vertical > li .is-dropdown-submenu li a {color: #000;}
.dropdown.menu.vertical > li .is-dropdown-submenu li a:hover {background: #e66a03; color: #fff;}
.search-wrap input {background: #fff; border-radius: 2px; border: 0; display: inline-block; margin: 0 0 0;}
.search-wrap input:focus {background: #fff; color: #a8a8a8; border: 0;}
.search-wrap {margin: 0.25em 0 0;}
.search-wrap li {position: relative; display: inline-block; padding: 0 0.5em;}
.search-wrap li + li {/*border-left: 1px solid #585858;*/}
.search-wrap li:nth-child(2) {padding: 0;}
.search-wrap [type="submit"] {border-radius: 0 2px 2px 0; background-color: #eee; color: #55514e; display: inline-block; height: 2.4375em; padding: 0.5em; margin-left: -2em; vertical-align: middle;}
.search-wrap [type="submit"]:hover {background-color: #e66a03; cursor: pointer; border: 0; color: #fff;}
/*.search-wrap li div {margin-top: 1.25em;}*/
.search-wrap input {margin-right: 0; vertical-align: middle;}
.btn-search {margin: 0; padding: 0 0.5em; font-size: 0.9em; line-height: 1; text-align: center; cursor: pointer; color: #fff;}
#time {color: #fff; display: inline-block; font-size: 14px; width: 45%; text-align: center;}
.ico-social {display: inline-block;}
.container {background: #fff; padding: 1.5em 0 1em;}
#searchfrm {margin-top: 3px;}

footer {color: #fff; padding: 1em 0; font-size: 14px; background: #000;}
footer h6 {font-size: 16px; color: #fff; }
.footer-copyright { background:#7c7c7c; }
.copyright {text-align: center; padding: 1em 0; font-size: 12px; color: #fff;}
footer h6 a, footer ul li a {color: #8b8b8b;}
footer h6 a:hover, footer ul li a:hover, footer ul li a:focus {color: #fff;}
footer .footer-link ul {border: 1px solid #8b8b8b; border-left: 0; border-right: 0; text-align: left; margin-top: 2em;}
footer ul {list-style: none; margin: 0 0 1em;}
footer ul li {display: inline-block; /*width: 32%; margin-bottom: 0.2em;*/}
/*.subscribe-wrap {background: #333 url('../img/bg-subscribe.jpg') no-repeat center 5px; text-align: center; color: #fff; padding-bottom: 1em;}*/
footer ul li a {padding: 1em; display: block;}
footer .footer-link > div { padding: 0; }

.subscribe-wrap input[type="email"] {display: inline-block; width: 50%; height: 3em;}
.subscribe-wrap .btn-subscribe {display: inline-block; vertical-align: middle; margin: 0.85em 0 1em 0; padding: 0.85em 1em; -webkit-appearance: none; border: none; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 1.1em; font-weight: 700; line-height: 1; text-align: center; cursor: pointer; background-color: #e66a03; color: #fff; text-transform: uppercase; /*height: 3.4em;*/}
.subscribe-wrap .btn-subscribe:hover {background: #fff; color: #e66a03;}
.content-wrap {/*border-left: 1px dotted #000000; border-right: 1px dotted #000000; background: #fff;*/ padding: 0.5em; position:relative;}
.content-wrap h2 {margin-bottom: 1.2em; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #000; position: relative;}
.content-wrap h2 abbr { display: inline-block; border-bottom: 0; cursor: default; background: #e66a03; padding: .3em 1em .15em; color: #fff; font-size: 20px;}
.content-wrap h2 aside {position: absolute; right: 0; bottom: 0; display: inline-block; font-size: 16px;}
.content-wrap h2 aside a {color: #333333;}
.content-wrap h2 aside a:hover {color: #e66a03;}
.content-wrap h2 span { font-weight: 700;}
.content-wrap h3 {font-size: 24px; color: #333333; font-weight: 700;}
h2 { font-size: 24px; color: #333333; font-weight: 700;}
h4 { font-size: 24px; color: #333333; font-weight: 900;}
.responsive-img {width: 100%; height: 100%;}
.content-wrap .wrapper {/*border-bottom: 1px solid #000000;*/}
.content-wrap h5 {margin-bottom: 0;}
.content-wrap h5 a { font-size: 18px; font-weight: 700; color: #333; margin-top: 0.5em; display: block; letter-spacing: 0.015em;}
.content-wrap .info {color: #7b7b7b; font-size: 12px; margin-bottom: 1em; letter-spacing: 0.02em;}
.content-wrap .info a {color: #000; border-bottom: 1px solid #000;}
/*.content-wrap a.cat-news {color: #e9a14d; border-bottom: 1px solid #e9a14d;}
.content-wrap a.cat-latests {color: #e94d4d; border-bottom: 1px solid #e94d4d;}
.content-wrap a.cat-lifestyle {color: #c6be00; border-bottom: 1px solid #c6be00;}
.content-wrap a.cat-travel {color: #52cf30; border-bottom: 1px solid #52cf30;}*/
ul.news-list {list-style: none; margin: 1em 0 0;}
ul.news-list li {border-bottom: 1px solid #000000; padding-bottom: 0.8em; margin-bottom: 1em;}
h6 { font-weight: 700; font-size: 18px; color: #333333; margin-top: 1em;}
#search-dropdown {padding: 0; top: -5px!important;}
#search-dropdown input {margin-bottom: 0; max-width: 500px!important; height: 2em; font-family:'Roboto Condensed', SimHei, "华文黑体", STHeiti, sans-serif;}
.carousel-container {position: relative;}
#carousel {width:100%; /*border:1px solid #222;*/ height:300px; position:relative; clear:both; overflow:hidden; margin-top: 1.5em; margin-bottom: 1.5em;}
#carousel img {visibility:hidden; cursor:pointer;}
.carousel-container #prev, .carousel-container #next {position: absolute; top: 50%; z-index: 9;}
.carousel-container #prev {left: 22%;}
.carousel-container #next {right: 22%;}
.content-wrap .category {background: #000 url('../img/cat-logo.jpg') no-repeat 0 0; color: #fff; text-transform: uppercase; padding: 0.4em 1em 0.4em 3.5em; font-weight: 700; margin-bottom: 2em;}
/*.content-wrap .bar-news {background: #e9a14d url('../img/cat-logo.jpg') no-repeat 0 0;}*/
.content-wrap p { font-weight: 400; font-size: 16px;}

.totalshare-wrap .totalshare, .totalshare-wrap small {float: left; color: #e66a03;}
.totalshare-wrap .totalshare {margin-right: 0.2em; font-weight: 900; font-size: 35px;}
.addthis_inline_share_toolbox {padding-top: 0.5em; padding-left: 0.5em;}
.menu-text {padding: 0;}

.button3 {padding: 8px 20px;background: #000;/*border: 1px solid #ddd;border-radius: 4px;*/height: 37px;min-width: 130px; color: #fff; font-weight: 700;}
.button3:hover {background:#4b4f56;outline: none;}
#cat-label a {background: #000; color: #fff; font-size: 11px; padding: 0.2em 1em; margin-bottom: 0.2em; display: inline-block;}
.short-desc {font-size: 14px; color: #7b7b7b; margin-bottom: 0.5em; letter-spacing: 1px;}
.content-wrap .short-desc {margin-bottom: 2em;}
.featured-img {position: relative; margin-bottom: 1em;}
.featured-img h2 {position: absolute; width: 50%; bottom: 1em; left: 1em; font-size: 36px; font-weight: 400; line-height: 1.2; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.orbit {margin-bottom: 2em;}
.orbit-caption {background: rgba(0, 0, 0, 0.55); font-family: "Open Sans", SimHei, 华文黑体, STHeiti, sans-serif;  font-weight: 700; line-height: 1.2; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);*/ bottom: 50px;}
.row-center {text-align:center;}
.listing-space {padding-right: 0.2em; padding-left: 1.5em;}
.topad {margin-top: 2em;}
a.btn-footer {background: #e66a03; display: block; width: 65%; padding: 1em; color: #fff; text-align: center;}
a.btn-footer:hover {background: #fff; color: #e66a03;}
a.footer-email {color: #fff;}
a.footer-email:hover {color: #e66a03;}
#back-to-top {position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 42px; height: 42px; text-align: center; line-height: 40px; background: #e66a03; color: #fff; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; font-size: 40px;}
#back-to-top:hover {background: #fff; color: #e66a03;}
#back-to-top.show {opacity: 1;}
.side-title-wrap { border-bottom: 1px solid #000; margin-top: 1em; margin-bottom: 0.5em; }
h6.side-title {background: #e66a03; color: #fff; font-size: 16px; text-transform: uppercase; display: inline-block; padding: 0.5em ; margin: 0;}
ul.side-listing {list-style: none; font-weight: 100; margin: 0 0 1em; display: inline-block;}
ul.side-listing li {margin-bottom: 1em; display: inline-block;}
ul.side-listing li img {float: left; width: 40%; margin-right: .5em;}
ul.side-listing li .side-listwrap {float: left; width: 55%;}
ul.side-listing li .side-listwrap h5 a {font-size: 14px; color: #000; font-weight: 700;}
ul.side-listing li .side-listwrap h5 {line-height: 1;}
ul.side-listing li .side-listwrap .info {font-size: 12px; color: #7b7b7b;}
ol.side-listing .custom-counter { margin-left: 0; padding-right: 0; list-style-type: none; }
.custom-counter li { counter-increment: step-counter; }
.custom-counter li::before { content: counter(step-counter); margin-right: 1px; font-size: 65%; background-color:#e66a03; color: white; font-weight: bold; padding: 3px 5px; position: absolute; box-shadow: 0px 3px 6.5px rgba(0,0,0,0.5); z-index: 1;}

.at4-jumboshare .at4-count-container {width: 15%; min-width: 0!important;}
.at4-jumboshare {color: #e66a03!important; text-align:center;}
.at4-container {
    display: block;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
}
.at4-count {
    font-family: Helvetica neue,arial;
    font-weight: 700;
    color: #e66a03!important;
}
.is-accordion-submenu-parent > a::after {border-color: #fff transparent transparent;}

#form .btn-form {background: #e66a03; border: 1px solid #e66a03; color: #fff; display: inline-block; padding: 0.5em 1em;}
#form .btn-form:hover {cursor: pointer; background: transparent; color: #e66a03;}
#form .error {border-color: red;}
input::placeholder {
    font-family: "Open Sans", SimHei, 华文黑体, STHeiti, sans-serif; font-size: 12px;}
textarea::placeholder {
    font-family: "Open Sans", SimHei, 华文黑体, STHeiti, sans-serif;  font-size: 12px;}
  
.small-ads-wrap { padding:0; }    
  
blockquote { margin: 0; padding-top: 0; padding-bottom: 0.1em; position: relative; border-left: 3px solid #e66a03; }
blockquote p { font-weight: 500; color: #111; padding-left: 40px; }
blockquote:before { content: '\201C'; font-family: "Arial", sans-serif; font-size: 100px; color: #111; line-height: 1; position: absolute; top: -12px; left: 14px; z-index: 1; }

/*=======search=======*/
.search-wrap li.fbcon { padding-right:55px; }
.navcon { background: #000; }
.navcon > .row { position: relative; }
.sb-search-wrap { position: absolute; top:0; right:0; width: 35%; height: 100%; }
.sb-search { 
	position: relative; width: 0%; /*min-width: 60px;*/ min-width: 45px; height: 100%; overflow: hidden; float: right; z-index:99;
	-webkit-transition: width 0.3s; transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
.sb-search-input {
	position: absolute; top: 0; right: 0;
	border: none; outline: none; box-shadow:none; /*opacity:0;*/
	width: 100%; height: 100%; background: #fff; color: #2c3e50;
	margin: 0; z-index: 10;
}
.sb-search-input:focus { border:none; }
input[type="text"].sb-search-input { -webkit-border-radius: 0px; }
.sb-icon-search, 
.sb-search-submit {
	width: 45px; height: 100%; display: block; cursor: pointer; 
	position: absolute; right: 0; top: 0; padding: 0; margin: 0;
	line-height: 3.9rem; text-align: center;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0; color: transparent; border: none; outline: none; z-index: -1;
}
.sb-icon-search {
	background: #000; z-index: 90; speak: none;
	font-family: 'fontawesome'; font-size:16px; font-style:normal; font-weight:normal; color:#fff; font-variant:normal; text-transform:none;
}
.sb-icon-search:before { content: "\f002"; }
#searchfrm { margin: 0; }

/* Open state */
.sb-search.sb-search-open { width: 100%; }
.sb-search.sb-search-open .sb-icon-search { color: #fff; z-index: 11; } 
.sb-search.sb-search-open .sb-search-submit, 
.no-js .sb-search .sb-search-submit { z-index: 90; }


/* Hover effect */
.side-header { position: relative}
/*.side-header .side-title { transition: all 0.3s ease 0s; border-bottom: 1px solid #000; margin: 0.5em; }*/
.side-header hr{ margin: 0; border-bottom: 1px solid #000; width: 100%;}

ol.side-listing {list-style: none; font-weight: 100; margin: 0 0 1em; display: inline-block; padding: 0.5em;}
ol.side-listing li {margin-bottom: 1em; display: inline-block;}
ol.side-listing li:first-child {border-top: 0}
ol.side-listing li img { float: left; width: 100%; margin-right: .5em; }
ol.side-listing li .side-listwrap {float: left; width: 55%; position: relative;}
ol.side-listing li .side-listwrap h5 a {font-size: 14px; color: #000; font-weight: 700; line-height:1.2em; display: block;}
ol.side-listing li .side-listwrap h5 a strong { font-weight: 500; }
ol.side-listing li .side-listwrap h5 {line-height: 1;}
ol.side-listing li .side-listwrap .info {font-size: 12px; color:#7b7b7b;}
ol.side-listing .custom-counter { margin-left: 0; padding-right: 0; list-style-type: none; }
.custom-counter li { counter-increment: step-counter; }
.custom-counter li::before { content: counter(step-counter); margin-right: 1px; font-size: 65%; background-color:#e66a03; color: white; font-weight: bold; padding: 3px 5px; position: absolute; box-shadow: 0px 3px 6.5px rgba(0,0,0,0.5); z-index: 1;}
/*ul.vertical.large-horizontal.menu.dropdown a::after { content: ''; position: absolute; bottom: 1.5em; width: 100%; height: 5px; transform: scaleX(0); background-color: #e63103; transition: all .2s ease; opacity: 0.6; border: 6px; top: 100%; left: 0; }*/
ul.vertical.large-horizontal.menu.dropdown a::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 5px; transform: scaleX(0); background-color: #e63103; transition: all .2s ease; border: 6px; top:inherit; left: 0; }

.menu.large-horizontal > li { position: relative;}
.top-bar .menu > li > a.active, ul.vertical.large-horizontal.menu.dropdown a:hover::after { transform: scaleX(1); }
ul.vertical.large-horizontal.menu.dropdown a.active::after{transform: scaleX(1); /*top: 100%;*/}
ul.menu.vertical.submenu.is-dropdown-submenu.first-sub.js-dropdown-active a::after {display: none;}
/*.side-title abbr { border-bottom: 0; cursor: default; background: #e66a03; padding: .3em 1em .16em; color: #fff; font-size: 16px; 
    font-family: 'Montserrat', SimHei, "华文黑体", STHeiti, sans-serif;
    font-weight: 700;
    margin-top: 1em;
    
}*/
  
/*effect-underline*/
.related-article-img{ position:relative; overflow:hidden;}
.featured-img.featured-img-wrap { position:relative; overflow:hidden; }
.related-article-img img, .featured-article-img img{ position:relative; height:100%; width:100%; transform: scale(1); transition: transform; transition-duration:1s; }
.related a:hover .related-article-img img,.side-listing li:hover a .related-article-img img, .featured-img.featured-img-wrap a:hover .featured-article-img img{ transform: scale(1.1); transition: transform; transition-duration:1s; }
.related a:hover , .side-listing li:hover a, .featured-wrap:hover a{ text-decoration: underline; }
.side-listing .related-article-img {margin-right: 0.5rem;}
.side-listing a { height: 100%; position: relative; overflow: hidden; }
.side-listing .related-article-img { position: relative; overflow: hidden; width: 40%; float: left; }
.related a:hover .related-article-img img,.side-listing li:hover a .related-article-img img, .featured-wrap:hover .featured-article-img img{ transform: scale(1.1); transition: transform; transition-duration:1s; }


/*****************************************
MEDIA QUERIES
*****************************************/
@media screen and (max-width: 360px) {
    .content-wrap h2 aside {right: auto; left: 0; display: block; bottom: auto;}
    .content-wrap .info {margin-bottom: 3em;}
}
@media screen and (max-width: 1023px) {
    .title-bar .menu-icon,
    .title-bar-title,
    .top-bar-right { position:relative; z-index:99; }
    .sb-search-wrap { width:100%; height:51px; }
    .sb-icon-search, 
    .sb-search-submit { line-height: 3.2rem; }
    .top-bar-right { position: absolute; top: 8px; right: 0px; }
}
@media screen and (max-width: 39.9375em) {
    .search-wrap li:last-child {float: left; border-left: 0;}
    #carousel {height: 240px; margin-top: .5em; margin-bottom: .5em;}
    #carousel img {top: 0;}
    .carousel-container #prev, .carousel-container #next {top: 40%;}
    .carousel-container #prev {left: 0;}
    .carousel-container #next {right: 0;}
    .featured-img h2 {font-size: 18px;}
    ul.news-list img {margin-bottom: 1em;}
    .orbit-caption { bottom: 0px; line-height: 0.7; }
    .orbit-previous, .orbit-next {z-index: -1;}
    .medium-4 { width: 50%;}
    .content-wrap h2 aside {display: block; bottom: auto;}
    .content-wrap h2 { font-size: 1rem; }
    .content-wrap h2 abbr { font-size: 1em; }
}


@media screen and (min-width: 1024px) and (max-width: 1350px) {
    .row { max-width: 950px; }
}

@media screen and (min-width: 40em) {
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  {
    .top-bar .menu > li > a {font-size: 14px;}
}

@media screen and (min-width: 64em) {
    .top-bar {/*position: fixed;*/ position: relative; width: 100%; z-index: 99;}
    .container {/*padding-top: 6em;*/}
    .top-adspace {padding-top: 6em;}
    .top-bar .menu > li > a {/*padding: 1.15em 1em;*/ padding:1.15em 0.5em;}
    .top-bar .menu > li.is-active > a {background: #e66a03;}
    .dropdown.menu.vertical > li .is-dropdown-submenu li a {padding: 1em;}
    .orbit-caption {width: auto; max-width: 50%; font-size: 36px;}
    .pad {padding: 1em 0;}
    .menu-search-wrap { display:-ms-flexbox; display:flex; line-height:0; }  
    .menu-search-wrap .top-bar-left { display:inline-block; margin-top:auto; margin-bottom:auto; width:65%; }
    .menu-search-wrap .top-bar-right { margin-top:auto; margin-bottom:auto; margin-left:auto; padding: 10px 0px; }
    .menu-search-wrap .search-wrap { margin:0; }
    .menu-search-wrap #searchfrm { margin:0; }
    .menu-search-wrap input { max-width:165px; }
}
a, a:hover {-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
sponsored { font-size: 70%; line-height: inherit; }
.related { display: inline-block; vertical-align: top; }
.row-related { padding:10px; }
h7 { font-family: "Open Sans", SimHei, 华文黑体, STHeiti, sans-serif;  color: #333333; font-weight: 700; }
.related a {font-family: "Open Sans", SimHei, 华文黑体, STHeiti, sans-serif;  font-size: 14px; font-weight:600; display:block; margin-top:0.5em; margin-bottom:1em; color:#000}
.related a h7 { margin-top: 5px; display: block; }
.related a h7 strong { font-weight: 600; }
.mob-ads { text-align: center; padding-bottom: 10px; }
.no-js .top-bar {
 display: none;
}
.no-js .title-bar {
 display: none;
}
.sidebar-box { max-height: 500px; overflow:hidden; }
.read-more{
    text-align: center;
    /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgb(255, 255, 255)));*/
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
    padding: 60px 0 0px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.btn-readmore{
	background-color: #e66a03;
	    /*margin: 1em auto;*/
	    padding: 0.6em 1.5em;
	    color: white;
	    position: relative;
	    border-radius: 80px; font-size: 18px; display:inline-block; top:0;
	    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	    transition: all 0.2s ease-out;
}
.btn-readmore:hover{
    color: #fff;
    top: 3px;
}

@media screen and (max-width: 480px) {
   
    table td + td{ word-break: break-all; }
}