/* Blog css xb 20150818 */

/* blog list */
.nav > li > a {
	color: #333;
	display: block;
	padding-top: 18px;
	padding-bottom: 15px;
	position: relative;
}
.nav > li > a:hover {
	color:#e86349;
}

	.text-transform-upper {text-transform: uppercase;}
    .blog-list header {
		background-attachment: fixed;
		background-clip: border-box, border-box;
		background-color: rgba(0, 0, 0, 0);
		background-image: url("/template/stepes/outside/blog/blogimg/blog_center.jpg");
		background-origin: padding-box, padding-box;
		background-position: center center;
		background-repeat: repeat, no-repeat;
		background-size: cover;
		min-height:500px;
		padding-top: 250px;
		width: 100%;
		position: relative;
	}
	.header-hero:before{content:"";height:100%;width:100%;left:0;top:0px;position:absolute;background-image:linear-gradient(to bottom, rgba(27, 35, 51, 0.5) 50%, rgba(0, 0, 0, 0.5) 100%);background-repeat:repeat-x;}

	.mb0{ margin-bottom: 0;}
	.width_100-20{width:80%;}
	.pv-40{padding-top:40px;padding-bottom:40px;}
	.hero-title p{color: #FFF;}

	.pro-outside h1.big-title-h1{font-size:100px; color: #fff; line-height:1.2;}
	.bg-warning{background-color:#e46264; color:#FFF;}
	.stepes-outside h1{font-family: "Open Sans",sans-serif;font-size:4em;font-weight: normal;color:#FFF;line-height:1.5em;}
	.pro-outside h2{line-height:1em;}
	.text-white{ color:#ffffff!important;}
	
    .main-con::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 13px 23px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -23px;
    position: relative;
    top: -26px;
    width: 0;
    }
    .blog-center{height: auto;position: relative;}
	.blog-center .side-nav-wrap{position:absolute;right:0;top:14px;bottom:0;width:200px;border-radius:10px;height:96.5%}
	.blog-center .side-nav-wrap .nav{padding:10px;}
	.blog-center .side-nav-wrap .nav li{border-bottom:1px dotted #dadada;}
	.blog-center .side-nav-wrap .nav li:last-child{border-bottom:none;}

    .blogtion{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #d8d8d8;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 0 #c1c1c1, 0 0 3px 2px #ececec;
    margin: 0 auto 24px;
    padding: 30px;
    position: relative;
    z-index: 2;
}  






/* blog detail */
    .blogdetail header {
    min-height: 300px;
    }
	.blogdetail .pd-70{ padding-top: 70px; padding-bottom: 70px;}
 
    .blogdetail .share{ margin-top: 3em;}
    
	.blogdetail .text-transform-upper {text-transform: uppercase;}
	.blogdetail header {
		background-attachment: fixed;
		background-clip: border-box, border-box;
		background-color: rgba(0, 0, 0, 0);
		background-origin: padding-box, padding-box;
		background-position: center center;
		background-repeat: repeat, no-repeat;
		background-size: cover;
		min-height:500px;
		padding-top: 250px;
		width: 100%;
		position: relative;
	}

	.legal-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/legal-bg.jpg");
	}

	.fashion-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/fashion-bg.jpg");
	}

	.technology-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/technology-bg.jpg");
	}

	.advertising-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/advertising-bg.jpg");
	}

	.tourism-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/tourism-bg.jpg");
	}

	.marketing-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/marketing-bg.jpg");
	}

	.medicine-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/medicine-bg.jpg");
	}

	.social-media-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/social-media-bg.jpg");
	}

	.mobile-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/mobile-bg.jpg");
	}

	.entertainment-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/entertainment-bg.jpg");
	}

	.localization-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/localization-bg.jpg");
	}

	.retail-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/retail-bg.jpg");
	}

    .entertainment-detail header {
		background-image: url("/template/stepes/outside/blog/blogimg/entertainment-bg.jpg");
	}




