@import url("//www.siamphone.com/style/spec-color.css");
@charset "utf-8";
/* CSS Document */

:root {
    --wrapper-search-bg-light:#f9f9f9;
    --wrapper-search-light:#ffffff;
    --wrapper-search-border-light:#f2f2f2;
    --wrapper-search-input-light:#ffffff;
    --wrapper-search-placeholder-light:#000000;
    --spec-body-bg-light:#ffffff;
    --spec-body-color-light:#222222;
    --spec-backtop-bg-light:#cfcfcf;
    --spec-blackwhite-color-light:#000000;
    --spec-whiteblack-color-light:#ffffff;
    --spec-h1-bg-light:linear-gradient(-45deg, #f4f4f4, #fafafa, #ffffff, #eeeff2);
    --spec-breadcrumb-bg-light:#ffffff;
    --spec-breadcrumb-border-light:rgba(237,237,237,1);
    --spec-breadcrumb-color-light:#222222;
    --spec-headertopic-bg-light:#f8f8f8;
    --spec-headertopic-color-light:#222222;
    --spec-function-border-light:#000000;
    --spec-subhead-bg-light:#ffffff;
    --spec-subhead-color-light:#090909;
    --spec-subhead-before-light:#e5e5e5;
    --spec-blockthree-hover-light:#f1f1f1;
    --spec-oneblock-border-light:#dddddd;
    --spec-sellphone-bg-light:#f5f5f5;
    --spec-modal-bg-light:#ffffff;
    --spec-datetopic-bg-light:#ffffff;
    --spec-datetopic-color-light:#3a3a3a;
    --spec-screensize-bg-light:#353535;
    --filter-bg-light:none;
    --spec-fontweight-600-light:600;
    --wrapper-searchicon-light: url(//www.siamphone.com/images/magnifying-black.png);

    --wrapper-search-bg-dark:#333333;
    --wrapper-search-dark:#4a4a4a;
    --wrapper-search-border-dark:#323232;
    --wrapper-search-input-dark:#4a4a4a;
    --wrapper-search-placeholder-dark:#ffffffa6;
    --spec-body-bg-dark:#222222;
    --spec-body-color-dark:#dddddd;
    --spec-backtop-bg-dark:#353535;
    --spec-blackwhite-color-dark:#ffffff;
    --spec-whiteblack-color-dark:#000000;
    --spec-h1-bg-dark:linear-gradient(-45deg, #242424, #2a2a2a, #222222, #646464);
    --spec-breadcrumb-bg-dark:#222222;
    --spec-breadcrumb-border-dark:rgb(70, 70, 70);
    --spec-breadcrumb-color-dark:rgba(255, 255, 255, 0.65);
    --spec-headertopic-bg-dark:#191919;
    --spec-headertopic-color-dark:#ffffff;
    --spec-function-border-dark:#878787;
    --spec-subhead-bg-dark:#222222;
    --spec-subhead-color-dark:#ffffff;
    --spec-subhead-before-dark:#505050;
    --spec-blockthree-hover-dark:#1c1c1c;
    --spec-oneblock-border-dark:#666666;
    --spec-sellphone-bg-dark:transparent;
    --spec-modal-bg-dark:#565656;
    --spec-datetopic-bg-dark:#191919;
    --spec-datetopic-color-dark:#dddddd;
    --spec-screensize-bg-dark:#4a4a4a;
    --filter-bg-dark:invert(1);
    --spec-fontweight-600-dark:500;
    --wrapper-searchicon-dark: url(//www.siamphone.com/images/magnifying.png);
}

@media (prefers-color-scheme: light) {
    :root {
        --wrapper-search-bg:var(--wrapper-search-bg-light);
        --wrapper-search:var(--wrapper-search-light);
        --wrapper-search-border:var(----wrapper-search-border-light);
        --wrapper-search-input:#var(--wrapper-search-input-light);
        --wrapper-search-placeholder:var(--wrapper-search-placeholder-light);
        --spec-body-bg:var(--spec-body-bg-light);
        --spec-body-color:var(--spec-body-color-light);
        --spec-backtop-bg:var(--spec-backtop-bg-light);
        --spec-blackwhite-color:var(--spec-blackwhite-color-light);
        --spec-whiteblack-color:var(--spec-whiteblack-color-light);
        --spec-h1-bg:var(--spec-h1-bg-light);
        --spec-breadcrumb-bg:var(--spec-breadcrumb-bg-light);
        --spec-breadcrumb-border:var(--spec-breadcrumb-border-light);
        --spec-breadcrumb-color:var(--spec-breadcrumb-color-light);
        --spec-headertopic-bg:var(--spec-headertopic-bg-light);
        --spec-headertopic-color:var(--spec-headertopic-color-light);
        --spec-function-border:var(--spec-function-border-light);
        --spec-subhead-bg:var(--spec-subhead-bg-light);
        --spec-subhead-color:var(--spec-subhead-color-light);
        --spec-subhead-before:var(--spec-subhead-before-light);
        --spec-blockthree-hover:var(--spec-blockthree-hover-light);
        --spec-oneblock-border:var(--spec-oneblock-border-light);
        --spec-sellphone-bg:var(--spec-sellphone-bg-light);
        --spec-modal-bg:var(--spec-modal-bg-light);
        --spec-datetopic-bg:var(--spec-datetopic-bg-light);
        --spec-datetopic-color:var(--spec-datetopic-color-light);
        --spec-screensize-bg:var(--spec-screensize-bg-light);
        --filter-bg:var(--filter-bg-light);
        --spec-fontweight-600:var(--spec-fontweight-600-light);
        --wrapper-searchicon:var(--wrapper-searchicon-light);
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --wrapper-search-bg:var(--wrapper-search-bg-dark);
        --wrapper-search:var(--wrapper-search-dark);
        --wrapper-search-border:var(----wrapper-search-border-dark);
        --wrapper-search-input:#var(--wrapper-search-input-dark);
        --wrapper-search-placeholder:var(--wrapper-search-placeholder-dark);
        --spec-body-bg:var(--spec-body-bg-dark);
        --spec-body-color:var(--spec-body-color-dark);
        --spec-backtop-bg:var(--spec-backtop-bg-dark);
        --spec-blackwhite-color:var(--spec-blackwhite-color-dark);
        --spec-whiteblack-color:var(--spec-whiteblack-color-dark);
        --spec-h1-bg:var(--spec-h1-bg-dark);
        --spec-breadcrumb-bg:var(--spec-breadcrumb-bg-dark);
        --spec-breadcrumb-border:var(--spec-breadcrumb-border-dark);
        --spec-breadcrumb-color:var(--spec-breadcrumb-color-dark);
        --spec-headertopic-bg:var(--spec-headertopic-bg-dark);
        --spec-headertopic-color:var(--spec-headertopic-color-dark);
        --spec-function-border:var(--spec-function-border-dark);
        --spec-subhead-bg:var(--spec-subhead-bg-dark);
        --spec-subhead-color:var(--spec-subhead-color-dark);
        --spec-subhead-before:var(--spec-subhead-before-dark);
        --spec-blockthree-hover:var(--spec-blockthree-hover-dark);
        --spec-oneblock-border:var(--spec-oneblock-border-dark);
        --spec-sellphone-bg:var(--spec-sellphone-bg-dark);
        --spec-modal-bg:var(--spec-modal-bg-dark);
        --spec-datetopic-bg:var(--spec-datetopic-bg-dark);
        --spec-datetopic-color:var(--spec-datetopic-color-dark);
        --spec-screensize-bg:var(--spec-screensize-bg-dark);
        --filter-bg:var(--filter-bg-dark);
        --spec-fontweight-600:var(--spec-fontweight-600-dark);
        --wrapper-searchicon:var(--wrapper-searchicon-dark);
    }

    #wrapper-search input[type="text"]{
        background-image: url(//www.siamphone.com/images/magnifying.png) ;
        background-size: 18px;
        background-position: 13px 50%;
        background-repeat: no-repeat;
    }
    .light-mode #wrapper-search input[type="text"]{
        background-image: url(//www.siamphone.com/images/magnifying-glass.svg);
        background-size: 20px;
        background-position: 10px 15px;
        background-repeat: no-repeat;
    }
    #back-top span {
        background: var(--spec-backtop-bg) url(//www.siamphone.com/images/arrow_up_wh.png) no-repeat center center;
        background-size: 25px;
    }
    .light-mode #back-top span {
        background:var(--spec-backtop-bg) url(//www.siamphone.com/images/ar-top.png) no-repeat center center;
        background-size: 33px;
    }
    .brandLogo img {
        padding: 0 15px;
        border-radius: 10px;
        background: #fff;
    }

    ul.nav_blue li {
        /* background: url(//www.siamphone.com/images/fullstop_wh.png) 0 12px no-repeat;*/
        /*background-size: 8px; */
    }
    .price_normal .infor {
        background-image: url(//www.siamphone.com/images/icon-information-wh.png);
    }
    #online_store .shop {
        box-shadow: none;
        background: #ffffff;
        border-radius: 8px;
        border-bottom: 0;
        margin: 5px auto 0;
    }
    .btn-shop {
        background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);
        color: #fff !important;
        border: 1px solid #2f88e4;
    }
}

[color-scheme="light"]{
    --wrapper-search-bg:var(--wrapper-search-bg-light);
    --wrapper-search:var(--wrapper-search-light);
    --wrapper-search-border:var(----wrapper-search-border-light);
    --wrapper-search-input:#var(--wrapper-search-input-light);
    --wrapper-search-placeholder:var(--wrapper-search-placeholder-light);
    --spec-body-bg:var(--spec-body-bg-light);
    --spec-body-color:var(--spec-body-color-light);
    --spec-backtop-bg:var(--spec-backtop-bg-light);
    --spec-blackwhite-color:var(--spec-blackwhite-color-light);
    --spec-whiteblack-color:var(--spec-whiteblack-color-light);
    --spec-h1-bg:var(--spec-h1-bg-light);
    --spec-breadcrumb-bg:var(--spec-breadcrumb-bg-light);
    --spec-breadcrumb-border:var(--spec-breadcrumb-border-light);
    --spec-breadcrumb-color:var(--spec-breadcrumb-color-light);
    --spec-headertopic-bg:var(--spec-headertopic-bg-light);
    --spec-headertopic-color:var(--spec-headertopic-color-light);
    --spec-function-border:var(--spec-function-border-light);
    --spec-subhead-bg:var(--spec-subhead-bg-light);
    --spec-subhead-color:var(--spec-subhead-color-light);
    --spec-subhead-before:var(--spec-subhead-before-light);
    --spec-blockthree-hover:var(--spec-blockthree-hover-light);
    --spec-oneblock-border:var(--spec-oneblock-border-light);
    --spec-sellphone-bg:var(--spec-sellphone-bg-light);
    --spec-modal-bg:var(--spec-modal-bg-light);
    --spec-datetopic-bg:var(--spec-datetopic-bg-light);
    --spec-datetopic-color:var(--spec-datetopic-color-light);
    --spec-screensize-bg:var(--spec-screensize-bg-light);
    --filter-bg:var(--filter-bg-light);
    --spec-fontweight-600:var(--spec-fontweight-600-light);
    --wrapper-searchicon:var(--wrapper-searchicon-light);
}


[color-scheme="dark"]{
    --wrapper-search-bg:var(--wrapper-search-bg-dark);
    --wrapper-search:var(--wrapper-search-dark);
    --wrapper-search-border:var(----wrapper-search-border-dark);
    --wrapper-search-input:#var(--wrapper-search-input-dark);
    --wrapper-search-placeholder:var(--wrapper-search-placeholder-dark);
    --spec-body-bg:var(--spec-body-bg-dark);
    --spec-body-color:var(--spec-body-color-dark);
    --spec-backtop-bg:var(--spec-backtop-bg-dark);
    --spec-blackwhite-color:var(--spec-blackwhite-color-dark);
    --spec-whiteblack-color:var(--spec-whiteblack-color-dark);
    --spec-h1-bg:var(--spec-h1-bg-dark);
    --spec-breadcrumb-bg:var(--spec-breadcrumb-bg-dark);
    --spec-breadcrumb-border:var(--spec-breadcrumb-border-dark);
    --spec-breadcrumb-color:var(--spec-breadcrumb-color-dark);
    --spec-headertopic-bg:var(--spec-headertopic-bg-dark);
    --spec-headertopic-color:var(--spec-headertopic-color-dark);
    --spec-function-border:var(--spec-function-border-dark);
    --spec-subhead-bg:var(--spec-subhead-bg-dark);
    --spec-subhead-color:var(--spec-subhead-color-dark);
    --spec-subhead-before:var(--spec-subhead-before-dark);
    --spec-blockthree-hover:var(--spec-blockthree-hover-dark);
    --spec-oneblock-border:var(--spec-oneblock-border-dark);
    --spec-sellphone-bg:var(--spec-sellphone-bg-dark);
    --spec-modal-bg:var(--spec-modal-bg-dark);
    --spec-datetopic-bg:var(--spec-datetopic-bg-dark);
    --spec-datetopic-color:var(--spec-datetopic-color-dark);
    --spec-screensize-bg:var(--spec-screensize-bg-dark);
    --filter-bg:var(--filter-bg-dark);
    --spec-fontweight-600:var(--spec-fontweight-600-dark);
    --wrapper-searchicon:var(--wrapper-searchicon-dark);
}

.mode-switch {
    display: block !important;
}

.function em.icon {
    filter: var(--filter-bg);
}

/* start wrapper search */
.search-home2{
    background:var(--wrapper-search-bg);
}
#wrapper-search input[type="text"]{
    background-color:var(--wrapper-search);
    border-color:var(--wrapper-search-border);
}
#wrapper-search input[type="text"]::placeholder{
  color:var(--wrapper-search-placeholder);
}
#wrapper-search .tab-content{
    background-color: transparent;
}
#wrapper-search input[type="text"]{
    background-image: var(--wrapper-searchicon) ;
    background-size: 18px;
    background-position:13px 50%;
    background-repeat: no-repeat;
}

