@font-face{
	font-family:"VNI-Brush";
	src:url("../fonts/brush-tipTerrence.ttf");
}
/*----- Reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, thead, tbody, tfoot, tr, th, td{border:0;font-family:inherit;font-size:100%;margin:0;outline:0;padding:0;}
:focus{outline:0;}
ul{list-style:none;}
table{border-collapse: collapse;border-spacing: 0;width: 100%;}
img{vertical-align:top}
/*----- Common -----*/
body{background-color:#fff;color:#000;font:normal normal 100% tahoma, Helvetica, sans-serif;line-height:1.5em}
input, select, textarea{color:#38444f;font:normal normal 1em Arial, Helvetica, sans-serif;margin:0}
input{border:0}
a:link, a:visited{color:#000;text-decoration:none}
a:hover{color:#339900}
.clear{clear:both}
.container-fluid{padding-left:0px;padding-right:0px}
.row {
    margin-left: 0;
    margin-right: 0;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12{   min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;}
#wd-container{width:1000px;margin:0 auto;font-size:0.75em;border-left: 1px solid #008fda;border-right: 1px solid #008fda}
/*----- Header -----*/
#wd-header{background:url(../img/banner.jpg) no-repeat;height:546px;color:#fff;position:relative;}
#header_vn{background:transparent;height:300px;width:1000px;color:#fff;position:relative;}

#block_slider{position: relative; height:300px;width:100%}
.blocl_content_hed{position: absolute; top:0; z-index:9999}
.section_slider{position:absolute; top:0;}
.wd-logo{text-align:center}
.wd-logo h1 a{background: url(../img/logo_e.png) no-repeat;text-indent: -19999px;display:inline-block;height:253px;width:347px;}
.wd-logo h1 a.logo_jp{background: url(../img/logo_jp.png) no-repeat;text-indent: -19999px;display:inline-block;height:253px;width:347px;}
.wd-logo h1 a.logo_vn{background: url(../img/logo_vn.png) no-repeat;text-indent: -19999px;display:inline-block;height:253px;width:347px;}
.section_lang{position:absolute; top:30px; right:30px;}
.section_lang ul li{margin-bottom:10px}
.lang_jp{}
.lang_jp a{background: #8191a4 url(../img/icon_jp.png) no-repeat 15px 0px;height:29px;display:inline-block;color:#fff;padding-left:54px;padding-right:52px;line-height:28px;border-radius:5px;border:1px solid #fff}
.lang_vn a{background: #8191a4 url(../img/icon_vn.png) no-repeat 15px -2px;height:29px;display:inline-block;color:#fff;padding-left:54px;padding-right:13px;line-height:25px;border-radius:5px;border:1px solid #fff}
.lang_en a{background: #8191a4 url(../img/icon_en.png) no-repeat 15px 1px;height:29px;display:inline-block;color:#fff;padding-left:54px;padding-right:41px;line-height:25px;border-radius:5px;border:1px solid #fff}
.title_banner{position: absolute; top:200px;left:90px;  text-align:center}
.title_banner h2{font-size:30px;color:#008fda}
.section_work {width:1000px; overflow:hidden;padding-left:45px}
.section_work_1 {width:1000px; overflow:hidden;padding-left:24px !important}
.section_work h2{font-family:tahoma;font-size:30px;line-height:40px;color:#008fda;text-align:center;margin-bottom:30px;padding-right:70px}
.section_work ul li{float:left;margin-right:45px}
.section_work ul li:last-child{margin-right:0px}
.sblock{text-align:center}
.sblock .service {
  
    border-radius: 100%;
    color: #008fda;
    cursor: pointer;
    font-size: 14px;
    height: 193px;
    margin: 0 auto;
    padding: 25px;
    width: 193px;
	box-shadow: 
		inset 0 0 0 193px rgba(255,255,255,1),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.sblock .service.bl{
    background: #008fda;
    color: #fff;
	 box-shadow: none
}
.sblock .service.bl:hover{
    box-shadow: 
		inset 0 0 0 0px rgba(0,143,218,0.9),
		0 0px 0px rgba(220,25,25,0.1);
		color:#008fda;
		background:#fff;
		 border: 4px solid #008fda
		
}
.sblock .service.bl{
    border: 4px solid #fff
}

.sblock .service:hover{
	box-shadow: 
		inset 0 0 0 4px rgba(255,255,255,1),
		0 0px 0px rgba(220,25,25,0.1);
		color:#fff;
		background:#008fda
}
.sblock .service:hover .icon_light{background: url(../img/icon_light_1.png) no-repeat center; height:76px;display:block}
.sblock .service:hover .icon_home{background: url(../img/icon_home_1.png) no-repeat center; height:71px;display:block}
.sblock .service:hover .icon_pen{background: url(../img/icon_pen_1.png) no-repeat center; height:69px;display:block}
.sblock .service:hover  .icon_drawing{background: url(../img/icon_drawing_1.png) no-repeat center; height:67px;display:block}
.sblock .service:hover  .arrow_b{background: url(../img/arrow_1_1.png) no-repeat center; height:25px; display:block;margin-top:10px}
.sblock .service.bl:hover .icon_light_1{background: url(../img/icon_light.png) no-repeat center; height:76px;display:block}
.sblock .service.bl:hover .icon_home_1{background: url(../img/icon_home.png) no-repeat center; height:71px;display:block}
.sblock .service.bl:hover .icon_pen_1{background: url(../img/icon_pen.png) no-repeat center; height:69px;display:block}
.sblock .service.bl:hover .icon_drawing_1{background: url(../img/icon_drawing.png) no-repeat center; height:67px;display:block}
.sblock .service.bl:hover .arrow_b_1{background: url(../img/arrow_1.png) no-repeat center; height:25px; display:block;margin-top:10px}
.sblock .service.bl:hover .arrow_b_1_b{background: url(../img/arrow_1.png) no-repeat center; height:25px; display:block;margin-top:5px}
.icon_light{background: url(../img/icon_light.png) no-repeat center; height:76px;display:block}
.icon_home{background: url(../img/icon_home.png) no-repeat center; height:71px;display:block}
.icon_pen{background: url(../img/icon_pen.png) no-repeat center; height:69px;display:block}
.icon_drawing{background: url(../img/icon_drawing.png) no-repeat center; height:67px;display:block}
.arrow_b{background: url(../img/arrow_1.png) no-repeat center; height:25px; display:block;margin-top:10px}
.arrow_b_1{background: url(../img/arrow_1_1.png) no-repeat center; height:25px; display:block;margin-top:10px}
.arrow_b_1_b{background: url(../img/arrow_1_1.png) no-repeat center; height:25px; display:block;margin-top:6px}

.icon_light_1{background: url(../img/icon_light_1.png) no-repeat center; height:76px;display:block}
.icon_home_1{background: url(../img/icon_home_1.png) no-repeat center; height:71px;display:block}
.icon_pen_1{background: url(../img/icon_pen_1.png) no-repeat center; height:69px;display:block}
.icon_drawing_1{background: url(../img/icon_drawing_1.png) no-repeat center; height:67px;display:block}
.arrow_b{background: url(../img/arrow_1.png) no-repeat center; height:25px; display:block;margin-top:10px}
/*----- Menu -----*/
.section_menu{background: url(../img/border_menu.png) no-repeat;width:1000px; height:32px;position:absolute;bottom:28px;left:-1px}
.bg_menu{position:relative;background: url(../img/bg_menu.png) no-repeat 20px 10px; width:970px; height:59px;text-align:center;}
.bg_menu ul#menu{position:absolute; top:22px;left:78px}
.bg_menu ul#menu li{float:left;position:relative}
.bg_menu ul#menu li a{color:#fff; padding:9px 12px;}
.bg_menu ul#menu li a:hover{background:#fff;color:#3601ff; border-radius:20px;padding:9px 12px;}
.bg_menu ul#menu li a.active{background:#fff;color:#3601ff;border-radius:20px;padding:9px 12px;}

ul#menu li:hover ul#sub{display:block}
ul#menu ul#sub{display:none;margin-top:14px}
ul#menu ul#sub li{float:none;background:#008fda;margin-top:2px;padding:5px 0px;border-radius:20px}
ul#menu ul#sub li a{color:fff}
ul#menu ul#sub li a:hover{color:#3601ff;background:none}
/*----- Content -----*/
.wd-content{overflow:hidden;min-height:100%;margin-top:2px}
.mp-1{padding-top:30px;margin-bottom:50px}
.bl_about{color:#373a3f;padding:0px 30px 0px 30px;}
.bl_about h2 span{font-size:14px;font-style:italic; font-weight:bold;border-bottom:3px solid #008fda;padding-bottom:2px}
.detai_about h3{font-size:15px;font-style: italic; font-weight:bold;margin: 10px 0px}
a.view-more{background: #008fda;padding:5px 25px;margin-top:0px;float:right;margin-right:5px;color:#fff}
a.view-more:hover{text-decoration:underline}
.im_help h2{background: url(../img/img_help.jpg) no-repeat; height:109px; text-indent:-19999px}
.section-help{padding: 0px 20px;border-left:1px solid #008fda}
.section-help ul{overflow:hidden}
.section-help > ul{margin-top:26px}
.section-help ul li{background: url(../img/icon_check.png) no-repeat;padding-left:28px;color:#373a3f}
.block-patner > ul {margin-left: 5px;}
.block-patner ul li{float:left;margin-right:38px;}
.md-20{padding: 0px 20px;margin-bottom:40px}
.contenner-block-patner{text-align:center}
.contenner-block-patner a span.arrow-bl{background: url(../img/arrow_2.png) no-repeat;height:17px;width:34px;margin-top:27px; display: inline-block;}
.block-patner ul li:last-child{margin-right:0px;}
.ml-t{margin-left:20px;margin-top:40px;overflow:hidden}
.sblock-2{text-align:center}
.sblock-2 .service-2{
	position:relative;
    background: #fff;
    border-radius: 100%;
    color: #44ade4;
    cursor: pointer;
    font-size: 16px;
    height: 151px;
    margin: 0 auto;
    padding: 25px;
	width: 151px;
	border:5px solid #e6e6e6;
	overflow:hidden;
	}
	
.service-2 img{position: absolute; top:-8px; left:-7px}

.block-patner ul li{float:left;margin-right:48px;}


	
.service-title{background: url(../img/bg_title.png) no-repeat; width:140px; height:46px;position:absolute;bottom:11px; right:3px;text-align:center}
.service-title span{color:#fff; font-size:11px;padding-top:10px;display:inline-block; padding-top:10px;padding-left:7px}

.block-active{padding: 0px 7px}
.icon_title{float:left;background: #008fda;width:52px; height:52px;overflow:hidden}
.bg_cicle{text-align:center;width:30px; height:30px; border-radius:100%;border: 1px solid #fff;margin:11px}
.bg_cicle i{background: url(../img/icon_1.png) no-repeat center 1px; width:26px ;height:26px;display:inline-block}
.bg_cicle i.icon-key{background: url(../img/icon_2.png) no-repeat 2px 3px; width:13px ;height:24px;display:inline-block}
.bg_cicle i.icon-news{background: url(../img/icon_3.png) no-repeat -1px 4px; width:22px ;height:24px;display:inline-block}
.bg_cicle i.icon-pepole{background: url(../img/icon_4.png) no-repeat 0px 4px; width:17px ;height:22px;display:inline-block}
.m-r{margin-right:9px;overflow:hidden}
.title-common{margin-bottom:8px;overflow:hidden}
.line-title{overflow:hidden;text-align:center;padding-top:5px}
.line-title h4{border-bottom: 3px solid #008fda;padding-bottom:7px;color:#373a3f;text-transform:uppercase}
.list-news{padding:12px 18px;border:1px solid #008fda }
.list-news ul{overflow:hidden;margin-bottom:1px}
.list-news ul li{border-bottom: 1px dotted #008fda;padding:2px 0px}
.list-news ul li:last-child{padding-bottom:0;border-bottom:none}
.list-news ul li a{background: url(../img/icon_check_2.png) no-repeat;padding-left:25px}  
/*----- Footer -----*/
#wd-footer{clear:both;color:#000;background-color:#fff;margin-top:30px}

.bg_f{background:url(../img/bg_footer_2.jpg) no-repeat ;height:297px;position:relative}
.block-head{padding:8px 8px 0px 8px;overflow:hidden}
.block-head img{border: 1px solid #008fda}
/*----- edit -----*/
.section_map{width: 310px;float:left;}
.section_add{width: 358px; float: left;}
.section_social{width: 303px;float: right;}
.like-face{margin-top:8px}
/*----- endedit -----*/
.section-address{margin-top:47px;margin-right:10px;margin-left:10px}
.section-address ul li{border-bottom: 1px dotted #9e9e9e;padding:7px 0px}
.section-address ul li:last-child{border-bottom:none;}
.section-address h2{font-size:18px;padding-left: 24px;text-transform:uppercase}
.in-ad{font-size:12px;}
.cl_bl{color:#008fda}
.ad_num{text-align:center}
.fax{margin-left:15px}
.email{background: url(../img/icon_email_f.png) no-repeat; height:13px;padding-left:26px}
.web{background: url(../img/icon_web.png) no-repeat; height:17px;padding-left:26px;display: inline-block;line-height:17px;margin-left:25px}
.section-connect{border: 1px solid #008fda;overflow:hidden}
.common-connect{padding:8px;overflow:hidden}
.logo-footer{border-bottom:1px solid #c5c1bd;padding-bottom:4px}
.logo_f a{float:left;background: url(../img/logo.png) no-repeat; width:56px; height:57px;text-indent:-19999px;margin-right:10px}
.logo_like{overflow:hidden;padding-top:13px}
.logo_like p{color:#008fda}
a.icon_like{background: url(../img/icon_like.png) no-repeat; height:;text-indent:-19999px;height:20px;width:45px;display:inline-block}
.total_like{overflow: hidden; border-bottom: 1px solid #c5c1bd;padding-bottom:5px}
.total_like span.p-like{color:#e24225;}
.total_like span.p-w{color:#008fda}
.list-like ul li{float:left;margin-right:5px; margin-bottom:5px}
.list-like ul li a img{border:none}
.list-like ul li:last-child{margin-right:0px;}
.list-like ul li:nth-child(5){margin-right:0px;}
.list-like ul li:nth-child(10){margin-right:0px; }
.like-face a{background: url(../img/icon_face.png) no-repeat; height:12px;padding-left:18px;color:#008fda}
.like-face a:hover{text-decoration:underline}
.author{background: url(../img/bg_cop.png) no-repeat; width:924px; height:40px;position:absolute; left:38px; bottom:-23px}
.author p{text-align:center;color:#fff;padding-top:8px}
/*----- tuyendung-1 -----*/
.title_recrui{text-align: center;margin: 20px 0px;font-size: 14px;}
.t_h{font-size: 14px;font-weight: bold;}
.c_r{color: red;}

.info_recrui{margin: 0px 97px;}
.info_recrui_t{padding-top: 20px !important;}
.info_recrui_b{padding-bottom: 5px !important;}
.info_recrui_c{margin-top: 10px;}
.info_recrui_bt{margin-bottom: 10px;}
.mr_l{margin-right: 10px;}
.mr-t{margin-top: 2px;}
.info_recrui .boxcontent{border: medium none;}
.boxcontent{border: 1px solid #198fe9;
    margin-bottom: 2px;
    overflow: hidden;}
.boxheader{overflow: hidden;}
.boxbody_w{width: 392px;}
.boxheader h3 span{color: #fff;
    display: block;
    font-weight: bold;
    line-height: 15px;
    padding: 10px 12px;}
.boxheader h3{background: url(../img/icon_h3.png) no-repeat -2px 0px; height: 35px;}    
.boxbody{
 
    clear: both;
    height: 100%;
    margin: 0;
    overflow: hidden;
    }    

.mr_bx{margin-bottom: 2px;}
.dl {margin-left: 80px;color: red; font-size: 13px; font-weight: bold;}
p.dl a{color: #008fda;}
p.dl a:hover{text-decoration: underline;}


ol.com-work{text-align: center; padding-top: 200px;}
ul.w_sw li{margin: 6px 0px;}
.slider_sp{padding: 10px; overflow: hidden;}

.section_img{border: 1px solid #161f9e; float: left;margin-right: 5px;padding: 2px;}

.head_qtc h3{background: url(../img/boder_qtc.png) no-repeat center bottom; text-align: center;padding-bottom: 18px; font-size: 25px; color: #0166da;}

ul.list_qt li{font-size: 13px;color: #0166da;}
ul.list_qt li.icon_1{background: url(../img/qt_c_1.png) no-repeat;height: 82px;padding-left: 141px;padding-top: 30px;}
ul.list_qt li.icon_3{background: url(../img/qt_c_3.png) no-repeat;height: 58px;width: 337px;padding-left: 97px;text-align: center;}
ul.list_qt li.icon_5{background: url(../img/qt_c_5.png) no-repeat;height: 58px;padding-left: 97px;}        
ul.list_qt li.li_l.icon_2{background: url(../img/qt_c_2.png) no-repeat 234px 0px;height: 58px;margin-left:152px;padding-top: 18px;}
ul.list_qt li.li_l.icon_4{background: url(../img/qt_c_4.png) no-repeat 275px 0px;height: 58px;margin-left:117px;padding-top: 18px;}
ul.list_qt li.li_l.icon_6{background: url(../img/qt_c_6.png) no-repeat 203px 0px; height: 82px;padding-top: 30px;margin-left: 175px;}
.ar_icon{background: url(../img/arrow_qt.png) no-repeat center; width: 11px; height:15px;margin:auto;padding: 9px 0px;}

.icon_1, .icon_3, .icon_5{margin-left: 20px;}

.list_qt{background: url(../img/qtc.png) no-repeat; width: 412px; height: 478px;}
.section_like.twitter-share-button.twitter-share-button-rendered.twitter-tweet-button{vertical-align: middle !important;}
.fb_iframe_widget{float:left;margin-right: 10px;}
.section_like {
    clear: both;
    margin-left: 282px;
    padding-top:5px
}

.content_dh{border: 1px solid #198fe9;
    margin: 10px;
    padding: 10px 20px;}
    
p.pd_ct{padding-left: 10px;}


.conten_xkd{border: 1px solid #198fe9;height: 226px;}
.conten_xkd{padding: 14px;}
.conten_xkd > ul{padding: 5px;}
.bd_da{border: 1px solid #198fe9;padding: 5px;margin-top: 35px;}
.bg_f{background:url(../img/footer_3_01.png) no-repeat ;height:297px;position:relative}
.section-address{margin-top:47px;margin-right:10px;margin-left:10px;text-align: center;}
.section-address > h4 {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
}
a.add_link{text-decoration: underline; color: #008fda;}