/* blog Public */

    .blog header {
    min-height: 300px;
    }
	.blog .pd-70{ padding-top: 70px; padding-bottom: 70px;}


    .blog .b-b-s{width: 100%; height: 1px; background: #f1f1f1; margin: 20px 0;}
	.blog .header-hero:before{content:"";height:100%;width:100%;left:0;top:0px;position:absolute;background-image:none;background-repeat:repeat-x;}

	.blog .mb0{ margin-bottom: 0;}
	.blog .width_100-20{width:80%;}
	.blog .pv-40{padding-top:40px;padding-bottom:40px;}
	.blog .hero-title p{color: #FFF;}

	.blog .pro-outside h1.big-title-h1{font-size:100px; color: #fff; line-height:1.2;}
	.blog .bg-warning{background-color:#e46264; color:#FFF;}
	.blog .stepes-outside h1{font-family: "Open Sans",sans-serif;font-size:4em;font-weight: normal;color:#FFF;line-height:1.5em;}
	.blog .pro-outside h2{line-height:1em;}
	.blog .text-white{ color:#ffffff!important;}
    .blog .main-con::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 13px 23px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -23px;
    position: relative;
    top: -26px;
    width: 0;
    }
    .blog-center{height: auto;position: relative;}
	.blog .side-nav-wrap{position:absolute;right:0;top:14px;bottom:0;width:200px;border-radius:10px;height:96.5%}
	.blog .side-nav-wrap .nav{padding:0 10px 10px 10px;}
	.blog .side-nav-wrap .nav li{border-bottom:1px dotted #dadada;}
	.blog .side-nav-wrap .nav li:last-child{border-bottom:none;}
    .blog-center-con{ padding-right: 220px; padding-left: 83px;}
    .blog .side-nav-wrap .nav li .current{text-decoration: none; background: #eee; color: #e86349;}
    .blog .side-nav-wrap .nav h3{ margin: 0 0 20px 0;}

	.blog-tab-wrap{padding:20px 0;}
	.blog-tab-wrap a:link,.blog-tab-wrap a:visited,.blog-tab-wrap a:active{ text-transform: uppercase;border-right:1px solid #E7E7E7;padding:0 15px;color:#777;}
	.blog-tab-wrap a:hover,.blog-tab-wrap a.active{color:#e46264;}
	.blog-tab-wrap a:last-child{border-right:0;}
    
    .blog .nav h3{padding: 0 10px;}


.blog .arrow {
    background: rgba(0, 0, 0, 0) url("/template/stepes/outside/blog/blogimg/bg-arrow.png");
    height: 30px;
    left: -16px;
    position: absolute;
    top: 34px;
    width: 16px;
}
    
.blog .author{
    background: #e46264 none repeat scroll 0 0;
    border-radius: 28px;
    color: #ffffff;
    font-size: 2em;
    font-weight: 800;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    left: -83px;
    top: 20px;
    width: 54px;
    z-index: 2;
}
.blog .author:hover{ text-decoration: none;}

    
.blog h2 {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 7px;
}

    
.blog h2 a {
    color: #333;
}
    
.blog .info {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 3px 0 21px 0;
}
.blog .info li {
    color: #4c4643;
    float: left;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
}
    
.blog .info li a {
    color: #e46264;
}
    
.blog .alignnone {
    height: auto;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 5px;
}
    
.blog p {
    margin: 0 0 15px;
}
    
.blog .holder {
    margin: 0 0 -2px;
    overflow: hidden;
    padding: 12px 0 0;
}
    
.blog .holder .link {
    color: #e46264;
    float: left;
    font-size: 16px;
    line-height: 18px;
    text-decoration: underline;
}
    
.pro-outside h1.big-title-h1 {
    color: #fff;
    font-size: 100px;
    line-height: 1.2;
}

.blog_keyword{padding-top: 3em;}
.blog_keyword a{ margin-right: 20px;}

.blog .separator::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
    
	@media (max-width:480px){
		.pro-outside h1.big-title-h1{font-size:40px;}
		.hero-title p{padding-bottom:130px;}
		.pro-outside .big-title-h2{font-size:2.2em;}
		header{min-height:300px;}
		.pv-40{padding-top:20px;padding-bottom:20px;}
	}
	@media (min-width:480px){
		.pro-outside h1.big-title-h1{font-size:40px;}
		.hero-title p{padding-bottom:130px;}
		.pro-outside .big-title-h2{font-size:2.2em;}
		header{min-height:300px;}
	}
	@media (min-width:767px){
		.pro-outside h1.big-title-h1{font-size:70px;}
		.pro-outside .big-title-h2{font-size:3.2em;}
		header{min-height:500px;padding-top:240px;padding-bottom:60px}
	}
	@media (max-width:768px){
		.blog-center-con{padding-right:0!important; padding-right:0; padding-left:0!important;}
		.blog-center .side-nav-wrap{display:none;}
        .blog .author{ display: none;}
        .blog .arrow{ display: none;}
        .blogtion{ padding: 10px;}
	}
	@media (min-width:768px){
		.pro-outside h1.big-title-h1{font-size:70px;}
		.pro-outside .big-title-h2{font-size:4em;}
	}
	@media (min-width:979px){
		.pro-outside h1.big-title-h1{font-size:100px;}
		header{min-height:600px;}
	}
	@media (min-width:1200px){
		.pro-outside h1.big-title-h1{font-size:100px;}
		header{min-height:700px;}
	}