/* end wrapper search */

body , #wrapper{
    background: var(--spec-body-bg);
    color: var(--spec-body-color);
}
h1{
    background: var(--spec-h1-bg);
    background-size: 400% 400%;
}
h1 a{
    color:var(--spec-blackwhite-color);
}

a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline; 
}

#breadcrumb_cover{
    background: var(--spec-breadcrumb);
}
#breadcrumb_list{
    text-shadow:none;
    background: var(--spec-breadcrumb-bg);
    border: 1px solid var(--spec-breadcrumb-border);
}
#breadcrumb_list li:before, #breadcrumb_list ul li a{
    color:var(--spec-body-color);
}
#wrapper-gallery {
    background: #fff;
    border-radius: 13px;
    position: relative;
}

.function{
    color:var(--spec-blackwhite-color);
}

h2.header_topic{
    background:var(--spec-headertopic-bg);
    color:var(--spec-headertopic-color);
}
.function .block-function:before{
    border-color:var(--spec-function-border);
}

#spec_container a{
    color:var(--spec-blackwhite-color);
}
.detail_source a{
    color:var(--spec-body-color);
}
.header_widget_news .subHeader, .phone-relate h3 ,.phone-relate h3 span, .header-widget h2, .header-widget-left h2{
    background:var(--spec-subhead-bg);
    color:var(--spec-subhead-color);
}
.cover_widget_news a{
    color:var(--spec-subhead-color);
}
.header_widget_news:before, .phone-relate h3:after, .header-widget:before, .header-widget-left:before{
    background:var(--spec-subhead-before);
}
.block_forth_list .header-widget h2 a{
    color:var(--spec-blackwhite-color);
}
.blockVideoName a, .oneblock .second ul li a ,.review a{
    color:var(--spec-body-color);
}
.to_buy_price strong{
    color:var(--spec-blackwhite-color);
}

.block-three ul li .name a{
    color:var(--spec-body-color);
}
.block-three ul li:hover {
    background: var(--spec-blockthree-hover);
}
.shared .count span, .shared .viewBadges span ,.preliminary button{
    color:var(--spec-blackwhite-color);
}
.shared .count font, .shared .viewBadges font{
    color:var(--spec-body-color);
}
.dark-mode .model_list_item_image_vertical img, #mar_img img{
    border-radius: 5px;
}
.cover_widget_news a, .TopBox ul li:first-child p.readLink a, .TopBox ul li p.readLink a, .caution a, #inner_name a{
    color:var(--spec-body-color);
}
.oneblock .second ul li{
    border-color:var(--spec-oneblock-border);
}
.block-three ul li .number{
    background: var(--spec-blackwhite-color);
    color:var(--spec-whiteblack-color);
}
.header_widget_news .subHeader img {
    filter: var(--filter-bg);
}
.modal-content{
    background: var(--spec-modal-bg);
    border: 0;
    border-radius: 13px;
}
.modal-header{
    border: 0;
    text-align: center;
    padding-top: 50px;
}
.modal-title{
    display: block;
    text-align: center;
    width: 100%;
}
.modal-header .close {
    font-size: 40px;
    font-weight: 300;
    line-height: 20px;
    color: #000;
}
.close{
    color:var(--spec-blackwhite-color);
}
.dark-mode .close {
    font-size: 2rem;
    font-weight: 400;
    opacity: 0.8;
}
.block_fourth ul li a{
    color:var(--spec-body-color);
}
.header_widget_news span{
    background: var(--spec-datetopic-bg);
    color: var(--spec-datetopic-color);
}
.model_list_item .model_list_item_badge .screen_size{
    background:var(--spec-screensize-bg);
}
.sellphone-bar p{
    color:var(--spec-blackwhite-color);
}

#back-top span {
    background: var(--spec-backtop-bg) url(//www.siamphone.com/images/ar-top.png) no-repeat center center;
    background-size: 25px;
}
.dark-mode #back-top span {
    background: var(--spec-backtop-bg) url(//www.siamphone.com/images/arrow_up_wh.png) no-repeat center center;
    background-size: 25px;
}

@media (max-width: 991px) {
	.function .block-function:nth-child(4):before{
        border-bottom:1px solid var(--spec-function-border);
        border-left:1px solid var(--spec-function-border);
    }
    .sellphone-bar .sellDetail{
        background:var(--spec-sellphone-bg);
    }
}

@media (max-width: 768px) {
	.function .block-function:nth-child(4):before{
        border-bottom:1px solid var(--spec-function-border);
        border-left:1px solid var(--spec-function-border);
    }
}

@media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
}

body {
    font-family: 'Kanit';
    font-size: 1rem;
    font-weight: 400;
}

a{
    color: #000;
}

#wrapper-gallery, #wrapper-color,#wrapper-dimention,#wrapper-shared,#wrapper-shopping,#wrapper-review,#wrapper-news,#wrapper-newrelease, #wrapper-hilight{
	clear:both;
	overflow:hidden;
}
.google-auto-placed{display:none;visibility: hidden;}
h1{
	padding:0;
    text-align: center;
	margin:0;
    -webkit-animation: Gradient 20s ease infinite;
    -moz-animation: Gradient 20s ease infinite;
    animation: Gradient 20s ease infinite;
}
h1 a{
	font-size: 45px;
	font-size: 2.2rem;
	font-family: Roboto;
	padding: 10px 0 16px;
	display:block;
}
h1 a:hover{
	text-decoration:none;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

#breadcrumb_cover{
    width: 100%;
    margin: 0 auto 0;
    padding: 0 0 10px 0;
}
#breadcrumb_list {
    height: 33px;
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    padding: 0px 10px 0;
    box-shadow: none;
    clear: both;
    display: block;
    color: rgba(50,50,50,.65);
}

#breadcrumb_list ul{
	margin: 0;
	padding: 2px 0 0 0;
}

#breadcrumb_list ul li {
    display: inline;
    font-size:15px;
    font-weight: 400;
}

#breadcrumb_list ul li a {
    font-weight: 400;
    line-height: 24px;
}

