@media (min-width: 1200px) {
    .container {
		max-width: 1200px;
    }
}
.mode-switch {
    display: block !important;
}
body{margin:0;padding:0;background:#5e0306;background: linear-gradient(to bottom, #5e0306 0%,#5e0306 9%,#ffffff 9%,#ffffff 40%,#ffffff 100%);}
 .header-wrapper{/*background:#660408;*/} 
 .logo-siamphone{
	background:url(https://siamphone.com/images/siamphone_logo_wh.png) no-repeat;
	background-size:160px 44px;
	background-position:0 0;
}
#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_2021_update.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: 58% 5% 0;
    line-height: 130px;
    color: #ffffff;
}
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:30px auto 0;clear:both}
.block{width:99%;padding:30px 0 0;margin:20px auto;background:#fff;border-radius:0;border:1px solid #a10005}
.block_number{position:relative;text-align:center;font-family:'Kanit';font-size:70px;font-weight:600;color: #cd0007;z-index:1}
.block_number span{
	position:relative;
	z-index:9;
	font-size:150px;
	background:#cd0007;
	
	/* 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.1em;text-align:left;line-height:1.3em}
.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 #a10005;border-bottom:0;background:#fff}
.sub:last-child{border-bottom:1px solid #a10005}
.sub_number{font-family:Roboto;font-size:80px;font-weight:700;color:#cd0007;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:2em;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:#a10005;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 10px no-repeat #e90001;
    background-size: 20px;
    border-radius: 0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: .8;
    color: #fff;
    line-height: 70px;
    font-family: 'Kanit';
    font-size: 12px;
}
.footer{width:1040px;margin:0 auto}
div#footer{height:35px;max-width:1190px;width:100%;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;}
	.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;padding: 65% 5% 0;}.block_number span{font-size:80px;}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%}
}
/*
@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 15px 0;border-radius:30px;}
.block_name a.fontBig{font-size:2rem;}
div#footer{width:100%}
}

@media only screen and (max-width:568px) and (min-width:100px){
body{background: #5e0306;}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:30px 15px 0;border-radius:30px;}
.block_name,.col-2,.col-3{width:100%;padding-left:0;text-align:center;margin:2% 0 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 5% 3%}
.block_detail{padding:0 3% 3% 5%}
.block_view{width:100%;text-align:center;margin-right:0;margin-top:10%;}
.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;
}
.col-3 .block_name{min-height:auto;padding:10px 0 20px}
.sub_number{
	line-height: 90px;
    text-align: center;
    width: 100%;
    font-size: 70px;
	margin-bottom: 15px;
	color:#cc0000;
}
.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{width:100%}
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;*/font-size:16px;font-weight: 500;line-height: 26px;}
#footer_copyright p.social_network a,.top100_detail{color:#fff;}
}