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

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


/*end reset*/
body{
	background: url(../img/bg-page-bottom2.png) #f2f2f2 repeat-x bottom;
	font-family:  Tahoma, Geneva, sans-serif;font-size:15px;
}
.head_theme { width:100%;height:80px;overflow: hidden;}
.logo img {width:135px; border:0;}
.logo { float:left!important; margin:5px 10px;width: 150px;}

/* header logo title */
h2.title_header{font-family: 'thaisans_neuebold',Tahoma;font-size: 23px;letter-spacing:0.5px; padding:0;line-height:35px; margin:0; color:#6b1292; margin-top: 10px;margin-bottom: 7px; }
h2.title_header_sub{font-family: 'thaisans_neuebold',Tahoma; font-size:25px; text-transform:uppercase; letter-spacing:0.5px;padding:0; line-height: normal; margin:0;color:#5a5a5a; 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: #fefefe;padding-bottom: 10px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
	
}

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

.tel-line-nav{
	font-size:16px;
	text-align:right;
	padding-top:0px;
	color: #6b6969;
}
.tel-line-nav ul{
	width:260px;
	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:#d72b2b;;
	background:#fff;
	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;
	border: 1px solid #d72b2b;
}
.tel-line-nav .cnt-tel i{padding-top: 7px!important;}
.tel-line-nav span{padding-top:5px; display:block;}
.tel-line-nav .cnt-tel {margin-bottom:0px;}
.tel-line-nav a{color:#d72b2b; font-weight:normal; font-size:16px;}


#main-home{margin-top:30px;}
#main-home.news-promotion-index{background:#dedede;padding-top: 20px;}

#main-home section{
	background:url(../img/bg-section.png) #fff no-repeat bottom left;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	border-bottom: 2px solid #aa70ba;
	-webkit-box-shadow: 0 1px 5px rgba(118,118,118,.5);-moz-box-shadow: 0 1px 5px rgba(118,118,118,.5);box-shadow: 0 1px 5px rgba(118,118,118,.5);}
#main-home section: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);

}
#main-home section,.product-hikvision-index{
	-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);}


.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{padding-top:10px; background:url(../img/bg-slide.jpg) #f6f6f5 repeat-x top; padding-bottom:20px; margin-bottom:-20px;}

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


.container-full{width: 1200px;}
.p-solar-cell #slider{background:#f2f2f2!important;}

/* 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 #71179f; 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:#89368F;}
.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: Tahoma, Geneva, sans-serif;font-size:15px;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{ 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:#d7432b;;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:normal; font-family: 'thaisans_neuebold';line-height:30px; margin:10px 0; color:#000; text-align:left; text-shadow:none;line-height: inherit;text-indent:0px; display: block;padding-left: 25px;padding-right: 25px;}
#content_view .content.view h3 img{margin:0!important;}
#content_view .content.view .item-news h3{height:100px;}
#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 0px; 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 */

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

.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:15px; 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; background:#d61921;}
.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:#d61921!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:16px!important;
	font-style:normal;
}


.side-left {padding-top:25px; padding-left:0;}
.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-full{padding-left:0;}
.side-full #content_view .content{ width:auto!important;padding-left: 25px;padding-right: 25px;}
.side-full #content_view .content p img{ margin:0;}

.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,
h2.heading-work {
	font-size: 37px;border-bottom: 1px solid #D2D2D2;
    color: #444 !important;
    margin-bottom: 30px;font-family:'thaisans_neueregular'; text-indent:15px;
	background: #fcfcfc; font-weight:normal;
	border-top:5px solid #873ba5;
}
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;}

#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: 90px;padding: 5px 5px 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 */
	}
	