#breadcrumb_list li em{vertical-align:middle;}
#breadcrumb_list li:first-child:before {
	background: url("//www.siamphone.com/images/nav-icon.png") no-repeat scroll 0 0 transparent;
	content: "";
	float: left;
	height: 20px;
	width: 20px;
	margin-left: -6px;
	margin-top: 4px;
	margin-right: 6px;
	padding:0;
	
	display:none;
}
#breadcrumb_list li:before {
    content: "»";
    display: inline-block;
    height: 18px;
    margin-left: 0;
    margin-right: 8px;
    width: 10px;
    padding: 0px 6px;
    font-size: 14px;
}
#breadcrumb_list div {
	position: absolute;
	right: 15px;
    top: 0;
}
#breadcrumb_list div p {
	line-height: 28px;
	margin: 0;
	padding: 0;
}
#breadcrumb_list #lang{}
#breadcrumb_list div.triang{
	margin-left: 0px;
    margin-top: 14px;
    margin-right: 2px;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #cccccc transparent transparent;
    position: absolute;
    right: 4px;
    top: 0;
}
/* Section Right */
.brandLogo{
    margin: -10px 0 30px;
    padding: 0;
    text-align: center;
}
.function{
	text-align:center;	
	margin-bottom: 37px;
}
.function h4{
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 20px;
}
.function .justify-content-md-center {
   /*  border: 1px solid; */
}
.function-display font{
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 24px;
    padding-left: 5px;
}
.function .block-function{
	 min-height: 125px;
	 padding-top:10px;
     position: relative;
}
.function em.icon{
	background-image:url(../images/spec_icon_function.png);
	background-size:136px 68px;
	width:34px;
	height:34px;
	display:block;
    margin: 8px auto 10px;
}
.function em.display{background-position:0px -34px;}
.function em.camera{background-position:-34px 0px;}
.function em.cpu{background-position:-68px 0px;}
.function em.os ,.function em.os-one, .function em.os-emui, .function em.os-realme{background-position:0px 0px;}
.function em.os-android{background-position:0px 0px;}
.function em.os-ios,.function em.os-ipad{background-position:-102px 0px;}
.function em.os-window{background-position:-102px -34px;}
.function em.memory{background-position:-34px -102px;}
.function em.battery{background-position:-68px -102px;}
.function em.os-java{
    background-image:url(../images/spec_icon_function_2022.png);
	background-size:170px 68px;
    background-position: -136px 0px;
}
.function p{
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: 700;
}
.function span{
    font-size: 16px;
    line-height: 24px;
    display: block;
    font-weight: 400;
    font-family: 'Kanit';
}
.function .function-cpu p{font-size:18px;line-height: 23px;}
.function .function-memory p{line-height: 28px;margin-bottom:0;font-size: 20px;}
.function .function-memory p.mt-30{margin-top:30px;}
.function .function-battery p{margin:0;line-height: 32px;}
.function .block-function:before{
	content: "";
	border-left:1px solid var(--spec-function-border);
	border-bottom: 1px solid var(--spec-function-border);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.function .block-function:first-child:before,.function .block-function:nth-child(4):before{
	border-left:1px 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(4):before,.function .block-function:nth-child(5):before,.function .block-function:nth-child(6):before{
	border-bottom:1px solid transparent;
}





.brandLogo {position:relative;}
.btn_love{
    height: 36px;
    width: 86px;
    position: absolute;
    right: 3px;
    top: 20px;
}
.btn-favorite {
    background-color: transparent;
    color: red;
    text-decoration: none;
    border-radius: 30px;
    height: 33px;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    width: auto;
    /* max-width: 42px; */
    padding: 1px 10px 0;
    border: 0;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
    /* display: block; */
    text-align: center;
    /* display:block; */
    margin: 0 auto;
    position: relative;
    /* position: absolute;
    right: 0;
    top: 20px; */
    border: 1px solid #ddd;


    /*
    align-items: center;
    appearance: none;
    border-radius: 24px;
    border-style: none;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    box-sizing: border-box;
    color: #3c4043;
    cursor: pointer;
    display: inline-flex;
    fill: currentcolor;
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 38px;
    justify-content: center;
    letter-spacing: .25px;
    line-height: normal;
    max-width: 100%;
    overflow: visible;
    padding: 2px 24px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: auto;
    will-change: transform, opacity;
    z-index: 0;
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px; */
}

.btn-favorite:hover {
    max-width: 100px;
}
.btn-favorite p{
    font-family: "Kanit";
    font-size: 12px;
    color: #9b9b9b;
    margin: 0 0 5px;
    font-weight: 500;
}
span.text {
    font-family: "Kanit", sans-serif;
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    /* display: inline-flex; */
    display: inline-block;
    width: 100%;
    line-height: 12px;

    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    color: var(--spec-body-color);
    font-family: 'Roboto', "Kanit", sans-serif;
    display: inline-block;
    line-height: 12px;
}
.function span.text-total{
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    color: var(--spec-body-color);
    font-family: 'Roboto', "Kanit", sans-serif;
    display: inline-block;    
    line-height: 12px;
    /* color: #c00; */
}
.function span.text-total i{
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
}
#heart,.heart {
    position: relative;
    width: 57px;
    height: 25px;
}
#heart:before,
#heart:after, .heart:before ,.heart:after {
    position: absolute;
    content: "";
    left: 28px;
    top: 0;
    width: 15px;
    height: 25px;
    background: #aaaaaa;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}
#heart:after ,.heart:after {
    left: 14px;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.heart {
    position: relative;
    width: 25px;
    height: 18px;
    margin-right: 3px;
}

.heart:before,
.heart:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    width: 11px;
    height: 18px;
    background: #aaaaaa;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}

.heart:after {
    left: 0;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

/* ✅ เพิ่มแอนิเมชัน +1 */
.plus-vote {
    position: absolute;
    top: 10px;
    left: 34%;
    transform: translateX(-50%);
    color: var(--spec-blackwhite-color);
    font-size: 18px;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    animation: none;
    font-weight: 600 !important;
    font-family: 'Roboto', 'Kanit', sans-serif !important;

    /* background: hsl(0deg 0% 100% / 75%);
    border-radius: 30px;
    font-size: 14px !important; */
}

.plus-vote.show {
    animation: popVote 2.5s ease-out forwards;
}

@keyframes popVote {
    0% {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-30px);
        opacity: 0.7;
    }
}


.btn-favorite.clicked .heart:before ,.btn-favorite.clicked .heart:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    width: 11px;
    height: 18px;
    background: #ed1818;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}
.btn-favorite.clicked .heart:after {
    left: 0px;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}
.btn-favorite.clicked span.text{color:var(--spec-blackwhite-color);}
.vote-bestofyear{
    margin:5px 0 0 0;
    position: relative;
    display: inline-flex;
}
.vote-bestofyear:before{
    content: " ";
    position: absolute;
    top: -28px;
    right: 5px;
    background: url(//www.siamphone.com/images/bestofyear-arrow.png) no-repeat center center;
    background-size: 100%;
    width: 20px;
    height: 30px;
    opacity: 0.45;
    filter:var(--filter-bg);
}
.vote-bestofyear img{
    width: 80px;
    height: 17px;
    opacity: 0.5;
    filter: var(--filter-bg);
    display: inline-block;
    margin: 4px 5px 0 0;
}
.vote-bestofyear i{
    display: inline-block;
    opacity: 0.45;
    color:var(--spec-body-color);
}




/* Shared Social */
#wrapper-shared{
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.shared{
    padding: 30px 0 0;
    margin: 0;
    overflow: visible;
    float: left;
    width: 100%;
}
.shared .count, .shared .viewBadges {
    width: 50%;
    text-align: center;
    margin: 8px 0 7px;
    height: auto;
    line-height: 20px;
    display: inline-block;
    padding: 0;
}
.shared .viewBadges {
    border-right: 1px solid #9d9d9d;
    padding-bottom: 0;
}
.shared .count p, .shared .viewBadges p {
    margin: 0;
}
.shared .count span, .shared .viewBadges span {
    font-size: 38px;
    text-align: center;
    line-height:100%;
    font-family: 'Roboto';
    font-weight: 600;
    display: block;
    margin-bottom:10px;
}
.shared .count span{
	font-weight:400;
}
.shared .count font, .shared .viewBadges font {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Kanit';
}
.shared .count font i, .shared .viewBadges font i {
    padding-right: 3px;
	font-size:12px;
	font-weight:600;
}
.shared .count {
	display: block;
	text-align: center;
	width: 100%;
}
.shr_social {
    margin: 1% 0 0 0;
    float: right;
    width: 50%;
}
.shr_social ul {
    padding: 0;
    margin: 0;
    display:block;
	text-align: center;
}
.shr_social li {
    width: 42px;
    height: 42px;
    margin: 0 0 0;
    /*float: left;*/
    list-style-type: none;
    display: inline-block;
    border-radius: 13px;
}
.shr_social li a {
    font-size: 13px;
    text-align: center;
    width: 100%;
    padding: 0 0;
    float: left;
    color: #fff;
    display: block;
    text-decoration: none;
    font-weight: 100;
	background: #fafafa;
    border-radius: 13px;
    border: 1px solid #eee;
	cursor:pointer;
}
.shr_social li a img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: none;
    border-radius: 0;
}
.shr_social li a.sp-shorturl-btn{
	background-image:url(https://www.siamphone.com/images/social/icon-link.png);
	background-repeat:no-repeat;
	background-size:35px;
	background-position:center center;
	width: 42px;
	height: 42px;
	display: inline-block;
	position:relative;
	padding:0 0;
}
.sp-shorturl-btn span {
	display:none;
}
.sp-showTooltip{
	background-color: #00000095;
	color: white;
	padding: 5px;
	margin-top: -30px;
	position: absolute;
	max-width: 300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	left: auto !important;
	right: 5px;
	top: -22px;
	display: block;
	font-size: 12px;
	font-weight: 300;
}
.sp-showTooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #00000095 transparent transparent transparent;
}


/* SECTION Detail */
#spec_container{
	font-family:'Kanit';
    font-size: 18px;
    line-height: 29px;
}

h2.header_topic{
    font-size: 21px;
    padding: 15px 5px 15px 15px;
    margin-bottom: 15px;
    margin-top: 30px;
	font-weight:500;
}
.iconhead{
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background-image: url(https://www.siamphone.com/images/spec_icon_header.png);
    background-size:189px 54px;
    filter: var(--filter-bg);
}
.iconhead-info{background-position: 0 0;}
.iconhead-display{background-position: -27px 0px;}
.iconhead-build{background-position: -54px 0px;}
.iconhead-network{background-position: -81px 0px;}
.iconhead-os{background-position: -108px 0px;}
.iconhead-camera{background-position: -135px 0px;}
.iconhead-video{background-position: 0 -27px;}
.iconhead-sensor{background-position:-27px -27px;}
.iconhead-connect{background-position: -54px -27px;}
.iconhead-multimedia{background-position:-81px -27px;}
.iconhead-message{background-position:-108px -27px;}
.iconhead-call{background-position:-135px -27px;}
.iconhead-battery{background-position:-162px -27px;}

.detail_content p{
    padding-left: 25px;
    margin: 10px 0 0 0;
}

.detail_content p+br+img{
    text-align: center;
}
.detail_content p img {
    margin: 0 auto;
    display: block;
}

ul.nav_blue{
    margin: 0;
    padding-left: 40px;
}
ul.nav_blue li {
	/* background-size:8px; */
    /* list-style: none; */
    padding: 0 0 0 5px;
    font-size: 18px;
    line-height: 32px;
	font-weight:300;
}
ul.nav_blue li.nolist{
    list-style: none;
}
.badge_5g{
	padding: 0 0px 1px;
    min-width: 10px;
    width: 30px;
    height: 30px;
    /* background: #c81010; */
    margin-bottom: 0;
    border-radius: 36px;
    line-height: 31px;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 500;
    display: block;
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 6px;
    
    opacity: 0;
    transition: all 0.3s ease;
}
.model_list_item:hover .badge_5g {
    transition: all 0.3s ease;
    opacity: 1;
}
/* Gallery */
.rsDefault .rsSlide{
	text-align:center;
}
.rsDefault .rsThumb img{
	margin-left:auto;
	margin-right:auto;
}
.rsDefault .rsThumb.rsNavSelected {
    border: 1px solid rgba(0, 0, 0, 0.50);
}
.rsDefault .rsFullscreenIcn{
	background-color: rgba(0,0,0,0.2);
}
.rsDefault .rsThumb {
    width: 80px;
    min-height: 102px;
    /*padding: 0px 10px;*/
    padding-bottom: 0;
}
.rsDefault .rsThumb img {
    max-height: 80px;
    margin-bottom: 10px;
}
.rsDefault .rsArrow{height:80%;}
.rsDefault .rsArrowIcn{
	top:50%;
}
.rsDefault.rsHor .rsArrowRight{
	left:auto;
}
.rsOverflow {
	position: initial;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: transparent;
    min-height: 395px!important; 
}
img.rsImg {
    max-width: none;
    width: auto!important;
    max-height: 94%!important;
    max-width: 100%!important;
    height: auto!important;
    margin: 20px auto auto!important;
    position: relative;
}

/* SpecColor */
.specColor{
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
	text-align:center; 
}
.specColor p{
	font-size: 13px;
    line-height: 28px;
	margin:0;
}
.specColor span {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 5px 0 10px;
    border-radius: 20px;
    box-shadow: inset 0 0 1px 0 rgba(102,102,102,.3);
    font-size: 10px;
    vertical-align: sub;
}
.specColor span:after {
    border-radius: inherit;
    box-shadow: inset 0 2px 1.5px rgba(0,0,0,.1);
    content: '';
    display: block;
    height: inherit;
    position: absolute;
    width: inherit;
}
.specColor .black {
    background: #2D2E31;
}
.specColor .amber_sunrise {
    background: #E91F08;
    background: linear-gradient(-180deg,#FE8259 0,#E91F08 100%);
}
.specColor .breathing_crystal {
    background: #8fe4ff;
    background: linear-gradient(-45deg,#BEB8F6 30%,#8fe4ff 80%,#E4F9FC 100%);
}
.specColor .pearl_white {
    background: #FEEFEC;
    background: linear-gradient(-180deg,#FEEFEC 30%,#F5F5F3 100%);
}
.specColor .aurora {
    background: #00C1BF;
    background: linear-gradient(-180deg,#00C1BF 30%,#003CAA 100%);
}

/* Spec Dimention */
.specDimention p{
    font-family: 'Kanit';
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    line-height: 28px;
	margin:0;
}

/* Shopping */
.to_buy{
    margin:0;
    font-family: 'Kanit';
}
.to_buy_price{
	width: 100%;
    clear: both;
    overflow: hidden;
    text-align: center;
}
.to_buy_price strong{
    display: block;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 22px;
}

.to_buy_name{
    font-size: 26px;
    text-align: center;
    line-height: 32px;
    width: 100%;
    font-family:'Roboto','Kanit', sans-serif;
    margin: 20px 0;
	font-weight:600;
}
.price_debut, .price_normal {
    float: left;
    width: 49%;
    margin: 2% 0.5%;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
}
.price_debut font, .price_normal font {
    display: block;
    color: #000000;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 12px;
}
.price_debut  strong, .price_normal  strong {
    font-size: 30px;
    font-family: 'Kanit';
    font-weight: 500;
}
.price_debut strong{font-weight:400;}
.price_normal .infor{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 30px;
    font-style: normal;
    line-height: 19px;
    font-weight: 400;
    font-family: 'Kanit';
    color: #22222200;
    background: url(//www.siamphone.com/images/icon-information.png) no-repeat;
    background-size: 16px;
	border-bottom:none;
    filter: var(--filter-bg);
}
.infor {
  position: relative;
  display: inline-block;
}

.infor .tooltiptext {
    visibility: hidden;
    width: 203px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    border-radius: 13px;
    padding: 10px 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    right: -20px;
    /* margin-left: -60px; */
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
    font-family: 'Kanit';
    font-weight: 300;
    line-height: 16px;
}

.infor .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 22px;
  margin-left: -5px;
  border-width: 7px;
  border-style: solid;
  border-color: #363636 transparent transparent transparent;
}

.infor:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#online_store {
    margin-left: 0;
    margin-bottom: auto;
    margin: 0 auto;
    width: 100%;
}
#online_store .shop {
    font-size: 13px;
    position: relative;
    text-align: center;
    width: 80%;
    box-shadow:none;
    margin-left: 0;
    height: 60px;
    margin: 3px auto 0;
	padding:5px 0;
    
    background: #ffffff;
}
#online_store .shop:nth-child(even) {
    /*background-color: #f8f8f8;*/
}
#online_store .logo_shop{
    margin-top:3px;
}

#Studio7_wraper {    
    position: relative;
    border: 1px solid #5bba47;
}
#Studio7_wraper:before{
    content: "iPhone ต้อง Studio7 เท่านั้น";
    position: absolute;
    top: -25px;
    right: -1px;
    height: auto;
    z-index: 1;
    font-family: 'Roboto', "Kanit", sans-serif;
    font-size: 15px;
    font-weight: 600;
    background: #5BBA47;
    color: #fff;
    text-align: left;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 5px 5px 0 0;
}
#Studio7_wraper .txt_price{
    position: relative;
    text-indent: 15px;
}
#Studio7_wraper .txt_price:after{
    content:"";
    background: url(//www.siamphone.com/images/icon/icon-checkprice.png) no-repeat;
    background-size: 25px;
    position: absolute;
    left: 4px;
    top: 12px;
    width: 25px;
    height: 25px;
    display: block;
}

