a{
  color: #e08f16;
  color: #ffa725;
  color: #00E;
  color: #ca4811;
  color: #222;
}
header, main{
  background: none;
}
main{
	margin-top: 10px;
}
body{
  background: #EEE;
  background: #F9F9F3 !important;
  background: #E6E6E6 !important;
}
header{
  background: #AAA;
  background: none;
}
header .site-title{
  margin-top: 15px;
}
header nav{
  background: #CCC;
  background: #ffa725;
  background: #e74a13;
}
header .header_button .material-icons{
  color: inherit;
}
header nav .current_nav a, header nav li a:hover {
  background: #DDD;
  background: #ca4811;
}
header nav li a{
 color: #FFF;
 text-shadow: 1px 1px #AAA;
}
@media only screen and (max-width: 1023px) {
  header nav {
        font-size: 14px;
  }
}
.xf_section{
  background: none;
}

#xf_press .article:nth-of-type(1) .thumb{
  padding: 9px 0;
}
#xf_press .article:nth-of-type(n+2) .thumb{
  padding: 3px 0 4px 0;
}

#xf_info,
#xf_press{
  border: 3px solid #4086fe;
  padding-bottom: 15px;
}
#xf_info h3,
#xf_press h3{
  background: #4086fe;
  border-bottom: none;
}
#xf_openbox,
#xf_promotion
{
  border: 3px solid #e74a13;
  padding-bottom: 15px;
}
#xf_openbox h3,
#xf_promotion h3{
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  #xf_info,
  #xf_press,
  #xf_openbox,
  #xf_promotion{
    border: none;
  }
}

main .wrap,
.index_body main .wrap{
  background: #F9F9F3 !important;
  background: #FFF !important;
  background: none !important;
  background: #cbcbcd;
  background: rgba(203,203,205,0.5) !important;
  background: rgba(245,245,245,0.7) !important;
}
.xf_section h3, .xf_section .header{
  color: #00E;
  color: #333;
  color: #FFF;
  background: #ff9007;
  background: #e74a13;
  text-shadow: 1px 1px #555;
}
.xf_section .article h4 a{
  text-shadow: 1px 1px #CCC;
}
.xf_section .article .content{
  color: #555;
}

.site-footer .row-2{
  background: #CCC;
  color: #555;
}

/*
#xf_introduction .article{
   display: none;
}
*/

/*,
#xf_introduction .article:nth-child(2),
#xf_introduction .article:nth-child(3),
#xf_introduction .article:nth-child(4)
*/

#xf_introduction .side_wrap .article{
   display: block;
}

#xf_introduction .side_wrap .article .thumb{
}

@media only screen and (max-width: 639px) {

#xf_introduction .side_wrap .side .content .article:nth-of-type(odd) {
   margin-left: 1%;
}

#xf_introduction .side_wrap .side .content .article{
   /*float: left;*/
   display: inline-block;
   width: 49%;
   margin: 5px 0 0 0.5%;
}

#xf_introduction > #xf_introduction_wrap > .adv_wrap{
   margin-top: 10px;
}

#xf_introduction > #xf_introduction_wrap > .side_wrap:after {
    display: block;
    content: "";
    clear: both;
}
}


@media only screen and (min-width: 640px) {

#xf_introduction > #xf_introduction_wrap > .article
{
  float: left;
  display: block;
  width: 29%;
}
/*
#xf_introduction .article:nth-child(1) .thumb
#xf_introduction .article:nth-child(2) .thumb,
#xf_introduction .article:nth-child(3) .thumb,
#xf_introduction .article:nth-child(4) .thumb
*/
#xf_introduction .article .thumb
{
  width: auto;
  padding-top: 8px;
  padding-left: 5px;
}

#xf_introduction > #xf_introduction_wrap > .article,
#xf_introduction > #xf_introduction_wrap > .adv_wrap{
  width: 70.5%;
}
#xf_introduction > #xf_introduction_wrap > .adv_wrap{
   position: absolute;
   bottom: 0px;
}
#xf_introduction > #xf_introduction_wrap > .article .thumb{
  padding: 5px 0 0 0;
}
  
