@charset "utf-8";
/* CSS Document
/////////////////////////////////////////////////
_ _ _ _
||¯ ¯ ¯\    |¯ \  |¯|   /||¯    D     2 ¯||\
|| |¯\  ||  | |\  | |   /||  B  U  N  0  ||\
|| |_/  ||  | | \ | |   /||  Y  N  E  1  ||\
||_ _ _//   | |  \ _|   /||_    G  O  8 _||\
¯ ¯ ¯
				dungneo@gmail.com
					14/07/2018
///////////////////////////////////////////////// */
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../fonts/RobotoCondensed-Light.woff) format('woff'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/RobotoCondensed-Regular.woff) format('woff'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/RobotoCondensed-Bold.woff) format('woff'); }
body { margin: 0; padding: 0; top: 0px !important; font-size: 12px; color: #444; font-family: 'Roboto Condensed', Arial, Georgia, Helvetica, sans-serif; background: #F3F3F3;}
a { color: #444; text-decoration: none }
a, a:hover, a:focus { transition: color 0.4s ease 0s; text-decoration: none; }
a:hover { color: #1D3081; }
/*ul, li { list-style: none }*/
/*div, span, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, img { margin: 0; padding: 0; border: none }*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-wrapper{width: 100%; margin: 0; padding: 0; position: relative; }
.neo-out{width: 100%; margin: 0 auto; padding: 0; position: relative; }
.neo{width: 1180px; margin: 0 auto; padding: 10px;}
button{cursor: pointer;}
img{max-width: 100%}
/*
* Header
*/
.header{/*border-top: 20px solid #242424; border-bottom: 5px solid #fca933; background: #353535;*/ background: url(../images/banner-bg.jpg) no-repeat; /*background-size: contain;*/ position: relative;}
.header .neo{padding: 10px 0px;}
.header .header-in{position: relative;}
.header .logo{float: left; width: 90px; height: 120px; /*position: absolute; z-index: 9999; top: -30px; left: 0px;*/ background: url(../images/logo.png) no-repeat; background-size: contain;}
.header .logo a{height: 100%; width: 100%; display: block; -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75); box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);}
.header .logo h1, .header .logo h2 { display: none; }
.header .menu-header{position: relative; text-align: center; float: left; width: 1090px;}
.header .menu-header .slogan{padding: 10px 0px; letter-spacing: 5px; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 300; line-height: 40px; text-transform: uppercase; color: #FAA831; text-shadow: 1px 1px 1px #000;}
.header .menu-header ul, .header .menu-header li{margin: 0px; padding: 0px; list-style: none;}
.header .menu-header ul{display: block; /*display: inline-block;*/}
.header .menu-header li{float: left; position: relative; border-right: 1px solid #a2d4e0; width: 14.2%; text-align: center;}
.header .menu-header li a{font-size: 18px; padding: 5px 0px; color: #0533a5; font-weight: normal; text-transform: uppercase; display: block;}
.header .menu-header li a:hover{color: #333;}
.header .menu-header li:last-child{border-right: none;}
.header .menu-header li.box-lang{padding: 5px 0px 0px 15px;}
.header .menu-header li.box-lang a{width: 25px; height: 20px; display: inline-block; background: url(../images/flags.png) no-repeat -700px -1000px; padding: 5px;}
.header .menu-header li.box-lang a.flag-vn{background-position: -199px -402px}
.header .menu-header li.box-lang a.flag-en{background-position: 1px -2px}
.header .menu-header li.box-lang a:hover{border-bottom: 1px solid #999}
.header .menu-header li > ul{min-width: 300px; position: absolute; left: 0px; display: block; top: -47000px; z-index: -999999; background: #222;}
/*.header .menu-header li > ul{min-width: 300px; position: absolute; left: 0px; display: block; top: 38px; z-index: 999999; background: #222;}*/
.header .menu-header li > ul > li{width: 100%; border-bottom: 1px solid #888; border-right: none; text-align: left;}
.header .menu-header li > ul > li:last-child{border-bottom: none;}
.header .menu-header li:hover > ul{display: block; top: 34px; z-index: 999999;}
.header .menu-header li > ul > li:hover{background: #777}
.header .menu-header li > ul > li a { display: block; font-size: 14px; padding: 0px 20px; line-height: 38px; color: #FFF; font-weight: normal;}
.header .menu-header li > ul > li a:hover, .header .menu-header > ul > li a.active{color: #DDD; text-shadow: 0px 2px #000;}
.header .open-menu, .header .header-act{display: none;}

/*
* Box search
*/
.box-search{width: 60%; float: left; padding: 20px 10px 0px 10px; display: none;}
.box-search form{position: relative; padding: 0px 10px;}
.box-search input[type=text]{width: 100%; float: left; padding: 15px 15px; margin: 0px; margin: 0px; height: 50px; border: 0px;}
.box-search button[type=submit]{position: absolute; right: 0px; top: 0px; margin: 0px; font-size: 20px; height: 50px; border: 0px; cursor: pointer; background: #FFF; padding: 0px 20px; border-left: 1px solid #DDD; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.search-adv{width: 20%; height: 100%; float: left; background: url(../images/search-adv.png) no-repeat}


/*
* Box Slider
*/
.box-slider .bg-slider{width: 100%; height: 300px; overflow: hidden;}
.box-slider .bg-slider img{width: 100%}

/*
* Box Service index
*/
.box-service-idx{background: #191919 url(../images/service-bg.jpg) left center no-repeat;}
.box-service-idx .title, .box-about-idx .title, .box-gallery-idx .title, .box-partner-idx .title{text-align: center; padding: 10px 0px; margin-bottom: 20px;}
.box-service-idx .title a, .box-about-idx .title a, .box-gallery-idx .title a, .box-partner-idx .title a{border-bottom: 1px solid #999; font-weight: normal; text-transform: uppercase; font-size: 22px; padding: 0px 50px 10px 50px; letter-spacing: 3px;}
.service-idx-list, .service-idx-list li{margin: 0px; padding: 0px; list-style: none;}
.service-idx-list li{width: 20%; float: left; /*height: 160px;*/ overflow: hidden; margin: 10px 0px; padding: 0px 10px;}
/*.service-idx-list li:nth-child(3n){padding: 0px 0px 0px 10px;}
.service-idx-list li:nth-child(3n+1){padding: 0px 10px 0px 0px;}
.service-idx-list li:nth-child(3n+2){padding: 0px 5px 0px 5px;}*/
.service-idx-list li > div{position: relative; width: 100%; height: 100%; overflow: hidden;}
.service-idx-list li .icon{display: block;}
.service-idx-list li img{overflow: hidden; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; width: 210px; height: auto; min-height: 210px; border-radius: 50%}
.service-idx-list li:hover{cursor: pointer;}
.service-idx-list li:hover img{/*-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);*/}
.service-idx-list li:hover h2{background-color:rgba(0,0,0,0.75);}
.service-idx-list li:hover h2 a{text-shadow: 2px 2px 2px #000;}
/*.service-idx-list li h2{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; text-align: center; background-color:rgba(0,0,0,0.3); padding: 0px; margin: 0px; border-radius: 50%;}*/
/*.service-idx-list li h2 a{line-height: 210px; color: #FFF; width: 100%; height: 100%; display: block; font-weight: normal; font-size: 20px; text-transform: uppercase; text-shadow: 2px 2px 0px #000;}*/
.service-idx-list li h2{/*width: 100%; height: 100%;*/}
.service-idx-list li h2 a{color: #FFF; width: 100%; height: 100%; display: block; font-weight: normal; font-size: 20px; text-transform: uppercase; text-shadow: 2px 2px 0px #000; text-align: center; padding: 5px;}
.service-idx-list li p{position: absolute; bottom: 0px; padding: 10px; color: #FFF; font-size: 16px; text-align: center; width: 100%}

/*
* Box About index
*/
.box-about-idx{padding-bottom: 40px; -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);  -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
.about-idx-cnt{font-size: 16px;}
.btn-about{padding: 10px 20px; display: inline-block; margin: 0 auto; background: #FCA933; color: #FFF; border-radius: 4px; border: 1px solid #DDD}
.btn-about:hover{color: #333; background: #FFBB5B; }
.btn-about i{padding-right: 10px;}

/*
* Box Gallery index
*/
.box-gallery-idx{padding-bottom: 40px;}

.popup-gallery > a{width: 25%; float: left; display: inline-block; padding: 10px;}

/*
* Box service index
*/
.box-news-idx{padding-bottom: 40px; -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);  -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
.box-news-idx .title{border-bottom: 1px solid #DDD; text-align: center; padding-bottom: 10px;}
.box-news-idx .title a{font-size: 18px; font-weight: normal; text-transform: uppercase; }
.news-idx-list, .news-idx-list li{padding: 0px; margin: 0px; list-style: none;}
.news-idx-list li{width: 50%; float: left; padding: 10px 0px; }
.news-idx-list li > div{border-bottom: 1px solid #DDD; min-height: 80px; overflow: hidden; width: 100%}
.news-idx-list li:nth-child(2n){padding-right: 0px; padding-left: 10px;}
.news-idx-list li:nth-child(2n+1){padding-right: 10px; padding-left: 0px;}
.news-idx-list li a.icon{width: 100px; float: left; padding-right: 15px; display: block; overflow: hidden; }
.news-idx-list li a.icon img{width: 100%}
.news-idx-list li a{font-size: 14px;}
.news-idx-list li i{font-size: 16px; padding-right: 5px;}
.news-idx-list li img{-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.news-idx-list li:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.news-idx-list li h3{margin-top: 0px;}

.box-main{background: #FFF;}
.box-main .box-title{border-bottom: 1px solid #DDD; margin-bottom: 15px;}
.box-main .box-title i{padding: 0px 10px 0px 0px;}
.box-main .box-title i:first-child{padding: 0px;}
.box-main .box-title a{padding-right: 10px;}
.box-main .box-title h1{font-weight: normal; font-size: 18px;}
.box-main .box-title h2{display: inline-block; border-bottom: 1px solid #fca933; padding-bottom: 10px; padding-right: 100px; margin-bottom: -1px;}
.box-main .box-content{padding: 0px 0px 10px 0px; min-height: 200px; font-size: 16px;}

.box-main .box-content h1.news-title{font-weight: normal; font-size: 20px;}
/*
* Box partner index
*/
.box-partner-idx{padding-bottom: 40px;}


/*
* Body Content
*/
.body{ width: 100%; position: relative; padding: 10px; background: #FFF; padding-top: 30px;}

/*
* Body Main
*/
.body-content { width: 70%; float: left; position: relative; padding-right: 10px; border-right: 1px solid #DDD}
.body-content .box{margin-bottom: 20px;}
.body-content .box-title {line-height: 40px; font-size: 16px; text-transform: uppercase; color: #FFF; font-weight: normal; position: relative; border-bottom: 2px solid #1D3081}
.body-content .box-title span{padding: 0px 10px; background: #1D3081; min-width: 100px; display: inline-block;}
.body-content .box-title a{ font-size: 16px; text-transform: uppercase; color: #FFF; font-weight: normal;}
.body-content .box-title a:hover{ color: #FF9900 }
.body-content .box-title h2{margin: 0px; padding: 0px; font-weight: normal; font-size: 16px;}
.body-content .box .box-content {padding: 10px 0px; min-height: 200px; position: relative; }
.body-content .box .box-content h1.title{font-size: 20px; font-weight: normal; margin: 0px; padding: 0px;}
.body-content .box .box-content .visited { font-size: 14px; }
.body-content .box .box-content img{max-width: 100%;}
.body-content .box .box-content .content-details p{font-size: 15px; line-height: 1.3;}
.body-content .box .box-content .content-details li, .body-content .box .box-content .content-details ol{font-size: 16px;}
.content-details #btnPrint{font-size: 18px; padding: 10px 0px; display: block;}
.content-details #btnPrint i{font-size: 20px;}


/*
* News List
*/
.news-list, .news-list li{list-style: none; margin: 0px; padding: 0px; border: none; position: relative;}
.news-list li { width: 25%; height: 300px; overflow: hidden; float: left; position: relative; padding: 0px 5px; margin-bottom: 10px; }
/*.news-list li:hover h2, .news-list li:hover p{background: #DDD}*/
.news-list li:nth-child(4n){padding-left: 10px; padding-right: 0px;}
.news-list li:nth-child(4n+1){padding-left: 0px; padding-right: 10px; }
.news-list li a.icon { width: 100%; max-height: 200px; height: 100%; display: block; overflow: hidden; }
.news-list li a.icon img { width: 100%; height: 100%; }
.news-list li h2{font-size: 18px; text-transform: uppercase;font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px; }
.news-list li p{font-size: 14px; padding: 0px; margin: 0px;}


.search-list li{padding: 6px; list-style: none; margin: 0px; padding: 0px; border: none;}
.search-list li a{font-size: 16px;}

/*
* Relation
*/
.other-title { font-size: 16px; border-bottom: 1px solid #DDD; line-height: 30px; margin-bottom: 20px;}
.other-title span{display: inline-block; padding: 10px 50px 10px 10px; border-bottom: 1px solid #fca933; margin-bottom: -1px; border-top: 1px solid #fca933; margin-top: 20px;}
.ulrelate li { padding-bottom: 10px; list-style: none; margin: 0px; padding: 0px; border: none;}
.ulrelate li a { font-size: 14px; }

.td-post-sharing-bottom { border: 1px solid #ededed; padding: 10px 26px; margin-bottom: 40px; }
.td-post-share-title { font-weight: 700; font-size: 14px; position: relative; margin-right: 20px; vertical-align: middle; }
.td-default-sharing { display: inline-block; vertical-align: middle; }
.td-post-sharing-bottom .td-social-sharing-buttons { padding: 7px 9px 4px; }
.td-post-sharing-bottom .td-social-sharing-buttons { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 32px; min-width: 32px; padding: 6px 9px 4px 9px; }
.td-post-sharing a { display: inline-block; vertical-align: middle; }
.td-social-facebook { background-color: #516eab; }
.td-social-sharing-buttons { font-size: 11px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 13px 8px 13px; margin-right: 10px; height: 40px; min-width: 40px; text-align: center; }
.td-social-facebook .td-icon-facebook { font-size: 14px; position: relative; top: 1px; }
.td-post-sharing-bottom .td-social-but-text { margin-left: 8px; padding-left: 9px; }
.td-social-facebook .td-social-but-text { border-left: 1px solid rgba(255, 255, 255, 0.1); }
.td-social-but-text { display: inline-block; position: relative; top: -1px; line-height: 16px; padding-left: 10px; margin-left: 12px; }
.td-social-twitter .td-social-but-text {border-left: 1px solid rgba(255, 255, 255, 0.2);}
.td-social-twitter {background-color: #29c5f6;}
.td-social-google {background-color: #eb4026; width: 40px;}
.td-social-pinterest { background-color: #ca212a; margin-right: 0; }
.td-post-sharing-bottom .td-social-google i { top: 0; left: -2px; }
.td-social-google .td-icon-googleplus { line-height: 20px; }
.td-social-google .td-icon-googleplus { font-size: 16px; position: relative; top: 0; left: -1px; line-height: 22px; }
.td-social-pinterest .td-icon-pinterest { font-size: 13px; position: relative; top: 1px; }

/*
* Footer
*/
.footer{border-top: 1px solid #DDD; background: #1a2e60; color: #FFF}
.footer .neo{padding-top: 20px; padding-bottom: 0px;}
.footer ul, .footer ul li{margin: 0px; padding: 0px; list-style: none;}
.footer .neo > ul > li{width: 30%; float: left; padding-right: 10px;}
.footer .neo > ul > li:first-child{width: 40%}
.footer h2, .footer li > span{font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; padding-bottom: 10px; display: block; color: #FFF;}
.footer li a {color: #FFF}
.footer li a:hover{color: #506ee8}
.footer .neo > ul > li li{padding-bottom: 10px; font-size: 14px;}
.footer .neo > ul > li li > i{width: 20px; font-weight: bold;}

.footer .copyright{padding: 2px 0px;}
.footer .social{}
.footer .social ul{width: 50%; float: left; list-style: none; margin: 0px; padding: 0px; border: none; padding-right: 10px; }
.footer .social iframe{display: none;}
.footer .social li{margin-right: 20px; float: left;}
.footer .social li a{font-size: 30px;}
.footer .social li:last-child a:hover{color: #3D6AE4}
.footer .social li:first-child a:hover{color: #E70002}
.footer .menu li input{width: 100%; padding: 6px; background: none; border: 1px solid #DDD; color: #FFF;}
/*.footer .menu li input[type=submit]{width: 0px; height: 0px; display: none;}*/

/* back top top */
.scrollup { background: #093754; bottom: 82px; display: none; position: fixed; right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; text-align: center; font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 600; padding: 2px; z-index: 9999; }
.scrollup .fa { display: block; }
.scrollup:hover { opacity: 0.8; filter: alpha(opacity=80); color: #fff; }

.pages{width: 100%; display: block; padding: 10px 0px; text-align: center; font-size: 16px; color: #999}
.pages span{font-weight: bold; padding: 0px 5px;}
.pages a{color: #999; padding: 0px 5px;}
.pages a:hover{color: #000}

.neo-search{width: 100%; height: 100%; position: absolute; z-index: -9999; display: none; top: -9999px; left: 0px; background: #FFF; }
.neo-search.active{z-index: 9999; display: block; top: 0px;}
.neo-search .neo-search-close{position: absolute; right: 50px; top: 50px;}
.neo-search .neo-search-close i{font-size: 30px;}

.neo-search-in{margin: 20% auto 0px; text-align: center;}
.neo-search-in form{font-size: 0px;}
.neo-search-in input[type=text]{padding: 10px 15px; background: #FBFBFB; border: 1px solid #DDD; min-width: 250px; height: 40px;}
.neo-search-in button{height: 40px; background: #333; border: 1px solid #000; padding: 10px 20px; color: #FFF; cursor: pointer;}

.box-msg{position: absolute; z-index: -9999999; top: -999px; left: -999px; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .75);}
.box-msg.active{z-index: 9999999; top: 0px; left: 0px; display: block;}
.box-msg .box-msg-in{min-width: 320px; width: 500px; background: rgba(256, 256, 256, .75); margin: 0 auto; margin-top: 20%; border: 1px solid #DDD; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);}
.box-msg .box-msg-in .title{border-bottom: 1px solid #999; padding: 10px; text-align: center; position: relative; font-size: 16px;}
.box-msg .box-msg-in .msg-close{position: absolute; top: 5px; right: 5px; font-size: 20px;}
.box-msg .box-msg-in .content{padding: 10px; min-height: 100px; font-size: 14px;}

.overhd{overflow: hidden;}
.aet{position: absolute; z-index: 999; color: #FFF; left: 0px; top: 0px; font-size: 26px; display: block;}
.aet i{background: #000; width: 24px; height: 26px;}
.aet:hover{color: #DDD}
.frmTitle { text-align: center; font-size: 16px; }
.frmElement { width: 100%; padding: 5px 10px; clear: both; display: table;}
.frmElement .lbl { width: 30%; float: left; padding: 10px 20px 10px 0px; text-align: right; font-size: 14px;}
.frmElement .element{ width: 70%; float: left; padding: 10px 0px 10px 0px; }
.frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element span{border: 1px solid #ccc; border-radius: 3px; text-indent: 5px; padding: 2px 0px; height: 28px; }
.frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element textarea, .frmElement .element span{width: 70%; min-width: 250px;}
.frmElement .element span{display: block; background: #EEE; cursor: pointer;}

.frmElement .element textarea{border: 1px solid #ccc; text-indent: 5px; padding: 4px 0px; min-height: 80px;}
.frmElement .error{width: 70%; float: left; color: #FD0100}
.frmElement .txtCapt input{float: left; width: 70px !important; min-width: 70px !important; height: 30px !important; border-radius: 0 !important}
.frmElement .btn, .frmElement .msg{}
/*margin-left: 30%; */
.frmElement .btn input[type=submit], .frmElement .btn input[type=reset]{font-size: 14px; width: 140px; height: 30px; text-align: center; cursor: pointer; line-height: 24px; color: #fff; border: none; border-radius: 1px; margin: 0px auto; margin-right: 10px;}
.frmElement .btn input[type=submit]{background: #004884;}
.frmElement .btn input[type=reset]{background: #CCC;}

div.skiptranslate{display: none; visibility: hidden; position: absolute; z-index: -99999;}
.center, .ctr { text-align: center; font-size: 14px; }
.note { font-size: 16px; color: #891437; padding-bottom: 10px; }
.pad { padding: 10px 20px; font-size: 14px; }
.continues { text-align: center; font-size: 16px; }
.relativetitle { line-height: 30px; font-size: 16px; font-style: italic }
.lblMsg { display: none; height: auto; color: #F00; padding-top: 10px; font-size: 14px; }
.reg-success { color: #3D6AE4; padding: 20px 10px; font-size: 16px; }
.success { color: #3D6AE4; }
.divAdd { color: #06F; font-size: 16px; padding: 20px; }
.numpages { padding: 2px 0 15px 0; font-size: 16px; }
.padlr { padding: 4px 20px; }
.notfound { padding: 30px; text-align: center; font-size: 16px; color: #880000; clear: both; }
.found { padding: 10px; text-align: center; font-size: 16px; color: #0066FF }
.orange { background: #EB7336; }
.red, .err { color: #F00 }/*#880000*/
.dnhd { display: none; }
.clear { clear: both; height: 0; line-height: 0; width: 0; overflow: hidden; display: block;}
.clear1 { clear: both; height: 1px; background: none }
.clear2 { clear: both; height: 2px; background: none }
.clear3 { clear: both; height: 3px; background: none }
.clear5 { clear: both; height: 5px; background: none }
.clear10 { clear: both; height: 10px; background: none }
.clear20 { clear: both; height: 20px; background: none }

/*
* BxSlider
*/
.bx-wrapper { margin: 0 auto; padding: 0; position: relative; zoom: 1; }
.bx-wrapper img { display: block; max-width: 100%; width: 100%}
.bx-wrapper ul, .bx-wrapper li{margin: 0px; padding: 0px; list-style: none;}
.bx-wrapper .bx-viewport { }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 30px; position: absolute; width: 100%; z-index: 9999;}
.bx-wrapper .bx-loading { background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; left: 0; min-height: 50px; position: absolute; top: 0; width: 100%; z-index: 2000; }
.bx-wrapper .bx-pager { color: #666; font-family: Arial; font-size: .85em; font-weight: bold; padding-top: 20px; text-align: center; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline; display: inline-block; zoom: 1; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; border-radius: 5px; display: block; height: 10px; margin: 0 5px; moz-border-radius: 5px; outline: 0; text-indent: -9999px; webkit-border-radius: 5px; width: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { background: url(../images/control.png) no-repeat 0 -70px; left: 20px; }
.bx-wrapper .bx-next { background: url(../images/control.png) no-repeat 0px 0px; right: 20px; }
.bx-wrapper .bx-prev:hover { background-position: -2px -70px; }
.bx-wrapper .bx-next:hover { background-position: 2px 0; }
.bx-wrapper .bx-controls-direction{display: none;}
.bx-wrapper .bx-controls-direction a { height: 70px; margin-top: -16px; outline: 0; position: absolute; text-indent: -9999px; top: 40%; width: 45px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { background: url(../images/control.png) -86px -11px no-repeat; display: block; height: 11px; margin: 0 3px; outline: 0; text-indent: -9999px; width: 10px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { background: url(../images/control.png) -86px -44px no-repeat; display: block; height: 11px; margin: 0 3px; outline: 0; text-indent: -9999px; width: 9px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { background: #666; background: rgba(80, 80, 80, 0.75); bottom: 0; left: 0; position: absolute; width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: 14px; padding: 10px; }
.bx-wrapper:hover .bx-controls-direction{display: block;}


/* On smaller screens, decrease text size */
@media only screen and (max-width:300px) {
  .text { font-size: 11px }
}

/* For desktop */
@media only screen and (max-width: 1200px) {
	.box-slider .bg-slider{height: auto;}
}
/* For desktop */
@media only screen and (max-width: 1024px) {
	.neo{width: 100%}
	.header .logo{margin-left: 10px; left: 10px; z-index: 999999;}
	.header .menu-header .slogan{padding-top: 30px; line-height: initial; position: absolute; height: 100%; left: 110px;}
	.header .menu-header{width: 100%;}
	.header .menu-header{float: initial; padding-top: 0px;}
	.header .header-act{display: block; float: right; padding-right: 100px; padding-right: 70px; padding-top: 10px;}
	.header .header-act a{padding-right: 10px;}
	.header .header-act i{font-size: 26px;}
	.header .menu-header{margin: 0px;}
	.menu-header{height: 40px;}
	.menu-header button.open-menu{display: block; background: none; border: none; width: 43px; height: 39px; text-indent: -900em; overflow: hidden; position: absolute; top: 0px; right: 10px; cursor: pointer; outline: none; z-index: 9999999}
	.menu-header button.open-menu:after{display: block; content: ''; position: absolute; width: 68%; height: 4px; background: #1a2e60; top: 8px; left: 17%; box-shadow: 0 10px 0 #1a2e60, 0 20px 0 #1a2e60;}
	.menu-header ul{position: absolute; top: -1600px; left: 0px; z-index: -99999; display: none; background: #FFF; width: 100%; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}
	/*.menu-header ul{position: absolute; top: 55px; left: 0px; z-index: 99999; display: none; background: #FFF; width: 100%; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}*/
	.menu-header ul.menu-header-active{top: 55px; z-index: 99999; display: block; left: 0px; height: auto;}
	.header .menu-header li{width: 100%; padding: 10px 0px; border-bottom: 1px solid #EEE; }
	.header .menu-header li a{color: #333; font-size: 14px; border-right: none; display: block;}
	.header .menu-header li ul{display: block; width: 100%; position: relative; z-index: initial; top: initial !important; background: #FFF; left: inherit; box-shadow: none;}
	.header .menu-header li ul li{border-bottom: 1px solid #EEE; text-align: center;}
	.header .menu-header li ul li a{color: #333}
	.news-list li{width: 50%; height: 150px; overflow: hidden;}
	.news-list li a.icon{width: 200px; max-height: 150px; overflow: hidden; float: left; padding-right: 10px;}
	.news-list li:nth-child(4n), .news-list li:nth-child(4n+1), .news-list li:nth-child(4n+2), .news-list li:nth-child(4n+3){padding: 0px; padding-bottom: 10px;}
	.service-idx-list li img{min-height: 190px;}

}
/* For table */
@media screen and (max-width: 800px) {
	/*.header .menu-header{margin-left: 80px;}*/
	.header .menu-header .slogan{padding-top: 20px;}
	.header .menu-header li a{padding: 5px 15px;}
	.header .menu-header li > ul{min-width: 200px;}
	.service-idx-list li img{min-height: 160px;}
}
/* For table */
@media screen and (max-width: 768px) {
	.header{background: #FFF}
	.header .menu-header .slogan{padding-top: 30px;}
	.header .neo{padding: 10px 0px;}
	.service-idx-list li img{min-height: 140px;}
}
/* For mobile */
@media screen and (max-width: 667px) {
	.service-idx-list li{width: 50%}
	/*.service-idx-list li:nth-child(3n+2){padding: 0px 0px 0px 10px;}
	.service-idx-list li:nth-child(3n){padding: 0px; width: 100%;}
	.service-idx-list li:nth-child(3n) .icon{width: 50%; display: block;}*/
	.news-list li{width: 100%; height: auto;}
	.service-idx-list li img { min-height: 300px; min-width: 300px; }
}
/* For mobile */
@media screen and (max-width: 640px) {
	.news-idx-list li{width: 100%; padding-left: 0px !important; padding-right: 0px !important;}
	.service-idx-list li img { min-height: 290px; min-width: 290px; }
}
/* For mobile */
@media screen and (max-width: 580px) {
	.header .menu-header .slogan{font-size: 20px}
	.service-idx-list li{width: 100%; padding: 0px !important; height: auto;}
	.service-idx-list li h2{text-align: center;}
	/*.service-idx-list li:nth-child(3n) .icon{width: initial;}
	.service-idx-list li h2 a{margin-top: 30%; line-height: initial;}*/
	.service-idx-list li .icon { display: block; width: 300px; height: 300px; margin: 0 auto;}
	.footer .neo > ul > li{width: 50%;}
	.footer .neo > ul > li:first-child{width: 100%; padding-right: 0px;}
}
/* For mobile */
@media screen and (max-width: 480px) {
	.header .menu-header .slogan{font-size: 18px}
	.news-idx-icon, .news-idx-list{width: 100%; padding: 0px;}
	.news-idx-icon a.icon{min-height: initial;}
	.news-idx-icon a.icon img{position: relative; top: initial; left: initial;}
	.footer .neo > ul > li{width: 100% !important;}
}
/* For mobile */
@media screen and (max-width: 420px) {
	.news-list li a.icon{width: 100px; height: auto;}
}
/* For mobile */
@media screen and (max-width: 380px) {
	#frmContact .frmElement .lbl{display: none;}
	#frmContact .frmElement .element{width: 100%}
	.frmElement .element input[type="text"], .frmElement .element input[type="password"], .frmElement .element select, .frmElement .element textarea, .frmElement .element span{width: 100%}
	.neo-search .neo-search-close{right: initial; top: 10px; left: 10px;}
/* For mobile */
@media screen and (max-width: 320px) {
	.box-service-idx .title a, .box-about-idx .title a, .box-gallery-idx .title a, .box-partner-idx .title a{font-size: 16px; padding: 0px 10px 10px 10px;}
	.service-idx-list li h2 a{font-size: 16px;}
	.news-idx-list li a.icon{width: 100%; padding-right: 0px;}
}

@media print {
    .header, .banner, .menu-top, .body-content .box-title, .body-right, .td-post-sharing, .news-list-other, .footer-wrapper, .relativetitle, #btnPrint{display: none;}
    .body-content{width: 100%;}
}