.verified{
	position:absolute;
    width:15px;
    height:15px;
    background: url(https://www.siamphone.com/images/icon-verified.png) no-repeat;
    top:8px;
    right: 0;
    border-radius: 30px;
    background-size: 15px;
	border-bottom: 0;
}
.verified .tooltiptext{
	font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    width: 100px;
}
.txt_price {
    color: #222222;
    display: flex;
    font-size: 17px;
    height: 50px;
    line-height: 16px;
    text-align: left;
    font-family: 'Kanit';
    font-weight: 300;
    align-items: center;
}
.btn-shop {
    right: 0;
    bottom: 10px;
    top: 15px;
    width: 75px;
    height: 30px;
    margin-right: 10px;
    line-height: 28px;
    font-size: 15px;
    color: #222222 !important;
    cursor: pointer;
    display: block;
    position: absolute;
    text-align: center;
    border-radius: 30px;
    /* background: url(https://www.siamphone.com/images/icon-cart.png) no-repeat; */
    /* background-position: right; */
    /* background-size: 30px; */
    border: 1px solid #434343;
    background: #fff;
    font-weight: 400;
}
.btn-shop:hover{ 
    background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);
    color: #fff !important;
    border: 1px solid #2f88e4;
    text-decoration: none;
}
#Studio7_wraper .btn-shop{
    background: #5BBA47;
    color: #fff !important;
    font-weight: 600;
    border: 1px solid #5BBA47;
}
#Banana_wraper .btn-shop{
    background: #FFCC00;
    font-weight: 600;
    border: 1px solid #FFCC00;
}
#Advice_wraper .btn-shop{
    background: rgb(0 149 218);
    font-weight: 600;
    border: 1px solid rgb(0 149 218);
    color: #ffffff !important;
}
.btn_goto_store{
    clear: both;
    margin: 15px auto 0;
    overflow: hidden;
    width: 80%;
}
.btn_goto_store a{
    text-align: center;
    display: block;
    color: #fff;
    padding:10px 10px 8px;
    border-radius: 3px;
    line-height: 7px;
    font-family: Kanit;
    background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);
}
.btn_goto_store a span.cart{
    background: url(//www.siamphone.com/images/cart_icon_white.png) 0 -3px no-repeat;
    background-size: 23px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    opacity: .85;
    border: none;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
}
.btn_goto_store font {
    text-align: right;
    display: block;
    font-size: 9px;
    color: #999;
    line-height: 15px;
}
#wrapper-video-hybrid{
	margin-top:30px;
}
/* Bull Armors link */
.block-bullarmors{
    width: 80%;
    background: #fff;
    padding: 0;
    clear: both;
    overflow: hidden;
    margin: 18px auto 0;
    border-radius: 13px;
    border:0;
}
.bullarmors-logo{
    background: #c10006;
    padding: 7px 10px 10px;

    width: 35%;
    width:30%;
    float: left;
    text-align: center;
    height: 89px;
    display:flex;
}
.bullarmors-logo a{
    display: flex;
    align-items: center;
    min-height: 73px;
}
.bullarmors-logo img{
    filter: invert(100) brightness(100);
    margin: 2px 0 2px;
    width: 100%;
    height: auto;
    max-width: 110px;
    max-height: 80px;	

    max-width: 93px;
    vertical-align: middle;
}
.bullarmors-detail{
    float: left;

    width:70%;
    margin:0;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 13px 13px 0;
    padding-bottom: 2px;
    position:relative;
}
.bullarmorsLogo{
    width: 32px;
    height: 32px;
    background: url(https://www.siamphone.com/images/partner/bull-armors.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 5px;
    top: 5px;
}
.bullarmors-detail p{
	margin: 0;
    padding: 3px 5px 0;
    color: #222;
    width: 100%;
	text-align:center;
    line-height: 18px;
    margin: 0 0 3px;

    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bullarmors-detail p a{
    font-family: 'roboto', "Kanit";
    font-weight: 600;
}
.bullarmors-detail strong{
    font-weight: 300;
    font-size: 12px;
}
.bullarmors-detail a:hover {
    text-decoration: none;
}
.bullarmors-detail a.bullBtn{
    text-align: center;
    color: #fff;
    padding: 0;
    border-radius:8px;
    width: 45%;
    max-width: 113px;
    display: inline-block;
    background: linear-gradient(135deg, rgba(187,22,28,1) 0%,rgba(219,28,36,1) 34%,rgba(239,38,41,1) 46%,rgba(187,22,28,1) 90%,rgba(219,28,36,1) 100%);
    margin: 6px 5px 0 0;
    line-height: 13px;
    font-size: 14px;
    height: 30px;
    font-weight: 500;
    height: 30px;
    text-align: center;
	margin: 2px 3px 0;
    display: inline-block;
    box-shadow: 0px 2px 3px #d9d9d9;
}
.bullarmors-detail a.bullBtn:hover{
	text-decoration:none;
	font-weight:500;
	cursor:pointer;
    background: #c51e08;
}
.bullarmors-detail a.bullBtnShopee {
    /* background: #ff520c;
    background:linear-gradient(1deg,#f53d2d,#f63); */
}
.bullarmors-detail a.bullBtnSawasdee {
    background: #4ABB25;
    background: linear-gradient(1deg,#4ABB25,#8AE069);
}
.bullarmors-detail a.bullBtn img{
    margin-left: 0;
    vertical-align: super;
    width: 70px;
    height: auto;
    margin-top: 2px;
}

.sellphone-bar{
	clear: both;
	margin: 15px auto 0;
	overflow: hidden;
	width: 80%;
}
.sellphone-bar .sellIcon{
    width: 11%;
    float: left;
    padding: 7px 0 0 0;
	display:none;
}
.sellphone-bar .sellIcon img{
    width: 37px;
    height: auto;
}
.sellphone-bar p{
	text-align: left;
	width: 65%;
	float: left;
	display: inline-block;
	font-size: 20px;
	line-height: 22px;
	padding: 8px 0 0 0;
	margin:0;
	font-weight: bold;
}
.sellphone-bar strong{ color: #c00;font-weight: bold;}
.sellphone-bar span{
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	display:block;
}
.sellphone-bar a{
	font-size: 18px;
	color: #fff;
	padding: 3px 0px 4px;
	border-radius: 30px;
	font-weight: 500;
	margin-left: 0;
	width: 35%;
	float: right;
	display: block;
	margin-top: 13px;
	text-align:center;
	background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);
    border: 1px solid #2f88e4;
}
.sellphone-bar i{
	font-size: 16px;
	margin-right: 8px;
	
	display:none;
}

.sellphone-bar-cover{
    margin: 30px auto 10px;
    display:block;
    text-align:center;
}
.sellphone-bar-cover a{
    display:block;
}
.sellphone-bar-cover img{
    border-radius: 1px;
    width: 100%;
    height: auto;
    max-width: 380px;
    background: #0f0f0f;
    padding: 10px 0;
}

a.AllPrice{
    text-align: right;
    display: block;
    margin: 0 auto;
    color: #666;
    padding: 0 10px 0 0;
    background: url(//news.siamphone.com/images/next.gif) 75% 5px no-repeat;
    width: 80%;
    font-size: 12px;
}
#back-top {position:fixed;bottom:15px;right:35px;z-index:999;}#back-top a{display:block;text-align:center;	font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;	text-decoration:none;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover{color:#000;}
#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:#cfcfcf url(//www.siamphone.com/images/ar-top.png) no-repeat center center;background-size:33px;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.8;border-radius: 10%;}

.block_accessory{
	width: 80%;
	margin: 20px auto 10px;
}
.block_accessory h5{
	position:relative;
}
.block_accessory h5 a{
	font-family: 'Kanit';
	font-size: 16px;
	font-weight: 400;
	color:#2e2e2e;
}
.block_accessory  ul{
	padding: 0;
}
.block_accessory  ul li{
	overflow: hidden;
	margin: 15px auto;
	text-align: left;
	box-shadow: 0 0 0 1px #e2e8f1 inset;
}
.block_accessory  ul li a{
	color:#4c4c4c;
}
.block_accessory  ul li img{
	width: auto;
	height: 75px;
	padding: 1px 0; 
}
.block_accessory .detail{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}
.block_accessory .detail font{
	display: block;
	text-align: left;
	width: 100%;
	padding: 0 0;
	font-weight: 500;
	color: #4CAF50;
}
.block_accessory .detail label{
	text-align: right;
	color: #959595;
	font-weight: 300;
	font-size: 12px;
	display: block;
	width: 60%;
	float: right;
	margin: 0;
}
.block_accessory .allitem{
	font-size: 12px;
	text-align: right;
	float: right;
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: 12% 50%;
	padding: 3px 15px 3px 15px;
	position: absolute;
	right: 0;
	top: 3px;
	border-radius: 30px;
	background: #4CAF50;
	color:#fff;
}
	
#wrapper-search{
	margin: 0 auto;
	border: none;
	background: transparent;
}

/* wrapper-lastreview */
.review{}
.review img{
	width:100%;
	height:auto;
    border-radius: 8px;
}
.review p.name {
    margin: 20px 0;
	height:86px;
	overflow:hidden;
}
.review a{
	font-size:18px;
	line-height:30px;
}

.block_forth_list {}
.block_forth_list .header-widget h2 {
    font-size: 1.65rem;
    font-weight: 500;
}
.block_forth_list .header-widget:before {
    height: 2px;
    background: #e5e5e5;
}
.oneblock .first {
	margin: 0 0 10px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	display:none;
}
.oneblock .first img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.block_forth_list .titleNews{		
	margin: 15px 0 5px;
	display: block;
	line-height: 1.5rem;
	height: 72px;
	padding: 0;
	overflow: hidden;
}
.oneblock .second ul {
    padding: 0 0 0 25px;
    font-weight: 300;
    line-height: 25px;
}
.oneblock .second ul li {
    margin: 0 0 15px 0;
    border-bottom: 1px dashed var(--spec-oneblock-border);
    padding-bottom: 15px;
}


@media (min-width: 768px){
	#wrapper-search {padding: 0 15px;}
}
@media (min-width: 992px){
	#wrapper-search {padding: 0 0 0 15px;}
	.top-banner img, #adszone-1 img {
		width: 100%;
        height: auto;
        max-width: 728px;
	}
 
    
}
#wrapper-search input[type="text"]{
	padding: 0 15px;
    border: none;
	height: 50px;
	width: 100%;
	margin: 0;
	border-radius: 3px 0 0 3px;
	position: relative;
	text-indent: 26px;
	/* background-size: 24px; */
	font-family: 'Kanit';
	font-size: 17px;

    color:var(--spec-body-color);
}
.quick_search_input{
	clear:both;
	overflow:hidden;
}
.input_qs_spc{
	float:left;
	width:75%;
}
.search-btn{
	float:left;
	width:25%;
}
#submit_bt{
	border: 0;
	width: 100%;
	height: 50px;
	color: #fff;
	border-radius: 0 3px 3px 0;
	font-size: 18px;
	background: #4096ee;
	background: -moz-linear-gradient(left, #4096ee 0%, #2a84e1 100%);
	background: -webkit-linear-gradient(left, #4096ee 0%,#2a84e1 100%);
	background: linear-gradient(to right, #4096ee 0%,#2a84e1 100%);
}
.search-home2{
	position: relative;
	padding: 5.2% 5%;
	min-height: 90px;
	margin: 0;
}

.ui-menu .ui-menu-item{
	font-family: 'Kanit';
	text-indent: 15px;
	font-size: 16px;
	font-weight: 500;
}
.ui-menu-item-wrapper {
	padding: 5px 0;
}


#hotnews-link, #relate_news{
	text-align:left;
}
#hotnews-link {
	padding-left: 50px;
	margin: 25px auto 40px;
}
#hotnews-link h5{
	position:relative;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 20px;
	color: var(--news-blackwhite-color);
}
#hotnews-link h5:after{
	content:"";
	border-bottom: 2px solid #008fff;
	width: 160px;
	height: 1px;
	bottom: 0;
	left: 0;
	position: absolute;
}
#hotnews-link ul{
	margin-bottom:15px;
	padding-left: 10px;
}
#hotnews-link ul li{
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 25px;
}
#hotnews-link ul li a{
	color: #007bff;
	font-size:18px;
	font-weight:500;
	text-decoration: none;
}
#hotnews-link ul li a:hover{
	text-decoration:underline;
}
#hotnews-link li .col-3{padding:0;}
#hotnews-link li .col-3 img{
	width: 100%;
	height: auto;
	border-radius: 8px;
}