#xf_introduction .side_wrap{
   float: right;
   width: 29%;
   position: relative;
   margin-top: 5px;
}
#xf_introduction .side_wrap .side{
   padding-top: 162%;
   height: 0;
   overflow: hidden;
}
#xf_introduction .side_wrap .side .content{
   position: absolute;
   right: 0;
   top: 0;
}
#xf_introduction .side_wrap .article .thumb{
  padding: 4.5% 0 0 3%;
}
#xf_introduction .side_wrap .article:first-child .thumb{
  padding: 0 0 0 3%;
}

}

#xf_youtube_channel .playlist .control{
  margin: 10px 0;
}
#xf_youtube_channel .playlist .control a:hover{
  color: #e74a13;
}
#xf_youtube_channel .playlist ul li{
  margin-bottom: 12px;
}

.single_content .post_index{
  border: 1px solid #AAA;
  background: #CCC;
  width: 80%;
  padding: 10px;
}
.single_content .post_index .heading{
  font-weight: bold;
  color: #ca4811
}
.single_content .post_index button{
  float: right;
  padding: 0
}
.single_content .post_index .content{
  overflow: hidden
}

.single_content .post_index .content a{
  background: url("https://hk.xfastest.com/wp-content/themes/xfastest/arrow_right.png") no-repeat left center;
  padding-left: 24px;
}

#single_page .entry-header h1, #single_page .single_content h1{
  color: #e08f16;
  color: #ffa725;
  color: #ca4811;
}
#single_page .pagelist-side li a,
#single_page .pagelist-fixed li a{
  color: #FFF;
}
#single_page .post_wrap .page-navigation a.prev,
#single_page .post_wrap .page-navigation a.next{
  background: #ffa725;
  color: #FFF;
}
#single_page .post_wrap .page-navigation a.prev::before,
#single_page .post_wrap .page-navigation a.next::after{
  background: #ffa725;
}
#single_page .pagelist-fixed,
#single_page .pagelist-side,
#single_page .post_wrap .post-navigation .nav-previous, #single_page .post_wrap .post-navigation .nav-next{
  background: #ffa725;
  background: #e74a13;
  color: #FFF;
}

#single_page .pagelist-fixed a,
#single_page .pagelist-side a,
#single_page .post_wrap .post-navigation .nav-previous a, #single_page .post_wrap .post-navigation .nav-next a{
  color: #FFF;
  font-weight: bold;
}
.category_posts .postlist,
#single_page .post_wrap,
#pricing .post_wrap{
  color: #333;
}
.gallery dl dd.gallery-caption,
.wp-caption .wp-caption-text{
  background: #DDD !important;
}
.gallery dl dd.gallery-caption {
    color: #000 !important;
}
/*
#single_page .post_wrap .tags a{
  background: #BBB;
  color: #333;
  margin-bottom: 5px;
}
*/
.wp-caption .wp-caption-text{
  color: #000;
}
.category_header, .page_header{
  color: #e08f16;
  color: #ffa725;
  color: #ca4811;
  border-bottom: 3px solid #ffa725;
  border-bottom: 3px solid #ca4811;
}
#single_page .pagelist-fixed{
  /*background: #EEE;*/
}


.category_posts .postlist .article{
  background: none;
  color: #333;
}
.category_posts .postlist .article .footer{
  border-top: none;
  border-bottom: 1px dotted #333;
}
.category_posts .postlist .article .footer a,
#single_page .post_wrap .tags a,
.category_posts .pagination .current,
.category_posts .pagination a{
  background: #ffa725;
  background: #e74a13;
  color: #FFF;
  font-weight: bold;
}
.sidebar .sidebar_block{
  background: none;
}
.sidebar .sidebar_block h4{
  color: #333;
  border-bottom: 1px dashed #333;
}
#sidebar_default .row .title a{
  color: #333;
}

@media only screen and (min-width: 768px){
	#single_page.noSideBar .post_wrap,
	.noSideBar .post_wrap{
		width: 94%;
	}
}

.noSideBar .sidebar{
  display: none;
}