/* Light mode */
@media (prefers-color-scheme: light) {
  body {
    background: #ffffff; } }
/* Dark mode */
@media (prefers-color-scheme: dark) {
	body {
		background: #222;
		color: #ddd; 
	}
	h1{
	    background: linear-gradient(-45deg, #242424, #2a2a2a, #222222, #646464);
	    background-size: 400% 400%;
		-webkit-animation: Gradient 20s ease infinite;
		-moz-animation: Gradient 20s ease infinite;
		animation: Gradient 20s ease infinite;
	}
	h1 a {
		color: #ffffff;
	}
	#breadcrumb_cover, #breadcrumb_list{background:transparent;}
	#breadcrumb_list{
		border: 1px solid rgb(70, 70, 70);
		text-shadow:none;
	    color: rgba(255, 255, 255, 0.65);
	}
	#breadcrumb_list ul li a, #breadcrumb_list li::before{color:#ddd;}
	.brandLogo img{
	    padding: 0 15px;
		border-radius: 10px;
		background: #fff;
	}
	.detail_content a{color: #2a84e1;}
	.function{color:#fff;}
	.function em.icon{filter: brightness(1) invert(1);}
	.function .block-function:before{
		border-left: 1px solid #878787;
		border-bottom: 1px solid #878787;
	}
	.function .block-function:first-child:before,.function .block-function:nth-child(4):before{
		border-left:1px solid transparent;
	}
	.function .block-function:nth-child(4):before,.function .block-function:nth-child(5):before,.function .block-function:nth-child(6):before{
		border-bottom:1px solid transparent;
	}
	h2.header_topic {
		background-color: #191919;
		color: #fff;
	}
	ul.nav_blue li {
		background: url(//www.siamphone.com/images/fullstop_wh.png) 0 12px no-repeat;
		background-size: 8px;
	}
	.to_buy_price strong{color:#fff;}
	.header_widget_news .subHeader, .phone-relate h3,.phone-relate h3 span{
	    color: #ffffff;
		background: #222;
	}
	ul.column-news, ul.column-news li, .column-news-block, .display_content_model_home, .model_list_item, .model_list_item_name, .block-three ul li, .caution, .TopBox ul, .TopBox ul li:first-child p.readLink{background:transparent;}
	.cover_widget_news a, .TopBox ul li:first-child p.readLink a, .TopBox ul li p.readLink a, .caution a, #inner_name a{color:#ddd;}
	#spec_container a{color:#fff;}
	.header_widget_news .subHeader img {
		filter: brightness(1) invert(1);
	}
	
	.model_list_item_image_vertical img, #mar_img img{border-radius:5px;}
	.model_list_item_price {
		color: #b0b0b0;
	}
	.block-three ul li .name a{color:#fff;}
	.block-three ul li:hover {
		background: #1c1c1c;
	}
	.boxTopfb p a, .block_news ul li a,.review a, p.content{color:#ddd;}
	.block_news ul li {
		border-bottom: 1px dashed #666;
	}
	.shared .count span, .shared .viewBadges span{color:#ddd;}
	.shr_social li a img{
		
	}
	
	.shr_social li a.sp-shorturl-btn{
	}
	.shr_social li a{background:#ddd;}
	.shared .count font, .shared .viewBadges font{color:#ddd;}
	.price_normal .infor{
		background-image:url(//www.siamphone.com/images/icon-information-wh.png);
	}
	.block-three ul li .number{
		color: #000;
		background: #fff;
	}
	.preliminary button{color:#fff;}
	.header-widget h2, .header-widget-left h2{
		background:#222;
		color:#fff;
	}
	.header_widget_news:before, .phone-relate h3:after {
		background: #505050;
	}
	.block_forth_list .header-widget h2 a {
		color: #fff;
	}

	.header-widget:before {
		background: #ddd; 
	}
	.oneblock .second ul li a {
		color: #ddd;
	}
	.oneblock .second ul li {
		border-bottom: 1px dashed #666;
	}
	.header_widget_news span {
		color: #ddd;
	    background: #191919;
	}
	.rsDefault .rsThumbsHor {
		padding-top: 4px;
	}
	#wrapper-gallery{background:#fff;border-radius:13px}
	.detail_source a{color:#ddd;}
	
	#online_store .shop {
	    box-shadow: none;    
		background: #ffffff;
		border-radius: 8px;
		border-bottom: 0;
		margin: 15px auto 0;
	}
	.btn-shop{
		background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);
		color: #fff !important;
		border: 1px solid #2f88e4;
	}
	.sellphone-bar .sellDetail{
		background:transparent;
	}
	.sellphone-bar p{color:#fff;}
	.sellphone-bar a{
	    background: #ffffff;
		color: #272727;
	}
	#back-top span{
	    background: #353535 url(//www.siamphone.com/images/arrow_up_wh.png) no-repeat center center;
		background-size: 25px;
	}
	.review_block .show-rating{
		background:transparent;
	}
	.review_block h4, .progress-title, .score p,.progress-number, .modal-title, .comment-box label{
		color:#fff;
	}
	.block-review-coment{color:#ddd;}
	.rating-icon{filter:invert(1);}
	.progress{background-color: #505050;}
	.modal-content{
		background-color: #565656;
	}
	.close {
		font-size: 2rem;
		font-weight: 400;
		color: #fff;
		opacity: 0.8;
	}
	.comment-box textarea{
		border: 1px solid #616161;
	    background: #797979;
		color: #fff;
	}
	#customBtn{
		border: thin solid #fff;
		background: #fff;
	}
	.five-star {color: #48d048 !important;}
	.comment-box textarea::placeholder {
		color: #ddd;
	}
	.block-review {border-bottom: 1px dotted #505050;}
	.block-review-cover::-webkit-scrollbar-track{background-color: #353535;border-radius: 18px}
	.block-review-cover::-webkit-scrollbar{width: 10px;background-color:#505050;border-radius: 18px}
	.block-review-cover::-webkit-scrollbar-thumb{border-radius: 18px;background-color: rgba(177,177,177,0.25);}
	.block_fourth ul li a{color:#ddd;}
	#social_comment{background:#fff;}
	.blockVideo{
		background: #1b1b1b;
		border: 1px solid #1f1f1f;
	}
	.blockVideoName a{color:#ddd;}
	
	@media (max-width: 991px) {
	.function .block-function:first-child:before,.function .block-function:nth-child(4):before{border-left:1px solid transparent;}
	.function .block-function:nth-child(3):before{border-left:0 solid transparent;}
	.function .block-function:nth-child(4),.function .block-function:nth-child(5),.function .block-function:nth-child(6){padding-top:10px;}
	.function .block-function:nth-child(5):before,.function .block-function:nth-child(6):before{border-bottom:1px solid transparent;}
	.function .block-function:nth-child(4):before{border-bottom:1px solid #878787;border-left:1px solid #878787;}
    .function .block-function:nth-child(5):before{border-left:1px solid transparent;}
		.sellphone-bar .sellIcon {
			background: url(https://www.siamphone.com/images/sell/icon-sellphone-dark.svg) no-repeat;
			background-size: 70px;
			background-position: 75% 14px;
		}
	}


	@media (max-width: 768px) {
	.function .block-function:first-child:before,.function .block-function:nth-child(4):before{border-left:1px solid transparent;}
	.function .block-function:nth-child(3):before{border-left:0 solid transparent;}
	.function .block-function:nth-child(4),.function .block-function:nth-child(5),.function .block-function:nth-child(6){padding-top:10px;}
	.function .block-function:nth-child(5):before,.function .block-function:nth-child(6):before{border-bottom:1px solid transparent;}
	.function .block-function:nth-child(4):before{border-bottom:1px solid #878787;border-left:1px solid #878787;}
    .function .block-function:nth-child(5):before{border-left:1px solid transparent;}
    }

}