/* Relate News */
.wrap-newsrelate{
    border:0;
    padding: 25px 25px;
    border-radius: 13px;    
    margin: 25px 0;
}
.wrap-newsrelate h4{
    position: relative;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 20px;
    color:var(--spec-blackwhite-color);
}
.wrap-newsrelate h4 strong{
    font-weight: 600;
    color:#008fff;
}
.wrap-newsrelate h4 a{
    background: var(--spec-blackwhite-color);
    color: #ffffff !important;
    font-size: 12px;
    border-radius: 30px;
    padding: 0px 7px;
    float: right;
    display: inline-block;
    line-height: 23px;
    margin-top: 6px;
}
.block-relatenews{
    margin-bottom: 20px;
    position:relative;
}
.block-relatenews p {
    margin:0;
}
.block-relatenews p a{
    font-size: 14px;
    line-height: 19px;
    display: block;
    height: 56px;
    overflow: hidden;
    font-weight: 300;
    margin: 0;
}
.block-relatenews a img{
    width: 100%;
    height: auto;
    border-radius: 6px;
    font-size: 10px;
    line-height: 16px;
}

.block-relatenews-cate{
    font-size:12px;
    color:#8d8d8d;
    font-weight: 300;
}
.block-relatenews-cate strong{
    font-weight:var(--spec-fontweight-600);
    color:var(--spec-blackwhite-color);
}

/* video */
#wrapper-video{
	position:relative;
}
#wrapper-video:after{
	position:absolute;
	/* content:""; */
	bottom:0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.8));
}
.cover_video i{
	width: 59px;
	display: block;
	height: 59px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	background: url(//www.siamphone.com/images/common/play_video.png) no-repeat;
	background-size: 59px;
	position: absolute;
	top: 40%;
	left: 45%;
}
.cover_video p.content{
	position: absolute;
	bottom: 0;
	color: #fff;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.9));
	padding: 20px 10px 10px;
	line-height: 24px;
	font-size: 17px;
	width:100%;
}
.cover_video span{
	position: absolute;
	top: 0;
	right:0;
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-align: center;
	font-size: 13px;
	z-index: 2;
	font-family: 'Roboto';
}
.cover_video{
	position:relative;
	margin-bottom: 15px;
}
.cover_video a{display:block;position:relative;}
.cover_video p{margin:0;}
/* Review */
.cover_widget_news {
    clear: both;
    overflow: hidden;
    border: 0;
    margin-top: 15px;
    padding: 0;
}
.header_widget_news {
    padding: 8px 15px 8px 0;
	position:relative;
}
.header_widget_news img {
    width: 110px;
    height: auto;
    vertical-align: middle;
    display: inline-block;
	
	display:none;
}
.header_widget_news .subHeader , .phone-relate h3{
    font-weight: 500;
    display: inline-block;
    padding: 0px 0 0 15px;
    font-size: 2.3rem;
    z-index: 9;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px 0 0;
	float: none;
    line-height: 1.5;
}
.header_widget_news:before, .phone-relate h3:after {
    content: "";
    height: 2px;
    /* background: #e5e5e5; */
    display: block;
    position: absolute;
    top: 50%;
    width: 90%;
	right:0;
    z-index: 8;
}
.header_widget_news .subHeader  img{
	display:inline-block;width:25px;
}
.header_widget_news span{
    color: #3a3a3a;
    font-family: 'Kanit';
    font-weight: 300;
    font-size: 14px;
    position: absolute;
    right: 5px;
    bottom: 24px;
    z-index: 9;
    background: #fff;
    padding: 0 5px;
}
.header_widget_news .subHeader small{
    font-weight: 500;
    font-size: 1.8rem;
}
.phone-relate h3{display:block;}
.phone-relate h3 span{
	padding: 0 10px;
    display: inline;
    z-index: 11;
    position: relative;
}
.header_widget_news .subHeader .id-name-mobile{display:none;}
.header_widget_news .subHeader .id-name{display:inline-block;}
.header-widget{
	text-align: center;
	position:relative;    
}
 .header-widget-left{
 	text-align: left;
	position:relative;    
}
.header-widget:before ,.header-widget-left:before{
	content: "";
	height: 2px;
	/* background: #e5e5e5; */
	display: block;
	position: absolute;
	top: 53%;
	width: 100%;
	z-index: 8;
}		
.header-widget:before {
	height:3px;
	background:#000;
	top:50%;
}		
.header-widget-dark:before {
    background: #ffffff;
}
.header-widget h2, .header-widget-left h2{
	font-size: 2.3rem;		
	z-index: 9;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 10px;
}
.header-widget-left h2{
	padding: 0 10px 0 0;
}
.header-widget-dark h2{
    background: #e5e5e5;
    color: #191919;
}


.bottom_news {
    margin-bottom:15px;
}
#review_phone img{
	border-radius:13px;
}
.cover_widget_news p.content {
    height: auto;
    font-family: 'Kanit';
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;	
    margin:0;
    padding:0; 
}
.cover_widget_news a{
	text-decoration:none;
	overflow: hidden;
    cursor: pointer;
}
ul.column-news {
    overflow: hidden;
    clear: both;
    padding: 0;
}
ul.column-news li {
    padding-top: 5px;
	padding-bottom:15px;
    border-right: 0 solid #ebebeb;
    border-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.column-news-block {
    overflow: hidden;
    clear: both;
    position: relative;
    display: block;
    min-height: 100px;
    padding: 0;
}
.column-news-block img {
    width: 100%;
    position: relative;
    display: block;
	border-radius:8px 8px;
}
.column-news-block p.content {
    font-family: 'Kanit';
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin: 4% auto 0;
    height: 80px;
    display: block;
}

/* new release */
.colunm-spec-block{
	overflow: hidden;
    padding: 0 0;
    margin-top: 10px;
}
.display_content_model_home {
    float: left;
    margin: 0;
    padding: 0 9px;
    overflow: hidden;
}


.model_list_item {
    position: relative;
    min-height: 245px;
    overflow: hidden;
    border-radius: 0;
}
.model_list_item .model_list_item_badge {
    float: left;
    position: absolute;
    text-align: center;
    width: 45px;
}
.model_list_item .model_list_item_badge .screen_size {
    border-radius: 10px;
    color: #FFF;
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 19px;
    margin: 5px 0 0 0;
    min-width: 12px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    background: #353535;
    width: auto;
    z-index: 1;
    font-family: 'Roboto';
    font-weight: 500;
}
.display_content_pic {
    margin: 0 auto;
    padding: 18px 0 0;
    width: 101px;
    /* height: 120px; */
    text-align: center;
}
#mar_img {
    /* height: 100%; */
}
#mar_img img {
    max-width: 88px;
    font-size:20px;
}
#inner_icon {
    left: 5px;
    top: 20px;
    position: absolute;
}
#inner_handson, #inner_review, #inner_spec {
    margin: 0;
}
#inner_handson, #inner_review {
    top: 30px;
}
#inner_review img{
    filter: var(--filter-bg);
}
.display_content_msg {
    position: relative;
    bottom: 0;
    font: Normal 12px/18px Tahoma,"Microsoft Sans Serif",sans-serif;
    border-radius: 0;
    width: 100%;
    display: table;
    height: 55px;
    padding: 0;
    margin: 0;
    text-align: center;
}
.display_content_msg a {
    text-decoration: none;
    text-align: center;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    width: 100%;
}
.inner>div {
    padding: 10px 6px 0;
}
#inner_name a {
	margin: 10px 0 0;
    overflow: hidden;
    display: block;
    font-size: 15px;
    text-align: center;
    font-family: 'Roboto';
    margin-bottom: 0;
    font-weight: 500;
    line-height: 22px;
    min-height: 70px;
}
#inner_name span {
    height: 26px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 14px;
    color: #90949c;
    display: block;
    text-align: center;
}
#inner_name font em {
    font-size: 14px;
    padding-right: 3px;
}
#inner_name .fa{
	font-weight: 300;
    font-size: 13px;
    padding-right: 3px;
}
.btn_review_disable{display:none;}
.ReviewLink {
    background-image: url(https://www.siamphone.com/images/icon/icon_review_2025.png);
    background-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 28px;
    left: 10px;
    filter:var(--filter-bg);

    opacity: 0;
    transition: all 0.3s ease;
}
.model_list_item:hover .ReviewLink {
    transition: all 0.3s ease;
    opacity: 1;
}
.block-three{}
.block-three ul{
	padding: 0 15px;
	margin: 0;
}
.block-three ul li {
	padding: 0;
	margin: 5px 0;
	list-style-type: none;
	width: 100%;
	height: 33px;
	clear: both;
	float: left;
	position: relative;
}

.block-three ul li .number {
	position: absolute;
	width: 25px;
	height: 25px;
	text-align: center;
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 17px;
	border-radius: 30px;
	line-height: 24px;
	top: 4px;
	left: 1px;
}
.block-three ul li .name {
	width: 93%;
	float: right;
	text-align: left;
}
.block-three ul li .name a {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 10px;
	font-family: 'Roboto';
	font-weight: 500;
}
.top-views {
	position: absolute;
	right: 5px;
	top: 8px;
	z-index: 0;
	font-family: 'roboto';
}
.top-views a {
	font-weight: 500;
	font-size: 15px;
}
.top-views em{
    padding-right: 3px;
    font-weight: 600;
    font-size: 13px;
}
#wrapper-popular .cover_widget_news{padding-bottom:10px;}
#wrapper-guaruntee{
	font-weight:300;
	text-align: center;
}
.modal-body{font-size:14px;text-align: left;}
.modal-body strong{font-weight:500;}
.modal-body a{color:#007bff;}
.preliminary button{
	border: 0;
	background: none;
	cursor: pointer;
}

/* Interesting */
.block_fourth{
	overflow:hidden;
	clear:both;
}
.block_fourth ul {
    padding: 0;
    list-style: none;
}
.block_fourth ul li {
    position: relative;
    line-height: 25px;
    margin: 0 0 20px;
    width: 100%;
    float: left;
    overflow: visible;
	padding-bottom: 20px;
  /*   border-bottom: 1px dashed #eee; */
}
.block_fourth ul li a {
    padding: 0;
    background: 0 0;
    display: block;
    margin: 0;
    overflow: hidden;
    float: left;
    width: 46%;
    font-weight: 400;
}
.block_fourth ul li a img {
    width: 100%;
    height: auto;
    float: left;
	border-radius: 8px;
}
.block_fourth p {
    margin: 0 0 0 5%;
    padding: 0;
    width: 49%;
    float: left;
}
.block_fourth ul li p.content a {
    width: 100%;
}

/* Phone Relate */
.phone-relate{}
.phone-relate h3 a{
	font-weight:300;
	color:#333;
}
.model_list_item {
    font-size: 40px;
    text-align: center;
    color: #555555;
    position: relative;
}
.model_list_item .model_list_item_badge {
    position: absolute;
    text-align: center;
    min-width: 36px;
    top: 0;
    left: 0;
    min-height: 20px;
    height: auto;
    padding:0 0;
    line-height: 18px;
}
.screen_size {
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 14px;
    height: 20px;
    line-height: 21px;
    margin: 0 5px 0 0;
    min-width: 13px;
    padding: 2px 4px 1px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
    background: none repeat scroll 0 0 #4E5660;
    font-family: 'Roboto';
    font-weight: 500;
}
.model_list_item_image {
    padding-top: 10px;
}
.model_list_item_image_cell, .model_list_item_name_cell {
/*     display: table-cell;
    vertical-align: middle; */
}
.model_list_item_image_vertical {
    text-align: center;
}
.model_list_item_image_vertical img {
    max-width: 90px;
    max-width: 70px;
    max-height: 92px;
    max-height: 100px;
	font-size:12px;
}
.model_list_item_name {
    font: 14px/130% Tahoma, "Microsoft Sans Serif", sans-serif;
/*     height: 40px; */
    min-height: 40px;
    padding: 15px 0 0;
}
.model_list_item_image_cell, .model_list_item_name_cell {

}
.model_list_item_name_vertical {
    text-align: center;
    margin-bottom: 0;
	font-family: 'Roboto';
    font-size: 15px;
    font-weight: 500;
	line-height:22px;
}
.model_list_item_name_vertical a {
    text-decoration: none;
    overflow: hidden;
    line-height: 20px;
}
.model_list_item_price{
    font-family: 'Kanit';
    font-size: 16px;
    font-weight: 500;
    color:#2e8841;
    line-height: 20px;
}
.phone-relate #inner_icon{
/* 	right:20%; */
}
#wrapper-newrelease{position:relative;}
.blockVideo{
	width:100%;
	padding:0;
	border-radius: 0;
	overflow: hidden;
	position: relative;
}
.blockVideoImg {
	width: 40%;
	float: left;
	position:relative;
}
.blockVideoImg img{
	width: 100%;
	height: auto;
	border-radius:3px;
}
.blockVideoImg em{
	position: absolute;
	top: 30%;
	left: 37%;
	font-size: 21px;
	color: #ffffff;
	width: 45px;
	height: 45px;
	background: rgb(204 0 0 / 0.80);
	padding: 12px 7px 8px 10px;
	border-radius: 30px;
	text-align: center;
}
.blockVideoName {
	width: 55%;
	float: right;
    padding-top: 10px;
}
.blockVideoName a{
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
}
.blockVideoLink a{
	background: #cc0000;
	color: #fff;
	width: 100px;
	height: 30px;
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: 500;
	border-radius: 30px;
	margin: 10px auto 0;
	line-height: 28px;
}
	
	
.btn_compare ,#btn_compare {
    margin: 10px auto 20px;
    width: 110px;
    height: 34px;
    left: auto;
    text-align: center;
    font-family: 'Kanit';
    border-radius: 30px;
    position: absolute;
    z-index: 11;
    right: 0;
    top: 22px;
    background: linear-gradient(to bottom, #4096ee 0%,#2a84e1 100%);
}
.btn_compare a, #btn_compare a , #btn_compare_spec a {
    color: #fff;
    float: left;
    height: 100%;
    padding: 6px 4px 4px;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
}
.btn_compare em {
    background-image: url(https://www.siamphone.com/images/icon-compare-white.png);
    background-size: 14px 14px;
    width: 14px;
    height: 15px;
    display: block;
    float: left;
    margin: 4px 0 0 10px;
}
#social_comment{
    width: 100%;
    overflow: hidden;
    clear: both;
    background: #fff;
    border-radius: 8px;
}
.caution {
    padding: 0 15px;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.caution p {
    margin: 10px 0;
    font-size: .68em;
    line-height: 18px;
}
.detail_source{
    padding: 0 10px 0 25px;
    margin: 50px 0 20px 0;
    font-style: italic;
    text-align: right;
    line-height: 30px;
    font-weight: 400;
}
.detail_source strong{
	font-weight:500;
}
.container-footer{background:#191919;}
#footer {
    margin: 10px auto 0;
}
#footer_copyright {
    padding: 0;
    width: 100%;
    font: 10px/30px Arial;
    text-transform: uppercase;
    display: inline-block;
}
#footer_copyright .siamphone_logo {
    margin: 0 10px;
    float: left;
}
#footer_copyright .siamphone_logo img {
	vertical-align:sub;
}
#footer_copyright em.copysign {
    font-size: 12px;
    float: left;
    font-family: Arial;
    margin-right: 5px;
    font-style: normal;
}
#footer_copyright p.right_reserved_text {
    float: left;
    margin: 0;
    color: #8c8c8c;
}
#footer_copyright p.social_network {
    float: right;
    margin: 0 10px;
    color: #8c8c8c;
}
#footer_copyright p.social_network a {
    margin: 0 5px;
    color: #8c8c8c;
}

