/* Top Menu */

	.header-wrapper{
		background: #171e21;
	}
	.logo-siamphone{
		background:url(https://siamphone.com/images/siamphone_logo_wh.png) no-repeat;
		background-size:160px 44px;
		background-position:0 0;
	}
	.navbar-light .navbar-nav .nav-link {
		color: rgb(255, 255, 255);
	}
	.navbar-nav li.nav-item:hover {
		background: #3c3c3c;
	}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu{
		background: #3c3c3c;
	}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
		border-bottom: 1px solid #4e4e4e;
	}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{color:#fff;}
	.menuBar ul li.nav-menu-news ul.sub_bar li a, .menuBar ul li.nav-menu-spec ul.sub_bar li a, .nav-menu-news ul.sub_bar li a, .nav-menu-spec ul.sub_bar li a, .mean-container .mean-nav ul li ul.menuWebboard li a{
		background: url(//www.siamphone.com/images/fullstop_white_2x.png) 5% 50%no-repeat;
	}
	.menuBar ul li:hover ul.sub_bar li:hover ul.menuSpec{
		background: #fff;;
    }
    .mean-container .mean-nav ul.menuSpec {
        background: #fff;
        overflow: hidden;
	}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .menuWebboard a, .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .menuWebboard li:nth-child(even) a,.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover{
		color:#fff;
		background-image:none;
		box-shadow: -1px -1px 0 #585858;
	}
	.menuBar ul li:hover ul.sub_bar li:hover ul.menuSpec li a, .menuBar ul li:hover ul.sub_bar li:hover ul.menuSpec a:hover{box-shadow: 1px 1px 0 #f5f5f5;}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a{color:#fff;box-shadow: -1px -1px 0 #585858;}
	
	
	.lang-show{
		color:#ccc;
	}
	div.triang{border-color: #ccc transparent transparent;}
	
	.navbar-nav .social:hover{
		background: transparent!important;
	}
	.social-icon em{
		background-image:url(//www.siamphone.com/images/header_social_white.png);
	}
	
	
	/* on mobile */
	.mean-container a.meanmenu-reveal span {
        background: #ffffff;
        height: 1px;
        margin-top: 7px;
	}
	.btn_search {
		background: #ffffff00 url(//www.siamphone.com/images/search_icon_wh.png) no-repeat center;
		background-size: 25px;
		background-position: 50% 60%;
    }
    a.meanmenu-reveal.meanclose {
        background: url(//www.siamphone.com/images/menu-close-wh.png) no-repeat;
        background-size: 27px;
        background-position: 50% 50%;

    }
    .mean-container .mean-nav ul li a{color:#fff;}
    .dropdown-menu{background: #191919;}
	.dropdown-menu li a{color:#fff!important;}
	.dropdown-item:focus, .dropdown-item:hover{background:transparent!important;}
	#wrapper-search .dropdown-menu li a img{filter: brightness(1) invert(1)!important;}
    .navbar-nav .nav-item{border-left:0;border-right:0;}
	.nav-menu-spec ul.sub_bar li:hover a{color:#fff;}
	.mean-container .mean-nav ul li ul.menuWebboard, .mean-container .mean-nav ul li ul.menuChart{background:#333 ;}
	.mean-container .mean-nav ul li ul.menuWebboard li a{box-shadow: -1px -1px 0 #585858;background: url(//www.siamphone.com/images/fullstop_white_2x.png) 60px 50%no-repeat !important;background-size: 8px !important;}
    
	.search-home2{background: #333!important;}
	#wrapper-search input[type="text"]{background-color:#4a4a4a;border: 0;background: #4a4a4a url(//www.siamphone.com/images/magnifying.png) no-repeat 10px 17px; background-size: 18px;color:#fff;}
	#wrapper-search input[type="text"]::placeholder{color:rgba(255, 255, 255, 0.65);}

    @media (max-width: 991px){
        .navbar-nav {
            background: #3c3c3c;
        }
        .menu-home{background: url(https://www.siamphone.com/images/menuicon/icon-line-home-wh.png) no-repeat 10px !important;}
        .menu-news{background: url(https://www.siamphone.com/images/menuicon/icon-line-news-wh.png) no-repeat 10px !important;}
        .menu-spec{background: url(https://www.siamphone.com/images/menuicon/icon-line-smartphone-wh.png) no-repeat 10px !important;}
        .menu-smartwatch{background: url(https://www.siamphone.com/images/menuicon/icon-line-smartwatch-wh.png) no-repeat 10px !important;}
        .menu-store{background: url(https://www.siamphone.com/images/menuicon/icon-line-store-wh.png) no-repeat 10px !important;}
        .nav-menu-gadget a{background: url(https://www.siamphone.com/images/menuicon/icon-line-gadget-wh.png) no-repeat 10px !important;}
        .nav-menu-app a{background: url(https://www.siamphone.com/images/menuicon/icon-line-apps-wh.png) no-repeat 10px !important;}

        .navbar-light .navbar-nav .nav-link {
            background: url(//www.siamphone.com/images/fullstop_white_2x.png) 10px 50% no-repeat;
        }
        .navbar-nav li.nav-item:hover a.nav-link {
            color: #fff;
		}
		.mean-container .mean-nav ul li ul.menuChart a{

		}

		.navbar-nav li.nav-item li ul.menuChart li a{
			background-image: url(//www.siamphone.com/images/fullstop_white_2x.png) !important;
		}
        .navbar-nav li.nav-item ul.menuStore li {
            background: #dedede;
		}
		.navbar-nav li.nav-item ul.menuStore li.shopAll, .navbar-nav li.nav-item ul.menuStore li.cateStore{
			background: #3C3C3C;
		}
		.navbar-nav li.nav-item ul.menuStore li.shopAll a, .navbar-nav li.nav-item ul.menuStore li.shopAll a span{color:#fff !important;}
		.navbar-nav li.nav-item ul.menuStore li.cateStore{margin-bottom: 10px;}
		.mean-container .mean-nav ul li.social{
			border-top:0;
		}
		.navbar-nav .social:hover{border:0;}
		.mean-container .mean-nav ul li.nav-menu-store{
			border-bottom:1px dashed rgba(255, 255, 255, 0.1);
		}
		.navbar-nav li.statistic:hover{background: transparent !important;}
		.navbar-nav .nav-item:last-child{border-top:1px dashed rgba(255, 255, 255, 0.1);}
        .mean-container .mean-nav ul li.close-menu{
            background: transparent;
            border-bottom: 1px solid #565656;
            width: 100%;
        }
        .mean-container .mean-nav ul li.close-menu a {
            background: url(//www.siamphone.com/images/arrow-totop-white.png) no-repeat;
            background-size: 16px;
            background-position: 98% 50%;
        }
        .mean-container .mean-nav ul li.close-menu:before{color:#fff;}
}
}
/* end top menu */

@media (min-width: 1200px) {
    .container {
		max-width: 1200px;
    }
}
body{margin:0;padding:0;background:#171e21;background: linear-gradient(to bottom, #171e21 0%,#171e21 9%,#eeeeee 9%,#d5d5d5 40%,#ffffff 100%);}
.header-wrapper{background:#171e21;}
#open-right,.footer_logo p{display:none}
.block,.container{position:relative}
.block_img,h1{text-align:center}
.block,.column,.sub{overflow:hidden}
.clearfix,header{width:100%}
#back-top a,a{text-decoration:none}
.eventBlock,.headEvent h3,h1{font-family:'Kanit'}
a{color:#FFF}
.clearfix{background:#c00;background:-moz-linear-gradient(left,rgba(204,0,0,1) 0,rgba(204,0,0,1) 50%,rgba(240,241,243,1) 50%,rgba(240,241,243,1) 100%);background:-webkit-linear-gradient(left,rgba(204,0,0,1) 0,rgba(204,0,0,1) 50%,rgba(240,241,243,1) 50%,rgba(240,241,243,1) 100%);background:linear-gradient(to right,rgba(204,0,0,1) 0,rgba(204,0,0,1) 50%,rgba(240,241,243,1) 50%,rgba(240,241,243,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#f0f1f3', GradientType=1 )}
.counter{text-align: center;font-family: DBHelvethaicaXRegular;font-size: 33px;line-height: 40px;font-weight: 400;color: #555;margin: 5% 0 0 0;}
.counter font{display: inline-block;line-height: 20px;font-weight: 500;}
.counter font i{display: inline-block;font-size: 27px;line-height: 47px;padding-right: 5px;}
.counter span{font-family: Roboto;font-size: 55px;font-weight: 700;display: block;}
.top100_detail{font-size: 12px;text-align: center;margin: 30px 0 50px;display: block;}
header #header_cover{padding:0;width:1000px;margin:auto}
.menuBar{margin:0 auto;float:none}
header #banner{margin:8px 0 9px}
.footer_logo{background-image:url(data:image/gif;base64,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);background-position:center 20px;background-repeat:no-repeat;float:left}
#top-header{
	background: url(top100-2020-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
	background-size: 100%;
	background-position:top center;
}
#top-header h1{
	background:transparent;
	height:100%;
	font-size:3rem;
}
h1{ 
	font-size:100px;
	margin:0;
    padding: 55% 5% 0;
    line-height: 130px;
    color: #f5eaae;
}
h1 span{font-size:120px;display:block;line-height: 60px;}
#top-header p{margin:0;}
#top-header img{
	margin: 0;    
    width: 100%;
    height: auto;
    max-width: 1000px;}
.bg-top-header{
    border-style: solid;
    border-color: #ED3B3E #fff #fff;
    border-width: 70px 49vw 0;
}
.block_view font i,.fa,.sub_view font i,div#footer_copyright{display:inline-block}
.rigth_details{margin:10px 0 0;padding-bottom:10px}
#wrapper, .block_top100detail{max-width:1200px;margin:auto;width:100%;}
.detailHead{
	padding:30px 0;
	text-align:center;
	font-family:"Kanit";
	font-size:20px;
	font-weight:500;
}
.detailHead p{margin:0;color:#fff;font-weight:300;} 
.column{width:100%;margin:0 auto 0;clear:both}
.block{width:99%;padding:0;margin:20px auto;background:#fff;}
.block_number{position:relative;text-align:center;font-family:Roboto;font-size:120px;font-weight:700;color:#000;z-index:1}
.block_number span{
	position:relative;
	z-index:9;
	font-size:150px;
	background:white;
	
	background:linear-gradient(to bottom, rgb(235 166 62) 10%,rgb(238 170 64) 49%,rgb(215 149 40) 56%,rgb(236 167 62) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78572e', endColorstr='#78572e',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.block_number:after{
    content: "";
    width: 150px;
    height: 150px;
    position: absolute;
    top: 8.5%;
    left: 42.5%;
    z-index: 0;
    border-radius: 100px;
	/*background: black;*/
    width: 90%;
    height: 2px;
    left: 5%;
    top: 50%;
}

.block_img{background-color:#fff;padding:5% 2% 3%}
.block_img img{
	max-height:330px;
	max-width:280px;
	width:auto;
	height:auto;
}
.Imgnone img {
    width: 200px;
    height: auto;
}
.ImgSecond img{
    width: 170px;
    height: auto;
}
.block_detail{font-family:DBHelvethaicaXRegular;padding:5% 3% 5% 5%;font-size:30px;color:#000;background:#E1E1D6;line-height:35px;clear:both;float:left;width:100%;background: rgb(255,255,255);}
.block_name,.block_view{font-family:roboto}
.block_name{width:100%;text-align:center;margin-bottom:50px;}
.block_name a{font-weight:600;color:#000;font-size:1.5em;text-align:left;line-height:1em}
.block_name a.fontBig{font-size:4.5em;line-height:60px;font-weight:600;}
.block_view{font-weight:600;font-size:1.5em;color:#DC2829;text-align:center;position:relative;}
.block_view font{margin-right:10px;font-size:13px;font-weight:700;text-transform:uppercase;position:relative;}
.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}
.block_view font i{font-size:22px;position: absolute;top: -22px;text-align:center;width:100%;font-weight:700;}
.block_view:first-child font i{font-size:30px;top:-40px;}
.sub,.sub_view{position:relative}
.btn-more a{
    display: block;
    width: 75%;
    margin: 40px auto 30px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
    max-width: 280px;
    height: 60px;
    background: #000;
    font-family: 'Kanit';
    line-height: 40px;
}
.btn-more a:hover{
    text-decoration: none;
	color:#c00
}

.swiper-container{width:100%;height:400px;color:#000;text-align:center;padding:5% 0}
.swiper-slide{width:280px;height:395px;opacity:.4;float:left;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.swiper-slide-active{opacity:1}
.pagination{z-index:20;text-align:right;margin:27px 0 0}
.col-2 .block_view,.font3em{margin-top:15px}
.swiper-pagination-switch{display:inline-block;width:20px;height:20px;border-radius:30px;background:#aaa;margin-right:8px;opacity:.8;cursor:pointer}
.swiper-visible-switch{background:#aaa}
.swiper-active-switch{background:#222}
.col-2{width:49%;float:left}
.col-3{width:31.9%;float:left;text-align:center}
.mr-2{margin-right:2%}
.font3em{font-size:2.5em;font-weight: 500;}
.minheight117{min-height:70px}
.col-3 .block_number{font-size:100px}
.col-3 .block_name{width:100%;padding-left:0;float:none;min-height:90px;line-height:38px}
.col-3 .block_view{width:100%;float:none;text-align:center;font-size:1.8em}
.sub{width:99%;padding:10px 0;margin:0 auto;border:1px solid #f1f1e7;border-bottom:0;background:#fff}
.sub:last-child{border-bottom:1px solid #E1E1D6}
.sub_number{font-family:Roboto;font-size:80px;font-weight:700;color:#000;z-index:1;width:140px;float:left;line-height:110px;text-align:center}
.sub_view{font-family:roboto}
.sub_name{width:48%;float:left;padding-left:0;text-transform:capitalize}
#back-top a,.sub_view font,div#footer_copyright{text-transform:uppercase}
.sub_img{float: left;width: 8%;text-align: center;margin: 10px 0;}
.sub_img img{height: 100px;width: auto;vertical-align: middle;}
.sub_name a{font-family:'Roboto';color:#000;font-size:2em;text-align:left;font-weight:600;line-height:4em;letter-spacing:-1px}
.sub_name:nth-child(90) a{line-heith:1.2em;background:red;}
.sub_view{font-weight:300;font-size:2.5em;color:#e90001;text-align:right;width:25%;float:right;line-height:60px;margin-right:3%;margin-top:2.5%}
.sub_view font{margin-right:10px;font-size:13px;font-weight:700}
.sub_view font i{font-size:26px;position:absolute;top:7px;margin:0 5px}
#back-top a:hover,h2{color:#000}h2{font-size:61px;font-family:DBHelvethaicaXRegular;padding:0;line-height:50px;margin:20px 0 10px;border-bottom:1px solid #000}
#back-top{position:fixed;bottom:10px;right:10px;z-index:999;margin:0}
#back-top a{display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top span{width:50px;height:50px;display:block;margin-bottom:0;background:url(//www.siamphone.com/images/arrow_up_wh.png) center center no-repeat #c00;background-size:25px;border-radius:30px;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:.8}
.footer{width:1040px;margin:0 auto}
div#footer{height:35px;width:1190px;margin:10px auto 0}
div#footer_copyright{padding:0;width:100%;background-color:#FFF;font:10px/30px Arial;height:30px}
#footer_copyright .siamphone_logo{float: left;margin:4px 6px;background: url(//www.siamphone.com/images/siamphone_logo_2x.png) no-repeat;background-position: center 0;background-size: 50px;height:25px;width: 50px;}
#footer_copyright .siamphone_logo img{vertical-align: baseline;}
#footer_copyright i.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}
#footer_copyright p.social_network{float:right;margin:0 10px}
#footer_copyright p.social_network a{color:#222}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	#wrapper, .block_top100detail,div#footer{width:100%;}
	.ImgSecond img{display:none;}
	.block_name a{font-size:1.2rem;}
	.sub_img{width:12%;}
	.sub_name{width:43%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	#wrapper,.block_top100detail{width:96%;padding:0 2%}
	div#footer{width:100%}
	.col-md-4 , .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ImgSecond{display:none;}
	.sub {width:96%;padding:3% 2%;}
	.sub_number{width:18%;}
	.sub_img{width:22%;}
	.sub_img img{height:120px;}
	.sub_name{width:60%;}
	.sub_name a{line-height:2.5rem;}
	.sub_view{width:60%;text-align:left;margin-top:15px;margin-right:0;position:absolute;bottom:0;left:40%;}
	.block_number{font-size:100px;}
	.block_number span{-webkit-text-fill-color:#000}
	.btn-more a{
		height: 50px;
		line-height:30px;
	}
}

@media only screen and (max-width:767px){#wrapper,.block_top100detail{width:94%;padding:0 3%}#open-right i{font-size:33px!important;margin-left:7px!important;margin-top:4px!important;color:#000}.menuBar li a{color:#000}a.showImage{overflow:hidden;display:block;margin:0;padding:0;height:180px}iframe#a3220d3a{padding-top:13px;background-color:#003;text-align:center;width:100%;height:262px;position:absolute}i.fa.fa-close:before{font-family:FontAwesome}a.disclaimer{color:#999}header #banner{display:none}h1{font-size:2em;line-height:35px}#top-header h1{font-size: 2em;}.block_number span{font-size:8rem;}h1 span{display:block;font-size: 3.5rem;line-height: 2em;}header #header_cover{height:95px!important}.clearfix,.menuBar{background:#fff}.menuBar li:nth-child(5) a{color:#fff}div#footer{width:100%}.block_number span{-webkit-text-fill-color:#000}
}
/*
@media only screen and (min-width: 576px){
	.container {
		max-width: 700px;
	}
}*/
@media only screen and (min-width:480px) and (max-width:767px){
#wrapper,.block_top100detail{width:100%;padding:0}
.block_name a,.block_name a.fontBig,.font3em{font-size:1.5em}
h1{background-size:cover}
.block_name,.col-2,.col-3{width:100%;padding-left:0;text-align:center;margin:2% 0}
.block_number{position:relative;top:0;left:0;line-height:120px;text-align:center}
.block_name a{text-align:left;line-height:1.3em}
.block_img{padding:0 0 3%}
.block_detail{padding:0 3% 3% 5%}
.block_view,.sub_view{width:100%;text-align:center;margin-right:0}
.block_img img{width:auto;height:auto;max-width:280px}

.Imgnone{display:none}
.ImgSecond{display:inline-block;}
.ImgSecond img{max-width:200px}
.sub{
	float: left;
	width: 31%;
	padding: 20px 0 10px;
	margin: 0 1% 20px;
	border: 0 solid #f1f1e7;
	border-bottom: 0;
	background: #fff;
	min-height: 430px;
	border-radius: 18px;
}
.col-3 .block_name{min-height:auto;padding:10px 0 20px}
.sub_number{line-height:90px;text-align:center;width:100%;font-size:80px;}
.sub_img{width:100%;}
.sub_img img{height:150px;}
.sub_name{width:96%;padding:0 2%;}
.sub_name a{line-height:1.3em;text-align:center;display:block;font-size:1.5rem;}
.sub_view{font-size: 1.8rem;font-weight:500;}
.sub_view font {
    margin-right: 10px;
    font-size: 10px;
}
.sub_view font i {
    font-size: 21px;
    top: 12px;
    margin: 0 4px;
}
div#footer,div#footer_copyright{height:auto}
.block{padding:30px 0 0;border-radius:30px;}
.block_name a.fontBig{font-size:3rem;}
div#footer{width:100%}
}

@media only screen and (max-width:568px) and (min-width:100px){body{background: #171e21;}h1{background-size:cover;font-size:2em;line-height:35px}h1 span{font-size:4rem;line-height:1em;display:block}.block_name a,.block_name a.fontBig,.font3em{font-size:1.5em}.block_name a.fontBig{font-size:3rem;}#open-right i{color:#000}header #header_cover{height:95px!important}#wrapper,.block_top100detail{width:100%;;padding:0}
.block{padding-top:30px;border-radius:30px;}
.block_name,.col-2,.col-3{width:100%;padding-left:0;text-align:center;margin:2% 0 10%;}
.block_number{position:relative;top:0;left:0;line-height:120px;text-align:center;font-size:100px;}
.block_name a{text-align:left;line-height:1.3em}
.block_img{padding:0 5% 3%}
.block_detail{padding:0 3% 3% 5%}
.block_view{width:100%;text-align:center;margin-right:0}
.block_img img{width:auto;height:auto;max-width:280px}
.block_view:first-child font i {font-size: 26px;top:-27px;}
.sub{
	border-radius: 8px;
    padding: 15px 0 0;
    border: 0 solid #000000;
    width: 48%;
    margin: 0 4% 4% 0;
    float: left;
    min-height: 390px;
}
.sub:nth-child(2n) {
    margin-right: 0;
}
div#footer{width:100%}.col-3 .block_name{min-height:auto;padding:10px 0 20px}
.sub_number{
	line-height: 90px;
    text-align: center;
    width: 100%;
    font-size: 80px;
	margin-bottom: 15px;
}
.sub_name{width:96%;padding:0 2%;}
.sub_name a{line-height:1.3em;text-align:center;display:block;font-size:1.4rem;font-weight: 600;}
.block_view:first-child font i {font-size: 26px;top:-27px;}
.sub_img {width: 100%;margin: 15px auto;display: block;text-align: center;float: none;}
.sub_img img{    
	height: auto;
    width: auto;
    max-width: 140px;
	max-height: 150px;
}
.sub_view {
    width: 100%;
    text-align: center;
    margin-right: 0;
    font-size: 1.3rem;
	font-weight: 500;
}
.sub_view font{
    color: transparent;
    margin-right: 0;
    width: 30px;
    display: inline-block;
}
.sub_view font i {
    font-size: 21px;
    top: 18px;
    color: #e90001;
}
.Imgnone,.ImgSecond{display:none}
div#footer,div#footer_copyright{height:auto;background:transparent;}
#footer_copyright p.right_reserved_text, #footer_copyright p.social_network{color:#fff;width:100%;line-height:20px;text-align:center;}
#footer_copyright .siamphone_logo{float:none;margin:10px 0 0 0;background: url(//www.siamphone.com/images/siamphone_logo_wh.png) no-repeat;
background-position: center 0;height: 25px;background-size: 85px;width: 100%;}
#footer_copyright i.copysign{float:none;}
.footer_cover{text-align:center;}
#top-header img{margin: 2rem 0 4rem;}
.detailHead p{display:none;}
#footer_copyright p.social_network a,.top100_detail{color:#fff;}
}