@charset "utf-8";

/* CSS DOCUMENT --------------------------------------- */
body {font-family:'db_helvethaicaais_x55_regular', Helvetica, Tahoma, Arial, sans-serif;color:#272727; }
a, a:link, a:active, a:visited {color: #8eb336; text-decoration: none; }
a:hover, a:focus {color: #8eb336; text-decoration: none; }

#interfacelive #interface360{ top:50px;}

.row_ais {max-width:1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0; }
  .row_ais:before, .row_ais:after {
    content: " ";
    display: table; }
  .row_ais:after {
    clear: both; }
  .row_ais.collapse > .column,
  .row_ais.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row_ais.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row_ais .row_ais {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row_ais .row_ais:before, .row_ais .row_ais:after {
      content: " ";
      display: table; }
    .row_ais .row_ais:after {
      clear: both; }
    .row_ais .row_ais.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row_ais .row_ais.collapse:before, .row_ais .row_ais.collapse:after {
        content: " ";
        display: table; }
      .row_ais .row_ais.collapse:after {
        clear: both; }
.panel_ais {margin: 0 5px;}

.pos{position: absolute; z-index: 1; }
.bt{cursor:pointer; }
.t_inline { display: inline-block;}

.radius3{ border-radius:3px; overflow:hidden; }
.radius5{ border-radius:5px; overflow:hidden; }
.radius10{ border-radius:10px; overflow:hidden; }
.radius15{ border-radius:15px; overflow:hidden; }

/*-----------------all Space--------------------*/
.v_gap5{ margin-bottom:5px; margin-top:5px; }
.v_gap10{ margin-bottom:10px; margin-top:10px; }
.v_gap15{ margin-bottom:15px; margin-top:15px; }
.v_gap20{ margin-bottom:20px; margin-top:20px; }
.v_gap25{ margin-bottom:25px; margin-top:25px; }
.v_gap30{ margin-bottom:30px; margin-top:30px; }
.v_gap35{ margin-bottom:35px; margin-top:35px; }
.v_gap40{ margin-bottom:40px; margin-top:40px; }
.v_gap45{ margin-bottom:45px; margin-top:45px; }
.v_gap50{ margin-bottom:50px; margin-top:50px; }

.box_pad5{padding:5px;}
.box_pad10{padding:10px;}
.box_pad15{padding:15px;}
.box_pad20{padding:20px;}
.box_pad25{padding:25px;}
.box_pad30{padding:30px;}
.box_pad35{padding:35px;}
.box_pad40{padding:40px;}
.box_pad45{padding:45px;}
.box_pad50{padding:50px;}

.t_gap5{margin-top:5px;}
.t_gap10{margin-top:10px;}
.t_gap15{margin-top:15px;}
.t_gap20{margin-top:20px;}
.t_gap25{margin-top:25px;}
.t_gap30{margin-top:30px;}
.t_gap35{margin-top:35px;}
.t_gap40{margin-top:40px;}
.t_gap45{margin-top:45px;}
.t_gap50{margin-top:50px;}

.b_gap5{margin-bottom:5px;}
.b_gap10{margin-bottom:10px;}
.b_gap15{margin-bottom:15px;}
.b_gap20{margin-bottom:20px;}
.b_gap25{margin-bottom:25px;}
.b_gap30{margin-bottom:30px;}
.b_gap35{margin-bottom:35px;}
.b_gap40{margin-bottom:40px;}
.b_gap45{margin-bottom:45px;}
.b_gap50{margin-bottom:50px;}

.l_gap5{margin-left:5px;}
.l_gap10{margin-left:10px;}
.l_gap15{margin-left:15px;}
.l_gap20{margin-left:20px;}
.l_gap25{margin-left:25px;}
.l_gap30{margin-left:30px;}
.l_gap35{margin-left:35px;}
.l_gap40{margin-left:40px;}
.l_gap45{margin-left:45px;}
.l_gap50{margin-left:50px;}

.r_gap5{margin-right:5px;}
.r_gap10{margin-right:10px;}
.r_gap15{margin-right:15px;}
.r_gap20{margin-right:20px;}
.r_gap25{margin-right:25px;}
.r_gap30{margin-right:30px;}
.r_gap35{margin-right:35px;}
.r_gap40{margin-right:40px;}
.r_gap45{margin-right:45px;}
.r_gap50{margin-right:50px;}

.t_pad5{padding-top:5px;}
.t_pad10{padding-top:10px;}
.t_pad15{padding-top:15px;}
.t_pad20{padding-top:20px;}
.t_pad25{padding-top:25px;}
.t_pad30{padding-top:30px;}
.t_pad35{padding-top:35px;}
.t_pad40{padding-top:40px;}
.t_pad45{padding-top:45px;}
.t_pad50{padding-top:50px;}

.b_pad5{padding-bottom:5px;}
.b_pad10{padding-bottom:10px;}
.b_pad15{padding-bottom:15px;}
.b_pad20{padding-bottom:20px;}
.b_pad25{padding-bottom:25px;}
.b_pad30{padding-bottom:30px;}
.b_pad35{padding-bottom:35px;}
.b_pad40{padding-bottom:40px;}
.b_pad45{padding-bottom:45px;}
.b_pad50{padding-bottom:50px;}

.l_pad5{padding-left:5px;}
.l_pad10{padding-left:10px;}
.l_pad15{padding-left:15px;}
.l_pad20{padding-left:20px;}
.l_pad25{padding-left:25px;}
.l_pad30{padding-left:30px;}
.l_pad35{padding-left:35px;}
.l_pad40{padding-left:40px;}
.l_pad45{padding-left:45px;}
.l_pad50{padding-left:50px;}

.r_pad5{padding-right:5px;}
.r_pad10{padding-right:10px;}
.r_pad15{padding-right:15px;}
.r_pad20{padding-right:20px;}
.r_pad25{padding-right:25px;}
.r_pad30{padding-right:30px;}
.r_pad35{padding-right:35px;}
.r_pad40{padding-right:40px;}
.r_pad45{padding-right:45px;}
.r_pad50{padding-right:50px;}
/*-----------------all Space--------------------*/

/*text style -------------------------------*/
.font_black{ color:#000000;}
.font_white{ color:#ffffff;}
.font_green1{ color:#CADF1C;}
.font_green2{ color:#558C0B;}
.font_brown{ color:#614E48;}

.font14{font-size:14px; line-height:20px;}
.font16{font-size:16px; line-height:20px;}
.font18{font-size:18px; line-height:20px;}
.font20{font-size:20px; line-height:30px;}
.font22{font-size:22px; line-height:30px;}
.font24{font-size:24px; line-height:30px;}
.font26{font-size:26px; line-height:30px;}
.font28{font-size:28px; line-height:30px;}
.font30{font-size:30px; line-height:40px;}
.font32{font-size:32px; line-height:40px;}
.font34{font-size:34px; line-height:40px;}
.font36{font-size:36px; line-height:40px;}
.font38{font-size:38px; line-height:40px;}
.font40{font-size:40px; line-height:50px;}
.font42{font-size:42px; line-height:50px;}
.font44{font-size:44px; line-height:50px;}
.font46{font-size:46px; line-height:50px;}
.font48{font-size:48px; line-height:50px;}
.font50{font-size:50px; line-height:60px;}
.font52{font-size:52px; line-height:60px;}
.font54{font-size:54px; line-height:60px;}
.font56{font-size:56px; line-height:60px;}
.font58{font-size:58px; line-height:60px;}
.font60{font-size:60px; line-height:60px;}
/*text style -------------------------------*/

.alpha100 {filter:alpha(opacity=100);-moz-opacity:1;moz-opacity:1;opacity: 1; }
.alpha90 {filter: alpha(opacity=90);-moz-opacity: 0.9;moz-opacity:0.9;opacity: 0.9; }
.alpha80 {filter:alpha(opacity=80);-moz-opacity:0.8;moz-opacity:0.8;opacity: 0.8; }
.alpha70 {filter:alpha(opacity=70);-moz-opacity:0.7;moz-opacity:0.7;opacity: 0.7; }
.alpha60 {filter:alpha(opacity=60);-moz-opacity:0.6;moz-opacity:0.6;opacity: 0.6; }
.alpha40 {filter:alpha(opacity=40);-moz-opacity:0.4;moz-opacity:0.4;opacity: 0.4; }
.alpha0 {filter:alpha(opacity=0);-moz-opacity:0;moz-opacity:0;opacity: 0; }

#interface_header{width:100%; height:50px;  position:fixed; background:url(../images/interface_bg.png) repeat-x;/* top:99px;*/ z-index:14; text-align:center;}
#interface_header_bg{width:100%; height:40px;  position:fixed; background-color:#FFF; top:98px; z-index:8; text-align:center; display:block;}

.menu_pc_bt{ display:inline-block; font-family: 'db_helvethaicaais_x45_light'; font-size:17px; color:#FFF; text-align:center; height:16px; padding:16px 22px; /*background-color:#B5D20A;*/ text-decoration:none; margin-left:-4px; box-sizing: content-box; }
.menu_pc_bt:hover, .menu_pc_bt.current {/*background:url(../images/index/rew_menu_on.png); background-size:100% 100%;*/ color:#B5D20A; text-decoration:none; cursor:pointer;}

#menu_mobx{ position:absolute; cursor:pointer;}
#menu_mob{ display:none;}

#menu_mob_tab{ position: fixed; z-index:1000; width:100%; height:auto; left:0px; top:50px; display:none;}

.menu_mob_bt{font-family: 'db_helvethaicaais_x55_regular'; font-size:18px; background-color:#fbfbfb; width: auto; height:30px; padding-left:20px; padding-top:10px; text-align:left; color:#666; border-bottom:solid 1px #bbb;
}}
.menu_mob_bt:hover, .menu_mob_bt.current {background-color:#B5D20A; color:#FFF; text-decoration:none; cursor:pointer;}

.menu_mob_lang{background-color:#B5D20A; width: 100%; padding:10px 0;}
.bt_mob_lang{display:inline-block; font-family: 'db_helvethaicaais_x55_regular'; font-size:16px; width: 49%; text-align: center; color:#FFF;}
.bt_mob_lang:hover, .bt_mob_lang.current{color:#515151; cursor:pointer;}

.bt_book{display:block; background:url(../images/landing/btn1.png) no-repeat center; cursor:pointer; background-size:100% 100%;}
.bt_book:hover{background:url(../images/landing/btn1_o.png) no-repeat center; background-size:100% 100%;}
#menu_fade{ position: fixed; z-index:10; width:100%; height:100%; left:0px; bottom:0px; background-color:rgba(255, 255, 255, 0.8); display:none;}
#menu_pc{display:block; text-align:center; width:1040px; margin:0 auto; /*background-color:#B5D20A;*/}
/*Responsive -------------------------------*/
/*// Large// PC */
@media screen and (max-width: 940px) {
#menu_pc{display:none;}
#menu_mobile{display:block;}
/*.filang_box{display:none;}*/
#interface_header{background-color:#FFF; top:0px; width:60px; height:50px; z-index:999; display: none;}
#interfacelive{display: none;}
#interface_header_bg{ display:none;}
#menu_mobx{left:10px; top:-50px;}
.mypanel{ margin:0 15px;}
#menu_mob{ width:60px; height:50px; display:block; z-index:999; position:fixed;}
#box_head_all{display:none;}
}


/*sprcial*/
@media screen and (max-width: 850px) {
.menu_pc_bt{font-size:15px; height:16px; padding:12px 10px;}
}
@media screen and (max-width: 720px) {
.menu_pc_bt{font-size:13px; height:16px; padding:12px 7px;}
}

#interface360-content .menu42 {height:49px; float:left; background:url(http://www.ais.co.th/interface_live/images/interface_bg_break.gif) no-repeat right top;}
#interface360-content .menu42 div {height:49px; width:100%;background: no-repeat right bottom; overflow:hidden;}
#interface360-content .menu42 div span{position:absolute; top:10px; right:20px; font-size:18px; display:none;}
#interface360-content .menu42 div:hover span{ color:#FFF;}
#interface360-content .menu42 div:hover{ background-image:url(http://www.ais.co.th/interface_live/images/interface_bg_mouseover.png);}
#interface360-content .menu42.current{ background-image:url(http://www.ais.co.th/interface_live/images/interface_bg_mouseover.png);}
#interface360-content .menu42.current a{ color:#FFF;}
#interface360-content .menu42 div:hover a{ color:#FFF;}
#interface360-content .menu42 a{ line-height:16px; font-size:16px; color:#383838; padding:20px 55px 0 15px; width:100%; text-decoration:none; height:29px; display:block;}

#interface360-content .menu42 div {background-image:url(http://www.ais.co.th/interface_live/images/interface_bg_arrow5.gif);}
#interface360-content .menu42:hover div {background-image:url(http://www.ais.co.th/interface_live/images/interface_bg_mouseover3.png);}
#interface360-content .menu42.current div {background-image:url(http://www.ais.co.th/interface_live/images/interface_bg_mouseover3.png);}