@font-face {
    font-family: 'rsuregular';
    src: url('../fonts/rsu_regular.eot');
    src: url('../fonts/rsu_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_regular.woff2') format('woff2'),
         url('../fonts/rsu_regular.woff') format('woff'),
         url('../fonts/rsu_regular.svg#rsuregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rsubold';
    src: url('../fonts/rsu_bold.eot');
    src: url('../fonts/rsu_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_bold.woff2') format('woff2'),
         url('../fonts/rsu_bold.woff') format('woff'),
         url('../fonts/rsu_bold.svg#rsubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rsulight';
    src: url('../fonts/rsu_light.eot');
    src: url('../fonts/rsu_light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_light.woff2') format('woff2'),
         url('../fonts/rsu_light.woff') format('woff'),
         url('../fonts/rsu_light.svg#rsulight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display:  block;
	 clear:  both;

}
a{
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#666;
  cursor:pointer;
}
a:hover{
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#666;
  cursor:pointer;
}
a:focus{
outline:none !important;
}
.nopad{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; font-family:Arial, Tahoma; display:block; background:#FFF;}
h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:normal !important;}
ul{ list-style:none; padding:0; margin:0;}
li{ list-style:none; padding:0; margin:0;}
.fr{ float: right !important;}
.fl{ float: left !important;}
p{ padding:0; margin:0;}
.img-100{width:100%;}
.img-auto{width:auto;}
.no-pad{ padding:0 !important;}
.no-mar{margin:0 !important; }
.no-mar-b{ margin-bottom:0 !important;}
.no-border-b{ border-bottom:0 !important;}
.no-border{border:0 !important;}
.m-auto{ margin:auto !important;}
.space{ display:block;}
.text-center{ text-align:center !important;}
.desktop{display:block;}
.mobile{display:none;}
.relative{ position:relative;}
.absolute{ position:absolute !important;}
.rsu-r{font-family:'rsuregular' !important;}
.rsu-b{font-family:'rsubold' !important;}
.rsu-l{font-family:'rsulight' !important;}
.t-black{ color:#000 !important;}
.t-white{color:#FFF !important;}
.bg-white{background:#FFF;}
.bg-navyblue{background:#282C74;}
.bg-drakblue{background:#171A42;}
.bg-landing{ background:url(../images/bg-landingpage.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.m-desktop{ width:1200px; display:block; position:absolute; top:0; left:50%; margin-left:-600px; z-index: 999;}
.f-desktop{ width:100%; display:block;}
.f-mobile{ width:100%; display:none; z-index:8999; }

.mm-desktop{ display:inline-block !important;}
.mm-mobile{display:none !important;}

.warp{width:100%; margin:auto; display:block;}
.main{ width:1700px; margin:auto; display:block;}
header{ width:100%; padding:24px 0; border-bottom:1px solid #CCC; display:block; background:none; }
header .logo{ width:auto; margin:17px 0 0 0; display:block; float:left;}
/* header .h-social{width:auto; padding:0 0 0 40px; display:block; float:left;}
header .h-social a{width:auto; padding:0 0 0 5px; display:block; float:left;} */
header .right{width:auto; padding-top:16px; float:right; position:relative;}
header .right.landing{padding-top:6px;}
header .right .social{width:auto; padding:0 0 0 10px; display:block; float:left;}
header .right .social a{width:auto; padding:0 0 0 5px; display:block; float:left;}
header .right .lag{width:auto; padding:10px; border:1px solid #BBB; display:block; float:left;}
header .right .lag a{width:auto; line-height:18px; padding:0; margin:0 6px; color:#999; font-size:20px; border-bottom:1px solid rgba(183,31,37,0); display:inline-block;}
header .right .lag a:hover, header .right .lag a.active{color:#282C74; border-bottom:1px solid rgba(183,31,37,0);}
header nav{width:auto; display:block; float:left;}
header nav ul{width:auto; padding-right:10px; text-align:center !important; display:block;}
header nav ul li{width:auto; margin:0 -2px; padding:0 10px; display:inline-block;}
header nav ul li a{width:auto; line-height:20px; padding:15px 0 5px 0; color:#999; font-size:20px; border-bottom:5px solid rgba(183,31,37,0); display:inline-block;}
header nav ul li a:hover, header nav ul li a.active{color:#282C74; border-bottom:5px solid rgba(183,31,37,1);}

form{ width:100%; padding:0; display:inline-block;}
form fieldset{ width:100%; margin:15px 0; padding:0; display:inline-block;}
form label{ line-height:40px; padding:0 0 0 20px !important; margin:0; color:#FFF; font-size:25px; font-weight:normal; display:block; }
form label.message{height:150px; line-height:50px; padding:0 0 0 20px !important; margin:0; color:#FFF; font-size:25px; font-weight:normal; display:block; }
form input::-moz-placeholder{color:#666; opacity:1}
form input:-ms-input-placeholder{color:#666;}
form input::-webkit-input-placeholder{color:#666;}
form input[type="text"]{line-height:40px; padding:0 15px; color:#666; font-size:18px; border:0; display:block;}
form input[type="submit"] {width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #FFF; color:#FFF; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px; }
form input[type="submit"]:hover{border:2px solid #B71F25;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
form textarea{height:150px; padding:8px 20px; font-size:18px; color:#666; line-height:30px; border:0; resize:none; float:left; background:#FFF;}
form .bootstrap-select > .dropdown-toggle{line-height:50px; padding:0 40px 0 35px; }
form .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{height:50px; line-height:50px; background:#FFF; }
form .bootstrap-select > .dropdown-toggle.bs-placeholder,
form .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
form .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
form .bootstrap-select > .dropdown-toggle.bs-placeholder:active{height:50px; color:#666; background:#FFF; }
form .btn{line-height:50px; padding:0; font-size:18px; color:#666; height:30px; border:0; border-radius:0; background:none; }
form .bootstrap-select.btn-group:not(.input-group-btn), .appointment form .bootstrap-select.btn-group[class*="col-"]{float:left; padding-left: 0px; padding-right: 0px;}
form .bootstrap-select.btn-group .dropdown-toggle .caret { width:24px; height:16px; position:absolute;
top:50%; right:16px; margin-top:-8px; vertical-align:middle; border:none; background:url(../images/icon-select.png);}


main{ width:100%; display:block;}

.h-banner{width:100%; padding:0; display:block; position:relative; }
.h-banner h1{width:auto; line-height:100px; margin:0; color:#FFF; font-size:150px; text-align:left; display:block; position:absolute; left:7%; top:8%; z-index:50; opacity:1;}
.h-banner .text-slide {
  opacity:0;  /* make things invisible upon start */
  animation:text-slide ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-duration:0.4s;
  animation-delay: 1s
}
.h-banner em{width:114px; height:8px; padding:0; text-align:center; display:block; position:absolute; left:7%; top:36%; z-index:50;  background:#B71F25; opacity:1;}
.h-banner .line {
  opacity:0;  /* make things invisible upon start */
  animation:line ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-duration:0.5s;
  animation-delay: 1.3s
}
@keyframes text-slide {
  from { opacity:0; -webkit-transform: translateY(15px); transform: translateY(15px); }
  to { opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes line {
  from { opacity:0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  to { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
}
.h-banner img{width:100%; }
.h-banner .lSSlideOuter .lSPager { position:absolute; left:118px; bottom:50px; }
.h-banner .lSSlideOuter .lSPager.lSpg > li{width:80px; height:25px; padding:0; margin:0 1px; border-bottom:5px solid rgba(183,31,37,0); background:rgba(255,255,255,0.3); }
.h-banner .lSSlideOuter .lSPager.lSpg > li a{ line-height:20px; color:#FFF; text-align:left; border-radius:0; background:none !important; display:none; }
.h-banner .lSSlideOuter .lSPager.lSpg > li a:hover{ color:#292C75; border-bottom:5px solid rgba(183,31,37,1); background:rgba(255,255,255,1) }
.h-banner .lSSlideOuter .lSPager.lSpg > li.active{color:#292C75; border-bottom:5px solid rgba(183,31,37,1); background:rgba(255,255,255,1)}
  /* .h-banner .lSSlideOuter .lSPager.lSpg > li.active:hover{background:rgba(255,255,255,1)} */
.h-banner .lSSlideOuter .lSPager.lSpg > li.active a { border-radius:0; background:none; }
.h-banner .lSSlideOuter .lSPager.lSpg > li::before{ text-align:left; padding:0 0 0 10px; line-height:25px; font-size:20px; color:#FFF; display:block; }
.h-banner .lSSlideOuter .lSPager.lSpg > li:hover::before{color:#292C75;}
.h-banner .lSSlideOuter .lSPager.lSpg > li.active::before {color:#292C75;}
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before{ content:"01"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before{ content:"02"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before{ content:"03"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before{ content:"04"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before{ content:"05"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before{ content:"06"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before{ content:"07"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before{ content:"08"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before{ content:"09"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before{ content:"10"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before{ content:"11"; font-family:'rsubold' }
.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before{ content:"12"; font-family:'rsubold' }

.n-banner{text-align:center;}
.n-banner img{width:auto; }
.n-banner .lSSlideOuter { position: relative;}
.n-banner .lSSlideOuter .lSPager { position:absolute; left:118px; bottom:50px; }
.n-banner .lSSlideOuter .lSPager.lSpg > li{width:80px; height:25px; padding:0; margin:0 1px; border-bottom:5px solid rgba(183,31,37,0); background:rgba(255,255,255,0.3); }
.n-banner .lSSlideOuter .lSPager.lSpg > li a{ line-height:20px; color:#FFF; text-align:left; border-radius:0; background:none !important; display:none; }
.n-banner .lSSlideOuter .lSPager.lSpg > li a:hover{ color:#292C75; border-bottom:5px solid rgba(183,31,37,1); background:rgba(255,255,255,1) }
.n-banner .lSSlideOuter .lSPager.lSpg > li.active{color:#292C75; border-bottom:5px solid rgba(183,31,37,1); background:rgba(255,255,255,1)}
  /* .h-banner .lSSlideOuter .lSPager.lSpg > li.active:hover{background:rgba(255,255,255,1)} */
.n-banner .lSSlideOuter .lSPager.lSpg > li.active a { border-radius:0; background:none; }
.n-banner .lSSlideOuter .lSPager.lSpg > li::before{ text-align:left; padding:0 0 0 10px; line-height:25px; font-size:20px; color:#FFF; display:block; }
.n-banner .lSSlideOuter .lSPager.lSpg > li:hover::before{color:#292C75;}
.n-banner .lSSlideOuter .lSPager.lSpg > li.active::before {color:#292C75;}
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before{ content:"01"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before{ content:"02"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before{ content:"03"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before{ content:"04"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before{ content:"05"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before{ content:"06"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before{ content:"07"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before{ content:"08"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before{ content:"09"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before{ content:"10"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before{ content:"11"; font-family:'rsubold' }
.n-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before{ content:"12"; font-family:'rsubold' }

.m-topic{width:100%; padding:43px 0; display:inline-block;}
.m-topic h3{width:auto; line-height:54px; margin:0; padding:0 36px 0 0; color:#262C72; font-size:30px; display:inline-block; position:relative;}
.m-topic h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0); }

.t-landing{ width:100%; display:block; position:relative;}
.t-landing h2{ width:100%; line-height:126px; margin:0; padding:0; color:#272C73; font-size:100px; display:block;}
.t-landing em{ width:114px; height:8px; display:block; background:#B71F25; position:absolute; left:0; bottom:0px; }
.m-landing{width:100%; display:inline-block;}
.m-landing ul{width:100%; margin:0; text-align:center; display:inline-block;
}
.flip {width:100%; padding:0; display:block;
}

.m-landing ul li{width:19%; padding:5px; display:inline-block; position:relative;}
.m-landing ul li a{width:100%; display:block; float:left;}
.m-landing ul li a .front{opacity:1;
  padding:0; background:rgba(0,0,0,1);
  min-height:300px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
}
.m-landing ul li a .front h2{ line-height:30px; text-align:center; margin:240px 0px 0 0px; padding-bottom:80px; color:#FFF; font-size:30px; position:relative;width: 100%;}
.m-landing ul li a .front h2::after{ content:""; width:40px; height:40px; /*background:url(../images/icon-landing.png)no-repeat center;*/ position:absolute; bottom:0; left:50%; margin-left:-20px; }
.m-landing ul li a .front h2 img{opacity:1; object-fit:none; }
/* .m-landing ul li .icon{width:100%; height:40px; text-align:center; position:relative;}
.m-landing ul li .icon img{opacity:1; object-fit: none; } */
.m-landing ul li a .front img {width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; opacity:1; }
.m-landing ul li a .back{opacity:1; max-height:auto; min-height:300px; z-index:200;
 background:#FFF;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
}
.m-landing ul li a .back h2{ line-height:40px; text-align:center; margin:0; padding:0; color:#282C74; font-size:30px; position:relative; display:block;}
.m-landing ul li a .back p{ line-height:25px; text-align:center; margin:0; text-align: left; padding-left: 20px; padding-right: 5px; color:#666; font-size:25px; position:relative; display:block;}
.m-landing ul li a .back .btu{width:auto; line-height:26px; padding:5px 60px 5px 0; color:#282C74; font-size:20px; display:block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.m-landing ul li a .e-mmb{opacity:1;
  padding:0; background:rgba(0,0,0,1);
  min-height:300px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.51);
}
.m-landing ul li a .e-mmb .btu{width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #282C74; color:#282C74; font-size:20px; display:inline-block; z-index:60;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.m-landing ul li a .e-mmb h2{position: relative;top: 108px;color: #FFF;font-size: 30px;}
.m-landing ul li a:hover .e-mmb .btu{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.m-landing ul li a .e-mmb img {width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; opacity:1;border-radius: 30px; }

/* .m-landing ul li a:hover .mmb{opacity:0; max-height:0px; min-height:0; }
.m-landing ul li a:hover .h-mmb{opacity:1; max-height:auto; min-height:300px; padding:30px; }
.m-landing ul li a:hover .h-mmb h2{display:inline-block;}
.m-landing ul li a:hover .h-mmb p{display:inline-block;}
.m-landing ul li a:hover .h-mmb .btu{display:inline-block;} */

.h-btu{width:auto; line-height:26px; margin-top:40px; padding:5px 80px 5px 16px; border:2px solid #FFF; color:#FFF; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-btu:hover{border:2px solid #B71F25; color:#FFF;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.h-about{width:100%; padding:92px 0; display:inline-block;}
.h-about article{width:100%; padding:0 0 43px 0; display:inline-block;}
.h-about article .logo{width:9%; padding:0 34px 0 0; display:block; float:left;}
.h-about article .logo .pic{width:100%; padding:0 0 46px 0; border-bottom:8px solid #B71F25; display:block;}
.h-about article .logo .pic img{width:100%;}
.h-about article p{width:91%; line-height:40px; padding:0; color:#666; font-size:40px; display:inline-block; float:left;}
.h-about .btu{width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #282C74; color:#282C74; font-size:20px; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-about .btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.about{width:100%; display:inline-block;}
.about article{width:100%; padding:92px 0 65px 0; display:inline-block;}
.about article .logo{width:9%; padding:0 34px 0 0; display:block; float:left;}
.about article .logo .pic{width:100%; padding:0 0 46px 0; display:block;}
.about article .logo .pic img{width:100%;}
.about article h3{width:91%; line-height:50px; margin:0 0 80px 0; padding:0 0 84px 0; color:#666; font-size:50px; display:inline-block; float:left; position:relative;}
.about article h3 em{width:114px; height:8px; padding:0; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:50;  background:#B71F25; position:absolute;}
.about article ul{width:100%; display:inline-block;}
.about article ul li{padding:15px; display:block;}
.about article ul li span{width:100%; height:250px; padding:25px 34px; display:block; background:#E6E7E8; }
.about article ul li span h5{width:100%; line-height:40px; margin:0; padding:0 0 26px 0; color:#272C73; font-size:35px; text-decoration:underline; display:inline-block;}
.about article ul li span p{width:100%; line-height:26px; margin:0; padding:0; color:#666; font-size:25px; display:inline-block;}
.about .award{width:100%; padding:0 0 80px 0; display:inline-block; background:#282C74; }
.about .award h3{width:auto; line-height:54px; margin:40px 0; padding:0 36px 0 0; color:#FFF; font-size:50px; display:inline-block; position:relative;}
.about .award h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0); }
.about .award ul.nav{ border:0; border-radius:0 !important; }
.about .award ul.nav li{width: 25%; padding:0 15px; border-radius:0 !important; display:block; float:left;}
.about .award ul.nav li a{width:100%; line-height:40px; margin:0; padding:20px 33px; color:#FFF; font-size:35px; border:0; border-radius:0; display:block; background:#171A42; opacity:0.5; position:relative;}
.about .award ul.nav li a em{width:80px; height:5px; padding:0; border:0; display:block; background:#B71F25; opacity:0; position:absolute; left:33px; bottom:0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.about .award ul.nav li:hover a, .about .award ul.nav li.active a{opacity:1; }
.about .award ul.nav li:hover a em, .about .award ul.nav li.active a em{opacity:1;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.about .award .tab-content > .tab-pane{ display:none;}
.about .award .tab-content > .active{display:block;}
.about .award .history{width:100%; padding:30px 33px; display:block; background:#171A42; }
.about .award .history dt{width:100%; padding:10px 0; border-bottom:1px solid #282C74; display:inline-block;}
.about .award .history h4{width:20%; line-height:40px; margin:0; padding:0; color:#FFF; font-size:40px; display:block; float:left;}
.about .award .history p{width:80%; line-height:30px; margin:0; padding:5px 0; color:#FFF; font-size:30px; font-weight:normal; display:block; float:left;}
.about .youtube{width:100%; padding:80px 0; display:inline-block; background:#000; }
.about .youtube figure{width:100%; display:inline-block; position:relative;}
.about .youtube figure .text{width:auto; color:#FFF; text-align:left; display:block; position:absolute; right:5%; top:8%; z-index:50; opacity:1;}
.about .youtube figure .logo{width:auto; line-height:100px; color:#FFF; font-size:150px; text-align:left; display:block;}
.about .youtube figure h1{width:auto; line-height:100px; padding-bottom:35px; color:#FFF; font-size:150px; text-align:left; display:block;}
.about .youtube figure em{width:114px; height:8px; padding:0; text-align:center; display:block; background:#B71F25; }
.about .youtube figure iframe{width:100%; height:950px; padding:0; display:block;}

.h-busineess{width:100%; padding:43px 0 53px 0; display:inline-block; background:url(../images/bg2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.h-busineess h3{width:auto; line-height:54px; margin:0; padding:0 36px 0 0; color:#FFF; font-size:50px; display:inline-block; position:relative;}
.h-busineess h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0); }
.h-busineess ul{width:100%; margin:0; padding:0; display:inline-block;}
.h-busineess ul li{margin:0; padding:15px;}
.h-busineess ul li .pic{width:100%; margin:0; padding:0; display:block; background:#FFF; }
.h-busineess ul li .pic img{width:100%; }
.h-busineess ul li .content{width:100%; padding:23px 38px; display:inline-block; background:#171A42; }
.h-busineess ul li .content h5{width:100%; line-height:32px; margin:0 0 20px 0; color:#FFF; font-size:27px; text-decoration:underline; display:inline-block;}
.h-busineess ul li .content .text{width:100%; height:108px; line-height:18px; overflow:hidden; margin:0 0 23px 0; color:#FFF; font-size:14px; display:inline-block;}
.h-busineess ul li .content .btu{width:auto; line-height:26px; padding:5px 60px 5px 0; color:#FFF; font-size:20px; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-busineess ul li .content .btu:hover{background:url(../images/arrow-right.png) no-repeat top 12px right 2px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.busineess{width:100%; display:inline-block; }

.busineess .topic{width:100%; padding:40px 0; text-align:center; display:inline-block; background:#282C74; position:relative;}
.busineess .topic h4{width:100%; line-height:36px; margin:0; padding:0; color:#FFF; font-size:35px; display:inline-block;}
.busineess .topic em{width:80px; height:5px; margin:0; padding:0; background:#B71F25; display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-40px; }
.busineess section{width:100%; padding-bottom:45px; display:inline-block;}
.busineess .ff{width:100%; padding:30px; display:inline-block; background:#171A42; }
.busineess section h5{width:100%; min-height:280px; line-height:30px; padding:35px 12%; margin:0; color:#666; font-size:22px; text-align:center; display:inline-block; background:#FFF; }
.busineess section .pic{width:100%; text-align:center; display:inline-block;}
.busineess section .pic img{padding:0; text-align:center; display:block;}
.busineess .group{height:auto; margin:0; padding:27px; text-align:center; background:#E6E7E8; display:block;}
.busineess .group p{width:100%; line-height:47px; margin:0; padding:0 0 15px 0; color:#272C73; font-size:35px; display:inline-block;}
.busineess .group dt{width:auto; margin:5px 0; display:inline-block;}
.busineess .group dt img{max-width:100px; padding: 5px;}
.busineess .group a{width:auto; margin:0; display:inline-block;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.busineess .group a img{width:auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.busineess .group a:hover img{width:auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.busineess .other{height:auto; margin:0; padding:27px; text-align:center; background:#FFF; display:block;}
.busineess .other.border{padding-bottom:35px; border-bottom:1px solid #666;}
.busineess .other em{width:100%; margin-bottom:35px; text-align:center; display:inline-block;}
.busineess .other .pic{width:100%; margin-bottom:35px; text-align:center; display:inline-block;}
.busineess .other .pic img{ display:inline-block;}
.busineess .other h4{width:100%; line-height:47px; margin:0; padding:10px 0 25px 0; color:#272C73; font-size:35px; display:inline-block;}
.busineess .other h6{width:100%; line-height:30px; padding:0; margin:0; color:#666; font-size:22px; text-align:center; display:inline-block;}
.busineess .other p{width:70%; line-height:26px; padding:0; margin:0 auto 35px auto; color:#666; font-size:22px; text-align:center; display:inline-block;}
.busineess .other p a{color:#666; font-size:22px; }

.busineess section.bg{background:url(../images/bg2.jpg) no-repeat top 90px center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#282C74 }

.busineess article{width:100%; display:inline-block; background:#282C74; }
.busineess article .topic{width:100%; padding:40px 0; display:inline-block;}
.busineess article .topic h4{width:100%; line-height:36px; margin:0; padding:0; color:#FFF; font-size:35px; display:block;}
.busineess article .bg{width:100%; padding-bottom:80px; display:inline-block; background:url(../images/bg2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.busineess article .bg ul.nav{ border:0; border-radius:0 !important; }
.busineess article .bg ul.nav li{width: 33.33333333%; padding:0 15px; border-radius:0 !important; display:block; float:left;}
.busineess article .bg ul.nav li a{width:100%; line-height:40px; margin:0; padding:20px 33px; color:#FFF; font-size:35px; border:0; border-radius:0; display:block; background:#171A42; opacity:0.5; position:relative;}
.busineess article .bg ul.nav li a em{width:80px; height:5px; padding:0; border:0; display:block; background:#B71F25; opacity:0; position:absolute; left:33px; bottom:0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.busineess article .bg ul.nav li:hover a, .busineess article .bg ul.nav li.active a{opacity:1; }
.busineess article .bg ul.nav li:hover a em, .busineess article .bg ul.nav li.active a em{opacity:1;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.busineess article .bg .tab-content > .tab-pane{ display:none;}
.busineess article .bg .tab-content > .active{display:block;}
.busineess article .bg figure{width:100%; padding:30px 30px 80px 30px; display:block; background:#171A42;}
.busineess article .bg figure span{width:100%; padding:0; display:inline-block; background:#FFF; }
.busineess article .bg figure span .pic{padding:0; display:block;}
.busineess article .bg figure span .pic img{width:100%; }
.busineess article .bg figure span .text{padding:38px; display:block;}
.busineess article .bg figure span .text p{ width:100%; line-height:27px; color:#666; font-size:25px; display:block;}
.busineess article .bg figure h4{width:100%; margin:0; padding:26px 0; color:#FFF; font-size:35px; display:block;}
.busineess article .bg figure .row{margin:-5px; }
.busineess article .bg figure .btu{ padding:5px; display:block;}
.busineess article .bg figure .btu a{width:100%; line-height:22px; padding:15px 15px; color:#FFF; font-size:20px; border:2px solid #FFF; text-transform:uppercase; text-align:left; display:inline-block;
  background:url(../images/arrow-right.png) no-repeat top 17px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.busineess article .bg figure .btu a:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.busineess .btu-prev{width:100%; padding:40px 0; display:inline-block; background:#FFF; }
.busineess .btu-prev a{min-width:220px; line-height:26px; margin:0; padding:5px 80px 5px 16px; border:2px solid #282C74; color:#282C74; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-left.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.busineess .btu-prev a:hover{border:2px solid #B71F25; color:#282C74;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.h-csr{width:100%; padding:43px 0 63px 0; display:inline-block; background:url(../images/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.h-csr h3{width:auto; line-height:54px; margin:0; padding:0 36px 0 0; color:#FFF; font-size:50px; display:inline-block; position:relative;}
.h-csr h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0); }
.h-csr .content{width:1227px; margin-top:25px; text-align:left; display:inline-block;}
.h-csr h2{width:auto; line-height:60px; margin:0 0 53px 0; color:#FFF; font-size:55px; text-align:left; text-decoration:underline; display:inline-block;}
.h-csr em{width:114px; height:8px; margin:0 0 47px 0; padding:0; text-align:left; background:#B71F25; display:block;}
.h-csr .btu{width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #FFF; color:#FFF; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-csr .btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.csr{width:100%; display:inline-block;}
.csr .topic {width:100%; margin:0; padding:140px 0; text-align:left; display:inline-block; background:url(../images/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.csr .topic .content{width:1227px; margin-top:25px; text-align:left; display:inline-block;}
.csr .topic .content h2{width:auto; line-height:60px; margin:0 0 40px 0; color:#FFF; font-size:55px; text-align:left; text-decoration:underline; display:inline-block;}
.csr .topic .content h3{width:auto; line-height:60px; margin:0 0 0px 0; color:#FFF; font-size:40px; text-align:left; display:inline-block;}
.csr .topic .content em{width:114px; height:8px; margin:0 0 47px 0; padding:0; text-align:left; background:#B71F25; display:block;}
.csr ul{width:100%; margin:40px 0 80px 0; padding:0; text-align:center; display:inline-block;}
.csr ul.news{width:100%; margin:-18px 0 80px 0; padding:0; text-align:center; display:inline-block;}
.csr ul li{margin:0; padding:15px;}
.csr ul li .pic{width:100%; margin:0; padding:0; display:block;}
/* .csr ul li .pic img{width:100%; height:15vw; } */
.csr ul li .pic img{width:100%; }
.csr ul li .content{width:100%; padding:23px 38px; text-align:left; display:inline-block; background:#E6E7E8; }
.csr ul li .content h5{width:100%; height:56px; line-height:28px; overflow:hidden; margin:0 0 20px 0; color:#272C73; font-size:25px; text-decoration:underline; display:inline-block;}
.csr ul li .content .text{width:100%; height:72px; line-height:18px; overflow:hidden; margin:0 0 23px 0; color:#666; font-size:14px; display:inline-block;}
.csr ul li .content .btu{width:auto; line-height:26px; padding:5px 60px 5px 0; color:#272C73; font-size:20px; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.csr ul li .content .btu:hover{background:url(../images/arrow-right.png) no-repeat top 12px right 2px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.csr ul .f-btu{width:auto; line-height:26px; margin:60px 0 0 0; padding:5px 80px 5px 16px; border:2px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/icon-more.png) no-repeat top 8px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.csr ul .f-btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.m-detail{width:100%; display:inline-block;}
.m-detail .pic{width:100%; display:inline-block;}
.m-detail .content{width:100%; padding:40px 7% 80px 7%; display:inline-block; background:#E6E7E8}
.m-detail .content h4{ width:100%; line-height:37px; margin:0; padding:0; color:#262C72; font-size:35px; text-decoration:underline; text-align:left; display:block; font-family:'rsubold' !important; }
.m-detail .content .date{width:100%; line-height:14px; margin:0; padding:7px 0; color:#999; font-size:20px; display:block; font-family:'rsubold' !important;}
.m-detail .content .text{ width:100%; min-height:400px; margin:0; padding:49px 0 80px 0; color:#666; font-size:17px; display:block;}
.m-detail .content .f-share{ width:346px; padding:2px 0 0 50px; display:inline-block; float:left;}
.m-detail .content label{ padding:0 23px 0 0; line-height:32px; color:#1B394E; font-size:20px; font-weight:normal; float:left; font-family:'rsubold' !important;} }
.m-detail .content .share{width:auto; padding:0; display:inline-block; float:left; }
.m-detail .content .f-btu{width:auto; line-height:26px; margin:0; padding:5px 80px 5px 16px; border:2px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-left.png) no-repeat top 12px right 10px; float:left;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.m-detail .content .f-btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.m-more{width:100%; padding:26px 0 63px 0; display:inline-block;}
.m-more .main{ }
.m-more h4{width:100%; line-height:48px; margin:0; padding:0; color:#282C74; font-size:35px; display:inline-block; position:relative; float:left;}
.m-more ul{width:100%; margin:26px 0 0 0; padding:0; display:inline-block;}
.m-more ul li{margin:0; padding:0 15px;}
.m-more ul li .pic{width:100%; margin:0; padding:0; display:block;}
.m-more ul li .pic img{width:100%; }
.m-more ul li .content{width:100%; padding:23px 38px; display:inline-block; background:#E6E7E8; }
.m-more ul li .content h5{width:100%; height:56px; overflow:hidden; line-height:28px; margin-bottom:20px; color:#272C73; font-size:25px; text-decoration:underline; display:inline-block;}
.m-more ul li .content .text{width:100%; height:72px; line-height:18px; overflow:hidden; margin:0 0 23px 0; color:#666; font-size:14px; display:inline-block;}
.m-more ul li .content .btu{width:auto; line-height:26px; padding:5px 60px 5px 0; color:#272C73; font-size:20px; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.m-more ul li .content .btu:hover{background:url(../images/arrow-right.png) no-repeat top 12px right 2px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.h-news{width:100%; padding:43px 0 63px 0; display:inline-block;}
.h-news h3{width:auto; line-height:54px; margin:0; padding:0 36px 0 0; color:#272C73; font-size:50px; display:inline-block; position:relative; float:left;}
.h-news h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0);}
.h-news .f-btu{width:auto; line-height:26px; margin:5px 0 0 0; padding:5px 80px 5px 16px; border:1px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px; float:right}
.h-news ul{width:100%; margin:40px 0 0 0; padding:0; display:inline-block;}
.h-news ul li{margin:0; padding:0 15px;}
.h-news ul li .pic{width:100%; margin:0; padding:0; display:block;}
.h-news ul li .pic img{width:100%; }
.h-news ul li .content{width:100%; padding:23px 38px; display:inline-block; background:#E6E7E8; }
.h-news ul li .content h5{width:100%; height:56px; overflow:hidden; line-height:28px; margin:0 0 20px 0; color:#272C73; font-size:25px; text-decoration:underline; display:inline-block;}
.h-news ul li .content .text{width:100%; height:72px; line-height:18px; overflow:hidden; margin:0 0 23px 0; color:#666; font-size:14px; display:inline-block;}
.h-news ul li .content .btu{width:auto; line-height:26px; padding:5px 60px 5px 0; color:#272C73; font-size:20px; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-news ul li .content .btu:hover{background:url(../images/arrow-right.png) no-repeat top 12px right 2px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}


.h-job{width:100%; padding:43px 0 63px 0; display:inline-block; background:url(../images/bg4.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.h-job h3{width:auto; line-height:54px; margin:0; padding:0 36px 0 0; color:#FFF; font-size:50px; display:inline-block; position:relative;}
.h-job h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0);}
.h-job .content{width:100%; margin-top:30px; display:inline-block;}
.h-job h2{ line-height:60px; margin:0; padding:0; color:#FFF; font-size:55px; text-decoration:underline; display:block;}
.h-job figure{margin:0 0 25px 0; padding:0; border-bottom:1px solid #FFF; display:block;}
.h-job figure span{margin:0; padding:0 0 28px 0; display:block;}
.h-job figure span h4{width:100%; line-height:40px; margin:12px 0 20px 0; color:#FFF; font-size:35px; display:inline-block;}
.h-job figure span p{width:100%; line-height:30px; margin:0; color:#FFF; font-size:25px;display:inline-block;}
.h-job figure span p a{width:100%; line-height:30px; margin:0; color:#FFF; font-size:25px;}
.h-job figure span .btu{width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #FFF; color:#FFF; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-job figure span .btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-job .mail{line-height:30px; margin:0; padding-left:36px; color:#FFF; font-size:20px; text-align:left; display:block; float:right !important;}
.h-job .mail:hover{color:#B71F25;}
.h-job .mail::before{content:"\f003"; color:#B71F25; font-family:'FontAwesome'; position:absolute; left:0; top:0; }


.h-conduct{width:100%; padding:60px 0 80px 0; display:inline-block; background:url(../images/bg-conduct.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.h-conduct h3{width:auto; line-height:54px; margin:0; padding:0 36px 0 0; color:#FFF; font-size:50px; display:inline-block; position:relative;}
.h-conduct h3::after{ content:""; width:9px; height:28px; display:block; position:absolute; right:0; top:11px; background:#B71F25;
-ms-transform: skew(-30deg,0);
-webkit-transform: skew(-30deg,0);
transform: skew(-30deg,0);}
.h-conduct .content{width:100%; margin-top:30px; display:inline-block;}
.h-conduct h2{ line-height:60px; margin:0; padding:0; color:#FFF; font-size:55px; text-decoration:none; display:block;}
.h-conduct figure{margin:0 0 25px 0; padding:0; border-bottom:1px solid #FFF; display:block;}
.h-conduct figure span{margin:0; padding:0 0 28px 0; display:block;}
.h-conduct span h4{width:100%; line-height:30px; margin:20px 0 20px 0; color:#FFF; font-size:35px; display:block;}
.h-conduct figure span p{width:100%; line-height:30px; margin:0; color:#FFF; font-size:25px;display:inline-block;}
.h-conduct figure span p a{width:100%; line-height:30px; margin:0; color:#FFF; font-size:25px;}
.h-conduct figure span .btu{width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #FFF; color:#FFF; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-conduct figure span .btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-conduct .mail{line-height:30px; margin:0; padding-left:0px; color:#FFF; font-size:20px; text-align:left; display:block; float:left; !important;}
.h-conduct .mail:hover{color:#f0ad4e;}
.h-conduct .mail::before{content:"\f003"; color:#f0ad4e; font-family:'FontAwesome'; position:unset; left:0; top:0; margin-right: 10px;}

.h-conduct .online{line-height:30px; margin:0; color:#FFF; font-size:16px; text-align:left; display:block; float:left; !important;}

.job{width:100%; padding:26px 0 80px 0; display:inline-block;}
.job .container{width:100%; padding:0; display:inline-block; position:relative;}
.job .container .step{position:absolute; right:0; top:20px; display:block;}
.job .container .step i{width:60px; height:60px; line-height:60px; margin:0 0 0 20px; padding:0; border-radius:50%; color:#FFF; font-size:30px; font-style:normal; text-align:center; display:inline-block; background:#282C74; }
.job .container .step i.active{background:#B71F25; }
.job .container .step em{width:20px; height:1px; margin:0; padding:0; border-top:1px solid #282C74; display:inline-block; position:absolute; top:30px;}
.job .container .step em.active{ border-top:1px solid #B71F25;}
.job .container .step em.st1{left:60px;}
.job .container .step em.st2{left:140px;}
.job .container h4{width:100%; line-height:40px; margin:0; padding:30px 0; color:#282C74; font-size:35px; position:relative; display:inline-block;}
.job .container .content{width:100%; display:inline-block;}
.job .container .content .topic{width:100%; padding:14px 80px 14px 33px;  display:inline-block; background:#282C74; position:relative;}
.job .container .content .topic h5{width:auto; line-height:32px; color:#FFF; font-size:30px; text-decoration:underline; display:inline-block;}
.job .container .content .topic .hot{width:auto; line-height:32px; margin-left:40px; padding:0 26px; color:#FFF; font-size:20px; display:inline-block; background:#B71F25; }
.job .container .content .topic em{width:40px; height:40px; margin:0; padding:0; display:block; background:url(../images/icon-open.jpg) no-repeat; position:absolute; right:20px; top:20px; }
.job .container .content .open .topic em{background:url(../images/icon-close.jpg)}
.job .container .bottom{width:100%; padding:0 30px 50px 30px; display:inline-block;}
.job .container .content .detail{width:100%; padding:0; border-bottom:1px solid #FFF; display:inline-block; background:#e4e9ef;}
.job .container .content .detail.st{padding:30px; }
.job .container .content .detail figure{width:100%; padding:20px 33px; border-bottom:1px solid #c2c4da; display:inline-block;}
.job .container .content .detail figure:last-child{border-bottom:0;}
.job .container .content .detail figure dt{padding:0; display:block;}
.job .container .content .detail figure dt h5{width:100%; line-height:30px; margin:0 0 20px 0; padding:5px 0; color:#282C74; font-size:25px; display:inline-block;}
.job .container .content .detail figure dt .logo{width:100%; display:inline-block;}
.job .container .content .detail figure dt .logo img{max-width:400px; display:inline-block;}
.job .container .content .detail figure dt span{width:100%; padding:8px 0; display:inline-block;}
.job .container .content .detail figure dt span p{width:auto; line-height:28px; margin:0; padding:0; color:#6b7384; font-size:25px; font-weight:normal; display:inline-block;}
.job .container .content .detail figure dt p{width:auto; line-height:28px; margin:0; padding:0; color:#6b7384; font-size:25px; font-weight:normal; display:inline-block;}
.job .container .content .detail figure dt ul{width:95%; margin:0; padding:0; display:block;}
.job .container .content .detail figure dt ul li{width:100%; line-height:22px; margin:0; padding:0 0 10px 20px; color:#6b7384; font-size:25px; font-weight:normal; display:block;
background:url(../images/bullet-point.png) no-repeat left 2px top 8px; }
.job .container .content .detail figure .f-btu{width:auto; line-height:26px; margin:0; padding:5px 80px 5px 16px; border:2px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px; float:right;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.job .container .content .detail figure .f-btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.job .container .content .detail figure .browse{width:auto ; line-height:26px; margin:0; padding:2px 40px 1px 5px; border:2px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px; float:left !important; font-family:'rsubold';
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.job .container .content .detail figure .browse:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.job .container .content .detail figure input[type="file"]{ color:#272C73; font-size:20px;}


/****************/
.job .container .content .detail figure form .input-group{width:auto; line-height:26px; margin:0; padding:5px 80px 5px 16px; border:2px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px; float:left;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.job .container .content .detail figure form .input-group input[type="text"].browse{width:30%; line-height:26px; color:#272C73; font-size:20px; float:left;}
.job .container .content .detail figure form .input-group .input-group-btn{width:100px; line-height:26px; color:#272C73; font-size:20px; display:block; float:left;}
/****************/

.job .jobstep {width:100%; display:inline-block; background:#E6E7E8; }
.job .remark {width:100%; padding:26px; display:inline-block; background:#171A42; }
.job .remark h4{width:100%; line-height:30px; margin:0 0 15px 0; padding:5px 0; color:#B71F25; font-size:30px; display:inline-block; }
.job .remark p{width:100%; line-height:25px; margin:0 0 15px 0; padding:0; color:#FFF; font-size:25px; display:inline-block; }
.job .remark label{width:auto; padding:0 40px 0 0 !important; display:inline-block;}
.job section {width:100%; display:inline-block;}
.job section fieldset{width:100%; margin:0 0 15px 0; display:inline-block;}
.job section fieldset p{width: 100%; height: 50px; padding: 10px 0; line-height: 50px; margin-bottom: 10px; color: #262C72; font-size: 1.2em; display: inline-block;}
.job section fieldset .msub{height:36px; padding:7px 15px; line-height:22px; margin-bottom:14px; color:#262C72; font-size:25px; text-align:center; display:inline-block;}
.job section input::-moz-placeholder{color:#666; opacity:1}
.job section input:-ms-input-placeholder{color:#666;}
.job section input::-webkit-input-placeholder{color:#666;}
.job section input[type="text"]{ line-height:40px; padding:0 15px; color:#666; font-size:1.2em; border:0; background:#FFF; display:block;}
.job section select.present_addr{ height: 40px; line-height:40px; padding:0 15px; color:#666; font-size:1.2em; border:0; background:#FFF; display:block;}
.job section input[type="date"]{ line-height:40px; padding:0 5px; color:#666; font-size:1.2em; border:0; background:#FFF; display:block;}
.job section input[type="number"]{ line-height:40px; padding:0 15px; color:#666; font-size:1.2em; border:0; background:#FFF; display:block;}
.job section input[type="email"]{ line-height:40px; padding:0 15px; color:#666; font-size:1.2em; border:0; background:#FFF; display:block;}
.job section input[type="submit"] {width:auto; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #FFF; color:#FFF; font-size:20px; text-align:left; display:inline-block; background:url(../images/arrow-right.png) no-repeat top 12px right 10px; }
.job section input[type="submit"]:hover{border:2px solid #B71F25;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
.job section textarea#responsibilities{height:400px; padding:8px 20px; font-size:1.2em; color:#666; line-height:30px; border:0; resize:none; float:left; background:#FFF;}
.job section textarea#information{height:200px; padding:8px 20px; font-size:25px; color:#666; line-height:30px; border:0; resize:none; float:left; background:#FFF;}
.job section label{width:auto; padding:0; line-height:40px; font-size:1.2em; color:#666; font-weight:normal; float:left;}
.job section label.nc{padding:0 15px 0 0 !important; }
.job section .slit{display:inline-block; float:left;}
.job section .slit-b{display:inline-block; float:left;}
.job section .mark{line-height:20px; /*font-size:19px;*/ color:#B71F25; display:contents; position:static; right:3px; bottom:10px; background:none; z-index:99;}
.job section span{display:inline-block; float:left;}
.job section fieldset .lang .bootstrap-select.btn-group .dropdown-toggle .filter-option{padding:0; }
.job section fieldset .lang .bootstrap-select > .dropdown-toggle.bs-placeholder,
.job section fieldset .lang .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.job section fieldset .lang .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.job section fieldset .lang .bootstrap-select > .dropdown-toggle.bs-placeholder:active{padding:0; }
.job section fieldset .lang .bootstrap-select.btn-group .dropdown-menu li a span.text{background:none; padding:0; }
.job section fieldset .lang .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{padding:0 15px; }
.job section fieldset .dropdown-toggle{ margin:0; border-radius:0; border:0; background:#FFF; }
.job section fieldset .btn-group.open .dropdown-toggle{box-shadow:none;}
.job section fieldset .dropdown-menu{ font-size:1.2em; border-radius:0; border:0; }
.job section fieldset .btn{ font-size:1.2em; line-height:40px !important; padding:0 0 0 17px; }
.job section fieldset .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{height:40px;}
.job section fieldset .dropdown-menu > .active > a,
.job section fieldset .dropdown-menu > .active > a:hover,
.job section fieldset .dropdown-menu > .active > a:focus{background:#FFF !important; }
.job section fieldset .bootstrap-select > .dropdown-toggle.bs-placeholder,
.job section fieldset .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.job section fieldset .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.job section fieldset .bootstrap-select > .dropdown-toggle.bs-placeholder:active{ color:#666; }
.job section fieldset .btn-default:active, .job section fieldset .btn-default.active, .job section fieldset .open > .dropdown-toggle.btn-default{background:#FFF; }
.job section fieldset .bootstrap-select.btn-group .dropdown-toggle .caret{
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -5px;
  vertical-align: middle;
  border-bottom:0;
}
.job section fieldset .caret {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 2px;
  padding:0;
  vertical-align: top;
  border:0;
  background:url(../images/arrow-dropdown.png) no-repeat center center !important;
}
.job section fieldset .pad40{padding:0 40px 0 0 !important; }
.job section fieldset .pad80{padding:0 80px 0 0; }
.job section fieldset .col-md-20{width:20%; padding:0 15px; float:left;}
.job section fieldset .attach{width:100%; padding:30px 18%; text-align:center; background:#171A42; display:inline-block;}
.job section fieldset .attach input[type="text"]{width:91.5%; line-height:36px; padding:0 15px; color:#FFF; font-size:18px; border:0; background:none; display:block;}
.job section fieldset .attach input::-moz-placeholder{color:#FFF; opacity:1}
.job section fieldset .attach input:-ms-input-placeholder{color:#FFF;}
.job section fieldset .attach input::-webkit-input-placeholder{color:#FFF;}
.job section fieldset .attach .pic{width:100%; height:370px; margin-bottom:30px; display:inline-block; background:#FFF; }
.job section fieldset .attach .pic img{width:100%; }
.job section fieldset .attach .input-group{width:100%; border:2px solid #FFF; position:relative;}
.job section fieldset .attach .input-group-btn { width:8.5%; float:left; position:absolute; right:0; }
.job section fieldset .attach .input-group-btn .icon{width:15px; height:21px; position:absolute; right:9px; top:8px; display:inline-block; background:url(../images/icon-attach.png) no-repeat; }
.job section fieldset .attach .btn-choose{width:100%; line-height:36px; padding:0; color:#FFF; font-size:20px; font-weight:bold; text-align:right; letter-spacing:-1px; background:none; border-radius: 0px 46px 46px 0px !important;
-moz-border-radius: 0px 46px 46px 0px;
-webkit-border-radius: 0px 46px 46px 0px;
 border:0;
 opacity:0;
 position:relative;
 transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
}
.job section fieldset ul{width:100%; margin:0; padding:0; display:inline-block;}
.job section fieldset ul li{width:100%; margin:0; padding:0; display:inline-block;}
.job section fieldset .tail{width:auto; line-height:40px; color:#666; font-size:25px; cursor:default; display:inline-block; position:absolute; bottom:0px; right:30px; z-index:90; }
.job section fieldset ul li .frame{height:auto; line-height:20px; margin:2px 0; padding:0 2px; display:inline-block; float:left;}
.job section fieldset ul li .frame span{width:100%; margin:0; padding:0 15px; font-size:25px; display:inline-block; background:#FFF; }
.job section fieldset ul li .frame span .sub{height:25px; line-height:25px; margin:0 0 7px 0; padding:0; color:#FFF; font-size:25px; text-align:center; :inline-block;}
.job section fieldset ul li .frame span label{width:100%; line-height:40px; margin:0; padding:0 !important; color:#FFF; display:inline-block; background:#171A42; }
.job section fieldset ul li .frame span input[type="text"]{width:100%; line-height:40px; margin:0; padding:0; color:#666; display:inline-block; background:#FFF; }
.job section fieldset ul li .frame span input[type="radio"]{height:40px; line-height:40px; margin:0; padding:0;}
.job section fieldset ul li.head .frame{height:auto;}
.job section fieldset ul li.head .frame span{background:#171A42;}
.job section fieldset ul li.head .frame span label{height:60px; line-height:24px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: left;
}
.job section fieldset .list li .frame:nth-child(1){width:6%;}
.job section fieldset .list li .frame:nth-child(2){width:15%;}
.job section fieldset .list li .frame:nth-child(3){width:10%;}
.job section fieldset .list li .frame:nth-child(4){width:10%;}
.job section fieldset .list li .frame:nth-child(5){width:49%;}
.job section fieldset .list li .frame:nth-child(6){width:10%;}
.job section fieldset .edu li .frame:nth-child(1){width:100%;}
.job section fieldset .edu li .frame:nth-child(2){width:28%;}
.job section fieldset .edu li .frame:nth-child(3){width:13.5%;}
.job section fieldset .edu li .frame:nth-child(4){width:13.5%;}
.job section fieldset .edu li .frame:nth-child(5){width:20%;}
.job section fieldset .edu li .frame:nth-child(6){width:7%;}
.job section fieldset .edu li .frame:nth-child(7){width:18%;}
.job section fieldset .edu li.head .frame:nth-child(1){width:28%;}
.job section fieldset .edu li.head .frame:nth-child(2){width:27%;}
.job section fieldset .edu li.head .frame:nth-child(3){width:20%;}
.job section fieldset .edu li.head .frame:nth-child(4){width:7%;}
.job section fieldset .edu li.head .frame:nth-child(5){width:18%;}
.job section fieldset .edu li .frame span label.{height:100px; }
.job section fieldset .edu li p{margin:30px 0 0 0; }
.job section fieldset .lang li .frame:nth-child(1){width:16%;}
.job section fieldset .lang li .frame:nth-child(2){width:21%;}
.job section fieldset .lang li .frame:nth-child(3){width:21%;}
.job section fieldset .lang li .frame:nth-child(4){width:21%;}
.job section fieldset .lang li .frame:nth-child(5){width:21%;}
.job section fieldset .training li .frame{width: 33.33333333%;}
.job section fieldset .reference li .frame:nth-child(1){width:21%;}
.job section fieldset .reference li .frame:nth-child(2){width:17%;}
.job section fieldset .reference li .frame:nth-child(3){width:44%;}
.job section fieldset .reference li .frame:nth-child(4){width:18%;}
.job .next{width:200px !important; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #282C74 !important; color:#282C74 !important; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.job .next2{
  width:200px !important; 
  line-height:26px; 
  padding:5px 80px 5px 16px; 
  border:2px solid #fff !important; 
  color:#fff; 
  font-size:20px; 
  text-align:left; 
  display:inline-block;
  background:url(../images/right-arrow2.png) no-repeat top 6px right 10px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.job .next:hover{border:2px solid #B71F25 !important;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.job .next2:hover{
  background:url(../images/right-arrow.png) no-repeat top 6px right 10px;
  border:2px solid #d2e62b !important;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  color: #d2e62b;
}

.job .prev{width:200px !important; line-height:26px; padding:5px 80px 5px 16px; border:2px solid #282C74 !important; color:#282C74 !important; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-left.png) no-repeat top 12px right 10px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.job .prev:hover{border:2px solid #B71F25 !important;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}



.h-contact{width:100%; padding:43px 0 65px 0; display:inline-block;}
.h-contact h4{width:100%; line-height:30px; margin:0; padding:7px 36px 7px 0; color:#272C73; font-size:35px; display:inline-block;}
.h-contact p{width:100%; line-height:24px; margin:0; padding:3px 0 20px 0; color:#666; font-size:25px; display:inline-block;}
.h-contact ul{width:100%; margin:0; padding:0; display:inline-block;}
.h-contact ul li{ margin:0; padding:15px; text-align:center;}
.h-contact ul li .content{height:1100px; margin:0; padding:27px; text-align:center; background:#E6E7E8; display:block;}
.h-contact ul li h5{width:100%; line-height:47px; margin:0; padding:0 0 26px 0; color:#272C73; font-size:35px; text-decoration:underline; display:inline-block;}
.h-contact ul li dt{width:100%; margin:5px 0; display:inline-block;}
.h-contact ul li a{width:auto; margin:0; display:inline-block;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-contact ul li a img{width:auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-contact ul li a:hover img{width:auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}

.hover13:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 1;
	}
}

.contact{width:100%; padding:0; display:block;}
.contact .gmap{width:100%; display:block;}
.contact .gmap iframe{width:100%; height:480px; display:inline-block;}
.contact .gg-captcha{width:100%; padding:15px 0 30px 0; display:inline-block;}
.contact .f-form{width:100%; padding:0; display:block;}
.contact .f-form h5{width:100%; line-height:40px; margin:0; padding:30px 0; color:#FFF; font-size:35px; display:block;}
.contact .f-form .pad{width:100%; margin-bottom:80px; padding:50px 7% 80px 7%; }

/* #search{ width:500px; padding:0; background:#FFF; position:relative; display:none;}
.popup .topic{ width:100%; padding:15px 0 0 0 ; color:#666; font-size:40px; text-align:center; display:block;}
.popup form { width:100%; padding:20px 15px; display:inline-block;}
.popup form  input[type="text"] { width:100%; padding:0 15px; margin-bottom:15px; display:block;}
.popup form input[type="submit"] {width:100%; line-height:40px; text-align:center; padding:0; color:#FFF; font-size:25px; border:0; cursor:pointer; background:#2D96CD; float:left; transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.popup form input[type="submit"]:hover{ background:#1B394E; transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;} */

.f-contact{width:100%; padding:58px 0; display:inline-block; background:url(../images/bg-footer.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.f-contact section{margin:5px 0 0 0; display:inline-block;}
.f-contact section:first-child{margin:0; }
.f-contact section h2{width:100%; line-height:50px; margin:0; color:#262C72; font-size:50px; text-decoration:underline; display:inline-block;}
.f-contact section p{width:100%; line-height:25px; margin-bottom:5px; padding:0 0 12px 40px; color:#262C72; font-size:25px; display:inline-block; position:relative;}
.f-contact section p a{color:#262C72; }
.f-contact section p a:hover{color:#B71F25; }
.f-contact section .add::before{content:"\f015"; color:#B71F25; font-family:'FontAwesome'; position:absolute; left:0; top:0; }
.f-contact section .mail::before{content:"\f003"; color:#B71F25; font-family:'FontAwesome'; position:absolute; left:0; top:0; }
.f-contact section .tel{font-size:40px; }
.f-contact section .tel::before{content:"\f095"; color:#B71F25; font-size:25px; font-family:'FontAwesome'; position:absolute; left:0; top:3px; }
.f-contact section .fax::before{content:"\f1ac"; color:#B71F25; font-family:'FontAwesome'; position:absolute; left:0; top:0; }
.f-contact section .facebook{line-height:40px; margin-bottom:5px; padding:0 0 0 70px; color:#262C72; font-size:25px; display:inline-block; background:url(../images/icon-facebook.png) no-repeat top left; }
.f-contact section .youtube{line-height:40px; margin-bottom:5px; padding:0 0 0 70px; color:#262C72; font-size:25px; display:inline-block; background:url(../images/icon-youtube.png) no-repeat top left; }
.f-contact section .line{line-height:40px; margin-bottom:5px; padding:0 0 0 70px; color:#262C72; font-size:25px; display:inline-block; background:url(../images/icon-line.png) no-repeat top left; }
.f-contact section .linkedin{line-height:40px; margin-bottom:5px; padding:0 0 0 70px; color:#262C72; font-size:25px; display:inline-block; background:url(../images/in.png) no-repeat top left; }
.f-contact section .instagram{line-height:40px; margin-bottom:5px; padding:0 0 0 70px; color:#262C72; font-size:25px; display:inline-block; background:url(../images/icon-instagram.png) no-repeat top left; }
.f-contact section .tiktok{line-height:40px; margin-bottom:5px; padding:0 0 0 70px; color:#262C72; font-size:25px; display:inline-block; background:url(../images/icon-tiktok.png) no-repeat top left; }


footer{ width:100%; padding:0; display:inline-block;}
footer .bottom{width:100%; padding:38px 0; display:inline-block; background:#171A42;}
footer .copyright{padding:0; display:block;}
footer .copyright p{line-height:27px; padding:0; color:#FFF; font-size:20px; display:block;}
footer .copyright p a{line-height:27px; padding:0; color:#FFF; display:block; float:left;}
footer .copyright p a:hover{color:#FFF;}
footer .copyright p i{height:17px; padding:0; margin:5px 13px 0 13px; border-left:1px solid #FFF; display:block; float:left;}
footer nav{padding:0 !important; text-align:left; display:block; float:right; }
footer nav .row{margin:0 -19px; }
footer nav p{width:auto; margin:0; padding:0 19px 0 19px; display:block; float:right;}
footer nav a{width:auto; margin:0; padding:11px 0 5px 0; color:#FFF; font-size:20px; border-bottom:5px solid rgba(183,31,37,0); display:block;}
footer nav a:hover{ color:#FFF; border-bottom:5px solid rgba(183,31,37,1);}

@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}

.hvr-icon-bob {
  color:#FFF;
  font-size:20px !important;
  letter-spacing:-1px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  float:right;
  font-family: 'kanitregular';
}
.hvr-icon-bob:before {
  content: "\f106";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .2s, 1s;
  animation-duration: .2s, 1s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}



@-webkit-keyframes hvr-icon-right {
  0% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}
@keyframes hvr-icon-right {
  0% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}
@-webkit-keyframes hvr-icon-right-float {
  100% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}
@keyframes hvr-icon-right-float {
  100% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}


.hvr-icon-right {
  letter-spacing:-1px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  font-family: 'kanitregular';
}
.hvr-icon-right:before {
  content: "\f105";
  position: absolute;
  right: 0;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-right:hover:before, .hvr-icon-right:focus:before, .hvr-icon-right:active:before {
  -webkit-animation-name: hvr-icon-right-float, hvr-icon-right;
  animation-name: hvr-icon-right-float, hvr-icon-right;
  -webkit-animation-duration: .2s, 1s;
  animation-duration: .2s, 1s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}


/************************ MENU MOBILE ****************************/

#hamburger {
    box-sizing: border-box;
    display: none;
    right: 20px;
    position: fixed;
    height: 50px;
    top: 10px;
    width: 50px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.8);
    font-family: 'BOD_bold';
    color: #0086D3;
    text-align:center;
    text-transform: uppercase;
    transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;
    outline:none;
}
.textmenu{ position: relative; padding-top: 31px; font-size: 10px; font-family: 'Tahoma'}
#hamburger::before, #hamburger::after, #hamburger span {
    background: #0086D3 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    left: 7px;
    position: absolute;
    width: 35px;
}
#hamburger::before {
    top: 14px;
}
#hamburger span {
    top: 24px;
}
#hamburger::after {
    top: 34px;
}
#hamburger::before, #hamburger::after, #hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}
html.mm-opening header{position:fixed; top:0; }
html.mm-opening #mm-blocker {background: rgba(0, 0, 0, 0.2); z-index:999999; }

html.mm-opening #hamburger{right:82.5%;}
html.mm-opening #hamburger::before, html.mm-opening #hamburger::after {
    top: 23px;
}
html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
}
html.mm-opening #hamburger::before {
    transform: rotate(45deg);
}
html.mm-opening #hamburger::after {
    transform: rotate(-45deg);
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  display: none;
  right: 20px;
  position: fixed;
  height: 50px;
  top: 10px;
  width: 50px;
  z-index: 999;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 14px;
}

#nav-icon1 span:nth-child(2) {
  top: 24px;
}

#nav-icon1 span:nth-child(3) {
  top: 34px;
}

html.mm-opening #nav-icon1 span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

html.mm-opening #nav-icon1 span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

html.mm-opening #nav-icon1 span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
  height:37px;
  top: 15px;
  width: 44px;
  padding:5px;
  background:#B71F25;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 17px;
  background:#FFF;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius:0;
}

#nav-icon2 span:nth-child(odd) {
  left:5px;
  border-radius:0;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 6px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 16px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 26px;
}
html.mm-opening #nav-icon2{right:82.5%; z-index:9999; }
html.mm-opening #nav-icon2 span:nth-child(1), html.mm-opening #nav-icon2 span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

html.mm-opening #nav-icon2 span:nth-child(2), html.mm-opening #nav-icon2 span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html.mm-opening #nav-icon2 span:nth-child(1) {
  left: 9px;
  top: 12px;
}

html.mm-opening #nav-icon2 span:nth-child(2) {
  left: calc(50% - 5px);
  top: 12px;
}

html.mm-opening #nav-icon2 span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

html.mm-opening #nav-icon2 span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

html.mm-opening #nav-icon2 span:nth-child(5) {
  left: 9px;
  top: 20px;
}

html.mm-opening #nav-icon2 span:nth-child(6) {
  left: calc(50% - 5px);
  top: 20px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

html.mm-opening #nav-icon3 span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

html.mm-opening #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

html.mm-opening #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html.mm-opening #nav-icon3 span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-opening #nav-icon4 span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

html.mm-opening #nav-icon4 span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

html.mm-opening #nav-icon4 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

.mm-menu {
    background: #282C74 !important;
    color:#0086D3;
}
.mm-menu a {font-size:18px; }
.m-sub{}
#mm-1 .mm-navbar {
    display: none !important;
}
#mm-2 a{ font-size:0.9em !important; }
.mm-listview li a, .mm-listview li span{font-family: 'BOD_bold'; text-transform: uppercase;}
html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li{transition-duration: 1s;}
.mm-listview > li > a, .mm-listview > li > span{padding: 15px 10px 15px 20px;}
.mm-listview > li:not(.mm-divider):after {border-bottom-color:rgba(255, 255, 255, 0.6); }
.mm-listview > li#m-lang:not(.mm-divider)::after{ border:0; }

nav#menu ul li a.tel img{margin: -6px 10px 0 0;}
nav#menu ul li a.fb img{margin: -6px 10px 0 0;}

#m-lang{ width:100%; padding:20px 20px 0 20px; margin:0; text-align:center; display:inline-block;}
#m-lang .m-lang{width:45%; padding:0; text-align:center; display:inline-block;}
#m-lang .m-lang a{ width:100%; padding:7px 0; margin:0; color:#FFF; font-size:18px !important; border:1px solid #FFF; display:inline-block; text-align:center;}
/* #m-lang .m-lang a img{opacity:0.5; } */
#m-lang .m-lang a.active, #m-lang .m-lang a:hover{color:#000; border:1px solid #FFF; background:#FFF; }
/* #m-lang .m-lang a.active img, #m-lang .m-lang a:hover img{opacity:1; } */
#m-lang .m-lang .image-cropper { width:30px; height:30px; position:relative; text-align:center; overflow:hidden; border-radius:50%;}
#m-lang .m-lang .image-cropper img { width:auto; height:100%; display:inline; margin:0 auto;}
#m-social{ width:100%; padding:20px 20px 0 20px; margin:0; text-align:center; display:inline-block;}
#m-social::after{ border:0; }
#m-social .social{width:30%; padding:0; text-align:center; display:inline-block;}
#m-social .social a{ padding:0; margin:0 4px; display:inline-block; }
#m-social .social a:hover{}
#m-social .social .image-cropper { width:35px; height:35px; position:relative; text-align:center; overflow:hidden; border-radius:50%;}
#m-social .social .image-cropper img { width:auto; height:100%; display:inline; margin:0 auto;}
#m-member{ width:100%; padding:17px 0 8px 0; margin:0; text-align:center; display:inline-block;}
#m-member .member{ width:40%; padding:0; margin:0; text-align:center; display:inline-block;}
#m-member .member a{ width:auto; line-height:24px; color:#FFF; text-transform:none; display:inline-block;}
#m-member .member a img{ margin:-6px 8px 0 0; display:inline-block;}
.mm-listview .n-padding{ padding: 10px 10px 10px 20px; }
.mm-vertical.mm-opened a{padding-bottom:10px; }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next{height:40px !important; padding:0 !important; }
.sub-arrow .mm-next::after{top:15px !important;}
.tel img{ margin-right:10px; }

/*************************************PRELOAD**************************************/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width:250px;
  height:94px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /*background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/
  /* path to your loading animation */
  background:url(../images/logo.png) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  margin: -56px 0 0 -125px;
/* is width and height divided by two */
}
.ball {
	background-color: rgba(0,0,0,0);

	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:206px;
	/*box-shadow: 0 0 35px #2187e7;*/
	width:250px;
	height:94px;
	margin:0 auto;
	-moz-animation:spin 3s infinite linear;
	-webkit-animation:spin 3s infinite linear;
}

/*************************** CAPTCHA *******************************/

#rc-imageselect {transform:scale(0.77) !important; -webkit-transform:scale(0.77) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0;}


/*********************************  HR Create  ***********************************/

.content-apply-now {
  width:100%; 
  line-height:40px; 
  margin:0; 
  padding:30px; 
  color:#282C74; 
  font-size:35px; 
  position:relative; 
  display:inline-block;
}

.job .container .content .topic-apply-now {
  border-right: 3px solid #282C74;
  border-left: 3px solid #282C74;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width:100%; 
  padding:0; 
  display:inline-block; 
  background:#E6E7E8;
}

.job .container .content .topic-apply-now figure .f-btu{width:auto; line-height:26px; margin:0; padding:5px 80px 5px 16px; border:2px solid #272C73; color:#272C73; font-size:20px; text-align:left; display:inline-block;
background:url(../images/arrow-right.png) no-repeat top 12px right 10px; float:right;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.job .container .content .topic-apply-now figure .f-btu:hover{border:2px solid #B71F25;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
color: #B71F25;
}

.present-addr-topic {
  background-color: #272c74; 
  padding: 0px 10px 15px 10px;
}

.present-addr-content {
  padding: 10px 10px 30px 10px; 
  background-color: aliceblue;
}

.family-addr-topic {
  background-color: #171a42;
  padding: 0px 10px 15px 10px;
}

.family-addr-content {
  padding: 10px 10px 30px 10px; 
  background-color: aliceblue;
}

.military-addr-topic {
  background-color: #272c74; 
  padding: 0px 10px 15px 10px;
}

.military-addr-content {
  padding: 10px 10px 30px 10px; 
  background-color: aliceblue;
}

.education-topic {
  background-color: #171a42; 
  padding: 0px 10px 15px 10px;
}

.education-content {
  padding: 10px 10px 30px 10px; 
  /*border: 1px solid #272c74;*/
  background-color: aliceblue;
}

.language-topic {
  background-color: #171a42; 
  padding: 0px 10px 15px 10px;
}

.language-content {
  padding: 10px 10px 30px 10px; 
  border: 1px solid #272c74;
  /*background-color: aliceblue;*/
}

.record-topic {
  background-color: #00AB63; 
  padding: 0px 10px 15px 10px;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
}


.blink2 {
    color: red;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
    -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}

/* Standard syntax */
@keyframes example {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}

/*=======================Input radio===============================*/

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 0;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #40e0d0;
}
.option-input:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 30px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

label{margin-left: 20px;}
#datepicker{width:100%; margin: 0;}
#datepicker > span:hover{cursor: pointer;}

div.error {
  padding: 50px 0px 5px 10px;
  font-family:'rsuregular' !important;
  /*background-color: #f8d7da;*/
  color: #d60000;
  font-style: italic;
  font-size: 17px;
}


/*=======================END Input radio===============================*/

.select_job_button{
  width: 100%;
}

.content1 {
  position: relative;
  width: 100%;
  /*max-width: 400px;*/
  margin: auto;
  overflow: hidden;
}

.content1 .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content1:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content1:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}


.mySlides {display: none}

/* Slideshow container */
.slideshow-container {
  /* max-width: 1000px; */
  position: relative;
  margin: auto;
}

/* The dots/bullets/indicators */
.slideshowdot {
  text-align:center; 
  position: absolute; 
  bottom: 40px; 
  left: 160px;
}
.dot {
  width: 80px;
  height: 25px;
  padding: 0;
  margin-left: -2px;
  color:#FFF;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  border-bottom: 5px solid rgba(183, 31, 37, 0);
  background: rgba(0, 0, 0, .5);
}
.dot.active {
  color:#292C75;
  font-weight: 600;
  border-bottom: 5px solid #b71f25;
  background: rgba(255, 255, 255, 1.0);
}

/* Fading animation */
.fade {
  animation-name: fadeImage;
  opacity: 1 !important;
  animation-duration: 1.5s;
}
@keyframes fadeImage {
  0%{transform:translate(0px, 0px); opacity: 0;}
  100%{transform:translate(0px, 0px); opacity: 1;}
}

@media only screen and (max-width: 430px) {
  /* For tablets: */
  .slideshowdot{
    text-align:center; 
    position: absolute; 
    bottom: 15px; 
    left: 35px;
  }
  .dot {
    width: 20px;
    height: 25px;
    padding: 0;
    margin-left: -2px;
    color:#FFF;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    border-bottom: 5px solid rgba(183, 31, 37, 0);
    background: rgba(0, 0, 0, .5);
  }
  .dot.active {
    color:#292C75;
    font-weight: 600;
    border-bottom: 5px solid #b71f25;
    background: rgba(255, 255, 255, 1.0);
  }
  .t-landing{ width:100%; display:block; position:relative;}
  .t-landing h2{ width:100%; line-height:126px; margin:0; padding:0; color:#272C73; font-size:100px; display:block;}
  .t-landing em{ width:114px; height:8px; display:block; background:#B71F25; position:absolute; left:0; bottom:0px; }

}
/*********************************  HR Create  ***********************************/