/* 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;}
.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: #2d2c30; 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: #39383a;
	color:#8f8d8e;
	padding: 20px 0;
	font-size:25px;
	margin-top:25px;
}
#footer_contact a {
	color: #cacaca;
}
#footer_contact a:hover {
	color:#efefef;
}
#footer_contact h2{
	font-size: 29px;
	margin-top: -5px;
	line-height: 45px;
	margin-bottom: 5px;
	color: #bdbdbd;
}
#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:#c0c0c0; 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{padding-top:25px; overflow:hidden; display:block; float:none; width:100%;}


.ab-text p{text-align: justify;}

.about-bio{ padding-top:50px; padding-bottom:100px; background:url(../img/bg-about-bio.jpg) no-repeat; background-attachment:fixed; background-position:center; background-size:100% auto;}
.bo-text h2{font-size:100px; letter-spacing:15px; color:#fff; line-height:0.7; margin-bottom:50px; text-transform:uppercase;}
.bo-text h2 span {
  font-size: 50px;
  line-height: 1;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  color: #fff;
  margin-left:15px;
  display: inline-block;
  position: relative;
  background: -webkit-linear-gradient(45deg, #fff02e, #e4ff9b 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bo-text p{color:#fff;text-align: left; line-height:1.2; padding-right:20px;}


.about-cctv{ padding-top:50px; background:url(../img/bg-about-cctv.jpg?v=2) no-repeat; background-position:top center; background-size:100% auto;}




.vc_tutor{ border-radius: 41px;padding: 10px 25px;
font-family:'thaisans_neuebold';
  color: #fff;
  background: #451558;
  border: 1px solid #8c55a2;
  font-size: 30px;
  height: auto;
  line-height: 1.8;
  margin-top:25px;
  display:inline-block;
  width: auto;
  border-color: transparent;
  -moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;
  
}
.vc_tutor:hover{background-color:#ffcc66;color:#000;}
.curveSection {
  width: 200%;
  height: 1000px;
  border-radius: 50%;
  background: #48cd18;
  background: linear-gradient(180deg, #48cd18 0%, #bdee17 110%);   left: -50%;
  right: 0;
  top:-450px;
  position: absolute;
  z-index:-9;
}
.about-solar{ padding-top:50px; padding-bottom:50px; background:url(../img/bg-about-solar.jpg?v=3) no-repeat; background-position:center; background-size:100% auto;}
.sl-text h2{font-size:70px; letter-spacing:1px; color:#fff; line-height:0.7; margin-bottom:25px; text-transform: none; margin-top:25px;text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
h3.sub-solor1 {
  font-size: 50px;
  line-height: 1;
  letter-spacing:0;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  margin-top:0px!important;
  margin-bottom:25px!important;
  color:#451558;
  margin-left:0px;
  display: inline-block;
  position: relative;
  
}
h4.sub-solor2 {
  font-size: 27px;
  line-height: 1;
  letter-spacing:0;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  color: #000;
  margin-left:0px;
  display: inline-block;
  position: relative;
}
.sl-img{position:absolute; right:0; padding:0;}
.sl-img img{width:100%; margin-top:50px;}

.sl-text p{font-family: 'thaisans_neueregular'; font-size:23px;color:#000;text-align: left; line-height:1.2; padding-right:20px;}



h2.heading-work{margin-bottom:0;}
.news-list{background:#fff; padding:25px 0; float:left; width:100%;}
.item-article h3{line-height:28px;font-size:23px!important;color:#363636;letter-spacing:0;text-shadow:none;font-weight:normal!important;letter-spacing:0.5px;font-family:'thaisans_neuebold';background: #e9e9e9;padding:10px 5px;margin-top:0px!important;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-indent:0!important;text-align:center;min-height:60px;}
#article .item-article h3{min-height:50px;}
.item-article a:hover,
.item-article a:hover h3{text-decoration:none!important;color:#d72b2b;}
.item-article{height:290px;position:relative;z-index:99;display:inline-table;}
.item-article img{width:100%;}
#content_view .item-article h3{font-family:'thaisans_neuebold';background:none!important;text-align:left;}
#content_view .item-article:hover h3{color:#25aae1!important;}

.news-list .slick-dots{bottom:0!important;}
section .slick-prev::before,section .slick-next::before{font-size:35px;}
section .slick-prev{left:-45px;}
section .slick-prev,section .slick-next{width:40px;height:40px;}
section .slick-next{right:-45px;}

.cctv-head h2{font-family: 'thaisans_neuebold';font-size:70px; text-align:right; letter-spacing:1px; color:#363636; line-height:0.7; margin-bottom:25px; text-transform: none; margin-top:0px;}
h3.sub-cctv1 {
  text-align:right;
  font-size: 40px;
  line-height: 1;
  letter-spacing:0;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  margin-top:0px!important;
  margin-bottom:25px!important;
  color:#451558;
  margin-left:0px;
  display: inline-block;
  position: relative;
  width:100%;
  
}



.video-container {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
}



.video-container iframe {
	position: absolute;
	top: -10%;
	width: 100vw;
	height: 117vh;
	pointer-events: none;
}
.view-photo{width:100%; position:relative; text-align:center; margin-top:50px;}
.item-photo{border: 1px solid #fff;
display:inline-block;padding:0; margin: 10px; width:245px; height:245px;
-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;}
.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;}





/* 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) {
}
@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;}
	.header_top .container{height:50px; width:96%!important;}
	.sl-text h2 { font-size:60px;}

}
@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 span {padding-top:0;}
	.item-banner > a{height:260px;}
	
}
@media all and (max-width:992px) {


	#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 {overflow:hidden;width: 100%;height: 70px;}
	.tel-line-nav{ position:absolute; z-index:99;right: 1%;width:260px;}
	.tel-line-nav li{float:left;overflow:hidden;}
	.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{padding-right:15px;}
	.tab-product{margin-top:20px;}
	.sl-img img{margin-top: 150px;max-width: 500px;}
	.about-solar{background-position: top center;}
	#page5.news{overflow: hidden;}
}
@media all and (max-width:800px) {
	
	#about_us{padding:0;}
	#news .container{width:90%;}
	.header{padding-top:0;}
	.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;}
	#videos li {width:31%;}
	.col-footer{margin-bottom:25px;}
	.tel-line-nav{right: 1%;top: 77px;width:85%;color:#fff;}
	.tel-line-nav a{color:#fff;}
	.tel-line-nav ul {width: 480px;}
	.tel-line-nav li.cnt-tel{width: 270px;}
	.tel-line-nav li.cnt-fax{width: 160px;}
	
	.nav-tabs {display:block!important;}
	.tel-line-nav{ margin-top:7px;}
	.item-banner > a{height:230px;}
	.about-solar{padding-top: 15px!important;}
	.sl-img{max-width:60%;}
	h4.sub-solor2{max-width:70%;font-size: 21px;}
	
}



@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;}
	.tel-line-nav i{color:#fff;background:#4d4c4e;border: 1px solid #fff;}
	#product .item-product > a{border:0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow: none!important;
}
	.item-article{width:50%;}
	.item-photo { width:46%; margin:1%; height:auto;}
}	

@media all and (max-width:640px) {
	
	#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%;}
	.item-banner > a{ height:170px; } 
	h2.title_header{font-size:23px;margin-top: 15px;}
	h2.title_header_sub{font-size:20px;}
	.logo{width:115px;margin: 10px 10px;margin-left:0px!important;}
	.tel-line-nav li.cnt-fax{display:none;}
	.tel-line-nav ul {width:270px;}
	#news .item-article h3{font-size:20px;line-height: 20px;}
  
}
@media all and (max-width:600px) {
	.item-banner > a{ height:220px; }
	.vc_tutor{padding: 0px 25px;}
	.sl-text h2,.cctv-head h2 {font-size: 40px;}
	h3.sub-solor1,h3.sub-cctv1{font-size: 30px;}
	h4.sub-solor2{max-width: 100%;}
	.sl-img img{margin-top: 200px;}
}
@media all and (max-width:530px) {
	h2.title_header{font-size:18px;margin-top: 15px;}
	h2.title_header_sub{font-size:19px;}
	.logo img {width: 105px; padding-top:5px;}
	.side-left img{width:100%; margin:1% 0;}
	.col-mobile-left{width:48%; margin:0.5% 1%; float:left; overflow:hidden;}
	.qr-line-left1{display:none!important;}
	.qr-line-left2{display:block;}
	.item-banner > a{ height:190px; }
		
}
@media all and (max-width:480px) {
	.logo {padding-top: 10px;}
	#nav .navbar-header .navbar-nav.nav-title h1{font-size: 18px; display: none;}	
	.develop_by,.nav_work{display:none;}
	.item-banner > a{ height:165px; } 

	/* content */
	#content_view .content.view {padding-top:10px; padding-left:10px; padding-right:10px;}
	h3,.title_view,#content_view .content h1{font-size:25px; line-height:30px; text-indent:0;}
	h2.title-article-index, h2.title-product-index, h2.title-hikvision-product-index,h2.heading-work{font-size:27px!important;padding-top: 10px;padding-bottom: 10px;}
	#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 3px 0 -5px!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;}
	h2.title_header{font-size:16px;margin-top: 15px;}
	h2.title_header_sub{font-size:15px;}
	.logo img {width: 105px; padding-top:5px;}
	.hikvision-col{width:100%; flot:none;}
	.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;}
	.page-int{padding-top:50px;}
	#news .item-article h3{ min-height:inherit;}
	.sl-img img {margin-top: 220px;}
	.logo img{margin-left: 5px;}
}
@media all and (max-width:410px) {
	h2.title_header{font-size:16px;margin-top: 15px;}
	h2.title_header_sub{font-size:15px;}	
	.logo{width:90px;}
	.col-title{padding:0}
	
}
@media all and (max-width:400px) {
	.title_web h3{display:none;}
	.title_web{font-size:23px!important; line-height:20px;}
	.logo{ margin :px 10px 0 -5px!important;}
	.item-banner > a{ height:100px; }
	.item-banner span{font-size: 14px;line-height: 15px;}
    .tel-line-nav ul,.tel-line-nav li.cnt-tel {width:170px;}
	.tel-line-nav li.cnt-tel { font-size:14px;}

	
	h2.title_header{font-size:14px;margin-top: 15px;}


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

}