@import "../../css/font.css";
html, body, div{
	margin: 0;
	padding: 0;

}

/* fullscreen setup */
html, body{
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
/*html {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}*/

body{ 
	color: #333333;
	font-family: Arial, Tahoma, sans-serif;
	font-size : 100%;
	line-height:16px;
	background:#ffffff; 
}


img{ border:none; max-width:100%; }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 

.box{ display:block; position:relative; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

section{ display/*\**/:block\9; position/*\**/:relative\9;  }

/*---------- text-link ----------*/
a:link{text-decoration : none; color : #333333;}
a:visited {text-decoration : none; color : #333333;}
a:hover {text-decoration: none; color : #333333;}


/** header **/
#boxheader.mobile{ display:none; }
#boxheader.desktop{ display:block; position:fixed; height:109px; top:0px; left:0; right:0; z-index:99; }
.boxheader{ display:table; width:100%; height:109px;    }
.header-logo{ display:table-cell; width:17%; background:#FFF; text-align:center; vertical-align:middle;  border-bottom:#e4e4e4 solid 1px; }
.header-menu{ display:table-cell; width:80%; vertical-align:top; text-align:right; }
.header-lang{ display:table-cell; width:3%; vertical-align:top; color:#ffffff; font-family: 'db_helvethaica_x53_ext'; font-size:1.25em; }
.header-logo img{ max-width:100%; }
.header-lang a{ color:#ffffff; }
.lang-tb{ display:table; width:100%; height:50%;  }
.lang-tb.bb{ border-bottom:#d5de83 solid 1px; }
.lang-en{ display:table-cell; width:100%; height:50%; text-align:center; vertical-align:middle; background:#adbe08; height:54px\9; }
.lang-th{ display:table-cell; width:100%; height:50%; text-align:center; vertical-align:middle; background:#adbe08; height:54px\9;  }
.lang-en.acv, .lang-th.acv{ background:#c6c6c6; }

.boxmenu{ display:table; width:100%; height:100%; margin:0 0 0 auto;  }
.boxmenu ul{ padding:0; margin:0; height:109px; list-style:none;  }
#navmenu{ display:block; position:relative;	width:100%;  list-style:none; }
#navmenu li{
	margin:0; padding:0;  height:100%; width:12.5%; 
	position:relative; display:block; float:left; }

#navmenu li a{ font-size:1.125em; line-height:14px; font-family: 'db_helvethaica_x73_bdext'; text-transform:uppercase; color:#ffffff; transition:ease 0.5s;  }


#navmenu li a.m-home{ display:table; width:100%; height:100%; background:#123b6f; }
#navmenu li a.m-home .m-about-icon{ 
  display:block; position:relative; width:38px; height:34px; background:url(../../img/icon-m-home.png) no-repeat #123b6f; margin:0 auto 13px; }
#navmenu li a.m-home .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-home.png) no-repeat #123b6f; background-position:0 -34px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
 

#navmenu li a.m-about{ display:table; width:101%; height:100%; background:#34a853; }
#navmenu li a.m-about .m-about-icon{ 
  display:block; position:relative; width:33px; height:48px; background:url(../../img/icon-m-about.png) no-repeat #34a853; margin:0 auto 10px; }
#navmenu li a.m-about .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-about.png) no-repeat #34a853; background-position:0 -48px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-about-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#34a853 !important; }
#navmenu li a.m-about-mactiv .m-about-icon{ 
  display:block; position:relative; width:33px; height:48px; background:url(../../img/icon-m-about.png) no-repeat; margin:0 auto 10px; background-position:0 -96px; }
  

#navmenu li a.m-ourservice{ display:table; width:100%; height:100%; background:#0072ce; }
#navmenu li a.m-ourservice .m-about-icon{ 
  display:block; position:relative; width:49px; height:39px; background:url(../../img/icon-m-ourservice.png) no-repeat #0072ce; margin:0 auto 13px; }
#navmenu li a.m-ourservice .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-ourservice.png) no-repeat #0072ce; background-position:0 -39px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-ourservice-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#0072ce !important; }
#navmenu li a.m-ourservice-mactiv .m-about-icon{ 
  display:block; position:relative; width:49px; height:39px; background:url(../../img/icon-m-ourservice.png) no-repeat; margin:0 auto 13px; background-position:0 -78px; }


#navmenu li a.m-quality{ display:table; width:100%; height:100%; background:#ffad1e; }
#navmenu li a.m-quality .m-about-icon{ 
  display:block; position:relative; width:41px; height:39px; background:url(../../img/icon-m-quality.png) no-repeat #ffad1e; margin:0 auto 13px; }
#navmenu li a.m-quality .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-quality.png) no-repeat #ffad1e; background-position:0 -39px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-quality-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#ffad1e !important; }
#navmenu li a.m-quality-mactiv .m-about-icon{ 
  display:block; position:relative; width:41px; height:39px; background:url(../../img/icon-m-quality.png) no-repeat; margin:0 auto 13px; background-position:0 -78px; } 
 
 
#navmenu li a.m-ourshowcase{ display:table; width:100%; height:100%; background:#ea4638; }
#navmenu li a.m-ourshowcase .m-about-icon{ 
  display:block; position:relative; width:69px; height:30px; background:url(../../img/icon-m-ourshowcase.png) no-repeat #ea4638; margin:0 auto 17px; }
#navmenu li a.m-ourshowcase .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-ourshowcase.png) no-repeat #ea4638; background-position:0 -30px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-ourshowcase-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#ea4638 !important; }
#navmenu li a.m-ourshowcase-mactiv .m-about-icon{ 
  display:block; position:relative; width:69px; height:30px; background:url(../../img/icon-m-ourshowcase.png) no-repeat; margin:0 auto 17px; background-position:0 -60px; } 
 

#navmenu li a.m-new{ display:table; width:101%; height:100%; background:#f06d54; }
#navmenu li a.m-new .m-about-icon{ 
  display:block; position:relative; width:33px; height:36px; background:url(../../img/icon-m-new.png) no-repeat #f06d54; margin:0 auto 8px; }
#navmenu li a.m-new .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-new.png) no-repeat #f06d54; background-position:0 -36px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-new-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#ea4638 !important; }
#navmenu li a.m-new-mactiv .m-about-icon{ 
  display:block; position:relative; width:33px; height:36px; background:url(../../img/icon-m-new.png) no-repeat; margin:0 auto 8px; background-position:0 -72px; } 
 

#navmenu li a.m-contact{ display:table; width:100%; height:100%; background:#00bff0; }
#navmenu li a.m-contact .m-about-icon{ 
  display:block; position:relative; width:33px; height:23px; background:url(../../img/icon-m-contact.png) no-repeat #00bff0; margin:0 auto 20px; }
#navmenu li a.m-contact .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-contact.png) no-repeat #00bff0; background-position:0 -23px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-contact-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#00bff0 !important; }
#navmenu li a.m-contact-mactiv .m-about-icon{ 
  display:block; position:relative; width:33px; height:23px; background:url(../../img/icon-m-contact.png) no-repeat; margin:0 auto 20px; background-position:0 -46px; } 
 

#navmenu li a.m-faq{ display:table; width:100%; height:100%; background:#134687; }
#navmenu li a.m-faq .m-about-icon{ 
  display:block; position:relative; width:24px; height:34px; background:url(../../img/icon-m-faq.png) no-repeat #134687; margin:0 auto 16px; }
#navmenu li a.m-faq .m-about-icon > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-m-faq.png) no-repeat #134687; background-position:0 -34px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }

#navmenu li a.m-faq-mactiv{ display:table; width:100%; height:100%; background:#ffffff; color:#134687 !important; }
#navmenu li a.m-faq-mactiv .m-about-icon{ 
  display:block; position:relative; width:24px; height:34px; background:url(../../img/icon-m-faq.png) no-repeat; margin:0 auto 16px; background-position:0 -68px; }  
 
 
.contant-m{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:bottom; padding-bottom:18px; }

#navmenu li a:hover{ color:#242424; }
#navmenu li a:hover .m-about-icon > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   }


#navmenu li a.active{ color:#242424; }
#navmenu li a.active .m-about-icon > span{  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
  
#navmenu ul.aboutnav{
  list-style:none; position:absolute; display:none; background:#34a853; width:auto; height:auto; 
  top:109px; z-index:9999; width:777px; margin:0 auto; padding-left:12px; 
}
#navmenu ul.aboutnav li{ display:block; float:left; margin:0 !important; position:relative; width:auto; height:auto;  padding:28px 12px !important;  }
#navmenu li ul.aboutnav a{ color:#ffffff;  font-family: 'db_helvethaica_x53_ext'; font-size:1.375em; }
#navmenu li ul.aboutnav li a:hover{ color:#000000; } 
/** end header **/


/** home **/
.background {
    background-repeat:no-repeat; 
    background-position:50% 50%; 
    background-position:50% 50%\9 !important; }

.fullscreen,
.content-a {
    width:100%;
    min-height:100%;

}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}
#boxhome{ display:table; position:relative; width:100%; height:100vh; height:100%;  }
#boxslide{ display:block; position:relative; width:100%; height:100vh; height:100%;   }
#boxbtn-homeyt{ display:block; position:absolute; width:100%; border-bottom:1px solid #FFF; bottom:0px; z-index:30;  }
#btn-homeyt{ 
  display:block; position:relative; width:180px; height:49px; margin:0 auto; 
  bottom:-1px; background:url(../img/btn-homeyt.png) no-repeat; cursor:pointer;  }
 
#homeyt{ display:block; position:relative;   }
#boxhomeyt{ 
  display:table; width:100%; height:100vh; 
  height/*\**/:649px\9 !important; background-image/*\**/:url(../../img/home-yt.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }
  
a.btn-homeplay{ display:inline-block; position:relative; width:110px; height:110px; background:url(../../img/icon-homeplay.png) no-repeat; }
a.btn-homeplay > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-homeplay.png) no-repeat; background-position:0 -110px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
a.btn-homeplay:hover > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   }  
 