.rsDefault .rsThumbsHor {
  margin-top:10px;
}

#social_comment iframe{
    width: 100%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {width: 100% !important;}

/*Mobile News*/

.heading {
    background-color: #fff;
    color: #000;
    box-shadow: none;
    font-size: 29px;
    padding: 15px 10px 10px 0;
	position:relative;
}
.heading font {
    font-size: 14px;
    color: #525252;
    margin-left: 10px;
    text-transform: uppercase;

}
.heading span {
    color: #3a3a3a;
    font-family: 'Kanit';
    font-weight: 300;
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: 15px;
}

p.content {
    height: auto;
    font-family: 'Kanit';
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
}
.TopBox ul {
	overflow: hidden;
	clear: both;
	background: #fff;
	padding: 0;
}
.TopBox ul li:first-child {
    width: auto;
    height: auto;
    margin: 0 0 15px;
}
.TopBox ul li {
    position: relative;
    padding-top: 5px;
	padding-bottom:15px;
   /*  height: 190px; */
    list-style-type: none;
    line-height: 150%;
}
.TopBox ul li a {
    display: block;
    margin: 0;
    line-height: 5px;
}
.TopBox ul li img {
    width: 100%;
    height: auto;
}
.TopBox ul li:first-child p.readLink {
    background: #ffffff;
    height: auto;
    padding-bottom: 0;
	margin:0;
}
.TopBox ul li p.readLink {
    width: auto;
    height: 83px;
    border-radius: 0;
    padding: 10px 0 0;
    padding-bottom: 0px;
    overflow: hidden;
	margin-bottom:0;
}
.TopBox ul li:first-child p.readLink a {
    color: #000;
    font-family: 'Kanit';
    font-size: 20px;
    line-height: 32px;
    padding: 0;
    font-weight: 400;

}
.TopBox ul li p.readLink a {
    display: block;
    line-height: 24px;
    color: #000;
    font-family: 'Kanit';
    font-size: 16px;
}

.TopBox ul li:first-child font {
    padding-right: 55px;
    height: 40px;
    border-radius: 30px 0 0 30px;
    line-height: 40px;
    font-size: 25px;
    padding-left: 10px;
    top: 10px;
    right: 15px;
}
.TopBox ul li font {
    width: auto;
    height: 20px;
    background: rgba(255,255,255,.84);
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
    text-indent: 3px;
    color: #252525;
    border-radius: 10px 0 0 10px;
    line-height: 20px;
    text-align: right;
    padding-right: 25px;
    font-weight: 500;
    font-family: 'Kanit';
}

.TopBox ul li:first-child font i {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    font-size: 55px;
    line-height: 50px;
}
.TopBox ul li font i {
    font-family: 'Kanit';
    right: -10px;
    top: -6px;
    font-style: normal;
    background: #cc0000;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    color: #fff;
    text-indent: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 29px;
}
.TopBox ul li font i, .view_p {
    text-align: center;
    position: absolute;
}
.TopBox ul li:first-child span {
    font-size: 20px;
    margin-right: 15px;
}
.TopBox ul li span {
    width: 20px;
    font-size: 14px;
    margin-right: 5px;
}
.TopBox ul li:first-child span {
    font-size: 24px;
    margin-right: 15px;
}
.TopBox ul li span {
    width: 20px;
    font-size: 14px;
    margin-right: 5px;
}
.TopBox .news_inner ul li:nth-child(2), #container .news_inner ul li:nth-child(4), #container .news_inner ul li:nth-child(6) {
    margin-right: 0;
    border-right: 0 solid #ddd;
}
.TopBox .news_inner ul li {
    padding: 20px 10px;
    padding: 10px 2% !important;
    border-bottom: 1px solid #d3d4d6;
    width: 45.5%;
    border-right: 1px solid #ddd;
    margin-bottom: 0;
    float: left;
}
.TopBox .news_inner ul li:nth-child(2), #container .news_inner ul li:nth-child(4), #container .news_inner ul li:nth-child(6) {
    margin-right: 0;
    border-right: 0 solid #ddd;
}
.TopBox ul li:first-child span.writeBy {
    font-size: 13px;
    margin: 10px 0 0;
    width: 100%;
    color: #000;
}
.TopBox ul li:first-child span.writeBy {
    display: block;
    font-size: 13px;
    line-height: 180%;
}
#mobile_news img {
    border-radius: 8px 8px;
}
.mr-5 {
    margin-right: 5px !important;
}

/* Wrapper-hilight */
.boxTopfb{
	margin: 20px 0 10px;
}
.boxTopfb img{
	width:100%;
	height:auto;
	border:0;
    border-radius: 8px;
}
.boxTopfb p{
	margin:10px 0 10px 0;
}
.boxTopfb p a{
	font-size: 18px;
	line-height: 28px;
	font-weight:500;
}

.block_news{
	overflow:hidden;
	clear:both;
}
.block_news ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.block_news ul li {
    position: relative;
	padding-bottom: 20px;
	padding-top: 20px;
    border-bottom: 1px dashed #eee;
}
.block_news ul li:last-child{
	border-bottom:0;
}
.block_news ul li a {
    display: block;
    overflow: hidden;
    font-weight: 300;
}
.block_news ul li a img {
    width: 100%;
    height: auto;
	border-radius: 8px;
    margin-top: 0;
}
.block_news p {
    line-height: 28px;
    font-size: 18px;
    font-weight: 300;
	margin-bottom:0;
}
.block_news ul li span {
    font-weight: 300;
    font-size: 12px;
    color: grey;
}

.hilightBox .column-news-block p.content{
	height:auto;
	font-size: 18px;
    line-height: 32px;
    font-weight: 300;
}

/* voting */


