@font-face {
    font-family: 'thaisans_neueregular';
    src: url('font/thaisansneue-regular-webfont.eot');
    src: url('font/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/thaisansneue-regular-webfont.woff2') format('woff2'),
         url('font/thaisansneue-regular-webfont.woff') format('woff'),
         url('font/thaisansneue-regular-webfont.ttf') format('truetype'),
         url('font/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'thaisans_neuebold';
    src: url('font/thaisansneue-bold-webfont.eot');
    src: url('font/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/thaisansneue-bold-webfont.woff2') format('woff2'),
         url('font/thaisansneue-bold-webfont.woff') format('woff'),
         url('font/thaisansneue-bold-webfont.ttf') format('truetype'),
         url('font/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
	letter-spacing:0.5px;

}

.inn {display:none;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
a:hover,a:focus{ text-decoration:none;}

/*end reset*/
body{
	background:url(../img/bg-web.jpg) #fff center 110px no-repeat;
	font-family:  Tahoma, Geneva, sans-serif;font-size:15px;
}
.head_theme { width:100%; background: url(../img/bg-header.png) #fff repeat-x bottom; height:70px;overflow: hidden;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.18);}
.logo img {width:85px; border:0;}
.logo { float:left!important; margin:5px 10px;width: 80px;}
.title_web { font-family: 'thaisans_neuebold';color:#4b4dcc; display: block;margin-top: 20px;font-size:33px;}
.title_web h3{color:#636363; font-size:21px; letter-spacing:0.2px;}
.main { 
	width:100%; position:relative; overflow:hidden;
}
.wrap{
	width:80%;margin:0 auto;transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.header {
	background-color:#008dff;width:100%;
	-webkit-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.09);
	box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.09);
}

.header_top{position:relative; margin:auto;}


.tel-line-nav{
	font-size:18px;
	text-align:right;
	padding-top:5px;
}
.tel-line-nav ul{
	width:200px;
	float:right;
}
.tel-line-nav li{
	text-align:left;
	width:100%;
	overflow:hidden;
	margin-bottom:5px;
}
.tel-line-nav i{
	font-size:16px;
	margin-right:10px;
	color:#fff;
	background: #696969;
	width:28px; height:28px;
	overflow:hidden;
	text-align:center;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	padding-top:5px;
	float:left;
}
.tel-line-nav span{padding-top:5px; display:block;}



#home {
  background: #fff;
  overflow: hidden;
  background-attachment: fixed;
  position: relative;
  text-align: center;
}
#home:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(../img/pattern.png) repeat;
}

.jssorb21 {
	position: absolute;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;
	/* size of bullet elment */
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-size: 12px;
	background: url(../img/img/b21.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(../img/a21.png) center center no-repeat;
	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }


/* end slide */


#slider{background:url(../img/bg-slider.jpg) #fff no-repeat top center;}


.title-index-web{display:none;}

#about_us {
	font-family: 'thaisans_neueregular';
  color:#4b4b4b;
  background: url(../img/bg-about-us.jpg) #fff no-repeat left bottom;
  overflow:hidden;
  padding:50px 0;
}
#about_us h2 {
  font-weight: bold;
  text-indent: 30px;
  font-size: 33px;
  display: inline-block;
}
#about_us p {
  font-family: 'thaisans_neueregular';
  font-size:23px;
  font-weight: 300;
  line-height:25px;
  margin: 15px 0;

}
#about_us  h2.aboutus_title{ text-indent:0; padding-left:15px; border-left: 5px solid #6DC1F6;
font-weight: normal;
line-height: 34px;
margin-bottom: 20px;color:#F00;}
#about_us  h2.aboutus_title span{font-size:33px; color:#062CFC;}
#about_us h3{font-size:29px; line-height:30px; margin-bottom:10px;}
#about_us ul{ margin-bottom:15px;}
#about_us li{list-style-type:disc; font-size:23px; margin-left:27px;}


#about_us i.fa-check{color: #0624FF;}
.col-info {margin:0; padding:0; height:250px; overflow:hidden;}
.col-info.detail-aboutus{ padding-top:25px;}
.detail-aboutus{background:url(../img/bg_aboutus_ct.png) repeat-y left;}
.colab h3{color:#FF0;font-family: 'thaisans_neuebold';}
.colab{ min-height:390px; background:url(../img/bg-colab.png) no-repeat bottom right; color:#fff; padding:15px 10px 0 10px; margin:1%; width:31%;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.11);
-moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.31);
box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.31);
-webkit-transition: all .2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
.colab:hover{opacity: 0.7;-moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.21);
box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.21)}
.col1{background-color:#0085e1;}
.col2{background-color:#0098ff;}
.col3{background-color:#33bcff;}

/* view page */
/* setting */
#setting_list,#setting_menu {
position:absolute;right:20px;top:98px;z-index:99;border:1px solid #d3d6db;padding:5px;font-weight:bold; font-family:Tahoma, Geneva, sans-serif;
}
#setting_list { margin-top:40px;background:#fff;}
#setting_list  ul  {width:135px; list-style:none;padding:0;margin:0;}
#setting_list  ul li a{border-bottom:1px solid #d3d6db;line-height:30px;width:100%;color:#676e7d; font-size:14px; float:left;text-indent:10px; font-weight:normal;}
#setting_list  ul li a:hover{background:#f6f7f8; text-decoration:none;}


/* Title **/
.title_view {font-family: 'thaisans_neueregular'; text-transform:uppercase; letter-spacing:0
5px;font-size:43px; color:#0027FF; letter-spacing:0.5px; padding:15px 30px; float:none; margin:0; line-height:33px; background:#f9f9f9; border-bottom:3px solid #10b3ff; margin-bottom:25px;padding-right: 27%;}
.title_cat{border:0;width:inherit!important;background:#06C;color:#fff!important;display: inline;padding: 5px 20px !important;
}

/* Path */
.view_path {font-family: Tahoma, Geneva, sans-serif;color:#777; font-size:13px; padding:15px 0 5px 25px; background:#f9f9f9; border-bottom:1px solid #f0efef;padding-right: 27%;}
.view_path a{color:#1CB5DE;}
.nav_title { font-family: Tahoma, Geneva, sans-serif;font-size:14px;position:relative; overflow:hidden; background:#d7eeff; padding:5px 30px; border-bottom:2px solid #b1e6ea; margin-bottom:25px; margin-top:-25px;}
.view_date_event {width:100%; border-bottom:1px solid #ccc; margin:-25px 0 25px 0; line-height:36px; display:block; text-indent:25px; color:#396;}
.nav_title  i {margin: 0 10px;}
.hits_path{margin-left:30px;}

#content_view {width:100%; min-height:450px; margin:-35px auto 30px auto; overflow:hidden!important;padding:0;position:relative; background:url(../_images/theme/hm_bg_shot.jpg) #fff repeat-x top;}

#content_view .content a {color:#2e3192;}
#content_view a:hover{text-decoration:underline;color:#0B69F6;}
#content_view .content {font-family: Tahoma, Geneva, sans-serif;font-size:15px;margin:auto;line-height:28px; position:relative; min-height:350px;color:#303030;
padding:15px;width:95%;margin-bottom:20px;background:#fff; border:1px solid #dfe0e4;overflow:hidden;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.11);
-moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.11);
box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.11);}
#content_view .content ul li {list-style-type:disc;margin-left:45px;line-height:25px;}
#content_view .content ol {margin-left:65px;line-height:25px;}
#content_view .content ol li { list-style-type:decimal; line-height:28px; margin-bottom:10px;}
#content_view .content p{ font-family:Tahoma, Geneva, sans-serif; font-size:15px;padding:0;margin:0 25px;margin-bottom:15px;line-height: inherit; letter-spacing: normal;}
#content_view .content li p{ margin-left:0;}
#content_view .content .btn  span {color:#fff!important;}
#content_view .content h2{font-size:35px;color:#4baebf;padding:5px 0;margin:15px 0;font-family: 'thaisans_neueregular';font-size:32px;border-bottom:1px solid #eee;text-indent:30px; line-height: inherit;}
#content_view .content h3{font-size:29px;color: #333;padding:5px 0;margin:15px 0;font-family: 'thaisans_neueregular';font-size:32px;text-indent:30px; line-height: inherit;}
#content_view .content h1{font-size: 36px;background: #d81b52;color: #fff;font-family: 'thaisans_neueregular'; padding:10px 0; margin:25px 0;text-indent:30px;}
#content_view .content.view p > img{margin-right:7px;max-width:100%; height:auto!important; text-indent:0;}
#content_view .content.view img { margin:10px 0;}
#content_view .content.view h3 { font-size: 27px; font-weight:bold; line-height:30px; margin:10px 0; color:#000; text-align:left; text-shadow:none;line-height: inherit;text-indent:30px; }
#content_view .content.view em {font-style:italic}
#content_view .content.view pre > img{margin-right:7px;max-width:880px;}
#content_view .content.view pre {margin:0;padding:0;}
#content_view .content.view {padding:30px 15px; color:#444;}
#content_view .content.view ul,#content_view .content.view ol {  margin-bottom:20px;}
#content_view .content pre {border:0; margin:0; padding:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
#content_view .content-panel,#content_view .content-panel b { color:#054950;}
#content_view .content-panel .type_page { color:#999;}
#content_view .content strong,#content_view .content b {font-weight:bold;}
#content_view .content hr {border: none;height: 1px;background: #e4e5e5;}

/* End of view page */

.blog-share{
	position: absolute;right: 30px;top: 17px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif; font-size:13px;
}
.count-share{
	float:left;
	display:inline-table; overflow:hidden;
	width: 150px;height:80px;border-right: 1px solid #ECECEC;margin-right: 10px;
}
.btn-share {
	display:inline-table; overflow:hidden;width: 140px;height:80px;
}
.btn-share a{
	color:#fff;
	width: 40px; height:40px;
	overflow:hidden;
	display:inline-table;
	border:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;
	padding: 6px 0 0 0;font-size: 20px;
}
.btn-share a:hover{
	color:#fff!important;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.text-btn-share,.text-count-share{
	float:left;
	width:100%;
	margin-bottom:12px;
}
.num-share{
	font-size:26px;
	font-weight:bold;
}
.btn-share-fb{
	background: #3354A5;
}
.btn-share-tw{
	background: #5AC8E6;
}
.btn-share-gp{
	background: #CB4C4C;
}



.pi-list-with-icons,
.pi-list-with-icons li{
	list-style:none!important;
}
.pi-list-with-icons, .pi-bullets-circle, .pi-bullets-square {
    list-style: none;
    padding-left: 0;
}
.pi-list-big-margins li:first-child {
    margin-top: 0;
}
.pi-list-big-margins li {
    margin: 7px 0;
}
.pi-list-with-icons li, .pi-bullets-circle li, .pi-bullets-square li {
    position: relative;
    padding-left: 26px;
}

.pi-section-dark li .pi-bullet-icon, .pi-section-dark li .pi-bullet-icon-img {
    color: #c6ccd0;
}
.pi-section-white li .pi-bullet-icon, .pi-section-white li .pi-bullet-icon-img {
    color: #4d5258;
}
.pi-list-with-icons li .pi-bullet-icon, .pi-bullets-circle li .pi-bullet-icon, .pi-bullets-square li .pi-bullet-icon {
    top: 0px;
    font-size: 18px;
}
.pi-list-with-icons li .pi-bullet-icon, .pi-bullets-circle li .pi-bullet-icon, .pi-bullets-square li .pi-bullet-icon, .pi-list-with-icons li .pi-bullet-icon-img, .pi-bullets-circle li .pi-bullet-icon-img, .pi-bullets-square li .pi-bullet-icon-img {
    position: absolute;
    left: 0;
}



h2.title-news-index {
	color:#36C!important;
	margin-top: 50px;
}
.item-news h3{
	font-family: Tahoma, Geneva, sans-serif!important;
	line-height: 21px!important;
	font-size: 14px!important;
	color: #0960F8!important;
	text-indent:0!important;
	letter-spacing:0;
	text-shadow: none;
	font-weight:bold;
	margin-top: -5px !important;
}
.item-news a:hover, 
.item-news a:hover h3{
	color: #4FCFF9!important;
	text-decoration:none!important;
}

#news{background:url(../img/bg-news.jpg) #efefef no-repeat bottom; padding:35px 0; margin-top:-1px; z-index:9999;}

#news h2.title-article-index {
	font-size: 45px;border-bottom: 5px solid #D2D2D2;
    color: #36C !important;
    margin-bottom: 30px;font-family: 'thaisans_neuebold';
}
#news .item-article h3{transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;}
#news .item-article h3{font-size:16px;background:#275FD1; color:#fff!important; padding:15px;}
#news .item-article:hover h3{background:#41C3ED;}
#news .item-article img {width:100%;}




.register-page .row {
    padding: 5px 0;
}
.register-page label.col-left {
    font-weight: bold;
}
.register-page label {
    font-weight: normal;
}
.col-left {
    text-align: right;
}
.req {
    color: #F00;
}



footer {
  background: #3983cb; padding: 7px 0;
}
footer .copy_right{
  line-height: 18px; color: #fff;
}
footer .copy_right a { 
  color: #fbfbfb;
}
footer .develop_by {
  margin-left:50px; float:right;
}
#footer_contact {
  font-family: 'thaisans_neueregular';
	background: #4498e0;
	color:#fff;
	padding: 20px 0;
	font-size:21px;
}
#footer_contact a {
	color: #F4FF8E;
}
#footer_contact a:hover {
	color:#FCF;
}
#footer_contact h2{
	font-size: 29px;
	margin-top: -5px;
	border-bottom: 1px solid #fcfcfc;
	line-height: 45px;
	text-indent: 20px;
	margin-bottom: 15px;
}
#footer_contact h5{
    text-transform: none;
    font-weight: normal;
    line-height: 35px;
    font-size: 31px;
    text-align: left;
}
#footer_contact h5 i {
    width: 52px;
    display: block;
    float: left;
    margin-left: 25px;
    font-size: 30px;
}
.link_footer_nav {
	margin-top: 20px;
	text-align: center;
	display: block;
	font-family: tahoma;
	font-size: 14px;
}
#footer_contact .link_footer_nav a {
    color: #FEDEEF;
}
#footer_contact .link_footer_nav a:hover {
    color: #FFF300;
}