.lead-txt{ position:absolute;  }
.lead-txt01{ position:absolute; top:20%; left:9%; }
.lead-txt02{ position:absolute; top:34%; left:11%; }
.lead-txt03{ position:absolute; top:56%; left:63%; }
.lead-txt img{ max-width:100%;  }
.lead-txt01 img, .lead-txt02 img, .lead-txt03 img{ max-width:100%; }
/** end home **/


/** about **/
#about-overview{ background-image:url(../../img/aboutus-overview.jpg); background-size:cover; }
#about-overview-ie{ 
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/aboutus-overview.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }

.about-overview-txt{ display:block; position:absolute; top:25%; left:6.8%; width:46%; }
.abouth-green{ display:inline-block; color:#adbe08; font-family: 'db_helvethaica_x63_medext'; font-size:4.6875em; text-transform:uppercase; border-bottom:#b1b1b1 solid 1px; line-height:32px; padding-bottom:32px;   }
.overview-txt{ display:block; position:relative; padding:35px 0; font-size:1.875em; line-height:32px; font-family: 'db_helvethaica_x55_regular';  }
 
.content-page.mobile{ display:none; }

#about-vision{ background-image:url(../../img/aboutus-vision.jpg); background-size:cover; }
#about-mission{ background-image:url(../../img/aboutus-mission.jpg); background-size:cover; }
#about-team{ background-image:url(../../img/aboutus-team.jpg); background-size:cover; }
#about-alliance{ background-image:url(../../img/aboutus-alliance.jpg); background-size:cover; }
#about-sponsor{ background-image:url(../../img/aboutus-sponsor.jpg); background-size:cover; }

#about-vision-ie{ 
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/aboutus-vision.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }
#about-mission-ie{ 
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/aboutus-mission.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }
#about-team-ie{ 
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/aboutus-team.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }
#about-alliance-ie{ 
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/aboutus-alliance.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }      
#about-sponsor-ie{ 
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/aboutus-sponsor.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important;   }

