@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,a:active{ text-decoration:none; text-outline:none!important; outline:none;}

a.btn:hover{color:#fff!important; text-decoration:none!important;}
.btn-violet {background:#5b1b74; margin-right:20px;border-color: #490f5f;font-family: 'thaisans_neuebold'; font-size:19px; width:200px; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:hidden; position:relative;border-bottom: 3px solid #b763ea;}
.btn-violet i{position:absolute; float:right; right:10px;font-family: 'thaisans_neueregular'; font-weight:normal; font-size:27px; color:#CCC; top:-1px;}
.btn-violet:hover,.btn-violet:focus {background:#451558;border-bottom: 3px solid #8c55a2;}

select{font-family:Verdana, Geneva, sans-serif; font-size:15px!important;}
.btn-status-car{font-family: 'thaisans_neuebold'; font-size:20px;padding: 0px 10px; }
.btn{padding: 0px 10px;font-family: 'thaisans_neuebold'; font-size:20px; }

/*end reset*/
body{
	background: #f2f2f2;
	font-family:  Tahoma, Geneva, sans-serif;font-size:15px;
}
.head_theme { width:100%;height:80px;}
.logo img {width:150px; border:0;}
.logo { float:left!important; margin:5px 10px;margin-top:0;width: 150px; position:absolute;    z-index: 999;}

/* header logo title */
.title_web{padding-left:200px; padding-top:10px; position:absolute; width:500px;}
h2.title_header{font-family: 'thaisans_neuebold',Tahoma; color:#fff;font-size: 43px; display:inline-block;letter-spacing:0.5px; padding:0;line-height:35px; margin:0; margin-top: 10px;margin-bottom: 7px; }
h2.title_header_sub{font-family: 'thaisans_neuebold',Tahoma; color:#fef204;font-size:43px; display:inline-block; text-transform: none; letter-spacing:0.5px;padding:0; letter-spacing:0; padding-left:10px;line-height: normal; margin:0; margin-top:-15px;}
.gantry-logo{text-align: center;width: 100%;display: block; margin-top:5px;}
.gantry-logo img{width:200px;}


.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 {
	width:100%; padding-top:10px;background: #1e439c;padding-bottom: 10px;
    -webkit-box-shadow: 0px 1px 12px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 12px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 12px rgba(0,0,0,0.4);
	position:relative;
z-index:99;
	
}

.header_top{position:relative; margin:auto; padding-left: 270px;}
.header_top .container{ width:900px;background: url(../img/bg-nav-menu.png) #39383a repeat-x top;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: initial;}


.tel-line-nav{font-size:30px;text-align:right; margin-top:4px;}
.tel-line-nav a{border-radius: 4px;margin:0;display:inline-table;font-size: 23px;color:#e92477;background:#ff19bc;color:#6e6e6e;padding:0; width:38px; height:38px; overflow:hidden;line-height: 38px;text-align: center;}
.tel-line-nav a i{text-align:center;}
.tel-line-nav a:hover{background-color:#CCC!important;}
.tel-line-nav a.btn-fb{background-color:#0476d8;}
.tel-line-nav a.btn-yt{background-color:#d00209;}
.tel-line-nav a.btn-mail{background-color:#00aeef;}
.tel-line-nav a.btn-tell{background:url(../img/bg-ico-tel.png) #ffedce no-repeat left;padding:0 20px 0 10px; width: auto;}
.tel-line-nav a.btn-tell i{margin-right:15px;}
.tel-line-nav a.btn-line{background-color:#7fcc16;}
.tel-line-nav a.btn-line i{font-size:27px;}
#review .tel-line-nav a.btn-line{background:#7dbd3e; margin:0!important;}
.tel-line-nav a.btn-tell:hover{background:#ffc84a!important;}
.tel-line-nav a.btn-line:hover{background:#7dbd3e;}
.tel-line-nav a:hover{color:#fff200;}
.tel-line-nav b{font-weight:normal;color:#fff;margin-right: 10px;}
.tel-line-nav i{font-size:23px;color:#fff;}


section {padding:20px 0;}

.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 */

h2.font-md-h2{font-family: 'thaisans_neuebold'; font-size:47px; margin-bottom:30px; text-indent:20px;}

#brand-index{ background:url(../img/bg-brand-index.png) #f2f2f2 repeat-x top; padding-top:60px;}
#brand-index div {text-align:center;}
#brand-index img{margin:auto; margin-bottom:20px; width:120px;border-radius: 4px; border:5px solid #fff;}
#brand-index .slick-prev,#brand-index .slick-next { color:#959595!important;}


#slider{padding:0px; background:#fff;}

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


/* view page */
/* setting */
#setting_list,#setting_menu {
position:absolute;right:20px;top:98px;z-index:9999;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:#323232; letter-spacing:0.5px; padding:15px 30px; float:none; margin:0; line-height:33px; background:#f9f9f9; border-bottom:3px solid #3162ed; 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:#fcfcfc; border-bottom:1px solid #f0efef;padding-right: 27%;}
.view_path a{color:#1942EF;}
.nav_title { font-family: Tahoma, Geneva, sans-serif;font-size:14px;position:relative; overflow:hidden; background:#dfd9e7; padding:5px 30px; border-bottom:2px solid #d3a2f0;}
.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;}

.container.view {padding-left:0; padding-right:0;}

#content_view { width:100%; min-height:450px; margin:20px auto 30px auto; overflow:hidden!important;padding:0;position:relative; background:none;}

#content_view .content a {color:#2e3192;}
#content_view a:hover{text-decoration:underline;color:#0B69F6;}
#content_view .content,
#content_view .content-product,
#content_view .content-page {position:relative; min-height:350px;color:#303030;
padding:15px;width:100%!important;margin-bottom:20px;background:#fff; overflow:hidden;
-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{font-family: 'thaisans_neueregular',Tahoma, Geneva, sans-serif;font-size:23px;margin:auto;line-height:28px; }
#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{ 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:#2e4bec;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 20px; 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;}
#content_view .form-control{font-size:21px;}

/* End of view page */

#content_view .product-desc {font-size: 12px;line-height: 18px;font-family: Arial;color: #666;}
#content_view .product-desc ul li {line-height: 18px;}
#content_view .product-desc p{font-size: 12px;margin:0; padding:0; line-height:18px;}
#content_view .product-desc h3{ font-size:16px; margin-bottom:20px;font-weight:normal!important; text-indent:0!important;}
#content_view .product-desc h2.pd-title{color:#333;font-size:19px; margin-top:15px; margin-bottom:10px;font-weight:normal!important; text-indent:0!important;}
#content_view .product-desc h3.pd-desc{color:#d71921;}

#content_view .list-branch .panel-heading{-moz-transition:all .2s linear;	-webkit-transition:all .2s linear; -o-transition:all .2s linear; 	-ms-transition:all .2s linear;	transition:all .2s linear;}
#content_view .list-branch .panel-collapse.in{border-top:1px solid #ddd;}
#content_view .list-branch .panel-heading:hover{background:#f4f4f4;}
#content_view .list-branch .panel-heading h2{border:0; padding:0; margin:0; font-family: 'thaisans_neuebold'; font-size:25px;}

.nav a:hover,.nav a:focus{outline:none;}
.nav.tab-product li.active a{color:#d71921!important; border:0!important;}
.nav.tab-product li a{color:#000;font-size: 14px!important;padding: 3px 15px!important; margin:0!important; top:0!important; display:inherit!important;}
.nav.tab-product li,.nav.tab-product li a{line-height: 10px!important;}
.nav.tab-product  > li > a:hover,
.nav.tab-product  > li > a:focus{background:none!important; margin:0!important;border:0!important; text-decoration:none!important;color:#d71921!important;}
.nav.tab-product li {border-right:1px solid #000!important;}
.nav.tab-product{ padding:10px 0; border-bottom: 2px solid #ddd;}

.thum-product {margin-top:50px; margin-bottom:25px;}
.thum-product img{ border:1px solid #ddd; margin:0 5px;}

.show_pic_product {width:100%; text-align:center; height:200px;max-height:200px; position:relative; overflow:hidden;}
.show_pic_product img{max-height:200px;transform: translate(-50%, -50%);top: 50%;position: absolute;left: 50%;}

.spec-content{ background:#f7f7f7; padding:10px; overflow:hidden;}
.spec-content th{border-bottom: 1px solid #d3d3d3;
    font-size: 18px;
    color: #000;
    font-weight: lighter;
    word-break: break-all;
	line-height:50px;
}
.spec-content td {
    border-bottom: 1px solid #d3d3d3;
    font-size: 12px;
    padding: 8px 0;
    word-break: break-all;
	padding-right:10px;
}
.spec-content table{width:100%!important;}
.tab-spec{background:#dadada;}
.nav.tab-spec li,
.nav.tab-spec li a,
.nav.tab-spec  > li > a:hover,
.nav.tab-spec  > li > a:focus{background:#d61921!important; color:#fff!important; border:0;font-size: 12px; text-decoration:none!important;}
.nav.tab-spec li.active a{background:url(../img/bg_spec_active.png) #d61921 no-repeat bottom center!important;}

.content-product .spec-content ul{ list-style: disc;}
.content-product .spec-content ul li{ list-style: disc; margin-left:20px;}
.content-product .spec-content strong{font-weight:bold;}

.product_download{ line-height:25px; font-size:12px; padding:10px;}
#content_view .product_download a{color:#000;}
#content_view .product_download a:hover{color:#d61921; text-decoration:none;}
.product_download i{color:#d61921; font-size:14px;}
	

/* side left product list */
.title_product_left{font-size: 28px;color: #010101;line-height: 45px; border-bottom:1px dotted #a6a6a6;}
.li-brand-product a{ text-indent:5px;font-size: 23px;color: #d61921; width:100%; display:block;line-height: 45px; border-bottom:1px dotted #a6a6a6;}
.li-brand-product a:hover{color:#333;}
.li-brand-cat a{font-size:23px; text-indent:15px; color:#333;display:block;line-height: 35px; border-bottom:1px dotted #a6a6a6;}
.li-brand-cat a:hover,.li-brand-cat-sub a:hover{color:#fff!important; background:#0054a6;}
.li-brand-cat-sub a{ text-indent:25px; color:#7f7f7f;;font-size:14px; display:block; width:100%;line-height: 28px;}
.li-product-active a{color:#fff!important; background:#0054a6!important;line-height: normal; padding:7px 5px;}



.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: 180px;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-decoration:none!important;
}
.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;
}
.btn-share-line{
	background: #59c816;
}
.btn-share-line i{
	font-size:22px!important;
	font-style:normal;
}


.side-left {font-family: 'thaisans_neueregular';padding-top:25px; padding-left:0;}
.side-left h2{font-family: 'thaisans_neuebold'; font-size:27px;}
.side-content,.side-top-right{padding-right:0;}
.side-top-left,.side-top-right{padding-left:0;padding-right:0;}
.side-top-left:hover,.side-top-right:hover{z-index:99;}
#main-home .side-left{padding-top:0; }
.side-left,.side-content {float:right;}

.side-left img{	
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
	opacity: .85;
	filter: alpha(opacity=85);
}
.side-left a img:hover{opacity: 1;
	filter: alpha(opacity=100);
	-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.3);box-shadow:0px 1px 13px rgba(0,0,0,0.3);

}
.side-left img.opac1{
	opacity: 1;
	filter: alpha(opacity=100);
}

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

#news{background:#fff; padding:0; margin-bottom:25px; overflow:hidden;}
#product{background:#fff; padding:0; margin-bottom:25px; overflow:hidden;}
.product-hikvision-index {border: 1px solid #DBDBDB;; overflow:hidden; background:#f5f5f5;}


#news h2.title-article-index,
#product h2.title-product-index,
h2.title-hikvision-product-index {
	font-size: 37px;border-bottom: 1px solid #D2D2D2;
    color: #fff !important;
    margin-bottom: 30px;font-family:'thaisans_neueregular'; text-indent:15px;
	background: #0054a6; font-weight:normal;
}
h2.title-hikvision-product-index {
    color: #fff!important;
	background: #bc0000;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear; 
	-o-transition:all .3s linear; 
	-ms-transition:all .3s linear;
	border-top:0;
}
.product-hikvision-index:hover h2.title-hikvision-product-index {
	background:#bc0000;
}
.hikvision-col{padding:0; margin-top:-30px;}


a.btn-border {
    color: #000 !important;
    border: 1px solid #333;
    font-size: 25px;
    font-family: 'thaisans_neuebold';
    border-radius: 25px;
    padding: 0px 15px;
}
a.btn-border:hover {
    text-decoration: none !important;
    border-color: #ed1c24;
	background:#ed1c24;
	color:#fff!important;
}
#news h2 i,#product h2 i{font-size:23px;}
#news .item-article h3,
.item-product h3{ margin-bottom:15px;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;f-ont-size:16px;background:#fff; color:#666; padding:5px;height: 50px;}
#news .item-article h3{font-family: 'thaisans_neuebold';font-size: 23px; line-height:23px;background: #e9e9e9;color: #363636;
min-height: 70px;padding: 15px 0px 5px 10px; margin-top:-3px;}
#news .item-article:hover h3,
.item-product:hover h3{color:#d72b2b;}
#news .item-article:hover h3,
#news .item-article:hover img,
#product .item-product > a:hover{-webkit-box-shadow:0px 1px 7px rgba(0,0,0,0.15);-moz-box-shadow:0px 1px 7px rgba(0,0,0,0.15);box-shadow:0px 1px 7px rgba(0,0,0,0.15); }
#product .item-product > a{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 img {width:100%;}
#product .item-product > a{background:#fff;display: block;min-height: 240px;margin-bottom: 25px;
border: 2px solid #eee;}
#product .item-product:hover > a{border:2px solid #ef2323;}
.item-product h3{text-align:center!important;}
.item-product h3 span{font-size:12px!important;}
.item-product img{ max-width:150px; max-height:150px; position:absolute; bottom:0;margin:0;  transform: translate(-50%, -50%);top: 50%;left: 50%;}
.item-product .thumb-product-item{height:150px; width:100%; position:relative; text-align:center; overflow:hidden;}

.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;
}


.date_view_cmt {background:none; bottom:5px;font-size:11px; margin-top:5px; color:#a9a9a9; display:block;}
.sub_path span,.date_view_cmt span{float:left; margin:0; padding:0; display:block;}
.sub_path span {background-position: 0px -197px; font-size:13px; color:#888; }
.sub_path span.hits_path {margin-left:10px; margin-right:20px;}

/* video */
#videos {padding:0; margin:0; width:100%; position:relative; margin:20px 20px; }
#videos li {width:23%; margin:5px; height:200px; position:relative; display:block; float:left; overflow:hidden; list-style-type:none; margin:5px;font-family: 'cs_chatthaiuiregular';}
#videos li a{display:block; position:relative; overflow:hidden; margin-bottom:10px;color:#646464;}
#videos li:hover a {color:#d72b2b; text-decoration:none;}
#videos li img {margin-bottom:6px; width:96%; height:110px;-webkit-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.17);
-moz-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.17);
box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.17);}
#videos li a.edit-vdo { font-size:11px; font-weight:bold; text-indent:0; margin:0; padding:0; background:none; color:#993333; width:20px; overflow:inherit; float:left;}
#videos li a.ico_play {position:absolute;display:block;margin:auto!important;width:96%;height:110px; z-index:99;
	background:url(../img/ico_play.png) rgba(0, 0, 0, 0.3) no-repeat center; 
	opacity: 0.2;
    filter: alpha(opacity=20);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
#videos li:hover a.ico_play  {opacity: 0.85;
	cursor:pointer;
    filter: alpha(opacity=85); /* For IE8 and earlier */
	}

/* portfolio */
.view-photo{width:100%; position:relative; text-align:center;}
.item-photo{border: 1px solid #fff;
display:inline-block;padding:0; margin: 10px; width:252px; height:252px;
-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
list-style-type: none !important;
-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;}
.item-photo:hover{-webkit-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
-moz-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);}
.item-photo img{padding:0!important; margin:0!important;}



/* car */
.item-car {border-top:1px solid #eee; width:100%; position:relative; overflow:hidden; 
-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;}
.item-car-more{width:100%; text-align:right; position:relative; overflow:hidden; padding-top:10px; padding-bottom:20px;}
.item-car strong{color:#3b8b9c;}
.detail-icar{position:relative; display:block; padding-bottom:15px;}
.detail-icar.col2{margin-top:61px;}
.car-features,.car-sale {
	border-radius: 4px;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    background: #c80f0f; color:#fff;    width: inherit;
    padding: 0 15px;
    display: inline;
    font-size: 25px;
	font-family: 'thaisans_neuebold';
}
.car-sale{background: #f26522;font-size: 21px;}
.item-car:hover .car-features {background: #ec3a00;}
.item-car:hover .car-sale {background: #f7941d;}
.item-car a h3{color:#000!important; text-indent:0!important; padding:10px 0; font-weight:normal!important; font-family: 'thaisans_neuebold'!important;}
.item-car a:hover h3,
#content_view .item-car a:hover{color:#076ed2!important; text-decoration:none!important;}
.meta-date{font-size:16px; color:#999; display:block; padding-top:10px;}
.meta-date i{font-size:11px;}
.slide_car{width:100%; position:relative;}
#content_view .content.view ul.slick-dots{margin-bottom: -10px;}
#content_view .content ul.slick-dots li {margin-left: 0;}


/* car index */
#car-index{font-family: 'thaisans_neueregular'; font-size:23px;}
#car-index .item-car{ background:#fff; padding:10px 0;-webkit-box-shadow: 0 1px 5px rgba(118,118,118,.1);
-moz-box-shadow: 0 1px 5px rgba(118,118,118,.1);
box-shadow: 0 1px 5px rgba(118,118,118,.1);-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;}
#car-index .item-car:hover{    -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);
}

/* car data */
.table-car > tbody > tr > td{padding:4px 8px;}

/* brand */
.view-brand{width:100%; position:relative; text-align:center;}
.item-brand{border: 1px solid #fff;
display:inline-block;padding:0; margin: 20px 10px; width:152px; height:152px;
-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
list-style-type: none !important;
-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;}
.item-brand:hover{-webkit-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
-moz-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);}
.item-brand img{padding:0!important; margin:0!important;}


/* form document */
.doc_regulate {width:100%;padding:0; margin:auto; position:relative; overflow:hidden;  }
.doc_regulate .files a {line-height:25px; margin-top:7px;display:block;}
.doc_regulate .sub_path {margin-left:85px; width:100%; margin-top:5px; display:block;}
.doc_regulate .sub_path span {font-size:11px;}
.doc_regulate .edit_doc { position:absolute; right:0; top:0; margin:15px;}
.doc_regulate li  {width:100%;min-height:40px;position:relative; overflow:hidden;border-bottom:1px solid #ddd;list-style-type:none;padding-bottom:0px; }
.doc_regulate img {float:left;width:24px;height:24px;margin:15px 30px;}
.doc_regulate li:hover {background:#eff5f6;}
.doc_regulate li:hover .files a{ color:#0076a3;text-decoration:none;}
.document_index .doc_regulate img {margin:15px;}
.document_index .doc_regulate { width:100%;}


.hover-shadow{-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;}
.hover-shadow:hover{
	-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.6);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.6);box-shadow:0px 1px 13px rgba(0,0,0,0.6);
}
.hikvision-col:hover{
	z-index:99;
}

/* item cat product index */
.list-banner ,
.list-banner li{
	list-style:none!important;
}
.list-banner li{
	float:left;
	width:33.33%;
	padding:0;
	margin:1%;
}
.item-banner {
	margin:15px 0;
}
.item-banner > a{
	width:100%;
	text-align:center;
	font-family: 'thaisans_neuebold';font-size: 23px; line-height:23px;
	position:relative;
	overflow:hidden;
	height:220px;
	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);
	border:2px solid #eee;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.item-banner:hover > a{
	border:2px solid #bc0000;
	-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.2);box-shadow:0px 1px 13px rgba(0,0,0,0.2);

}
.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:-2.5%!important;margin-top:-2.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:20px 10px 10px 10px; position:absolute; bottom:0; z-index:999; left:0;background: url(../img/bg-li-product-hover.png) no-repeat top center; color:#fff;	-moz-transition: all .2s linear;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;}



footer {
  background: #1b336b; padding: 7px 0;
  
}
footer .copy_right{
  line-height: 18px; color:#9b9b9b;
}
footer .copy_right a { 
  color: #fbfbfb;
}
footer .develop_by {
  margin-left:50px; float:right;
}
#footer_contact {
  font-family: 'thaisans_neueregular';
	background: #003686;
	color:#d5d5d5;
	padding: 40px 0;
	font-size:25px;
	margin-top:25px;
}
#footer_contact a {
	color: #cacaca;
}
#footer_contact a:hover {
	color:#efefef;
}
#footer_contact h2{
	font-family: 'thaisans_neuebold';
	font-size: 37px;
	margin-top: 0px;
	line-height: 45px;
	margin-bottom: 25px;
	color: #fff;
	border-bottom:1px solid #c6c6c6;
}
#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;
}

i.circle-contact{ width:35px; height:35px; overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;
 margin-right:15px; color:#fff; float:left;font-size:21px;  margin-bottom:7px; background:#6b6b6b; text-align:center; padding-top:7px}
#footer_contact .col-contact{font-size:25px;}

.page-int{ background:#f5f6f7;border-radius:0px; color:#979797;font-size: 16px; line-height:1; margin-top:25px!important; padding:5px 15px;}
.page-int .row{margin-top:0!important; margin-bottom:0!important;}
.page-int div {margin:0!important; padding:0!important;}
.page-int a,.page-int .current{ display:inline-block; height:30px; background:#8195d0; border-radius:7px; margin:3px 0; color:#fff!important; line-height:30px; padding-left:10px; padding-right:10px;}
.page-int a:hover{ background:#2e51b9; color:#fff!important; text-decoration:none!important;}
.page-int span{word-spacing:0!important;}
.page-int .current{background:#caced1;}


.item-serie,
#content_view .item-serie{ line-height:1;list-style:none!important; padding:0!important; margin:0!important;}
.item-serie li,
#content_view .item-serie li{list-style:none!important; padding:3px 0!important; margin:0!important;}
.item-serie .car-sale{margin-top:10px;float: left;display: block;width: auto;}
.detail-icar.col1 strong,.item-serie strong{width: 90px;display: block;float: left; font-weight:normal!important;}
.detail-icar .btn-status-car{margin-bottom:10px;}

/*nav-admin*/
#nav.nav-admin{min-height:50px; width:100%!important; margin:0;}
#nav.nav-admin .navbar-toggle{ font-size:18px!important; margin:0!important; position:relative!important;}
#nav.nav-admin .navbar-header{height:auto!important; margin:3px 0!important; min-height:44px!important;}
#nav.nav-admin .navbar-right{float:right!important; display:block!important;height: auto!important; background:none!important; margin:0!important; border:0!important;}
#nav.nav-admin .navbar-right li a {font-size: 14px!important; font-family:Tahoma, Geneva, sans-serif!important;padding: 14px 15px 15px!important; color:#fff!important;text-align: center!important;border:0!important; text-align:left!important;text-indent:0;}
#nav.nav-admin .collapse.in{margin:0!important; background:none!important; }
#nav.nav-admin{background: #707070;}
#nav.nav-admin .navbar-right li:active, #nav.nav-admin .navbar-right li a:active, .nav-admin .nav > li > a:hover, .nav-admin .nav > li > a:focus {background: #898989!important;}


@media all and (min-width:1367px) {
}
@media (min-width:1280px){
.container {width: 1220px;}
}
@media all and (max-width:1280px) {
	.header_top {padding-left: 230px;}
	#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;}
	.header_top .container{width:96%!important;}

}
@media all and (max-width:1200px) {
	.mhid{display:none;}
	.menu li a {padding: 7px 13px!important;}	
}
@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;
	}
	.tel-line-nav a{margin:15px 0 0 10px;}

	.item-banner > a{height:260px;}
	
}
@media (min-width:993px){
.container {width:95%;}
}
@media all and (max-width:992px) {
	.mhid{display:inline;}
	.head_theme { height:auto;}
	.header{padding-bottom: 0;}
	.header_top{padding:0;width:100%;}
	.header_top .container{width:100%!important;}
	.container {width: 95%;}
	.container.view{width: 100%;}
	.tel-line-nav{position:absolute; right:15px;}
	.title_web{padding-left: 120px;}
	.logo img {width: 100px;}
	#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:0; right:0; background: #fcfcfc; padding: 5px 0;
	}
	.count-share {
		width: 40%;
	}
	.btn-share{
		width: 55%;
	}
	.btn-share a{
		margin-right: 2%;
		margin-left: 2%;
	}
	
	.col-title {width: 100%;height: 90px;}
	.tel-line-nav{margin-top:0; margin-bottom:10px;}
	.menu li a{padding:7px 13px!important;}
	
	
	.item-banner:hover .grow img{margin:0!important;}
	.container { width:100%;}
	.side-left,.side-top-left {padding-left:15px;}
	.side-content,.side-top-right{pad
	ding-right:15px;}
	.tab-product{margin-top:20px;}
	.side-content,.side-left{width:100%; padding-left:0;padding-right:0;}
	section{overflow:hidden;}
	#nav.nav-admin .navbar-right{width:100%!important;}
	.detail-icar.col2{margin-top:0px;}
	.item-car .icar-dt1,.item-car .icar-dt2{float:right;}
	#content_view .item-car{ padding:0!important;}
	.all-car #content_view .item-car{background:#fff; padding-top:0;}
	.all-car #content_view .item-car .icar-dt2{padding-bottom:15px;}
	#content_view .content.view .icar-pic img{margin:0;}
	.all-car #content_view .content{padding-left:0!important; padding-right:0!important; padding-bottom:0; background:none;}
	.all-car #content_view .page-int{padding-left:10px; padding-right:10px;}
	#brand-index{padding-top:20px; padding-bottom:0px;}
	#brand-index img{width:80px;}
}
@media all and (max-width:800px) {

	.tel-line-nav{ margin:0; overflow:hidden; white-space: nowrap; padding:0; top:105px; position:absolute;width:auto;background:none; z-index:9;padding: 3px 0;text-align:center; right:6px;}
	.tel-line-nav a { margin:0;white-space: nowrap; font-family: 'thaisans_neuebold';display: inline-block;vertical-align: top; font-size:29px; font-weight:normal; width:35px; height:35px; line-height: 35px;}
	.tel-line-nav a.btn-line{ background-color:#7dbd3e;}
	.tel-line-nav a.btn-tell{ background-color:#fff; color:#000; background-image:none; padding-right:7px;}	
	.tel-line-nav a.btn-line i {font-size: 28px;padding-top: 3px;}
	.tel-line-nav a.btn-fb i{padding-top: 6px;}
	.tel-line-nav a.btn-tell i {margin-right: 0px; color:#000; font-size:19px;}
	#about_us{padding:0;}
	#news .container{width:90%;}
	.header{padding-top:0;}
	.header_top{height:53px;}
	.head_theme{overflow:visible; margin-top:0; padding-top:10px;}
	.logo{margin-bottom: 0;}
	.toggleMenu img {width: 28px!important;}
	.nav{top:55px!important;}
	.menu { margin:0 25px!important;}
	.webform-component-fieldset{margin-bottom:15px;}
	#videos li {width:31%;}
	.col-footer{margin-bottom:25px;}


	.nav-tabs {display:block!important;}
	.item-banner > a{height:230px;}
	h2.title_header{display:block; margin:0;}
	h2.title_header_sub{display:block; padding-left:0;}
	.header_top .container{border-radius:0;}
}



@media (max-width: 767px) {
	.item-banner{
	  width:33.33%; float:left;
	}
	.side-content,.side-left{width:100%; margin:auto; overflow:hidden; margin-bottom:-10px; padding-left:0; padding-right:0;}
	.side-top-right,.side-top-left{padding-left:0; padding-right:0;}
	#main-home {padding-left:15px; padding-right:15px;}
	.item-article,.item-product,.item-news{width:33.33%; float:left;}
	.hikvision-col{width:50%; float:left;}
	.item-news a h3{margin-top:-10px!important;}
	.side-left img {width:32.33%; margin:0.5% 0.5%; float:left;}
	.qr-line-left1{display:block!important; float:right!important;}
	.qr-line-left2{display:none;}
	.item-banner > a {height: 190px;}
	.col-left-facebook{width:350px; overflow:hidden; display:block; margin:auto;}
	#product .item-product > a{border:0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow: none!important;
}
	.tel-line-nav a{margin:0 0px;}
}	

@media all and (max-width:640px) {
	
	.tel-line-nav{top:84px}
	
	#nav .navbar-nav.nav-title h1{font-size: 25px;}
	#videos li {width:45%;}
	#videos li img,#videos li a.ico_play{height:150px;}
	.title_web{font-size:25px!important; }
	.title_web h3{font-size:15px!important;}
	.item-banner{width:50%;}
	.logo img {width: 80px;}
	.title_web{padding-top:0;padding-left: 80px;}
	.item-banner > a{ height:170px; } 
	h2.title_header{font-size:27px;margin-top:0px;}
	h2.title_header_sub{font-size:27px; padding-left:0px;}
	.logo{width:115px;margin: 0px 10px;margin-left:0px!important;}
	.logo img{width: 70px;}
	#news .item-article h3{font-size:20px;line-height: 20px;}
	.tel-line-nav{text-align:center;}
	.col-title { height:70px;}
	.icar-pic{width:100%;}
	.icar-pic img{width:100%; max-width:100%;}
	.icar-dt1,.icar-dt2{width:50%;}
	h2.font-md-h2{font-size:35px;}
	section{padding:20px 0;}
	.body-view{padding-left:0; padding-right:0;}
	#content_view .list-branch .panel-heading h2 { font-size:23px;}
	.item-car{border:0; padding-top:0!important;}
	.item-car .icar-pic{padding:0;}
	.item-car .icar-pic img{width:100%;}
	.item-serie li,
	#content_view .item-serie li{width:50%; float:left; display:block;}
	.item-serie li.li-car-sale,
	#content_view .item-serie li.li-car-sale{width:100%;}
	.item-car .icar-dt1,.item-car .icar-dt2{float:left; width:100%;}
	.detail-icar.col2 strong{ width:auto; margin-right:10px;}

}
@media all and (max-width:600px) {
	.item-banner > a{ height:220px; }
	.title_web{width:100%;}
	
}

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

	.tel-line-nav a{font-size:24px!important;}
	.tel-line-nav a.btn-tell{font-weight:bold;}
	.tel-line-nav a.btn-line{background-position-x:-23px;}
	.tel-line-nav a.btn-tell{background-position-x:-8px;}

	/* content */
	#content_view .content.view {padding-top:10px; padding-left:10px; padding-right:10px;}
	h3,.title_view,#content_view .content h1{font-size:27px; font-family: 'thaisans_neuebold';line-height:30px; text-indent:0;}
	h2.title-article-index, h2.title-product-index, h2.title-hikvision-product-index{font-family: 'thaisans_neuebold'!important;font-size:27px!important;padding-top: 10px;padding-bottom: 10px;}
	#content_view .content h2{text-indent:0;font-size:27px;font-family: 'thaisans_neuebold';}
	.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;}
	.menu{margin-left:0!important;}
	#footer_contact h2{line-height:33px;}
	.item-article{width:100%; margin-bottom:25px; }
	.fb-page{width:100%; margin:0.5% 0%; float:none;}
	.fb-page {margin:auto; text-align:center;}
	#videos li {width:90%; min-height:none; height:auto; margin-bottom:15px;}
	#videos li img,#videos li a.ico_play{height:200px;}

	.col-title{padding-left:0; padding-right:0;}
	.item-product{width:50%;}
	#main-home section{
	-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.2);box-shadow:0px 1px 13px rgba(0,0,0,0.2);}
	.hikvision-col.col2{margin-top:-3px;}
	#news .item-article h3{ min-height:inherit;}
	.icar-dt1,.icar-dt2{width:100%;}
}
@media all and (max-width:410px) {
	
	.logo{width:90px;}
	.col-title{padding:0}
	
}
@media all and (max-width:400px) {
	.item-banner > a{ height:100px; }
	.item-banner span{font-size: 14px;line-height: 15px;}
	.tel-line-nav a {margin: 0;}
	


}
@media all and (max-width:320px) {
	h2.title_header{font-size:12px;margin-top: 15px; line-height:15px;}
	h2.title_header_sub{font-size:12px;line-height:26px;}
	.tel-line-nav{width:100%;padding:0;margin:0;}
}
@media all and (max-width:320px) {
	.container.view {padding:0;}
	#content_view {margin-top:0;}
	h3,.title_view,#content_view .content h1 {font-size:23px;!important; line-height:25px;}
	#videos li img,#videos li a.ico_play{height:160px;}

}