@charset "big5";
/* CSS Document */
body{margin:0;}
h1{display:none;}

#containter{margin:0 auto; padding-top:40px; width:980px;}
#top img{display:block;}
#top-mobile{display:none;}
#top-mobile img{display:block; width:100%;}
#bottom{height:10px; clear:both;}

#main{margin:0 auto; width:910px; color:#333333; font-size:13px; line-height:21px; letter-spacing:1px; font-family:Verdana, Geneva, sans-serif;}
#main h2{margin-top:30px; color:#0066CC; font-size:16px;}
#main h2::before {content:"กป ";}
#main a{color:#0066CC;}
#main a:hover{text-decoration:none;}

.awards{background:url(../images/awards_02.gif) center center repeat-y;}
.awards1{background:url(../images/awards_01.gif) center top no-repeat;}
.awards2{background:url(../images/awards_03.gif) center bottom no-repeat;}
.awards3{margin:0 auto; padding:35px 0; width:850px; background:url(../images/awards_04.jpg) right center no-repeat;}
.awards ul,.awards li{margin:0; padding:0; list-style-type:none; letter-spacing:0;}
.awards_photo{display:none; margin:0 auto; margin-bottom:15px; width:100%; max-width:460px;}

.location-content{width:490px; border-collapse:collapse; float:left;}
.location-content,.location-content tr,.location-content th,.location-content td{border:solid 1px #0080cc;}
.location-content th,.location-content td{padding:3px 10px;}
.location-content th{background-color:#0080cc; color:#FFFFFF; font-weight:normal;}
.location-content td{text-align:left;}
.location-content i{display:none;}
.location-map{float:right; position:relative; top:-20px;}

@media only screen and (max-width: 768px) {
  #containter,.location-content,.location-map{width:100%;}
  #main{width:95%; font-size:16px; line-height:24px;}
  #main h2{font-size:18px;}
  #top{display:none;}
  #top-mobile{display:block;}
  
  .awards,.awards1,.awards2{background:none;}
  .awards3{padding:0; width:100%; background:none; border:solid 40px transparent; border-image:url(../images/awards_frame.png) 40 round; box-sizing:border-box;}
  .awards li{list-style-type:disc;}
  .awards_photo{display:block;}
  .location-conten,.location-map{float:none;}
  .location-content{margin-bottom:10px;}
  .location-content i{display:inline;}
  .location-map{display:block; margin:10px auto; max-width:400px; position:static;}
}