.review_block{
	padding:20px 30px;
	border-radius: 13px;
	margin-bottom: 15px;
	margin-top: 30px;
}
.review_block h4{
    display:inline-flex;
    display:block;
}
.write_review{
    border: none;
	padding: 5px 10px;
	border-radius: 6px;
	color: #2f2f2f;
	/* float: left; */
	background: #ececec;
	font-weight: 400;
	font-size: 15px;
	background: linear-gradient(to bottom, #4096ee 0%,#2a84e1 100%);
	color: #fff;
    margin-right:5px;
}
.write_review em{
	background-image: url(https://www.siamphone.com/images/little-star.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	width: 14px;
	height: 15px;
	display: block;
	float: left;
	margin: 4px 10px 0 0;
}

.review_block .show-rating{
    width: 100%;
    margin:0;border:0;
    clear:both;
    display:block;
    background-color:var(--spec-body-bg);
    position:relative;}
.review_block .show-rating:after{content:none;}
.show-rating{
	display: block;
	border: 1px solid #eaeaea;
	padding: 15px 0;
	border-radius: 4px;
	width: 92%;
	margin: -2px 10px 10px;
	position: relative;
	list-style-type: none;
	background: #e9ebee;
	display:none;
	position: absolute;
	z-index: 2;
}
.show-rating:after{
	content: " ";
	top: -11px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #eaeaea;
	margin-left: 0;
	width: 0;
	position: absolute;
	height: 0;
	box-sizing: border-box;
	z-index: 99;
	float: left;
	pointer-events: none;
	cursor: default;
}
.show-rating ul{
    clear: both;
    overflow: hidden;
    list-style-type: none;
	padding-left:0;
}
.show-rating ul li{
	list-style-type: none;
	clear: both;
	overflow: hidden;
	float: left;
	width: 100%;
	line-height:40px;
}

.block-rate:hover .show-rating {
  display: block;
}

/* Progress Bar */
.progress-bar {
	width:0;
	border-radius: 0;
	height: 10px;
	margin: 0;
	overflow: hidden;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	/* width: 100%; */
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	background: linear-gradient(to left, #4ba0f7 0%,#2a84e1 100%);
	border-radius: 13px;
}
/*.progress-bar-5star {background-color: #52A552;}
.progress-bar-4star {background-color: #9CCE29;}
.progress-bar-3star {background-color: #F7E642;}
.progress-bar-2star {background-color: #FFA629;}
.progress-bar-1star {background-color: #EF4221;}*/

.progress-bar__bar {
	  background-color: #F6F6F5;
	  bottom: 0;
	  left: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	  -webkit-transition: all 500ms ease-out;
	  transition: all 500ms ease-out;
}
.progress-title{width:20%;float:left;font-family: 'Kanit';text-align: left;font-weight:500;font-size:16px;}
.progress {
	height: 10px;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 0;
	float: left;
	width: 70%;
	margin: 13px 0;
	border-radius: 20px;
}
.progress2{
	float: left;
	width: 70%;	
	border-radius: 20px;
}
.progress-number{
	width:10%;
	float: right;
	font-family: 'Kanit';
	color: #222;
	text-align:center;
	font-weight:500;
}
#ModalReviewRating .modal-body {
    padding: 0 2rem 1rem;
}

#ModalReviewRating .progress-number{
	font-size: 24px;
	line-height: 1.3;
	text-align:right;
}
#ModalReviewRating .show-rating ul li{
	/* line-height:2.5; */
}
#ModalReviewRating .review_block .show-rating{padding-top:0;}
.all-review{
	font-family: 'Kanit';
	display: block;
	color: #fff !important;
	background: #1d2129;
	margin: 5px 0 0 20%;
	padding: 5px 0;
	width: 70%;
}
.rating-icon{
	background-image: url(../images/spec_icon_function.png);
	background-size: 100px 50px;
	width: 25px;
	height: 25px;
	display: inline-flex;
	margin: 8px auto 10px;
	background-position: 0px -25px;
	padding-left: 25px;
	margin:0 8px 0 0;
	vertical-align: text-top;
}
.rt-icon-design{
	background: url(//www.siamphone.com/images/icon/raiting-icon-design.png) no-repeat;
	background-size: 25px;
}
.rt-icon-camera{
	background:url(//www.siamphone.com/images/menuicon/icon-camera-shutter.png) no-repeat;
	background-size:25px;
}
.rt-icon-display{
	background: url(//www.siamphone.com/images/icon/raiting-icon-display.png) no-repeat;
	background-size: 25px;	
}
.rt-icon-price{
	background:url(//www.siamphone.com/images/icon/raiting-icon-price.png)no-repeat;
	background-size:25px;
}
.rt-icon-sound{    
	background: url(https://www.siamphone.com/images/icon/icon-speaker.svg);
	background-size: 25px;
}
.rangeslider{position:relative;display:block;cursor:pointer;height:25px;width:100%}
.rangeslider__fill,.rangeslider__fill__bg,.rangeslider__handle{display:block;position:absolute;top:50%;height:10px;z-index:2;background:#29e;border-radius:10px;will-change:width}
.rangeslider__handle{will-change:width,height,top;width:20px;height:20px;display:inline-block;z-index:3;cursor:pointer;border:solid 2px #fff;border-radius:50%;-webkit-transition:width .1s ease-in-out,height .1s ease-in-out,top .1s ease-in-out;transition:width .1s ease-in-out,height .1s ease-in-out,top .1s ease-in-out;top:66%;}
.rangeslider__handle:active{background:#2a84e1}
.rangeslider__fill__bg{background:#ccc;width:100%}
.rangeslider--disabled{opacity:.4}
.comment-box{
    margin: 0 0 50px;
}
.comment-box label{
	/* font-weight: 500;
	font-size: 17px; */
}
.comment-box textarea{
	font-size: 20px;
	width: 100%;
	padding: 10px 15px;
	font-weight: 300;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.comment-box input[type="submit"],.btn-submit{
	width: 50%;
    max-width: 260px;
	padding: 7px 0;
	border: 0;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	display: block;
	color: #fff;
	border-radius: 30px;
	font-family: Kanit;
	margin:20px auto 0;
	background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);
}
.btn-submit{
    margin:0 auto 20px;
}
.cover-head-voting{
	overflow:hidden;
	width:100%;
}
.headVotingLeft{
	width: 70%;
	float: left;
	margin-left: 0;
}
.headVotingRight{
	width: 30%;
	float: left;
	text-align: right;
	margin-right: 0;
}
.score {
	font-size: 20px;
	line-height: 31px;
	font-family: 'Kanit';
	margin: 0;
	color: #7f7f7f;
	text-align: right;
	font-weight: 400;
}
.score p{
	display: inline-block;
	margin: 0;
}
.score .people{
    font-size: 12px;
    line-height: 10px;
    margin: 0;
    color: #7f7f7f;
    display: block;
}
.score strong{
	font-size: 52px;
	font-family: 'Kanit';
	margin: 0;
	color: #2a84e1;
	text-align: center;
	line-height: 10px;
	font-weight:500;
}
.five-star{color:#52A552 !important;}
.four-star{color:#9CCE29 !important;}
.three-star{color:#FFD700 !important;}
.two-star{color:#FFA629 !important;}
.one-star{color:#EF4221 !important;}

.voting-star-icon{
	display: inline-block;
	width: 125px;
	height: 22px;
	overflow: hidden;
	background: url(//www.siamphone.com/images/icon-star.png) repeat-x;
}
.voting-star-icon span{
	display: block;
	height: 22px;
	background: url(//www.siamphone.com/images/icon-star-voting.png) repeat-x;
}
.rating {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.rating > input { display: none; margin:0;} 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #cccccc; 
 float: right; 
 line-height: 12px;
 margin:0;
}
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 

.nav-tabs{margin-bottom:0;border-bottom:0;}
.nav-tabs, .tab-content{
	margin-left: 15px;
	margin-right: 0;
}
.nav-tabs li {
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-bottom: 0 solid #dee2e6;
}
.nav-tabs li.active {
	font-size: larger;
	font-weight: 500;
}

.block-review{
	border-bottom: 1px dotted #e9ebee;
	overflow: hidden;
	padding: 15px 0 15px;
	position:relative;
}
.block-review-image{
	width: 10%;
    max-width: 70px;
	float: left;
	text-align: left;
}
.block-review-image img{
	border-radius: 30px;
	width: 48px;
	height: 48px;
	padding: 2px 2px;
}
.block-review-name{
	font-weight: bold;
	float: left;
	text-align: left;
	font-size: 14px;
	font-family: 'Roboto';
	margin: 0 0 0;
	width: 85%;
}
.block-review-star{
	position:relative;
	float: left;
	margin: 5px 0 0 0;
	width: 90%;
	text-align:left;
}
.icon-button {
    border: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 1.25rem;
    transition: .25s ease;
    /* box-shadow: 0 0 0 1px rgba(#000, .05), 0 3px 8px 0 rgba(#000, .15); */
    /* border:1px solid #000; */
    z-index: 1;
    cursor: pointer;
    color: #565656;
    position: absolute;
    right: 35px;
}
.icon-button:hover, .icon-button:focus {
    background-color: #EC4646;
    color: #FFF;
}
.icon-button svg {
    width: 1em;
    height: 1em;
}


.starIcon{
	display: inline-block;
	width: 75px;
	height: 14px;
	overflow: hidden;
	background: url(//www.siamphone.com/images/star-gray-small.png) repeat-x;
}
.starIcon span{
	display: block;
	height: 14px;
	background: url(//www.siamphone.com/images/star-light-small.png) repeat-x;
}
.block-review-coment{
	float: left;
	width: 90%;
	text-align: left;
	color: #1f1f1f;
	margin: 10px 0 0;
	font-size: 16px;
	font-family:auto;
}
.block-review-star p{
	font-size: 12px;
	display: inline-block;
	margin: 0 0 0 5px;
	color: #b9b9b9;
}
.block-review-cover{
	height: 260px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.block-review-cover::-webkit-scrollbar-track{background-color: #ddd;border-radius: 18px}
.block-review-cover::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;border-radius: 18px}
.block-review-cover::-webkit-scrollbar-thumb{border-radius: 18px;background-color: rgba(0,0,0,0.25);}
#login-cover{
	clear:both;
	overflow:hidden;
}

.fb_iframe_widget{
	/* width: 230px !important; */
	/* float: left; */
	/* margin: 15px 0 0; */
}
#gSignInWrapper{
	float: left;
	margin: 15px 0;
}
 #customBtn {
	display: inline-block;
	color: #444;
	width: 190px;
	border-radius: 50px;
	border: thin solid #222;
	white-space: nowrap;
}
#customBtn:hover {
  cursor: pointer;
}
#customBtn span.label {
  font-family: serif;
  font-weight: normal;
}
#customBtn span.icon {
  background: url('//www.siamphone.com/images/btn_google.png') transparent -2px -10px no-repeat;
background-size: 37px;
display: inline-block;
vertical-align: middle;
width: 29px;
height: 20px;
border-radius: 50px;
}
#customBtn span.buttonText {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}

.login-cover{
    margin: 0 0 30px 0 ;
    text-align: center;
}
.btn-login{
    width:80%;
    margin: 0 auto 20px;
    border-radius:13px;
}
.btn-fb{
    background-color:#1877f2;
    height: 50px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
}
.fb-button-main-element{
    font-family: 'Roboto',"Kanit" !important;
    font-weight: 300;
    font-size: 18px;
}
.fb_button_label_element{
    font-weight:500;
}
.pluginLoginButton{
    width: 100% !important;
    margin:0 auto !important;
    text-align:center !important;
}
#gSignInWrapper{
    margin:0;
    width:100%;
    background-color: #ffffff;
}
#customBtn{
    height: 50px;
    width: 100%;
    border-radius: 13px;

    line-height: 50px;
}
.icon-button {
    border: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 1.25rem;
    transition: .25s ease;
    /* box-shadow: 0 0 0 1px rgba(#000, .05), 0 3px 8px 0 rgba(#000, .15); */
    /* border:1px solid #000; */
    z-index: 1;
    cursor: pointer;
    color: #565656;
    position: absolute;
    right: 35px;
}
.icon-button:hover, .icon-button:focus {
    background-color: #EC4646;
    color: #FFF;
}
.icon-button svg {
    width: 1em;
    height: 1em;
}











#adsBottom{
    display:block;
}
#adsBottom img{
    width: 100%;
    height: auto;
    max-width: 728px;
    max-height: 90px;
}

.block-follow{
    text-align:center;
    margin: 50px 0 30px;
}
.block-follow h5{
    font-weight: 600;
}
.block-follow a{
    display: inline-block;
    color: #007bff;
    font-weight: 500;
}
.block-follow p{
    margin: 10px 0 0;
       font-weight: 300;
}
.block-follow p a{
    color:var(--spec-blackwhite-color);
    font-weight:400;
    text-decoration:none;
}

.chevron-down {
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/down-arrow.png);
    cursor:pointer;
    float: right;
    background-size: 16px;
    filter: var(--filter-bg);
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px 0px 0 0;
    background-position: 1px 3px;
    background-repeat: no-repeat;
}
.rotate {
    transition: all .2s linear;
}
.down {
    transform:rotate(180deg);
    transition: all .2s linear;
}
.icon-cpu ,.icon-gpu,.icon-sd,.icon-ios,.icon-microsoft,.icon-andriond,.icon-speed {
    background-size: 20px;
    width: 20px;
    height: 20px;
    filter: var(--filter-bg);
    padding: 5px;
    float:left;
    margin-top: 8px;
    margin-right:10px;
    
}
.icon-cpu{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-cpu.png);   
}
.icon-gpu{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-gpu.png);
}
.icon-sd{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-sd.png);
}
.icon-ios{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-ios.png);
}
.icon-microsoft{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-microsoft.png);
}
.icon-andriond{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-andriond.png);
}
.icon-speed{
    background-image:url(https://www.siamphone.com/style/themes/sp2021/images/icon-speeds.png);    
}
.cover-btn-more{
    overflow: hidden;
}
.more{
    text-align: center;
    float: left;
    margin-top:5px;
    margin-left:2px;
    font-size: 14px;
    font-weight: 500;
}
#camera_back,#sensor,#network,#connections{
    cursor: pointer;
}

.sr-only{
    display: none;
}

#ads_adop{
    margin-top: 40px;
}

#ShowOnDesktopOnly, .ShowOnDesktopOnly{display:block;}
@media (max-width: 991px) {
	.container {
	  /*background:red;*/
	}
	.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 var(--spec-function-border);border-left:1px solid var(--spec-function-border);}
    .function .block-function:nth-child(5):before{border-left:1px solid transparent;}
	
	#online_store .shop, .btn_goto_store, .block_accessory, .sellphone-bar{width:90%;}
	 .header_widget_news .subHeader .id-name{display:none;}
	 .header_widget_news .subHeader .id-name-mobile{display:inline-block;}
	 .rsOverflow {
		min-height: 345px!important; 
    }
	
	.blockVideo{padding:10px 0;}
	.blockVideoImg em {
		font-size:1rem;
		width: 40px;
		height: 40px;
		padding: 12px 7px 8px 10px;
	}
	.block-bullarmors{
		width: 90%;
	}
	.bullarmors-detail a{
		width:90%;
	}
	
    .sellphone-bar {padding: 5px 0 15px;}
	.sellphone-bar .sellIcon{width:25%;padding-top:10px;padding-left:3%;text-align:left;height: 100px;
    background: url(https://www.siamphone.com/images/sell/icon-sellphone.svg) no-repeat;
    background-size: 70px;
    background-position: 75% 14px;}
	.sellphone-bar .sellIcon img{display:none;}
	.sellphone-bar .sellDetail{width:100%;float:left;}
	.sellphone-bar p{width: 60%;text-align:center;}
	.sellphone-bar a{width: 35%;border-radius: 30px;margin: 20px auto 0;float:left;}
	#ShowOnDesktopOnly, .ShowOnDesktopOnly{display:none;}
}

#ShowOnMobileOnly, .ShowOnMobileOnly, #ShowOnMobileOnly_Readmore{display:none;}



@media (max-width: 1180px) and (min-width: 767px) {
    .container {
        /*background:pink;*/
    }
    #wrapper-search{
        display:none;
    }
    .top-banner .col-lg-8 {
        width: 100%;
    }
    .top-banner img, #adszone-1 img {
        width: auto;
        height: auto;
    }
}