.about-mission-txt{ display:block; position:absolute; top:44%; left:59%; width:32%; }
.abouth-blue{ display:inline-block; color:#123b6f; font-family: 'db_helvethaica_x63_medext'; font-size:4.6875em; text-transform:uppercase; border-bottom:#b1b1b1 solid 1px; line-height:32px; padding-bottom:32px;   }

.about-team-txt{ display:block; position:absolute; top:40%; left:12%; width:26%; }
.about-alliance-txt{ display:block; position:absolute; top:42%; left:67%; width:26%; }
.about-sponsor-txt{ display:block; position:absolute; top:25%; left:46%; width:53%; }
/** endabout **/


/** ourservice **/
.contentp{ display:block; position:relative; }
#our-service{ background-image:url(../../img/ourservice.jpg);  background-size:cover;  }
#our-service-ie{
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/ourservice.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important; 	}
.box-serviceh{ display:block; position:relative; text-align:center; padding:156px 0 36px; font-size:4.6875em; text-transform:uppercase;  font-family: 'db_helvethaica_x63_medext'; color:#0072ce;  }
.box-service{ display:block; position:relative; background:#ffffff; border-bottom:#eaeff1 solid 1px; border-top:#eaeff1 solid 1px; padding:90px 0; }
/** end service**/


/** quality **/
#our-quality{ background-image:url(../../img/quality-standard.jpg);  background-size:cover;  }
#our-quality-ie{
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/quality-standard.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important; 	}
.box-qualityh{ display:block; position:relative; text-align:center; padding:156px 0 36px; font-size:4.6875em; text-transform:uppercase;  font-family: 'db_helvethaica_x63_medext'; color:#ffad1e;  }
.quality-line{ display:block; position:relative; width:214px; height:1px; margin:0 auto; background:#ffad1e; }
.box-qualitytxt{ display:block; position:relative; width:40%; margin:0 auto; padding:26px 0 20px;  font-family: 'db_helvethaica_x55_regular'; font-size:1.875em; line-height:30px; text-align:center; }
.box-quality{ display:block; position:relative; background:#ffffff; border-bottom:#eaeff1 solid 1px; border-top:#eaeff1 solid 1px; padding:40px 0 35px; }
.qualitybox{ display:block; position:relative; width:912px; margin:0 auto; }
.quality-box{ display:block; position:relative; width:294px; padding:0 5px; float:left; text-align:center; }
.quality-img{ display:block; position:relative; padding:0 0 15px; }
.quality-img img{ max-width:100%; }
.quality-name{ font-size:22px; font-family: 'db_helvethaica_x75_bd'; text-align:center; text-transform:uppercase; color:#123b6f; padding:0 0 23px; }
.quality-link{ display:block; position:relative; text-align:center; }
a.view-certificate{ display:inline-block; position:relative; width:193px; height:42px; background:url(../img/view-certificate.png) no-repeat; }
a.view-certificate > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/view-certificate.png) no-repeat; background-position:0 -42px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
a.view-certificate:hover > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   }  
/** end quality **/


/** showcase **/
#our-showcase{ background-image:url(../../img/our-showcase.jpg);  background-size:cover;  }
#our-showcase-ie{
  height/*\**/:720px\9 !important; background-image/*\**/:url(../../img/our-showcase.jpg)\9; background-repeat/*\**/:no-repeat\9; 
  background-position/*\**/:50% 50%\9 !important; 	}
.box-showcaseh{ display:block; position:relative; text-align:center; padding:156px 0 36px; font-size:4.6875em; text-transform:uppercase;  font-family: 'db_helvethaica_x63_medext'; color:#ea4638;  }
.box-showcase{ display:block; position:relative; background:#ea4638;  padding:40px 0 26px; }
.showcasebox{ display:block; position:relative; width:73%; margin:0 auto; }
.showcase-tb{ display:table; width:100%;   }
.showcase-box{ display:block; position:relative; width:33%; float:left;  }
.showcase-top{ display:block; position:relative; padding:0 0 19px; text-align:center;  }
.showcase-top-img img{ max-width:100%; }
.showcase-top-name{ font-family: 'db_helvethaica_x75_bd'; font-size:24px; color:#ffffff;  }
.showcase-bottom{ display:block; position:relative; width:96%; margin:0 auto; }
a.view-showcase{ display:block; position:relative; margin-bottom:3px; background:#ffffff; padding:9px 6px; transition:all 0.5s; font-family: 'db_helvethaica_x75_bd'; }
a.view-showcase:hover{ background:#e5e5e5; }
a.view-showcase > .sc-img{ display:table-cell; position:relative; width:79px;  }
a.view-showcase > .sc-img img{ border:#e5e5e5 solid 1px; max-width:100%; max-width:70px; }
a.view-showcase > .sc-txt{ display:table-cell; position:relative; vertical-align:top; font-family: 'db_helvethaica_x55_regular'; font-size:22px;  }
a.view-showcase > .sc-txt > .red{ color:#ea4638; font-size:18px; }

#box-showcase-de{ display:block; position:relative; }
#boxslideshowcase{ display:block; position:relative; width:100%; height:100vh; height/*\**/:600px\9 !important; }
#showcase-popuptxt{ 
  display:block; position:absolute; border:#dcdcdc solid 1px; bottom:19px; width:96%; left:2%; color:#000000; z-index:99;
  background-color: rgba(255, 255, 255, 0.6); padding:20px 23px;  font-family: 'db_helvethaica_x55_regular'; font-size:20px; line-height:20px;   }
.sc-popuph{ font-size:30px; line-height:30px; }
#showcase-popuptxt-nog{ 
  display:block; position:relative; border:#dcdcdc solid 1px; bottom:0px; width:90%; left:0; color:#000000; z-index:99; margin:26px auto; 
  background-color: rgba(255, 255, 255, 0.6); padding:20px 23px;  font-family: 'db_helvethaica_x55_regular'; font-size:20px; line-height:20px;   }  
/** end showcase **/


/** new **/
.box-newh{ display:block; position:relative; text-align:center; padding:156px 0 36px; font-size:4.6875em; text-transform:uppercase;  font-family: 'db_helvethaica_x63_medext'; color:#f06d54;  }
.box-new{ display:block; position:relative; background:#f06d54;  padding:40px 0 26px; }
.newbox{ display:block; position:relative; width:1018px; margin:0 auto;  }
.new-tb{ display:table; width:100%;   }
.new-nav.desktop{ display:table-cell; position:relative; width:39px; vertical-align:middle; }
.new-navm{ display:none; } 
.new-box{ display:table-cell; position:relative; width:310px; vertical-align:top;  }
.new-list{ display:block; position:relative; width:300px; margin:0 auto; background:#ffffff; transition:all 0.5s; }
.new-img{ display:block; position:relative; text-align:center; width:300px; height:200px; overflow:hidden; }
.new-img img{ max-width:100%;   }
.new-txt{ display:block; position:relative; min-height:200px; padding:23px 20px 26px; font-size:22px; font-family: 'db_helvethaica_x55_regular'; line-height:18px; }
.new-txth{ font-family: 'db_helvethaica_x65_medium'; padding:0 0 15px; }
.new-txtred{ color:#ea4638; }
.new-list:hover{ background:#e5e5e5; }

span.page-prev{ display:inline-block; position:relative; width:35px; height:65px; background:url(../../img/page-prev.png) no-repeat; opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
a.page-prev{ 
 display:inline-block; position:relative; width:35px; height:65px; background:url(../../img/page-prev.png) no-repeat; }
 
span.page-next{ display:inline-block; position:relative; width:35px; height:65px; background:url(../../img/page-next.png) no-repeat; opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
a.page-next{ 
 display:inline-block; position:relative; width:35px; height:65px; background:url(../../img/page-next.png) no-repeat; } 

.newdebox{ display:block; position:relative; width:78%; margin:0 auto; }
.new-td{ display:table-cell; position:relative; width:50%; vertical-align:top; }
.newde-box{ display:block; position:relative; width:96%; margin:0 auto; }
#newde{ display:block; position:relative;  }
#newde ul{ padding:0; margin:0; }
#newde img{ min-width:100%; width:100%; }
.newde-h{ font-family: 'db_helvethaica_x75_bd'; color:#000000; font-size:24px; line-height:20px; text-transform:uppercase;  }
.newde-h img{ margin-right:12px; vertical-align:text-bottom; }
.newde-txt{ color:#ffffff;  font-size:22px; font-family: 'db_helvethaica_x55_regular'; line-height:18px; padding:22px 0; }
.btn-back{ font-family: 'db_helvethaica_x65_medium'; font-size:18px; height:20px; vertical-align:middle; color:#131313; transition:all 0.5s; }
.btn-back > span{ display:inline-block; position:relative; width:20px; height:20px; background:url(../../img/icon-back.png) top left no-repeat #f06d54; vertical-align:middle; margin-right:7px;  }
.btn-back > span > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/icon-back.png) no-repeat #f06d54; 
  background-position:0 -20px;    -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
.btn-back:hover > span > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  }
.btn-back:hover{ color:#ffffff; } 
/** end new **/


/** contact **/ 
.box-contacth{ display:block; position:relative; text-align:center; padding:156px 0 36px; font-size:4.6875em; text-transform:uppercase;  font-family: 'db_helvethaica_x63_medext'; color:#00bff0;  }
.box-contact{ display:block; position:relative; width:68%; margin:0 auto; font-size:22px; font-family: 'db_helvethaica_x55_regular'; line-height:26px; }
.contact-tb{ display:table; width:100%;   }
.contact-td{ display:table-cell; position:relative; width:50%; }
.contact-txt{ display:block; position:relative; width:88%; margin:0 auto; color:#000000; padding-bottom:26px; word-wrap:break-word; }
.contact-txt a{ color:#00bff0; transition:ease 0.5s; }
.contact-txt a:hover{ color:#666666; }

.contact-btn{ display:block; position:relative; padding:0 0 30px; }
a.btn-map{ display:inline-block; position:relative; width:154px; height:44px; background:url(../img/btn-map.png) no-repeat; margin-right:5px; }
a.btn-map > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/btn-map.png) no-repeat; background-position:0 -44px; -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
a.btn-map:hover > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
a.btn-googlemap{ display:inline-block; position:relative; width:154px; height:44px; background:url(../img/btn-googlemap.png) no-repeat; margin-left:5px; }
a.btn-googlemap > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/btn-googlemap.png) no-repeat; background-position:0 -44px; -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
a.btn-googlemap:hover > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.contact-line{ display:block; position:relative; width:123px; margin:0 auto; height:1px; background:#00bff0; }
.contact-txtdesc{ display:block; position:relative;  color:#000000; padding:30px 0; text-align:center; }

.ct-txtbox1{ display:block; position:relative; width:30%; float:left; padding:0 0 10px; }
.ct-txtbox2{ display:block; position:relative; width:40%; float:left; padding:0 0 10px; }
.txtbox{ display:block; position:relative; width:100%; background:#f1f2f3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.txtbox > div{ display:table; padding:16px; width:100%; }
.ct-txtbox2 > div{ width:80%; margin:0 auto; }

.ct-txtbox3{ display:block; position:relative; width:48%; padding:0 0 20px;   }
.ct-txtbox3.left{ float:left; }
.ct-txtbox3.right{ float:right; }

#contactform{ display:block; position:relative; padding:0; margin:0;   }
#contactform label { display:block; padding:0; margin:0;}
#contactform label.error{ margin-left: 0px; color:#9d372e; font-size:18px; font-style:italic;  }
#contactform input{ 
  display:inline-block; position:relative;  border:0; width:98%; background:none; 
  font-family:inherit; font-size:inherit; margin:0; text-align:left;  }
#contactform input.error{ background: #f8dbdb;  }
#contactform textarea{ 
  display:block; border:0; padding:12px 6px; 
  width:98%; height:116px; resize: none;  font-family:inherit; font-size:inherit;  }
#contactform textarea.error{ background: #f8dbdb;   }

#contactform div.btn-submit{ display:block; position:relative; width:195px; height:44px; background: url(../img/btn-send.png) no-repeat; margin:0 auto 30px; }
#contactform input.btn-submit{ 
  display:inline-block; width:195px; height:44px; 
  background: url(../img/btn-send.png) no-repeat; border:0; padding:0; margin:0; cursor:pointer; 
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;     background-position:0 -44px;
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  } 
#contactform input.btn-submit:hover{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  }
/** end contact **/

/** faq **/
.box-faqh{ display:block; position:relative; text-align:center; padding:156px 0 36px; font-size:4.6875em; text-transform:uppercase;  font-family: 'db_helvethaica_x63_medext'; color:#134687;  }

.box-faq{ display:block; position:relative; padding:0 0 39px;}
.faqpane{ display:block; position:relative; border-bottom:#eaeff1 solid 1px;   }
.faqh{ display:block; position:relative; padding:7px 0;  font-family: 'db_helvethaica_x65_medium'; font-size:24px; cursor:pointer;  background:url(../../img/faq-down.png) 86% no-repeat;  border-top:#eaeff1 solid 1px;  }
.faq_body{ display:none; background:#134687; }
.faqde{ display:block; position:relative; padding:33px 48px; color:#a3a6ad; font-size:22px; font-family: 'db_helvethaica_x55_regular'; line-height:26px; }
 
.faqh.even{ background-color:#ecf4fe; }

.faqbox{ display:block; position:relative; width:78%; margin:0 auto;  }
.faqbox-box{ display:table; width:80%; }
.faqbox-img{ display:table-cell; width:48px; }
.faqbox-txth{ display:table-cell; vertical-align:middle; }
/** end faq **/

.box-discla{ 
  display:block; position:relative; font-size:20px; font-family: 'db_helvethaica_x55_regular'; line-height:20px; padding:35px 25px; color:#666666;  }
.discla-h{ font-size:30px; font-family: 'db_helvethaica_x55_regular'; line-height:30px; color:#000000; }
.discla-txth{  font-family: 'db_helvethaica_x75_bd';  color:#000000; }
.box-discla a{ color:#00bff0; transition:ease 0.5s;  }
.box-discla a:hover{ color:#666666; }

#footer{ display:block; position:relative;  background:#c6c6c6; font-size:13px; color:#666666; padding:22px 0;  }
.footer{ display:block; position:relative; width:94%; margin:0 auto; }
.footer > .left a{ color:#666666; transition:ease 0.5s; }
.footer > .left a:hover{ color:#000000; }
.footer > .right a{ color:#000000; transition:ease 0.5s; }
.footer > .right a:hover{ color:#666666; }