@font-face {
    font-family:'thaisans_neueregular';
    src: url('./thaisansneue-regular-webfont.eot');
    src: url('./thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./thaisansneue-regular-webfont.woff') format('woff'),
         url('./thaisansneue-regular-webfont.ttf') format('truetype'),
         url('./thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	a:link { color:#000; text-decoration: none}
	a:visited { color:#000; text-decoration: none}
	a:active { color:#000; text-decoration: none}
	a:hover { color:#F90; text-decoration: none}

.pic-other{ width:auto; height:auto; overflow:hidden; display:block; }

body{ background:url(../images/bg01.png); top center repeat fixed; margin:0; padding:0;}

.headbar{ width:100%; height:auto; background:rgba(255, 255, 255, 0.7); position:fixed; border-bottom:2px solid #e5e5e5;}
.header{ width:100%;}
.content{ width:1050px; margin:0px auto;}
.logo { width:180px; }
.footbar{ width:100%; height:40px; padding-top:15px; background:#f4d298; font-family:'tahoma'; font-size:14px; color:#000; text-align:center; float:left;}

.boxright{ width:auto; float:right;}
.boxrighttext{ width:100%; padding-top:10px; font-family:'thaisans_neueregular'; font-size:16px; color:#FFF; text-align:right; padding-left:15px;}
.boxrighttext2{ width:100%; padding-top:10px; font-family:'thaisans_neueregular'; font-size:16px; color:#FFF; text-align:right; padding-left:15px;}
.boxrighttext:hover{ color:#FC0;}
.boxrighttext2:hover{ color:#FC0;}

.boximage{ width:90%; text-align:left; border-bottom: 1px solid #CCC;}
.boxminileft{ width:25%; padding-left:10px; height: 886px; margin-bottom:20px; margin-top:40px; border-right: 1px solid #CCC; float:left; font-family:'thaisans_neueregular'; font-size:20px; color:#000; text-align:left; position: relative;}
.boxminiright{ width:70%; padding-left:20px; height:auto; margin-top:40px; margin-bottom:40px; float:left; font-family:'thaisans_neueregular';}

.boxrank{ width:100%}
.column1{ width:20%; height:auto; float:left;}
.column2{ width:40%; height:auto; float:left;}
.column3{ width:40%; height:auto; float:left;}

.coldetail1{width:100%; font-family:'thaisans_neueregular'; font-size:20px; font-weight:bold; color:#F30; text-align:center; border-style: solid; border-width: 1px; border-color:#CCC; height:30px}
.coldetail1_1{width:100%;  font-family:'thaisans_neueregular'; font-size:19px; font-weight:bold; color:#F30; text-align:center; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;  border-width: 1px; border-color:#CCC; height:30px}
.coldetail2{width:100%;  font-family:'thaisans_neueregular'; font-size:20px; font-weight:bold; color:#F30; text-align:center; border-top-style: solid; border-bottom-style:solid; border-width: 1px; border-color: #CCC; height:30px}
.coldetail2_2{width:100%;  font-family:'thaisans_neueregular'; font-size:19px; font-weight:bold; color:#F30; text-align:center; border-bottom-style:solid; border-bottom-style:solid; border-width: 1px; border-color: #CCC; height:30px}
.coldetail3{width:100%;  font-family:'thaisans_neueregular'; font-size:20px; font-weight:bold; color:#F30; text-align:center;  border-style: solid; border-width: 1px; border-color: #CCC; height:30px}
.coldetail3_1{width:100%;  font-family:'thaisans_neueregular';font-size:19px; text-align:center; border-left-style:solid; border-bottom-style: solid; border-right-style:solid; border-width: 1px; border-color: #CCC;  height:30px}
.boxitem{ width:30px; margin:0px auto; height:30px auto;}


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

	.logo { width:10%;}
	.boxrighttext{ width:auto; padding-top:5px; float:left;}
	.boxrighttext2{ width:auto; padding-top:5px; float:right;}
	.content{ width:90%}

}

@media screen and (max-width: 768px) {
	.boxminileft{ width:100%; height:auto; border-right: 0px solid #CCC; padding-left:0px;}
	.boximage{ width:280px; margin:0px auto; text-align:center;}
	.boxminiright{ width:100%; height:auto; padding-left:0px; margin-bottom:15px;}
}

@media screen and (max-width: 520px) {
	.boxright{ width:auto;}
	.boxrighttext{ width:auto; padding-top:0px; float:left;}
	.boxrighttext2{ width:auto; padding-top:0px; float:right;}
	
}
@media screen and (max-width: 380px) {
	.boximage{ width:100%;}
	.coldetail1{ height:45px; font-size:18px;}
	.coldetail2{ height:45px; font-size:18px;}
	.coldetail3{ height:45px; font-size:18px;}
	
	.boxitem{ width:50%}
	img{ width:100%;}
	.footbar{ padding-top:5px; height:auto;}
}
@media screen and (max-width: 328px) {
	.coldetail1_1{ font-size:16px;}
	.coldetail2_2{ font-size:16px;}
	.coldetail3_1{ font-size:16px;}
}