.list-banner ,
.list-banner li{
	list-style:none!important;
}
.list-banner li{
	float:left;
	width:25%;
	padding:0;
	margin:1%;
}
.item-banner {
	margin:15px 0;
}
.item-banner > a{
	width:100%;
	position:relative;
	overflow:hidden;
	height:230px;
	display:block;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.item-banner:hover > a{
	-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.25);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.25);box-shadow:0px 1px 13px rgba(0,0,0,0.25);

}
.item-banner .grow img{width:100%; margin:0!important; -webkit-transition: all .2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
.item-banner:hover .grow img{margin-left:-1.5%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-banner .pic { float: left; width:100%;overflow: hidden; position:relative;}
.item-banner span{width:100%; padding:10px 10px; line-height: 16px;position:absolute; bottom:0; z-index:999; left:0; background:rgba(40, 150, 231, 0.8);color:#fff;	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear; text-align:center;}
.item-banner:hover span{background:rgba(11, 50, 218, 0.8);}


/* cookies */
.highlight {
    background: rgba(255,215,0,0.115);
}
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
	background: #81888c;
	z-index:99999999999;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-advanced{display:none!important;}



@media all and (min-width:1367px) {
	body, #about_us { background-size:100% auto;}
}
@media all and (max-width:1280px) {
	#nav .container{
		width:100%;
	}
	#nav .navbar-header .navbar-nav.nav-title{
		position:absolute;
	}
	#nav .navbar-nav.nav-title {
		margin-left: 125px;
	}
	#nav .inner_nav {
		background-position:left;
	}
	.head_theme .container, .header_top .container{width:100%!important;}
	.item-banner > a{ height:210px; } 
}
@media all and (max-width:1024px) {
	
	#nav {
		background-position:-150px;	
	}
	#nav .navbar-nav.nav-title h1.title_full{
	  display: none;
	}
	#nav .navbar-nav.nav-title h1.title_short{
	  display: block;
	}
	#nav .navbar-right li a{
      font-size: 21px;
	  padding-right: 7px;
	  padding-left: 7px;
	  font-weight:bold;
	}
	.item-banner > a{ height:190px; } 
	
	
	#about_us h3{font-size:23px;}
}
@media all and (max-width:992px) {



	body{
		background-position:center 180px;
	}

	#content_view{ margin-top:-10px;}
	#content_view .content.view img { 
		margin:15px 0;
		max-width:100%!important;
		height: auto!important;
	}
	#content_view .content.page4 img{
		width:100%!important;
		height:auto!important;	
	}
	#content_view .content.page3 table img,
	#content_view .content.page4 table img{
		max-width:180px!important;width:180px!important;
		height: 180px!important;	
	}
	#setting_menu {top:20px;}
	.title_view,.view_path{padding-right:30px;}
	.blog-share{
		width:100%; position:relative; height:80px; top:-10px; right:0;
	}
	.count-share {
		width: 40%;
	}
	.btn-share{
		width: 55%;
	}
	.btn-share a{
		margin-right: 2%;
		margin-left: 2%;
	}
	.item-banner > a{height:185px;}
	.item-banner:hover .grow img{margin:0!important;}
	
	.col-title {overflow:hidden;width: 100%;height: 70px;}
    .tel-line-nav{ position:absolute; z-index:99;right: 1%;top:15px; width:300px;}
	.tel-line-nav ul{width:400px;display: block;}
	.tel-line-nav li{float:left;width:220px; overflow:hidden;}
	.menu li a{padding:7px 13px!important;}

	.col-info{height:auto;}
	.detail-aboutus{padding:25px; background-color:#fff;}
	.colab{float:none; width:90%; margin:20px auto; padding-bottom:20px; height:auto; min-height:inherit;}
	.colab:hover{opacity: 1;}
}
@media all and (max-width:800px) {
	
  #about_us{padding:0;}
  #news .container{width:90%;}
  .header_top{height:53px;}
  .head_theme{overflow:visible;}
  .logo{margin-bottom: 0;}
  .toggleMenu img {width: 28px!important;}
  .nav{top:55px!important;}
  .menu { margin:0 25px!important;}
  .webform-component-fieldset{
	  margin-bottom:15px;
  }
  .col-footer{margin-bottom:25px;}
  .tel-line-nav{right: 1%;top: 77px;width:85%;}
  .tel-line-nav a{color:#fff;}
}



@media (max-width: 767px) {
  .item-banner{
	  width:33.33%; float:left;
  }
  .item-banner > a{ height:180px; } 
  #about_us{background-position:top center;}

}

@media all and (max-width:640px) {
	
  .item-banner{width:50%;}
  .item-banner > a{ height:210px; }  
  #nav .navbar-nav.nav-title h1{
     font-size: 25px;
  }
	body{
		background-position:center 90px;
	}
	
  .title_web{font-size:25px!important; }
  .title_web h3{font-size:15px!important;}
}
@media all and (max-width:530px) {
	
  .item-banner > a{ height:190px; }
  	#about_us .container {background:none;}

}
@media all and (max-width:480px) {
	.item-banner{width:100%;}
  .item-banner > a{ height:360px; } 
  #nav .navbar-header .navbar-nav.nav-title h1{
     font-size: 18px;
	 display: none;
  }	
  .develop_by,.nav_work{
	  display:none;
  }

	/* content */
	#content_view .content.view {padding-top:10px;}
	h3,.title_view,#content_view .content h1 {font-size:25px; line-height:30px; text-indent:0;}
	#content_view .content h2{text-indent:0;font-size:23px;}
	.title_view {border-bottom-width:1px; padding-bottom:5px;}
	#content_view .content {border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;
	}
	#content_view .content p {margin:0;}
	.content.view, .form-control {width:100%!important;}
	label input[type="radio"], label input[type="checkbox"]{width:auto!important;}
	.title_web h3{font-size:14px!important;}
	.logo{margin :5px 10px 0 -5px!important;}
	.menu{margin-left:0!important;}
	.cnt-fax{display:none;}
	.tel-line-nav ul{width:200px;}
	#footer_contact h2{line-height:33px;}
	
}
@media all and (max-width:430px) {
	.item-banner > a{ height:310px; }
	#about_us h2{font-size:25px;}
	#about_us h2.aboutus_title span,.font-md-h2{font-size:29px;}
	#about_us p{font-size:21px;}
	
}
@media all and (max-width:400px) {
	.item-banner > a{ height:260px; }
	.item-banner span{font-size: 14px;line-height: 15px;}
	.title_web h3{display:none;}
	.title_web{font-size:23px!important; line-height:20px;}
	.logo{ margin :px 10px 0 -5px!important;}
	#about_us h2{font-size:22px;}
	#about_us h2.aboutus_title span{font-size:27px;}
	#about_us h2.aboutus_title{line-height: 27px;}
}
@media all and (max-width:320px) {
	.item-banner > a{ height:245px; }
	.container.view {padding:0;}
	#content_view {margin-top:0;}
	h3,.title_view,#content_view .content h1 {font-size:23px;!important; line-height:25px;}
}