/*================================================
=            Responsive DCA 10/8/2559            =
=			    ThaiwebApplication				 =
================================================*/

/*----------  ON TOP  ----------*/
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(/airport_img//pic/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, 
.cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }

}

@media (max-width: 1200px) {
	body.en header .air_logo .air_sitename h1{
	    font-size: 20px;
	    margin-top: 13px;
	}	
}

@media only screen and (max-width: 1024px) {
	body.en header .air_logo .air_sitename h1{
	    font-size: 18px;
	    margin-top: 12px;
	}	
	footer .air_footercopyright,
	footer .air_footerlogo p{
		font-size: 12px;
	}
	.air_minmenu::before,
	.air_minmenu::after{
		display: none;
	}
	.air_minmenu{
		max-width:none;
	}
	.air_minmenu>ul > li > a{
		padding-top: 17px;
		font-size: 15px;
	}
	.main_content{
		padding-top: 10px;
	}
	.innerModules{
		margin-top: 0px;
	}
	.head_inner{
		padding-left: 15px;
		padding-right: 15px;
	}
	header .air_boxlogo .block-menu .content_menu .title_tab > img{
		width: 150px;
		height: 150px;
	}
	#menu_people ul.view_data li .rows .subject{
		width: 80%;
	}
	header .air_boxlogo .block-menu .content_menu .title_tab .title_tab_subject{
		font-size: 20px;
	}
	header .air_boxlogo .block-menu .content_menu .detail_menu .menu_tab_content{
		float: left;
		width: 30%;
	}
	header .air_boxlogo .block-menu .content_menu .detail_menu .container_tab_content{
		width: 70%;
		float: left;
	}
}
@media only screen and (max-width: 998px) {
	.bar-title h3{
		padding-top: 15px;
	}
	.air_minmenu>ul > li > a {
	    padding-top: 17px;
	    font-size: 14px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    padding: 10px 0px;
	    height: 40px;
	}
	.air_minmenu > ul > li > ul a{
		font-size: 14px;
	}
	.air_minmenu {
	    height: 40px;
	}
	header .air_logo>img{
		width: 60px;
	}
	header .air_logo .air_sitename{
		padding-left: 70px;
	}
	header .air_logo .air_sitename h1{
		font-size: 24px;
		margin-top: 5px;
	}
	header .air_boxlogo{
		height: 90px;
	}
	header .air_typemenu{
		margin-top: 30px;
	}
	.h_logo,
	.h_minimenu{
		padding: 0;
	}
	header .air_logo::before{
		display: none;
	}
	#menu_people .title_tab{
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	body.en header .air_logo .air_sitename h1{
	    font-size: 14px;
	    margin-top: 10px;
	}	
	.air_minmenu>ul > li > a{
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.head_inner .inner_nav a{
		font-size: 14px;
	}
	.javaword-wrap{
		width: 100%;
		padding: 15px;
		padding-top: 30px;
	}
	.javaword-wrap img{
		max-width: 100%;
		width: auto !important;
		height: auto !important;
	}
	footer .air_footerlogo h2{
		margin-top: 5px;
	}
	footer .air_footercopyright{
		text-align: center;
	}
	footer .air_footercopyright img,
	.air_footerlink ul.air_footerprivacylink{
		display: none !important;
	}
	.air_footerlink{
		padding: 15px 0px;
	}
	.innerH1{
		font-size: 24px;
		margin-top: 20px;
	}
	#pageNum-wrapper {
		width: 100%;
	    border-right: none;
	    margin-top: 2px;
	    margin-bottom: 5px;
	    border-bottom: 1px dotted #e8e8e8;
	    padding-bottom: 5px;
	}	
	header{
		position: relative;
	}
	header .air_logo>img{
		width: 50px;
	}
	header .air_logo .air_sitename {
	    padding-left: 60px;
	}
	header .air_logo .air_sitename h1 {
	    margin-top: 2px;
	    margin-bottom: 0px;
	    font-size: 23px;
	}
	header .air_typemenu{
		margin-top: 0px;
		margin-bottom: 6px;
	}
	header .air_boxlogo{
		height: 80px;
		padding: 0 10px;
	}
	header .air_typemenu li{
		width: 50%;
	}
	body.inner .air_homebox .bodyhtml{
		margin-top: 237px;
	}
	.main_content{
		background: none;
	}
	.search_opt select,
	.search_opt .inner_boxserch{
		margin-bottom: 10px;
	}
	body.inner .innertopgraphic{
		height: 360px;
	}
	.air_hilight .tabcontent,
	.air_hilight .tabhilighe,
	header .air_logo::before{
		display: none;
	}
	.tabhilight-res a{
		text-decoration: none;
	}
	.tabhilight-res .list-news > li{
		border-top: 2px #FFFFFF; background-color: #3b86bf; letter-spacing: 1px; opacity:0.8; padding:15px 20px; border-top:1px solid #fff;
	}
	.tabhilight-res .list-news > li > a{
		color: #fff; font-size: 16px;
	}
	.air_minisite{
		padding-top: 0px;
	}
	header .air_boxlogo .block-menu .content_menu .title_tab{
		display: none;
	}
	#menu_people ul.view_data{
		display: block;
	}
	header .air_typemenu li a{
		background: #fff;
		margin-top: 6px;
		text-align: center;
	}
	header .air_logo{
		padding-bottom: 0px;
	}
}
@media only screen and (max-width: 740px) {
	.search_opt .inner_boxserch{
		width: 240px;
	}
	#menu_people ul.view_data li .rows .subject{
		width: 75%;
	}
}
@media only screen and (max-width: 670px) {
	.h_minimenu,
	#menu_people{
		display: none;
	}
	.h_logo{
		width: 100%;
	}
}
@media only screen and (max-width: 550px) {
	header .air_topbar ul{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	header .air_topbar{
		padding: 5px 0px;
	}
	header .air_topbar ul li{
		display: inline-table;
		float: none;
	}
	header .air_logo{
	    width: 260px;
	}
	.search_opt select,
	.search_opt .inner_boxserch{
		width: 100%;
		margin-left: 0;
	}
	.air_minmenu{
		top: 78px;
		display: none;
	}
	body.inner .innertopgraphic{
		z-index: -1;
	}
	body.inner .air_homebox .bodyhtml{
		margin-top: 0px;
	}
	.inner_title h2{
		margin-top: 0px;
		padding-bottom: 5px;
		font-size: 20px;
	}
	.main_content{
		padding-top: 20px;
	}
	.pageWrapper .box-centent{
		float: none;
		border: none;
		margin: 0;
		height: auto;
		padding: 0px 5px;
	}
	.pageWrapper .allpage{
		padding: 0px 5px;
	}
	.air_minmenu{
		height: auto;
	}
	.air_minmenu{
		position:absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    bottom: initial;
	    z-index: 999;
	    border-top: 1px solid #ccc;
	    box-shadow: 0px 5px 10px #999;
	}
	.air_minmenu > ul{
		
	}
	.air_minmenu > ul > li > a{
		text-align: left;
		padding-left: 30px !important;
	}
	.air_minmenu > ul > li{
		width: 100% !important;
	}
	.air_minmenu > ul > li a {
	    background: #fff;
	    border-bottom: 1px solid #dedede;
	    color: #666;
	    font-size: 18px;
	    padding: 15px 10px;
	    height: initial;
	    margin-right: 0px;
	}
	.air_minmenu > ul > li:hover > a,
	.air_minmenu > ul > li.active > a{
		background: #5795c8;
		color: #fff;
		padding-top: 15px;
	}
	.air_minmenu > ul li:hover ul > li > a{
		color: #666;
		background: #fff !important;
	}
	.air_minmenu > ul li:hover ul > li.link > a::before{
		
	}
	.air_minmenu > ul li:hover ul > li.sub > a{
		
	}
	.air_minmenu > ul li:hover ul > li.sub > ul{
		
	}
	.air_minmenu > ul li:hover ul > li > a *{
		color: #666;
	}
	.air_minmenu > ul li.sub.hover > a::before,
	.air_minmenu > ul li.sub.hover > a::after{
		background: #666;
	}
	.air_minmenu > ul > li > ul{
		position: relative;
		opacity: 1;
	}
	.air_minmenu > ul > li > ul a{
		max-width: none;
		padding: 15px 30px;
		font-size: 16px;
		background: #f7f7f7;
	}
	.air_minmenu > ul li.sub > ul{
		position: relative;
		left: initial;
	}
	.air_minmenu > ul > li > ul > li > a{
		padding-left: 50px;
	}
	.air_minmenu > ul > li > ul > li > ul > li > a{
		padding-left: 70px !important;
		font-size: 15px;
	}
	.air_minmenu > ul > li > ul > li > ul > li > ul > li > a{
		padding-left: 85px !important;
		font-size: 13px;
		padding-right: 10px;
	}
	header .air_boxlogo{
		background: #fff;
	}
	header .air_boxlogo{
		position: relative;
	}
	.air_minmenu{
		
	}
	.air_boxtopgraphic > div{
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		    -ms-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease;
	}
	.menuopen .air_boxtopgraphic > div{
		overflow: hidden !important;
		height: 0 !important;
	}
	.head_inner .inner_nav{
		display: none;
	}
	.pop_up .header .tilte{
		font-size: 18px;
	}
	.pop_up .header{
		height: 50px;
	}
	#cboxClose {
	    top: 3px;
	    right: 3px;
	    height: 40px;
	    width: 40px;
	}
	.viewtorcol_1, .viewtorcol_2 {
		font-size: 13px !important;
	}
	.viewtorcol_1 {
		width: 22% !important;
		padding-left: 10px;
	}
	.viewtorcol_2 {
		width: 70% !important;
	}

}
@media only screen and (max-width: 425px) {
	.head_inner .inner_nav a{
		font-size: 12px;
	}
	.head_inner .inner_nav{
		padding-bottom: 13px;
	}
	a.attact_photo_hover{
		width: 46%;
	}
	.bar-title{
		padding-top: 0;
		padding-bottom: 0;
	}
	.bar-title h3{
		padding-left: 65px;
		padding-top: 8px;
		font-size: 20px;
	}
	.bar-title img.title-pic{
		height: 40px;
	}
	footer .air_footerlogo p{
		font-size: 12px;
	}
	footer .air_footercopyright{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 5px;
		display: none;
	}
	.air_footerlink {
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 40px;
	    padding-bottom: 15px;
	}
	.air_footerlink .air_map {
	    text-align: center;
	}
	#footer{
		padding-bottom: 5px;
	}
	.search_opt {
		float: none;
		width: 100%;
	}
	.pop_up{
		min-width: 250px;
	}
	.pop_up .form_login{
		padding: 20px;
		width: 290px;
	}
	.pop_up .form_login .L{
		float: none;
		margin-bottom: 20px;
    	border-bottom: 1px solid #ccc;
    	width: 100%;
	}
	.form_login .L, .form_login .R{
		width: 100%;
	}
	.pop_up .header {
	    padding: 13px;
	}
	#cboxClose {
	    top: 3px;
	    right: 3px;
	}
	#signUp > .txt{
		height: auto !important;
	}
	#signUp > .pd-r-20{
		border: none !important;
		padding: 0px !important;
	}
	#signUp > .mg-left-20{
		margin-left: 0px !important;
	}
	#signUp > .benefit{
		margin-left: 0px;
	}
	#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{
		width: 15px;
	}
	.viewtorcol_1, .viewtorcol_2 {
		font-size: 11px !important;
	}
	.viewtorcol_1 {
		width: 23% !important;
		padding-left: 10px;
	}
	.viewtorcol_2 {
		width: 72% !important;
	}
}

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

	.viewtorcol_1, .viewtorcol_2 {
		font-size: 10px !important;
	}
	.viewtorcol_1 {
		width: 24% !important;
		padding-left: 10px;
	}
	.viewtorcol_2 {
		width: 72% !important;
	}
}