@media (max-width: 768px) {
	.container {
        /* max-width:760px; */
		/*background:green;*/
	}
	.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(5):before{border-left:1px solid transparent;}

    #wrapper-left-banner div, #wrapper-video-hybrid div,#wrap-adsense div{
        width: 400px !important;
        display: flex !important;
    }
    #wrapper-video-hybrid , #wrapper-left-banner, #wrap-adsense{
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 336px;
    }
    .col-md-5{
        flex: 0 0 auto;
        width: 100%;
    }
    .btn_goto_store{
        max-width:380px;
    }
    h1 a {
        font-size: 2.0rem;   
    }
	#breadcrumb_list ul li:nth-child(2){display:none;}
    #breadcrumb_list ul li{
        font-size: 13px;
    }
	.btn-shop {
		right: 0;
		font-size: 16px;
	}
    .txt_price {
		text-align: center;
    }
    .header_widget_news .subHeader {
      font-size: 33px;
    }
	.header_widget_news .subHeader .id-name{display:none;}
	.header_widget_news .subHeader .id-name-mobile{display:inline-block;}

    #online_store .shop, .block_accessory{width:90%;margin:0 auto 0;}
    a.AllPrice{width: 90%;background-position: 70% 5px;}
	ul.nav_blue{/*padding-left:10px;*/}
    ul.nav_blue li{/*padding-left:20px;*/}
    
    .specColor p font{display:none;}
	.specColor span{margin:0 5px 0 10px;}
	.block-three ul li .number{display:block;}
	 .block-three ul li .name{width:93%;}
	#footer{margin:10px auto;}
	#footer_copyright em.copysign{float:none;}
	#footer_copyright p.right_reserved_text{text-align: center;width: 100%;float:none;}
	#footer_copyright p.social_network{margin: 0 auto;float: none;text-align: center;width: 100%;}

	.top-banner img, #adszone-1 img {
		width:100%;
		height:auto;
    }
    #adszone-1{margin-top:30px;}
    
    #ads_bottom{
        display: none;
    }
    .block-relatenews{
        margin-bottom: 0;
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .block-relatenews:after{
        content: "";
        position: absolute;
        left: 0;
        top: 9px;
        background: #008fff;
        width: 10px;
        height: 1px;
        opacity: 0.4;
    }
    .block-relatenews:before{
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        width: 1px;
        height: 100%;
        background: #008fff;
        opacity: 0.4;
    }
    .block-relatenews a img {
        width: 85%;
        margin-top: 3px;
    }
	.sellphone-bar{width:90%;}
	.sellphone-bar strong{display:block;}
	.sellphone-bar span{font-size: 13px;}
	.shared{
		padding:10px 0 0 0;
	}
	.shared .count, .shared .viewBadges{
		display: inline-block;
		padding: 0;
		width: 50%;
	}
	.shared .viewBadges{border-right: 0 solid #000;}
	
	.shared .count {
		display: block;
		width: 100%;
		margin: 0;
	}
    .shared .count span, .shared .viewBadges span {
        font-size: 34px;
    }
	.shr_social{
		text-align: center;
		margin: 2% 0 0 0;
		width:50%;
	}
	.shr_social li, .shr_social li a.sp-shorturl-btn{
		text-align: center;
		width: 37px;
		height:37px;
		float: none;
		display: inline-block;
	}
    .shr_social li a img {
		width: 35px;
		height: auto;
        margin: 0 auto;
        border: none;
        border-radius: 0;    
    }
	.blockVideoImg em {
		font-size: 1rem;
		width: 40px;
		height: 40px;
		padding: 12px 7px 8px 10px;
	}
    .btn_love{
        z-index: 9;
        top: 5px;
        right:8px;
        width: 95px;
        text-align: center;
    }
    #wrapper-gallery{overflow: visible;}
    .vote-bestofyear img, .vote-bestofyear:before{
        filter: none;
    }
    .function span.text-total, span.text, .plus-vote{color:#000;}
    .vote-bestofyear i{color:#222;}
    .vote-bestofyear .infor .tooltiptext{
        right:0;
    }
    .vote-bestofyear .infor .tooltiptext::after{right:4px;}
	#ShowOnMobileOnly ,.ShowOnMobileOnly, #ShowOnMobileOnly_Readmore {display:block;}
	#ShowOnDesktopOnly .ShowOnDesktopOnly{display:none;}
	.contain-box {
		/* max-height: 1221px; */
		position: relative;
		overflow: hidden;
		height: auto!important;
		margin-bottom: 0;
	}
	.contain-box .read-more {
		display:block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 50px 0 30px 0;
		background-image: -moz-linear-gradient(top, transparent, white);
		background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255, 255, 255, 0.85) 31%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
		
		display:none;
	}
	.btn-readmore {
		text-decoration: none;
		vertical-align: middle;
		display: block;
		width: 60%;
		margin: auto;
		font-family: 'Kanit';
		font-weight: 400;
		font-size: 18px;
		background: #1d2129;
		color: #ffffff;
		padding: 12px 25px;
		border-radius: 3px;
	}
	.ReviewLink{right:0;}
	
	.review_block{padding:20px 15px;}
	.write_review span{display:none;}
	.progress-title {
		width: 25%;
	}
	.progress{width:67%;}
	.progress-number {
		width: 8%;
		text-align: right;
	}
	.headVotingLeft{
		width: 47%;
		margin-left: 0;
	}
	.headVotingRight{
		width: 53%;
		margin-right: 0;
	}
	.nav-tabs, .tab-content{margin-left:0;line-height: 2;}
	#ModalReviewRating .modal-body{
		padding: 1rem 1rem 2rem;
	}
	.progress2{width:65%;}
	#ModalReviewRating .progress-number{width:10%;}
	.block-review-image{width:20%;}
	.block-review-name,.block-review-star{
		width:80%;
	}
	.block-review-cover{
		height: auto;
		overflow: auto;
	}
	#box6{
		padding-top:20px;
	}
    #hotnews-link {
        padding-left: 30px;
    }
   
    #wrapper-review .cover_widget_news{
        margin-top:0;
    }
    
    .btn-favorite.clicked span.text{color:#000;}
}
/* iPad Vertical*/
@media only screen and (min-width: 768px)  and (max-width:991px){
	.container {
		  /*background:pink;*/
	}
	#box2{overflow:hidden;}
    #adsAllzone, #wrapper-bannerslide{margin-left:-15%;}
    #adsAllzone img{
        width:80% !important;
        height: auto !important;
    }
	ul.column-news li{width:50%;}
	#online_store .col-4{padding:0;}
	#online_store .logo_shop{margin-top: 3px;}	 
	.btn-shop{
		width:70px;
	    right: 0;
		top: 10px;
		font-size: 15px;
		height: 30px;
		line-height: 25px;
		padding-top: 0;
		margin-right: 0;
    }
	.block-three ul li .number{
        left: -15px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 13px;
        top: 7px;
    }
	.block-three ul li .name{width:96%;}
    .block-three ul li .name a{padding:8px 5px 8px 0;}
    .block-three ul li .top-views{right:0;}
    .block-three ul li .top-views a{font-size: 12px;}
    .block-three ul li .top-views em{display:none;}
	.shr_social, .shared .viewBadges{

    }
	.shared .viewBadges{border-right:0;}
	.shared .viewBadges span, .shr_social ul{}
	.shared .viewBadges font, .shared .count{display:inline-block;}
	.shared .count{margin-top: 2%;}
	.shared .count span, .shared .viewBadges span {
        font-size: 1.8rem;
    }
    .shr_social li a img {
        margin: 0 auto;
        border: none;
        border-radius:0;   
    }	
	.shr_social li {        
        width: 30px;
        height: 30px;
    }
	.shr_social li a img{width: 30px;height: 30px;}
    .shr_social li a.sp-shorturl-btn{
        width: 35px;
        height: 35px;
        background-size: 35px;
    }
	.model_list_item_image_vertical img{
        max-height: 90px;
    }
    #mar_img img{
        max-height: 90px;
    }
    .model_list_item .model_list_item_badge .screen_size{
        font-size: 12px;
        height: 18px;
    }
    .header_widget_news .subHeader, .phone-relate h3{font-size:1.8rem;}
	.ReviewLink{right:0;}
	.btn_compare, #btn_compare{
		position:relative;
		width: 80%;
		margin:0 auto;
		top:0;
	}
	
	.block-bullarmors ,#online_store .shop, .btn_goto_store, .block_accessory, .sellphone-bar{
		width: 100%;
	}

	.sellphone-bar a{margin: 5px 30% 10px 30%;width: 40%;}
	.sellphone-bar strong{display:block;}
	.sellphone-bar span{font-size: 13px;}
	.sellphone-bar p{width:100%;}


    .function p, .function .function-memory p{
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 500 !important;
    }
    .function-display font{font-size:16px;}
    .function h4{font-size: 18px;}
    h2.header_topic{line-height:30px;}
    .btn_goto_store a{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .block-relatenews-cate{color:transparent;}
    .block-relatenews .col-4{padding: 0;}
	
	#ShowOnMobileOnly ,.ShowOnMobileOnly, #ShowOnMobileOnly_Readmore {display:none;}
	#ShowOnDesktopOnly .ShowOnDesktopOnly{display:none;}
}

/* iPad Vertical*/
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.container {
		  /*background:orange;*/
	}
	.block-bullarmors ,#online_store .shop, .btn_goto_store, .block_accessory, .sellphone-bar{
		width: 100%;
	}
	.btn_goto_store a{
		background:#2a84e1;
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
	}
	
}