@charset "utf-8";
/* CSS Document
/////////////////////////////////////////////////
_ _ _ _
||¯ ¯ ¯\    |¯ \  |¯|   /||¯    D     2 ¯||\
|| |¯\  ||  | |\  | |   /||  B  U  N  0  ||\
|| |_/  ||  | | \ | |   /||  Y  N  E  1  ||\
||_ _ _//   | |  \ _|   /||_    G  O  9 _||\
¯ ¯ ¯
				dungneo@gmail.com
					20/01/2019
///////////////////////////////////////////////// */
@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: 14px; color: #8C2385; font-family: 'Roboto', 'Roboto Condensed', Arial, Georgia, Helvetica, sans-serif; background: #FFF}
a { color: #8C2385; text-decoration: none }
a, a:hover, a:focus { transition: color 0.4s ease 0s; text-decoration: none; }
p{font-size: 14px; line-height: 1.85; font-weight: 400; color: #76777a;}
a:hover { color: #d12027; }
/*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%}
iframe{border: none;}
/*
* Header
*/
.header-banner{position: fixed; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0 5px 20px rgba(0,0,0,.05); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.header-banner.scrolled{top: -41px;}
.header-banner.scrolled .banner .logo{height: 60px;}
.header{background: #d75dce; color: #FFF;}
.header h1, .header h2{margin: 0; padding: 0;}
.header .neo{padding: 10px 10px}
.header .logo{background: url(../images/logo.png) left center no-repeat; background-size: contain; height: 100px; width: 120px; float: left;}
.header .logo a{display: block; width: 100%; height: 100%}
.header .logo h1, .header .logo h2{display: none;}
.header a{color: #EEE;}
.header .name{color: #D4E6FF; float: left; padding: 10px 0px; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.header .search{float: left; padding-left: 20px; width: calc(100% - 150px - 400px); padding-right: 20px; margin-top: 25px;}
.header .search form{position: relative;}
.header .search input{width: 100%; border: none; padding: 12px 10px; border-radius: 4px;}
.header .search button{position: absolute; right: 0px; background: #8c2385; border: none; color: #FFF; height: 90%; padding: 0px 20px; margin: 2px;}
.header .hotline-info{float: right; margin-top: 25px;}
.header .hotline-info .hotline{color: #d12027; font-weight: bold;}
.header .hotline-info a{height: 100%; font-size: 16px; display: inline-block; padding: 10px 24px; background: #DDD; color: #333}
.header .hotline-info a:hover{color: #000}
.header .hotline-info .btn-search{}

.banner{background: #8C2385;}
.banner .neo{padding: 0px;}

/*.menu-top .neo ul{overflow: hidden;} calc( 100% - 200px )*/
.menu-top{position: relative; width: 100%; text-align: center;}
.menu-top ul, .menu-top li{margin: 0px; padding: 0px; list-style: none;}
.menu-top li{position: relative; display: inline-block;}
.menu-top li a{font-size: 16px; color: #FFF; display: block; text-transform: uppercase; padding: 12px 37px;}
.menu-top li.active a, .menu-top li a:hover{background: #e34dd9; color: #FFF;}
.menu-top .btn-reg a, .btn-reg a{background: #d12027; color: #FFF;}

.menu-top > .neo > ul > li.active, .menu-top > .neo > ul > li:hover{background: #ffd200; color: #444}
.menu-top > .neo > ul > li.active a, .menu-top > .neo > ul > li:hover a{color: #444}
.menu-top > .neo > ul > li{padding: 17px 30px;}
.menu-top > .neo > ul > li:first-child{}
.menu-top > .neo > ul > li:first-child i{padding-right: 10px;}
.menu-top > .neo > ul > li:hover > ul {display: block; z-index: 99999999; opacity: 1; }
.menu-top > .neo > ul > li > ul { display: none; position: absolute; top: 55px; left: 0px; z-index: -1000; opacity: 0; width: 250px; background: #FFF; border: 1px solid #DDD; box-shadow: 0 0 10px #DDD; border-top: none; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.menu-top li li {display: block; width: 100%; margin: 0px;}
.menu-top > .neo > ul > li > ul > li > a:hover{color: #00a456;}
.menu-top > .neo > ul > li > ul > li > ul{display: none; position: absolute; top: 0px; left: 248px; z-index: -1000; opacity: 0; width: 250px; background: #FFF; border: 1px solid #DDD; box-shadow: 0 0 10px #DDD; border-top: none; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.menu-top > .neo > ul > li > ul > li:hover > ul{display: block; z-index: 99999999; opacity: 1;}
.menu-top li li a {border: none; border-bottom: 1px solid #D5D5D5; color: #2D3091; font-size: 14px; font-weight: normal; display: block; padding: 10px 10px;}
/*.menu-top li li a:hover{color: #1a1a1a}*/
.menu-top li li:last-child a{border-bottom: none;}
.menu-top .open-menu{display: none;}

/*
* Box Slider
*/
.box-slider-idx{height: 400px; position: relative; padding: 0px 10px;}
.box-slider-idx .owl-carousel{width: 100%; height: 100%}
.box-slider-idx .owl-carousel .owl-item .item{position: relative; width: 100%; height: 100%;}
.slider-item-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom;}
.slider-idx-nav{position: absolute; top: 45%; width: 50px; bottom: initial; background: #8c2385; border-radius: 50%; text-align: center; z-index: 10; cursor: pointer; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.slider-idx-nav i {line-height: 50px; color: #fff; font-size: 22px;}
.slider-idx-nav:hover {background: #d75dce;}
.slider-idx-prev {left: 20px;}
.slider-idx-next {right: 20px;}
.slider-item-content{position: absolute; top: 35%; left: 0px; width: 100%; height: auto; font-size: 16px;}
.slider-item-content h3.title{font-size: 60px; font-weight: 700; line-height: 1.2; color: #384158; text-align: center; margin: 0px;}
.slider-item-content p.desc{font-size: 24px; color: #76777a; margin-top: 9px; text-align: center;}
.slider-item-content form{width: 80%; margin: 0 auto;}
.slider-item-content form > div {background: #FFF; width: 80%; padding: 10px; border-radius: 4px; float: left;}
.slider-item-content form > div > div{width: 33.3%; float: left;}
.slider-item-content form > div > div:first-child{border-right: 1px solid #DDD;}
.slider-item-content form input, .slider-item-content form select{border: none; padding: 5px 10px; width: 100%}
.slider-item-content form select{position: relative; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-box-shadow: 0 0 0 transparent; -webkit-user-select: none; background-image: url(../images/down.png); background-position: center right; background-repeat: no-repeat;}
.slider-item-content form button{border: none; height: 48px; margin-left: 10px; background: #AE0D0D; color: #FFF; font-size: 20px; padding: 10px 20px; border-radius: 4px;}

.neo-box{width: 450px; min-height: 400px; position: absolute; z-index: 9; top: 100px; left: 45%; background: #FFF; border: 1px solid #DDD; border-radius: 4px; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);}
.neo-title{width: 100%; position: relative; background: #EEE; padding: 10px; border-bottom: 1px solid #DDD; text-align: center; font-size: 16px; font-weight: bold; cursor: move;}
.neo-title .btn-close{position: absolute; z-index: 99; right: -10px; top: -10px; font-size: 30px; color: #DE0000;}
.neo-title .btn-close i{cursor: pointer;}
.neo-content{width: 100%; height: 450px; overflow-y: scroll;}

.box-video-main{}
/*background: url(../images/bg-diff.jpg) repeat;*/

/*
* Box News
*/
.news-cat-relate{width: 23%; float: left; }
.news-cat-relate.news-relater .title-rdur{padding-right: 138px}

.news-list, .news-list li { list-style: none; margin: 0px; padding: 0px; overflow: hidden }
/*.news-list li:nth-child(2n){padding-left: 10px; padding-right: 10px; }
.news-list li:nth-child(2n+1){padding-left: 0px; padding-right: 10px; }*/
.news-list li { border-bottom: 1px solid #DDD; margin-bottom: 15px; padding-bottom: 15px; width: 100%; float: left; }
.news-list li a.icon { display: block; width: 250px; margin-right: 20px; height: auto; position: relative; overflow: hidden; text-align: center; float: left;}
/*.news-list li a.icon img { height: 100% }*/
.news-list li h3 {font-size: 16px; text-transform: uppercase; padding-bottom: 10px; width: 100%; margin: 0px;}
.news-list li h3:hover { color: #000 }
.news-list li p{padding-bottom: 10px; color: #777; margin: 0px; font-size: 16px }

.hight-light{width: 45%; float: left; padding-right: 20px;}
.news-idx-list{}
/*background: url(../images/bg-diff.jpg) repeat;*/
.news-idx-list .news-list{width: 55%; float: left;}
.news-idx-list .news-list li{width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDD; }
.news-idx-list .news-list li:nth-child(2n), .news-idx-list .news-list li:nth-child(2n+1){padding-left: 0px; padding-right: 0px;}
.news-idx-list .news-list li:last-child{border-bottom: none;}
.news-idx-list .news-list .icon{width: 200px; height: auto; float: left; padding-right: 10px;}
.news-idx-list .news-list .icon img{height: auto;}
.news-idx-list .news-list li h3{margin: 0px; margin-bottom: 10px; font-size: 18px; font-weight: normal;}
.news-idx-list li span{color: #888; font-size: 14px;}

.videoList, .videoList li { list-style: none; margin: 0px; padding: 0px; overflow: hidden }
.videoList li:nth-child(3n){padding-left: 10px; padding-right: 0px; }
.videoList li:nth-child(3n+1){padding-left: 0px; padding-right: 10px; }
.videoList li:nth-child(3n+2){padding-left: 5px; padding-right: 5px; }
.videoList li { margin-bottom: 20px; width: 33.3%; float: left; } /* border-bottom: 1px solid #DDD; */
.videoList li a.icon { display: block; width: 100%; height: 250px; position: relative; overflow: hidden; text-align: center; position: relative; background: #000}
.videoList li a.icon img { height: 100%; max-height: 400px; }
.videoList li a.icon i{position: absolute; font-size: 30px; top: 45%; left: 47%;}
.videoList li h2 {font-size: 16px; text-transform: uppercase; padding: 10px 0px; width: 100%; margin: 0px;}
.videoList li h2:hover { color: #000 }
.videoList li .info{padding-top: 10px; font-size: 18px; overflow: hidden;}
.videoList li .info span, .videoInfo span{width: 50%; float: left; display: inline-block;}
.videoList li .info .star i, .videoInfo .star i{padding-right: 5px;}
.videoInfo .star label{cursor: pointer;}
.videoInfo .star i{padding-right: 10px; font-size: 20px;}
.videoLoc i{padding-right: 10px;}
.videoList li .info .visited, .videoInfo .visited{text-align: right; }
.videoList li p{color: #555; margin: 0px; font-size: 14px; line-height: 1.3; min-height: 37px;}

/*, .box-video-main .videoList li a.icon*/
.box-relate .videoList li a.icon{height: 170px;}
.videoList.videoall li a.icon{height: 170px;}

#boxVideoPlayer{width: 80%; height: auto; left: 10%; top:100px; z-index: 9999999; background: none; border: none; box-shadow: none;}
#boxVideoPlayer .neo-content{overflow: hidden; align-items: center; height: auto;}
#objVideo{margin: 0 auto;}

.follow{float: left; width: 30%;}
.follow > span{padding-left: 20px;}
.follow .social{float: right;}
.follow .social a{width: 50px; height: 50px; display: inline-block; text-align: center; line-height: 50px; color: #FFF; border-radius: 50%; border: 2px solid #FFF; margin-left: 20px;}
.follow .social a i{font-size: 24px;}

.box-path{background: #f2f4f5; border-bottom: solid 1px #edeff0;}
.box-path .neo{position: relative;}
.box-path .path{padding: 5px 0px; font-size: 16px; color: #888;}
.box-path .path i{padding-left: 10px; padding-right: 10px;}

.box-main{padding-top: 30px;}
.main-content{width: 75%; float: right;}
.main-left{width: 25%; float: left; padding-right: 20px; }
.main-right{width: 25%; float: left; padding-left: 20px; }

.line-bottom{border-bottom: 1px solid #DDD;}
.news-relate{}
.news-relate li{width: 100%; height: auto; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #EEE; font-size: 16px;}
.news-relate li i{padding-right: 5px;}
.news-relate li:last-child{border-bottom: none;}

.box-main { padding-top: 30px }
.box-main .box-title-idx{font-size: 16px; padding: 10px 10px 10px 20px; text-align: center; border-bottom: 1px solid #DDD; margin-bottom: 10px; background: #DEDEDE; text-transform: uppercase;}
.box-main-left { width: 30%; float: left; padding-right: 20px }
.box-main-content { width: 70%; float: right; }
.box-left { }
.box-left .box-left-title { background: #8c2385; padding: 10px; color: #FFF; font-size: 16px; text-transform: uppercase }
.box-left ul, .box-left li { list-style: none; margin: 0px; padding: 0px; overflow: hidden }
.box-left ul { padding: 15px 0px }
.box-left li { font-size: 16px; padding: 6px 0px 6px 10px }
.box-left li a.icon { width: 80px; padding-right: 10px; display: inline-block; float: left; overflow: hidden }
.box-left li span.title, .box-left li span.desc { width: calc(100% - 90px); display: inline-block; float: left }
.box-left li span.desc { font-size: 14px; font-style: italic; padding-top: 10px }

.box-main-content h1{font-size: 18px; font-weight: normal;}

.box-main-content .main-title{font-size: 16px; padding: 10px 10px 10px 20px; border-bottom: 1px solid #8C2385; margin-bottom: 10px; background: none; text-transform: uppercase;color: #8c2385}
.box-main-content .main-title > i{padding-left: 15px; padding-right: 15px; color: #8c2385}
.box-main-content .main-title a{color: #8c2385}

.relate-list, .relate-list li { list-style: none; margin: 0px; padding: 0px; overflow: hidden }
.relate-title { padding: 10px 15px; font-size: 16px; color: #222; margin-bottom: 20px; border-bottom: 1px solid #DDD; font-weight: bold }
.relate-list li { width: 100%; height: auto; padding:0px 0px 10px 0px !important; margin-bottom: 10px; border-bottom: 1px solid #EEE; font-size: 16px }
.relate-list li i { padding-right: 5px }
.relate-list li:last-child { border-bottom: none }

.boxTitle{font-size: 16px; text-transform: uppercase; text-align: center; margin-bottom: 15px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #E8AAE4; background: none; color: #550850; font-weight: bold;}
.boxTitle a{color: #550850}
.boxTitle a:hover{color: #000}
.boxTitle span{float: right;}

.boxSort{display: block; text-align: right; margin-bottom: 15px;}
.boxSort select{padding: 5px 8px; margin-right: 15px;}
.boxSort button{padding: 8px 12px; background: #8c2385; border: none; color: #FFF;}

.owl-carousel, .owl-carousel li{margin: 0px; padding: 0px; list-style: none;}

.info-list{}
.info-list i{padding-right: 10px;}

div.journeyList{}

.cutomerList span{display: block; text-align: center;}
.cutomerList .avatar{}
.cutomerList .avatar img{border-radius: 50%; width: 100px !important; height: 100px; border: 1px solid #DDD; display: block !important; margin: 0 auto;}
.cutomerList .custName{margin: 10px 0px; font-size: 14px; font-weight: bold;}
.cutomerList .custNote{}

.info-share{padding-bottom: 15px;}
.is-info span{padding-right: 10px;}
.is-info span i{font-style: normal;}

#ggMap{width: 100%; height: 500px; border: none;}

.contact-content{margin-top: 20px;}
.contact-frm, .contact-info{width: 50%; float: left;}
.contact-frm{padding-right: 15px;}
.contact-info{padding-left: 15px;}

.relative{padding: 15px 0px; margin-bottom: 15px; font-size: 16px; border-bottom: 1px solid #DDD}
.paging{padding: 10px 0px}
.paging .page-list{float: left;}
.paging .page-select{float: right;}

/*
* Footer
*/
.footer{padding: 30px 0px; color: #FFF; background: #d75dce; font-size: 16px;}
.footer p{margin: 0px 0px 0px 0px; color: #FFF; font-size: 16px;}
.footer p b{}
.footer ul, .footer ul li{margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
.footer li{font-size: 16px; line-height: 1.85;}
.footer a{color: #FFF; font-size: 16px; }
.footer a i{padding-right: 10px;}
.footer a:hover{color: #e35bda}
.footer .neo{padding-top: 20px; padding-bottom: 0px;}
.footer .info{width: 70%; float: left;}
.footer .info .info-contact{width: 70%; float: left;}
.footer .info .info-acc, .footer .info .info-info{width: 30%; float: left;}
.footer .info .title{font-size: 18px; text-transform: uppercase;}
.footer .info .name{font-size: 16px; text-transform: uppercase; font-weight: bold;}
.footer .info-acc li, .footer .info-info li{margin-bottom: 10px;}
.footer .line{border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 10px}
.footer .addr > div:first-child{width: 40%; float: left;}
.footer .addr > div:last-child{width: 60%; float: left;}
.footer .menu{padding: 20px 0px;}
.footer .menu ul, .footer .menu ul li{margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
.footer .menu li{float: left;}
.footer .menu li a{font-size: 18px; color: #444; padding: 0px 40px;}
.footer .menu li a:hover{color: #000}
.footer .connect{width: 30%; float: left; height: 150px; padding-left: 20px; margin-bottom: 15px;}
.footer .connect a{float: left;}
.footer .connect a i{font-size: 30px;}
.footer .connect > span{font-size: 18px; text-transform: uppercase; display: block; margin-bottom: 10px}
.footer .connect iframe{width: 330px; height: 260px; overflow: hidden;}
.footer .connect i.icon-zalo{background: url(../images/icon-zalo.png) center center no-repeat; background-size: cover; width: 30px; height: 30px; padding: 0px; display: block;}

.copyright{padding: 2px 0px; background: #444; text-align: center; color: #DDD}
.overlay{overflow: hidden;}
.neo-overlay{width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:999999; top:0; left:0; color:#FFF; }
.neo-overlay .box-loading{text-align: center; padding-top: 200px; width: 100%; height: 100%;}
/* back top top */
.scrollup { background: #8c2385; bottom: 120px; 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; }

.pager{width: 100%; display: block; padding: 10px 0px; text-align: center; font-size: 16px; color: #999}
.pager span{font-weight: normal; color: #00a456; padding: 4px 10px; border: 1px solid #DDD; border-radius: 4px;}
.pager a{color: #999; padding: 4px 10px; border: 1px solid #DDD; border-radius: 4px;}
.pager a:hover{color: #000}

.tabs{width: 100%; border-bottom: 1px solid #EEE;}
.tabs .tab{width: 33%; float: left; padding: 10px; text-align: center; line-height: 50px; color: #333; position: relative;}
.tabs .tab a{color: #333; width: 100%; height: 100%; display: block; font-size: 20px;}
.tabs .tab.active a, .tabs .tab a:hover{color: #AE0D0D;}
.tabs .tab.active:before{content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-size: 50px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -20px; left: 45%; color: #AE0D0D;}
.tabs-content{padding: 10px;}
.tabs-content .content{display: none;}
.tabs-content .content.active{display: block;}
/* */
.dn-tab-title span{height: 100%; padding-bottom: 10px; width: auto; display: inline-block; border-bottom: 1px solid #555;}

.neo-search{width: 100%; height: 100%; position: absolute; z-index: -9999; display: none; top: -9999px; left: 0px; background: #FFF; }
.neo-search.active{z-index: 99999999; display: block; top: 0px;}
.neo-search .neo-search-close{position: absolute; right: 50px; top: 50px; font-size: 30px;}
.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.95); 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;}

.box-img{position: absolute; z-index: 9999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); position: fixed;}
.box-img .neo{margin-top: 50px; padding: 20px; background: #111; font-size: 16px; font-weight: normal; text-align: center; position: relative;}
.box-img .neo h3{color: #FFF; font-size: 18px; font-weight: normal; line-height: 1.6;}
.box-img .neo .img-obj{position: relative;}
.box-img .neo .img-obj:before{position: absolute; z-index: 99999; content: " "; width: 100%; height: 100%; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);}
#btnImgClose{position: absolute; z-index: 9999; right: -20px; top: -20px; display: block; text-align: center; width: 40px; height: 40px; border-radius: 50%; background: #DDD; line-height: 40px;}
.overhd{overflow: hidden;}
.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: 40%; float: left; padding: 10px 20px 10px 0px; text-align: right; font-size: 14px;}
.frmElement .element{ width: 60%; 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: 10px 0px; }
.frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element textarea, .frmElement .element span{width: 100%; 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%; display: inline-block; text-align: left; color: #FD0100}
.frmElement .txtCapt input{float: left; width: 70px !important; min-width: 70px !important; height: 30px !important; border-radius: 0 !important; border: 1px solid #DDD;}
.frmElement .btn, .frmElement .msg{}
/*margin-left: 30%; */
.frmElement .btn input[type=submit], .frmElement .btn input[type=reset]{font-size: 14px; text-align: center; cursor: pointer; padding: 10px 40px; color: #fff; border: none; border-radius: 1px; margin: 0px auto; margin-right: 10px;}
.frmElement .btn input[type=submit]{background: #8c2385;}
.frmElement .btn input[type=reset]{background: #666;}
.contact-lbl{width: 40%; text-align: right; padding-right: 20px; font-size: 20px;}

.box-contact-main .content{text-align: center;}
#frmContact .frmElement .element, #frmRegConsult .frmElement .element{width: 100%; text-align: center;}
#frmContact .frmElement input[type="text"], #frmContact .frmElement .element textarea, #frmRegConsult .frmElement input[type="text"], #frmRegConsult .frmElement .element textarea{width: 70%}

.catpcha{}
.catpcha img{width: 190px; float: left;}
.catpcha span{display: inline-block; line-height: 50px; padding: 0px 10px; float: left; width: 40px; text-align: center;}
.catpcha span i{cursor: pointer;}
.catpcha .txtCaptcha{float: left; width: calc(100% - 230px) !important; }
.catpcha input, .catpcha label{width: 100% !important}

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, .not-found { 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; }
.dispnone{display: none; width: 0px; height: 0px;}
.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 }
.clear30 { clear: both; height: 30px; background: none }
.clear40 { clear: both; height: 40px; background: none }

/* For desktop */
@media only screen and (max-width: 1200px) {
}
/* For desktop */
@media only screen and (max-width: 1024px) {
	.neo{width: 100%}
	.menu-top li a{padding: 5px 32px;}
	.videoList li a.icon{height: 210px;}
	.box-relate .videoList li a.icon, .box-video-main .videoList li a.icon{height: 140px}
	.slider-idx-prev{left: 10px;}
	.slider-idx-next {right: 10px;}
	#frmRegConsult .frmElement .element input[type="text"], #frmRegConsult .frmElement .element textarea{width: 90%}
}
/* For table */
@media screen and (max-width: 800px) {
	.header .neo{padding: 0px;}
	.header .name{padding-left: 10px;}
	.header .logo{background-position: center; width: 100%;}
	.header .search, .header .hotline-info {width: 100%; display: inline-block; text-align: center;}
	.header .search{padding: 0px 10px; margin-bottom: 20px;}
	/*.banner .logo{width: 100%; height: 100px; background-size: auto 70%; background-position: center;}*/
	.menu-top{height: auto; float: left; width: 100%; text-align: center;}
	.menu-top button.open-menu{display: block; background: none; border: none; width: 43px; height: 39px; text-indent: -900em; overflow: hidden; position: absolute; top: -130px; right: 10px; cursor: pointer; outline: none; z-index: 9999999}
	.menu-top button.open-menu:after{display: block; content: ''; position: absolute; width: 68%; height: 4px; background: #5C1057; top: 8px; left: 17%; box-shadow: 0 10px 0 #5C1057, 0 20px 0 #5C1057;}
	.menu-top ul{/*position: absolute; top: -1600px; z-index: -99999;*/ display: none; background: #5C1057; 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-top ul.menu-top-active{/*top: 40px; z-index: 99999; left: 0px;*/ display: block; height: auto; }
	.menu-top li{width: 100%; padding: 0px 0px; border-bottom: 1px solid #B83CAF; }
	.menu-top li a{color: #FFF; font-size: 14px; border-right: none; display: block; padding: 10px 32px;}
	.menu-top li a:hover{color: #5BA1FF;}
	.menu-top > .neo > ul > li > ul{display: block; position: relative; top: initial; left: initial; z-index: initial; opacity: 1; width: 100%; padding: 0px; padding-left: 10px; border: none; margin-top: 0px;}
	.menu-top > .neo > ul > li > ul > li{padding: 0px; border-bottom: none; }
	.menu-top > .neo > ul > li > ul > li a{border-bottom: none;}
	.box-main-left, .box-main-content{width: 100%}
	.box-main-left{padding-right: 0px;}
	.videoList li a.icon{height: 160px;}
	.box-relate .videoList li{width: 50%;}
	.box-relate .videoList li:nth-child(3n), .box-relate .videoList li:nth-child(3n+1), .box-relate .videoList li:nth-child(3n+2) {padding-left: 0px; padding-right: 0px;}
	.box-relate .videoList li:nth-child(2n) {padding-left: 10px; padding-right: 0px;}
	.box-relate .videoList li:nth-child(2n+1) {padding-left: 0px; padding-right: 10px;}
	.box-relate .videoList li a.icon{height: 250px;}
	.videoall.videoList li a.icon{height: 170px;}
	.news-list li a.icon img{height: auto;}
	.footer{padding-bottom: 0px;}
	.footer .info, .footer .connect, .footer .info .info-contact{width: 100%}
	.footer .info .info-acc, .footer .info .info-info{width: 50%;}
	.footer .info, .footer .info .info-contact{margin-bottom: 20px;}
	.footer .connect{padding-left: 0px; height: auto;}
}
/* For table */
@media screen and (max-width: 768px) {
}
/* For mobile */
@media screen and (max-width: 667px) {
	.header .name{display: none;}
	.box-relate .videoList li a.icon{height: 210px;}
	.videoList li, .videoList.videoall li{width: 50%;}
	.videoList.videoall li:nth-child(3n), .videoList.videoall li:nth-child(3n+1), .videoList.videoall li:nth-child(3n+2),.videoList li:nth-child(3n), .videoList li:nth-child(3n+1), .videoList li:nth-child(3n+2) {padding-left: 0px; padding-right: 0px;}
	.videoList.videoall li:nth-child(2n), .videoList li:nth-child(2n) {padding-left: 10px; padding-right: 0px;}
	.videoList.videoall li:nth-child(2n+1), .videoList li:nth-child(2n+1) {padding-left: 0px; padding-right: 10px;}
	.videoList.videoall li a.icon, .videoList li a.icon{height: 210px;}
}
/* For mobile */
@media screen and (max-width: 640px) {
}
/* For mobile */
@media screen and (max-width: 580px) {
	.videoList.videoall li a.icon, .videoList li a.icon{height: 180px;}
	.news-idx-list .hight-light, .news-idx-list .news-list{width: 100%}
	.hight-light{padding-right: 0px;}
	.box-relate .videoList li a.icon{height: 180px}
}
/* For mobile */
@media screen and (max-width: 480px) {
	.menu-top button.open-menu{top: -240px;}
	.catpcha img{width: 40%;}
	.catpcha .txtCaptcha{width: calc(100% - 40% - 40px) !important;}
	.videoall li, .videoList li, .videoList.videoall li, .box-relate .videoList li{width: 100%;}
	.videoList.videoall li:nth-child(2n+1), .videoList li:nth-child(2n+1), .videoList.videoall li:nth-child(2n), .videoList li:nth-child(2n), .box-relate .videoList li:nth-child(2n), .box-relate .videoList li:nth-child(2n+1){padding: 0px;}
	.videoList li a.icon, .videoList.videoall li a.icon, .box-relate .videoList li a.icon{height: auto;}
	.box-relate .videoList li a.icon, .box-video-main .videoList li a.icon{height: auto;}
	.news-list li a.icon{width: 150px; margin-right: 10px;}
	.pager a, .pager span{display: inline-block; margin-bottom: 10px;}
}
/* For mobile */
@media screen and (max-width: 420px) {
}
/* For mobile */
@media screen and (max-width: 380px) {
	.header .hotline-info .hotline{padding: 10px 10px 10px 5px}
	.header .hotline-info a{padding-left: 20px; padding-right: 20px;}
}
@media screen and (max-width: 360px) {
}
/* For mobile */
@media screen and (max-width: 320px) {
}
@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%;}
}