@font-face {
    font-family: 'dinbold';
    src: url('../fonts/ff_din_condensed_bold.eot');
    src: url('../fonts/ff_din_condensed_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_condensed_bold.woff') format('woff'),
         url('../fonts/ff_din_condensed_bold.ttf') format('truetype'),
         url('../fonts/ff_din_condensed_bold.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/ff_din_condensed_medium-webfont.eot');
    src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
         url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_condensed_medium-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset & default */
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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
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; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {background:#fff url(../images/bg_header.jpg) repeat 0 0;  color: #525252; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1;}
textarea {font-family: inherit; overflow: auto; vertical-align: top; resize: none}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}
table {border-spacing: 0;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1 {font-size: 2em;line-height: 1.2em;font-family: "dinbold";}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
a {color: #000; text-decoration: none;}
a:hover {color: #ddd;}
a:active {color: #000;}
a:visited {color: #000;}
:focus {outline: 0;}
.hidden {display: none;}
.floatR {float:right;}
.desktop-only {display:block;}
.mobile-only {display:none;}

/* structure */
body {-webkit-text-size-adjust: 100%;}
#container {}
	.header {width:100%;}
		/* Top header */
		.hgroup {width:1024px; margin:0 auto; padding:7px 0 0; height:81px;}
		.hgroup .hgroup-right {float:right;}
		.hgroup-right ul {overflow: hidden; padding: 0 0 10px;}
		.hgroup-right li {float: left; margin-left: 10px; }
		.hgroup-right li a {color: #333; font-size:12px;}
		.hgroup-right li a:hover {color:#144ba9;}
		.hgroup .hgroup-search input {background:#fff; border:1px solid #ccc; padding:4px 5px 6px 15px; width:248px; font:20px dinmedium; color:#444;}
		.hgroup .hgroup-search {position: relative; float:right; clear:both;}
		.hgroup .icon-search {position:absolute; top:8px; right:8px;}
		.menu-header-menu-container {float:right;}
		.txt-wel {color: #076BB6; float: left; font-size: 12px;}
			
			/* For Nav */
			.nav {background:url(../images/bg_nav.jpg) 0 0 repeat-x; height:108px; position:relative; z-index:1000;}
			.nav > ul {width:1025px; margin:0 auto; border-right:1px solid #83b5db; position:relative;}
			.nav > ul > li {float:left; width:255px; text-align:center; border-left:1px solid #83b5db; height:105px;}
			.nav > ul > li:last-child {border-right:1px solid #83b5db;}
			.nav > ul > li > a {font-size:14px; color:#fff; display:block; height:75px; padding:30px 0 0;}
			.nav > ul > li a.active, .nav > ul > li a.always_active, .nav > ul > li a:hover {background:#4e4e4e; position:relative; z-index:3;}
			.nav li span {display:block;}
			.nav li .txt-top {font:21px dinbold;}
			.nav li .txt-bottom {font: 18px dinmedium; font-weight:normal;}
					
					.sub-nav {background:url(../images/bg_menu.png) repeat-x 0 0; position:absolute; left:0; top:103px; width:994px; padding:30px 0 0 30px; height:180px;display:none;}
					.sub-nav .bg_left {background:url(../images/bg_left_menu.png) 0 0 no-repeat; position:absolute; left:-6px; top:0; width:6px; height:210px; display:block;}
					.sub-nav .bg_right {background: url(../images/bg_right_menu.png) 0 0 no-repeat; position:absolute; right:-6px; top:0; width:6px; height:210px; display:block;}
					.sub-nav ul {width:1060px;}
					.sub-nav .nav-content {width:228px; float:left; background:url(../images/bg_line.png) 0 0 repeat-y; padding-left:28px; height:170px;} 
					.sub-nav .nav-content img {float:left; margin:0 15px 0 0; max-width:100px;}
					.sub-nav .nav-content ul {width:auto;}
					.sub-nav .first {background: none; padding: 0;}
					.sub-nav .last {width:226px;}
					
					.nav-info {float: left; text-align:left; width:105px;}
					.nav-info h3 {color: #fff; font: 21px dinmedium, Arial, Helvetica, sans-serif; padding:0 0 5px;}
					.nav-info li {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 0 5px;}
					.nav-info a {color:#fff;}
					.nav-item a {line-height:14px;}
					.nav-info a:hover {text-decoration:underline;}
					.menu3.sub-nav .nav-content {width:310px;}
					.menu3.sub-nav .nav-content img {max-width:140px; margin: 0 25px 0 0;}
					.menu3 .nav-info {width:130px;}
					.menu3.sub-nav .last {width:300px;}
			
			/* Carousel */
			.carousel-outline .photo-big {position:absolute; top:0; left:0; margin:auto;/*left:50%; margin-left:-1225px; width:2000px;*/}
			.carousel {position:relative; overflow:hidden; width:100%; max-height:389px; /*height:387px;*/}
			.carousel li {float:left; width:100px; text-align:center;}
			.carousel li img {max-width:100%;}
			.carousel-content {background:#f7f7f7; border-bottom:1px solid #dddddd; min-height:155px;}
			.carousel-inner {width:1024px; margin:0 auto; color:#525252; font-size:21px; line-height:30px; padding:25px 0 0;}
			.carousel-detail-container {/*height:90px;*/ overflow:hidden;}
			.carousel-outline .prev {position:absolute; top:60%; left:0; z-index:1;}
			.carousel-outline .next {position:absolute; top:60%; right:0; left:auto; z-index:1;}
			.carousel-detail {/*margin:0 0 30px;*/ text-align:left;}
			.carousel-title {font-size: 39px!important;color: #076bb6;font: 30px dinbold;margin: 0 0 15px;}
			.carousel-detail.txt-left {text-align:left;}
			.carousel-control ul {text-align:center; margin:0 0 13px;}
			.carousel-control li {display:inline; margin:0 2px 0 0;}
			.carousel-control a {background:url(../images/icon-cricle.png) 0 0 no-repeat; display:inline-block; width:14px; height:14px;}
			.carousel-control a:hover, .carousel-control a.selected {background:url(../images/icon-cricle-o.png) 0 0 no-repeat;}
					
	.main {width:100%; overflow:hidden; background: url(../images/bg_main.jpg) 0 0 repeat; padding:30px 0;}
		.margin-auto {width:1024px; margin:0 auto;}
		
	.footer {padding:10px; background:url(../images/bg_footer.jpg) 0 0 repeat;}
	.footer > .inner {width:1024px; margin:0 auto;}
	.footer a {font-size:12px; color:#878888;}
	.footer a:hover {color:#076bb6;}
	.footer-nav {overflow:hidden; width:1024px; margin:30px 0;}
	.footer-nav > li {float: left; width: 228px; padding-left: 28px; background: url(../images/bg_lst.png) repeat-y 0 0; min-height:130px;}
	.footer-nav > li h3 {font-size:16px; color:#444; font-weight:bold; padding:20px 0 10px;}
	.footer-nav-sub li {padding-bottom:8px;}
	
	.footer-bottom {border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding: 12px 0;}
	.footer-bottom > .inner {width:1024px; margin:0 auto;}
	.footer-bottom {overflow:hidden;}
	.footer-bottom ul {float:right;}
	.footer-bottom li {display:inline; font-weight:bold; font-size:13px;}
	.footer-bottom span {padding:0 1px 0 4px;}
	.footer-bottom a {color:#828181; font-weight:bold;}
	.footer-bottom a:hover {color:#076bb6;}


#map {width: 595px; height: 350px; border:1px solid #c4c3c3;}
div.divSmall {position: relative; z-index: 10; margin: 0 0 10px; background: url(../images/bgd-input.png) 0 0 no-repeat;}
div.divSmall .error {border:1px solid red;}
span.spanSmall {left: 0px; top: 0px; position: absolute;
	width: 77%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	cursor: pointer;
	z-index: 1;
	color: #333;
	background: url(../images/arrow-select.png) 100% 0 no-repeat;
 }
.innerSmall{
	width: auto;
	text-align: left;
	overflow: hidden;
	margin: 0 0 0 10px;
	color: #333;
}
select.selectSmall{
    position: relative;
    z-index: 10;
    height:31px;
    line-height:31px;
    background-color: #d3d5d1;
	border-radius: 5px;
	border: none;
	float:none;
	color: #333333;
}

/*************HOMEPAGE****************/
.home-outline {}
.home-outline h3 {color:#076bb6; font:22px dinbold; border-bottom:1px solid #ddd; padding:0 0 8px; text-transform:uppercase; margin:0 0 10px;}
.home-outline h2 {font:22px dinbold; color:#fff; margin:0 0 17px;}
.home-outline form {background:#076bb6; padding:40px 20px 35px;}
.home-outline input {width:262px; padding:9px 5px; background:#fff; font-size:14px; color:#8f8f8f; font-weight:bold;}
.home-outline input[type="submit"] {background: url(../images/bg_submit.png) no-repeat 0 0; width:130px; height:37px; color:#fff; font:21px dinbold; cursor: pointer; margin:10px 0 0; padding:3px 5px;}
.home-outline li {padding:0 0 11px; position:relative;}
.home-outline li a {float:right; color:#fff; font-size:14px; padding:22px 20px 0 0; text-decoration:underline;}
.home-outline li a:hover {text-decoration:none;}
.home-outline .article {float:left; width:332px; border:1px solid #aaa9a9; margin-right:10px; background:#fff;}
.home-outline .article-last {margin:0;}
.home-outline .home-content {padding:20px;}
.home-outline .home-detail {min-height:77px;}
.home-outline .home-detail p {font-size:14px; color:#525253; line-height:16px; padding:0 0 25px;}
.home-outline .view-more {background:url(../images/bg_submit_style.png) 0 0 no-repeat; width:130px; height:37px; font:21px dinbold; color:#fff; text-transform:uppercase; display:block; text-align:center; line-height:37px;}
.home-outline .view-more:hover {background:url(../images/bg_submit.png) 0 0 no-repeat;}
.home-intro a {color: #FFFFFF; cursor: pointer; font: 21px dinbold; height: 31px; padding:5px 5px 3px; width: 123px; margin-top:15px; display:inline-block;  background: url(../images/bg_submit.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); text-align:center; text-transform:uppercase;}
#home-login {padding-bottom: 17px; min-height:210px; position:relative;}
.home-outline .article .wrap_login {border:0; background:none;}

/*************END HOMEPAGE****************/

/************ PAGE ABOUT ****************/
.about-outline {font-size:12px; line-height:18px;}
.about-outline p {padding:0 0 15px;}
/************ END PAGE ABOUT ****************/

/************ PAGE PROMOTION ****************/
.promotion-outline {font-size:12px; line-height:18px;}
.promotion .carousel-detail {margin:10px 0 40px;}
.promotion-outline p {padding:0 0 15px;}
/************ END PAGE PROMOTION ****************/

/************ PAGE PRODUCT CATEGORY **************/
.category-outline {text-align:center;}
.category-outline .article {display:inline-block; width:244px; border:1px solid #aaa9a9; margin-right:10px; background:#fff; text-align:left; vertical-align:top;}
.category-outline .article > img {width:100%; max-height:192px;}
.category-outline .article-last {margin:0;}
.category-outline .category-content {padding:20px;}
.category-outline h3 {color:#076bb6; font:16px dinbold; border-bottom:1px solid #ddd; padding: 0 0 8px;	text-transform:uppercase; margin:0 0 10px;}


.category-outline .category-detail {min-height:137px;}
.category-outline .category-detail p {font-size:14px; color:#525253; line-height:16px; padding:0 0 25px;}
.category-outline .view-more {background:url(../images/bg_submit_style.png) 0 0 no-repeat; width:130px; height:37px; font:21px dinbold; color:#fff; text-transform:uppercase; display:block; text-align:center; line-height:37px;}
.category-outline .view-more:hover {background:url(../images/bg_submit.png) 0 0 no-repeat;}

/************ END PAGE PRODUCT CATEGORY **************/

/************ PAGE CONTACT ****************/
.contact .carousel-detail h2 {color:#076bb6; font:30px dinbold; padding:45px 0 10px;}
.register .carousel-detail h2 {padding-top:0;}
.register .carousel-detail {padding-bottom:20px;}
.contact-article {float:right; width:332px; margin-right:10px;}
.contact-article h2 {font:22px dinbold; color:#fff; margin:0 0 17px;}
.contact-article h3 {color:#076bb6; font:22px dinbold; border-bottom:1px solid #ddd; padding:0 0 8px; text-transform:uppercase; margin:0 0 10px;}
.contact-article form {background:#076bb6; padding:40px 20px 35px;}
.contact-article input {width:262px; padding:9px 5px; background:#fff; font-size:14px; color:#8f8f8f; font-weight:bold;}
.contact-outline input[type="submit"] {background: url(../images/bg_submit.png) no-repeat 0 0; width:130px; height:37px; color:#fff; font:21px dinbold; cursor: pointer; margin:10px 0 0; padding:3px 5px;}
.contact-article li {padding:0 0 11px; position:relative;}
.contact-article li a {float:right; color:#fff; font-size:14px; padding:22px 20px 0 0; text-decoration:underline;}
.contact-article li a:hover {text-decoration:none;}
.contact-article .contact-content {padding:20px; width:auto; float:none;}
.contact-article .contact-content h3 {color: #076bb6;}
.contact-article .contact-detail {min-height:77px;}
.contact-article .contact-detail p {font-size:14px; color:#525253; line-height:16px; padding:0 0 25px;}
.contact-article .view-more {background:url(../images/bg_submit_style.png) 0 0 no-repeat; width:130px; height:37px; font:21px dinbold; color:#fff; text-transform:uppercase; display:block; text-align:center; line-height:37px;}
.contact-article .view-more:hover {background:url(../images/bg_submit.png) 0 0 no-repeat;}
.contact span.spanSmall {width:100%;}

.contact-content {width:576px; float:left;}
.contact-content h2 {font:30px dinbold; color:#333; margin:0 0 25px;}
.contact-content h3 {padding:0 0 8px; color:#333; font-size:22px; font-weight:normal;}
.contact-content dl {overflow:hidden; border-top:1px solid #ddd; padding:20px 0 0; margin:0 0 40px;}
.contact-content dt {float:left; margin:0 20px 0 0;}
.contact-content dd {overflow:hidden;}
.contact-content h4 {font-size:16px; color:#666; padding:0 0 4px;}
.contact-content p {font-size:16px; color:#666; padding:0 0 12px;}

.filter-form {margin:0 0 45px;}
.filter-form label {display:block; margin:0 0 8px; color:#868585; font-size:14px;}
.filter-form select {height:30px; width:100px; padding:0 2px; border:1px solid #666; font-size:14px; line-height:30px; background:#fff;}
.filter-form .divSmall {width:100px;}

.wrap_login {background:#fff; border:1px solid #aaa9a9;}
.contact-article .header_login_title { border-bottom: 1px solid #D5D5D5; color: #575756; font-size: 15px; margin: 0 0 20px; padding: 0 0 8px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#register-form label {font-family: arial; font-size: 12px; line-height: 15px;}
.block-success {padding:20px 0 0;}
.block-success p {color: #575757; font-family: arial; font-size: 20px; padding: 30px 0 5px;}

/************ END CONTACT ****************/

/************ PAGE DEALER ****************/
.dealer .carousel-detail h2 {color:#076bb6; font:30px dinbold; padding:45px 0 10px;}
.dealer-content {overflow:hidden; margin:0 0 40px;}
.dealer-left {width:340px; float:left; margin:0 60px 0 0; color:#575757;}
.dealer-left p {font-size:16px; line-height:21px; padding:0 0 15px;}
	.dealer-form {padding:25px 0 0; font-size:14px;}
	.dealer-form p {font-size:14px;}
	.dealer-form li {margin:0 0 18px;}
	.dealer-form label {display:block; padding:0 0 5px;}
	.dealer-form select {width:260px; border:1px solid #727272; padding:6px 0 6px 5px; background:#fff;}
	.dealer-form input {width:256px; padding:6px 5px; border:0; background:url(../images/bgd-input-264.png) 0 0 no-repeat;}
	.dealer-form input[type="submit"] {background: url(../images/bg_submit_style.png) no-repeat 0 0; width:130px; height:37px; color:#fff; font:21px dinbold; cursor: pointer; margin:10px 0 0; padding:3px 5px; border:0;}

.dealer-result h3 {background:url(../images/bgd-title.png) 0 0 repeat-x; border-top:1px solid #e0e0e0; padding:15px 0 15px 20px; font-size:18px; font-family:"dinbold"; margin:0 0 10px;}
.table {display:table; width:98%; border-bottom:1px solid #d9d8d8; font-size:14px; color:#797979; margin:0 12px; padding:14px 0;}
	.trRow {display:table-row;}
	.thCell {color:#26a5e4; font-weight:bold;}
	.tdCell, .thCell {display:table-cell;}
	.tdCell a {color:#797979; text-decoration:underline;}
	.tdCell a:hover {text-decoration:none;}
	.tdCell p {line-height:24px;}
	
	.thCell-1, .tdCell-1 {width:35%;}
	.thCell-2, .tdCell-2 {width:22%;}
	.thCell-3, .tdCell-3 {width:18%;}
	.thCell-4, .tdCell-4 {width:25%;}
	
	.pagging {text-align:center; padding:25px 0;}
	.pagging li {display:inline;}
	.pagging li a {color:#bcbcbc; font-size:14px;}
	.pagging li a:hover {text-decoration:underline;}

/************ END PAGE DEALER ****************/

/************ PAGE SEARCH ****************/
.searchResults .carousel-detail h2 {color:#076bb6; font:30px dinbold; padding:40px 0 10px;}
.searchResults-outline h3 {border-bottom:1px solid #c5c4c4; border-top:1px solid #c5c4c4; font-size:16px; color:#666; padding:14px 0; margin:0 0 25px;}
.searchResults-outline dl {overflow:hidden; margin:0 0 55px;}
.searchResults-outline dt {float:left; width:222px; margin:0 44px 0 0;}
.searchResults-outline dd {overflow:hidden; padding:20px 0 0;}
.searchResults-outline h4 {color:#666; font-size:22px; padding:0 0 5px;}
.searchResults-outline h4 a {color:#666;}
.searchResults-outline h4 a:hover {text-decoration:underline;}
.searchResults-outline p {font-size:16px; color:#a0a0a1; line-height:21px; padding:0 0 10px;}
.searchResults-outline p.info-time {padding:15px 0 0;}

.search-pagging {text-align:center;}
.search-pagging li {display:inline; margin:0 10px 0 0;}
.search-pagging a {background:url(../images/bgd-pagging-n.png) 0 0 repeat-x; display:inline-block; padding:7px 10px 9px; font-size:12px; color:#fff; font-weight:bold;}
.search-pagging span.current {display:inline-block; padding:7px 10px 9px; font-size:12px; color:#fff; font-weight:bold;}
.search-pagging a:hover, .search-pagging a.current, .search-pagging span.current {background:url(../images/bgd-pagging-o.png) 0 0 repeat-x;}

/************ END PAGE SEARCH ****************/

/************ PAGE REGISTER ****************/
.register-content {float:left;}
.register-content h3 {font-size:15px; color:#575756; text-transform:uppercase; border-bottom:1px solid #d5d5d5; margin:0 0 20px; padding:0 0 8px;}
.register-content li {margin:0 0 17px; position:relative;}
.register-content select {width:247px; border:1px solid #919090; padding:8px 0 8px 5px; background:#fff; font-size:14px; color:#868585;}
.register-content input {width:495px; padding:8px 5px; border:1px solid #919090; background:#fff; font-size:14px; color:#868585;}
.register-content input[type="submit"] {background: url(../images/bg_submit_style.png) no-repeat 0 0; width:130px; height:37px; color:#fff; font:21px dinbold; cursor: pointer; margin:10px 0 0; padding:3px 5px; border:0;}
.register span.spanSmall {width:49%;}
.register-content input.error {border:1px solid #6da6d1;}
.register-content input.chk {width:15px; height:15px; margin:0 4px 0 0; vertical-align:middle;border: none;background: none; padding: 0 0;}
.errorMes {background:url(../images/bgd-error-left.png) 0 0 no-repeat; padding:3px 0 0 11px; width:155px; position:absolute; right:-155px; top:0; z-index:10;}
.error-inner {background:url(../images/bgd-error-right.png) 0 100% no-repeat; padding:13px 8px 11px 10px; color:#fff; overflow:hidden; font-size:12px; line-height:15px;}
#product-form .errorMes{
	background:url(../images/bgd-error-top.png) 0 0 no-repeat; padding:20px 0 0; right:auto; left:0; top:36px;
}
#product-form .error-inner {padding-top:0;}

.hgroup-search .errorMes {right:-184px;}
.error_login_failed {position:absolute; right:-136px; width:155px; background:url(../images/bgd-error-left.png) 0 0 no-repeat; padding:3px 0 0 11px; color:#FFF;}
.error_login_failed span {background:url(../images/bgd-error-right.png) 0 100% no-repeat; padding:10px 8px 11px 10px; color:#fff; overflow:hidden; font-size:12px; display:block; line-height: 15px;}
#register-form .errorMes {right:-171px;}
#register-form .error-inner {padding-right:0;}
.forgot-form, .resetpass-form {width:520px;}


/************ END PAGE REGISTER ****************/

/************ PAGE PRODUCT INFO ****************/
.product-outline {}
.tab {overflow:hidden;}
.tab li {float:left; margin:0 10px 0 0;}
.tab li a {display:block; background:url(../images/tab-l.png) 0 0 no-repeat; padding:0 0 0 12px;}
.tab li a span {display:block; background:url(../images/tab-r.png) 100% 0 no-repeat; padding:0 13px 0 0;}
.tab li a span span {background:url(../images/tab-c.png) 0 0 repeat-x; color:#fff; font-weight:bold; font-size:18px; padding:21px 18px;}

.tab li a:hover, .tab li a.current {background:url(../images/tab-l-a.png) 0 0 no-repeat;}
.tab li a:hover span, .tab li a.current span {display:block; background:url(../images/tab-r-a.png) 100% 0 no-repeat;}
.tab li a:hover span span, .tab li a.current span span {background:url(../images/tab-c-a.png) 0 0 repeat-x;}

.tab-sub {background:#999; padding:16px 29px; overflow:hidden; margin:0 0 35px;}
.tab-sub li {margin:0 80px 0 0; float:left;}
.tab-sub a {background:url(../images/arrow.gif) 100% 6px no-repeat; padding:0 23px 0 0; color:#fff; font-size:18px;}
.tab-sub a:hover, .tab-sub a.current {color:#076bb6;}

.product-content h3 {color:#076bb6; font:30px dinbold; margin:0 0 15px;}
	.product-list {margin:0 0 40px;}
	.product-list .table {border-bottom:0; padding:8px 0;}
	.product-list .thCell {border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; color:#000; font-size:18px; padding:10px 0 10px 2%;}
	.product-list .tdCell {font-size:12px; font-weight:bold; color:#484747; padding:10px 0 10px 2%; vertical-align:middle;}
	.product-list .thCell-1, .product-list .tdCell-1 {width:24%;}
	.product-list .thCell-2, .product-list .tdCell-2 {width:24%;}
	.product-list .thCell-3, .product-list .tdCell-3 {width:24%;}
	.product-list .thCell-4, .product-list .tdCell-4 {width:24%;}
	
	.asset-list {margin:0 0 80px;}
	.asset-list .table {border-bottom:0; padding:0;}
	.asset-list .thCell {border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; color:#545454; padding:10px 0 10px 2%; font:18px dinmedium;}
	.asset-list .tdCell {font-size:12px; font-weight:bold; color:#484747; padding:5px 0 5px 2%;}
	
	.asset-list .thCell-1, .asset-list .tdCell-1 {width:14%;}
	.asset-list .thCell-2, .asset-list .tdCell-2 {width:16%;}
	.asset-list .thCell-3, .asset-list .tdCell-3 {width:16%;}
	.asset-list .thCell-4, .asset-list .tdCell-4 {width:13%;}
	.asset-list .thCell-5, .asset-list .tdCell-5 {width:10%;}
	.asset-list .thCell-6, .asset-list .tdCell-6 {width:15%;}
	
	.tdCell a.btn-download {background:url(../images/bg_submit_style.png) 0 0 no-repeat; width:130px; height:37px; font:21px dinbold; color:#fff; text-transform:uppercase; display:block; text-align:center; line-height:37px; text-decoration:none;}
  .tdCell a.btn-download:hover {background:url(../images/bg_submit.png) 0 0 no-repeat;}
	
	.product-login {background:#076bb6; width:924px; margin:0 auto 60px; padding:20px 0 5px 58px;}
	.product-login p {text-align:center; color:#fff; font-size:18px; padding:0 0 20px;}
	.product-login li {float:left; margin:0 20px 0 0;position:relative;}
	.product-login input {background:#fff; width:252px; padding:8px 10px; font-size:14px; color:#666;}
	.product-login input.btn-submit, .product-login a.btn-submit {background:url(../images/bg_submit.png) 0 0 no-repeat; width:130px; height:37px; font:21px dinbold; color:#fff; text-transform:uppercase; display:block; text-align:center; line-height:37px; text-decoration:none; padding:0; cursor:pointer;}
	.product-login p a {font-size:14px; text-decoration:underline; color:#fff;}
	.product-login p a:hover {text-decoration:none;}
	.product-login ul {margin:0 0 5px;}
	
	
	.product-section .article {width:292px; border:1px solid #c2c1c1; background:#fff; padding:20px; float:left; margin:0 10px 0 0;}
	.product-section .article-last {margin:0;}
	.product-section h3 {color:#076bb6; padding:0 0 6px; margin:0 0 10px; text-transform:uppercase; font:22px dinbold; border-bottom:1px solid #dddddd;}
	.product-detail {min-height:40px;}
	.product-detail p {font-size:14px; color:#525253;}
	.product-section .view-more {background:url(../images/bg_submit_style.png) 0 0 no-repeat; width:130px; height:37px; font:18px dinbold; color:#fff; text-transform:uppercase; display:block; text-align:center; line-height:37px;}
  .product-section .view-more:hover {background:url(../images/bg_submit.png) 0 0 no-repeat;}

/************ END PAGE PRODUCT INFO ****************/

/************ PAGE TERM ****************/
.term-outline {}
.carousel-detail h2 {color:#076bb6; font-size:30px; font-weight:normal; padding:0 0 13px; font-family:"dinbold";}
.carousel-detail p {color:#575757; line-height:28px; font-size:20px; font-weight:normal; letter-spacing:1px;}
.term-outline h4 {font-size:18px; color:#333; padding:0 0 6px;}
.term-outline p {color:#484747; font-size:14px; line-height:30px; padding:0 0 30px;}
.alignleft { float: left; padding: 0px 10px 20px 0px;}
.alignright { float: right; padding: 0px 0px 20px 10px;}
.aligncenter { text-align: center; width: auto !important;}
.term-outline h1{padding: 0 0 20px 0; clear:both;}
.term-outline ul {padding: 10px 0 5px 0;}
.wp-caption .wp-caption-text{text-align:center;font-style:italic; font-size: 13px; line-height: 1.5; width: 100%;}
.term-outline li {background:url(../images/bullet.png) 0 5px no-repeat; padding:0 0 8px 10px; font-size:14px; line-height:18px;}
.term .carousel-detail p {text-transform:uppercase;}
.main blockquote{
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	text-align: center;
	color: #000;
	font-weight: bold;
	padding: 20px 0;
	margin: 10px 20px 25px 20px;
}
.main blockquote p{
	font-family: 'MuseoSlab','Myriad Pro',Segoe UI,Helvetica,Arial,sans-serif; 
	font-size: 15px; 
	color: #535353;
	line-height: 1.5em;
	padding:0 0;
}
.main blockquote strong{ color: #000; font-family: 'MuseoSlab','Myriad Pro',Segoe UI,Helvetica,Arial,sans-serif; font-size: 1em; font-weight: normal; font-style: italic; }
/************ END PAGE TERM ****************/

.thanks .main {background:#FFF;}
.thanks-outline p {color: #343434; padding-top:20px; font: 35px dinbold;}

.forgotPass .carousel-detail h2 {padding-top:15px;}
.forgotPass-content input[type="text"], .forgotPass-content input[type="password"] {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #919090; color: #868585; font-size: 14px;  padding: 8px 5px; width: 495px;}
.forgotPass-content input[type="submit"] {background: url(../images/bg_submit_style.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #FFFFFF; cursor: pointer; font: 21px dinbold; height: 37px;  margin: 10px 0 0; padding: 3px 5px; width: 130px;}
.forgotPass-content .btn-submit {background: url(../images/bg_submit_style.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; display: block; font: 21px/37px dinbold; height: 37px; text-align: center; text-transform: uppercase; width: 130px; cursor:pointer;}
.forgotPass-content .btn-submit:hover {background: url(../images/bg_submit.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.forgotPass-content .btn-submit2 {background: url(../images/bg_submit_style2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width:201px; cursor:pointer;}
.forgotPass-content .btn-submit2:hover {background: url(../images/bg_submit2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.forgotPass-content li {padding:0 0 25px; position:relative;}
.forgotPass-content li label {font-size:14px; line-height:18px; width:165px; padding: 10px 10px 10px 0; float:left;}
.forgotPass-content h3 {color: #076BB6; font-size:24px; font-family:dinmedium; font-weight:normal; padding:0 0 15px; line-height:26px;}
.forgotPass-content p {font-size:14px; line-height:18px; padding:0 0 20px;}

.forgotPass-content input.btn-submit3 {background: url(../images/bg_submit_style3.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width:168px; cursor:pointer;}
.forgotPass-content input.btn-submit3:hover {background: url(../images/bg_submit3.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
#resetpass-form input[type="text"], #resetpass-form  input[type="password"] {width: 310px;}
.tabWrap {padding-top:10px;}

.imgSliderDesktop{max-width:100%;}
.imgSliderMobile{display:none!important;}
.imgContent{padding:0px 10px 0px 0px; text-align: center;}


/*style button carousel*/
.fullwidthbanner-container .tp-button.lightgrey, .fullwidthbanner-container .tp-button.lightgrey:hover, .fullwidthbanner-container .purchase.lightgrey, .fullwidthbanner-container .purchase.lightgrey:hover, .fullwidthbanner-container .tp-button.red, .fullwidthbanner-container .tp-button.red:hover, .fullwidthbanner-container .purchase.red, .fullwidthbanner-container .purchase.red:hover, .fullwidthbanner-container .tp-button.darkgrey, .fullwidthbanner-container .tp-button.grey, .fullwidthbanner-container .tp-button.darkgrey:hover, .fullwidthbanner-container .tp-button.grey:hover, .fullwidthbanner-container .purchase.darkgrey, .fullwidthbanner-container .purchase.darkgrey:hover, .fullwidthbanner-container .tp-button.orange, .fullwidthbanner-container .tp-button.orange:hover, .fullwidthbanner-container .purchase.orange, .fullwidthbanner-container .purchase.orange:hover, .fullwidthbanner-container .tp-button.green, .fullwidthbanner-container .tp-button.green:hover, .fullwidthbanner-container .purchase.green, .fullwidthbanner-container .purchase.green:hover, .fullwidthbanner-container .tp-button.blue, .fullwidthbanner-container .tp-button.blue:hover, .fullwidthbanner-container .purchase.blue, .fullwidthbanner-container .purchase.blue:hover  {
	color: #FFFFFF;
    display: block;
    font:16px/22px dinbold !important;
    text-align: center;
    text-transform: uppercase;
	box-shadow:none;	
	text-shadow:none !important;
	padding:5px 15px !important;
	border-radius:5px;
	letter-spacing:0 !important;
	height:auto;
}

.fullwidthbanner-container .tp-button.lightgrey, .fullwidthbanner-container .purchase.lightgrey {
	background:#555555;
}

.fullwidthbanner-container .tp-button.blue, .fullwidthbanner-container .purchase.blue {
	background:#076BB6;
}

.fullwidthbanner-container .tp-button.green, .fullwidthbanner-container .purchase.green {
	background:#104D0B;
}

.fullwidthbanner-container .tp-button.red, .fullwidthbanner-container .purchase.red {
	background:#CB1D1D;
}

.fullwidthbanner-container .tp-button.darkgrey, .fullwidthbanner-container .tp-button.grey, .fullwidthbanner-container .purchase.darkgrey {
	background:#555555;
}
.fullwidthbanner-container .tp-button.orange, .fullwidthbanner-container .purchase.orange {
	background:#FF7700;
}
.fullwidthbanner-container .tp-button.lightgrey:hover, .fullwidthbanner-container .purchase.lightgrey:hover, .fullwidthbanner-container .tp-button.blue:hover, .fullwidthbanner-container .purchase.blue:hover, .fullwidthbanner-container .tp-button.green:hover, .fullwidthbanner-container .purchase.green:hover, .fullwidthbanner-container .tp-button.red:hover, .fullwidthbanner-container .purchase.red:hover, .fullwidthbanner-container .tp-button.darkgrey:hover, .fullwidthbanner-container .tp-button.grey:hover, .fullwidthbanner-container .purchase.darkgrey:hover, .fullwidthbanner-container .tp-button.orange:hover, .fullwidthbanner-container .purchase.orange:hover {background:#414141;}

.term-outline.about-outline.promotion-outline h1 {clear:none;}

/********** Reponsive ************/
@media (min-width: 791px) and (max-width: 1058px) {
	.home-outline .article {min-height:470px;  margin-bottom: 10px;}
}
@media (max-width: 1057px ) {
	.carousel-inner {width: auto; padding: 25px 20px 0;}
	.margin-auto {padding:0 20px; width:auto;}
	.margin-auto img {max-width:100%; height:auto;}
	.nav > ul > li {width:22%;}
	.hgroup {width:auto; padding-right:16px;}
	.footer > .inner {width:95%;}
	.footer-bottom > .inner {width:95%;}
	.footer-nav > li {width:22%;}
	.footer-nav {width:auto;}
	.sub-nav {padding:15px 0 0 15px; width:1025px;}
	.home-outline {text-align:center;}
	.home-outline .home-content {text-align:left;}
	#home-login li a {padding: 22px 0 0 6px;}
	.home-outline .article {width:298px; float:none; vertical-align:top; display:inline-block; min-height: 479px;}
	.margin-auto img {height: auto; max-width: 100%;}
	#home-login {padding-top:15px;}
	.home-outline li {text-align:left;}
	.home-outline input {width:97%;}
	.home-outline .errorMes {margin-bottom:10px;}
	.category-outline .article {width: 183px;}
	.category-outline .category-content {min-height:228px;}
	.category-outline .category-detail {min-height: 118px;}
	.product-section {text-align:center;}
	.product-section .article {text-align:left; display:inline-block; float:none; width:275px;}
	.product-login {width:auto;}
	.tab li a span span {padding:21px 0;}
	.tab-sub {padding: 16px 11px;}
}
@media (min-width: 969px) and (max-width: 1031px){
	.product-section .article {
		width: 250px;
	}
}
@media (max-width: 1078px ) {
	#container .tp-bullets {bottom: 10px !important;}
}
@media (max-width: 1007px ) {
	.footer-nav > li {width: 20%; padding-right: 10px;}
}
@media (max-width: 968px ) {
	.home-outline .article {width:250px;}
	/*#home-login li a {font-size:13px; padding-left:0;}*/
	#home-login {padding:10px 9px 17px;}
	.product-section .article {width:240px;}
	.product-login input {width:230px;}
	.product-login {padding-left:20px;}
	#container .tp-bullets {bottom: 0 !important;}
}
@media (max-width: 898px ) {
	.nav > ul > li {width:21%;}
	
}
@media (max-width: 856px ) {
	.nav > ul > li {width:19%;}
}
@media (min-width: 823px) and (max-width: 937px){
	.product-section .article {
		width: 205px;
	}
}
@media (max-width: 822px ) {
	/* FOR FOOTER */
.footer {padding:0; margin:1px 0 0;}
.footer > .inner, .footer-bottom > .inner {width:100%;}
.footer-nav {width:100%; background:none; margin:0;}
.footer-nav > li {float:none; width:100%; padding:0;}
.footer-nav-sub li {border-bottom:1px solid #c7c7c7; padding:3% 6%; color:#666;}
.footer a {font-size:20px; font-family:dinmedium;}
.footer-nav > li h3 {padding:3% 6%; font-size:20px; font-family:dinmedium; text-transform:uppercase;}

.footer-bottom {background:#fff; border:0; text-align:center; padding:15px 0;}
.footer-bottom ul {float:none; display:inline;}
.footer-bottom a {font-family:Arial; font-size:12px; color:#000; font-weight:normal;}
.footer-bottom span.mobile-only {display:inline; color:#000;}
.footer-nav > li {background:none; min-height:0;}
	.desktop-only {display:none;}
.mobile-only {display:block;}
.margin-auto {width:95%; padding:20px; overflow:hidden;}
body {background:#fff;}
.main {padding:0;}
.product-info .margin-auto {width:100%; padding:20px 0;}

/* FOR MENU */
.hgroup {width:100%; background:#fff; padding:0; position:relative; height:50px;}
.logo {background:url(../images/logo-panasonic-m.png) 0 0 no-repeat; background-size:100%; width:120px; height:37px; display:block; text-indent:-9999px; margin:18px 14px 0; float:left;}
.hgroup .hgroup-right {display:none;}
.hgroup-nav {float:right;}
.hgroup-nav li {border-left:1px solid #e3e3e3; padding:16px 17px; float:left; background:#fff;}
.hgroup-nav li.current {background:#076bb7;}
.icon-login {background:#fff url(../images/icon-people.png) 0 0 no-repeat; display:block; width:40px; height:36px;}
.hgroup-nav li.current .icon-login {background:#076bb7 url(../images/icon-people-o.png) 0 0 no-repeat;}
.icon-search-m {background:#fff url(../images/icon-search.png) 0 0 no-repeat; display:block; width:40px; height:36px;}
.hgroup-nav li.current .icon-search-m {background:#076bb7 url(../images/icon-search-o.png) 0 0 no-repeat;}
.sub-nav {display:none !important;}
	.nav {width:100%; height:auto; overflow:hidden; border-top:3px solid #ccc; }
	.nav > ul {width:100%; background:#076bb6; display:none;}
	.nav > ul > li {width:100%; float:none; background:#076bb6 url(../images/dot.png) 0 0 repeat-x; height:80px; padding:1px 0 0;}
	.nav > ul > li > a {height:auto; padding:15px 0 0;}
	.nav > ul > li a.active, .nav > ul > li a:hover {background:#076bb6;}
	.nav > ul > li a.active, .nav > ul > li a.always_active, .nav > ul > li a:hover {padding-bottom:15px;}
	
	.nav-expand {width:90%; background:#076bb6; padding:10px 5%; overflow:hidden; font-family:dinmedium; color:#fffefe; font-size:20px; text-transform:uppercase; line-height:30px;}
	.nav-expand span {float:right;}
	
	.nav-login {position:absolute; width:90%; top:64px; background:#076bb7; z-index:9; padding:20px 5% 10px;}
	.nav-login h3 {font-family:dinmedium; color:#fff; font-size:16px; text-transform:uppercase; margin:0 0 10px;}
	.nav-login input {width:96%; background:#fff; border-radius:1px; padding:6px 2%; color:#000; font-size:16px; font-family:dinmedium;}
	.nav-login p {overflow:hidden; margin:0 0 14px;}
	.nav-login p a {float:right; color:#fffefe; font-size:14px;}
	.nav-login p label {font-size:14px; color:#fffefe;}
	.nav-login p span input {width:15px; height:15px; background:none; vertical-align:middle; margin:-4px 5px 0 0;}
	.nav-login p input[type="submit"] {background:#414141; text-align:center; font-size:18px; color:#fffefe; width:100%; padding:6px 2%;}
	.nav-login p.last {border-top:1px solid #ccc; text-align:center; color:#fffefe; font-size:14px; padding:15px 0; margin:10px 0 0;}
	.nav-login p.last a {font-weight:bold; text-decoration:underline; float:none;}
	
	.nav-search {position:absolute; width:90%; top:64px; background:#076bb7; background:#076bb7; z-index:9999; padding:20px 5% 10px;}
	.nav-search input {width:96%; background:#fff; border-radius:1px; padding:6px 2%; color:#000; font-size:16px; font-family:dinmedium;}
	.hgroup .icon-search {top:27px; right:7%;}
	
	.carousel-outline .prev, .carousel-outline .next {display:none;}
	.carousel {height:240px;}
	.carousel-inner {width:90%; font-size:16px; padding:15px 0 0;}
	.carousel-detail {font-size:14px; line-height:18px; margin:0 0 15px;}
	.carousel-title{font-size:28px !important;margin:0 0 8px 0;}
	.carousel-inner{padding:10px 0 0 0 ;}
	.carousel-detail-container{height:auto;}
	.swipe-wrap > li img {width:100%; height:240px;}
	
	/*********** PAGE HOME *****************/
.home-outline .article {width:92%; background:none; float:none; padding:5% 0; margin:0; border:0; border-bottom:1px solid #e7e7e7; min-height:0;}
.home-outline .home-content {padding:0;text-align:left;}
.home-outline h3 {padding:10px 0 6px; border-bottom:0; margin:0; font-size:18px;}
.home-outline .home-detail p {padding:0 0 10px;}
.home-outline .view-more {width:100%; border-radius:4px; background:#076bb6;}
.home-outline .home-detail {min-height:0;}
.home-outline .view-more:hover {background:#414141;}
.home-outline .article 
/*********** END PAGE HOME *************/

	/************** PAGE CATEGORY *************/
	.category-outline .article {width:88%; float:none; padding:5% 0; background:none; margin:0; border:0; border-bottom:1px solid #e7e7e7; text-align:center;}
	.category-outline .article img {width:auto;}
	.category-outline .category-content {padding:0; text-align:left;}
	.category-outline h3 {padding:10px 0; border-bottom:0; margin:0;}
	.category-outline .category-detail {height:auto; min-height:0;}
	.category-outline .view-more {width:100%; border-radius:4px; background:#076bb6;}
	.category-outline .view-more:hover {background:#414141;}
	.category-outline .category-content {min-height:0;}
	.category-outline .category-detail {min-height: 0;}
	/**************END PAGE CATEGORY *************/
	
	/************** PAGE PRODUCT *************/
	.product-content h3 {font-size:22px; margin:10px 10px 4px;}
	.product-list .thCell {font-size:13px; padding:7px 0 6px 2%;}
	.product-list .tdCell {padding:0 0 0 2%; font-weight:normal; font-size:12px;}
	.product-list {margin:0 0 10px;}
	
	.mobile-asset {width:100%;}
	.asset-download {background:#fff; padding:10px 0 0; margin:10px 0 0;}
	.asset-download h3 {font-size:18px; color:#000; padding:0 0 5px; margin:0;}
	.asset-download p span {padding:0 5px 0 0;}
	.asset-download p strong {color:#000;}
	.mobile-asset .btn-download {border-radius:4px; background:#076bb6; font-size:18px; padding:8px 14px; color:#fff; display:inline-block;}
	.mobile-asset p {font-size:12px; color:#666; margin:0 0 10px; overflow:hidden;}
	.asset-register {padding:10px 5%;}
	
	.asset-download .acoding {padding:10px 5%; border-bottom:1px solid #d7d7d7;}
	.asset-download .open {background:#fff;}
	.asset-download .close {background:#e6e4e4;}
	.asset-download h3 a {float:right; display:block; width:22px; height:12px; margin-top:7px;}
	.asset-download .open h3 a {background:url(../images/arrow-top.png) 0 0 no-repeat;}
	.asset-download .close h3 a {background:url(../images/arrow-bottom.png) 0 0 no-repeat;}
	.hidden {display:none;}
	
	.product-list {background:#fff;}
	.product-list .table .thCell {border:0;}
	.product-list .acoding {padding:10px 0; border-bottom:1px solid #d7d7d7; cursor:pointer;}
	.acoding-title a {float:right; display:block; width:22px; height:12px; margin:7px 20px 0 0;}
	.product-list .open {background:#fff;}
	.product-list .close {background:#fff;}
	.product-list .open .acoding-title a {background:url(../images/arrow-top.png) 0 0 no-repeat;}
	.product-list .close .acoding-title a {background:url(../images/arrow-bottom.png) 0 0 no-repeat;}
	.product-list .asset-accord {padding:10px 0 10px 15px; font-size:12px;}
	.product-content > h3:first-child { background: none repeat scroll 0 0 #FFFFFF; margin: 0; padding: 10px;}
	.register-content h3 {color: #076BB6; font-family: dinbold; font-size: 25px; font-weight: normal;}
	
	.tab li a span span {font-size:15px;}
	.tab-sub {padding: 16px 13px;}
	.tab-sub li {margin-right:20px;}
	.tab-sub a {font-size:14px; background-position:100% 3px;}
	input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
	
	
	
}

@media (max-width: 720px ) {
.desktop-only {display:none;}
.mobile-only {display:block;}
.margin-auto {width:100%; padding:0;}
body {background:#fff;}
.main {padding:0;}
.main iframe {max-width:100%;}
.tabWrap {padding-top:0;}
.contact-content p {word-wrap:break-word;}
.register .carousel-detail p {color:#666; font-size:19px; letter-spacing:0;}
.register .carousel-content {background:#FFF;}

/* FOR MENU */
.hgroup {width:100%; background:#fff; padding:0; position:relative; height:50px;}
.logo {background:url(../images/logo-panasonic-m.png) 0 0 no-repeat; background-size:100%; width:120px; height:37px; display:block; text-indent:-9999px; margin:18px 14px 0; float:left;}
.hgroup .hgroup-right {display:none;}
.hgroup-nav {float:right;}
.hgroup-nav li {border-left:1px solid #e3e3e3; padding:16px 17px; float:left; background:#fff;}
.hgroup-nav li.current {background:#076bb7;}
.icon-login {background:#fff url(../images/icon-people.png) 0 0 no-repeat; display:block; width:40px; height:36px;}
.hgroup-nav li.current .icon-login {background:#076bb7 url(../images/icon-people-o.png) 0 0 no-repeat;}
.icon-search-m {background:#fff url(../images/icon-search.png) 0 0 no-repeat; display:block; width:40px; height:36px;}
.hgroup-nav li.current .icon-search-m {background:#076bb7 url(../images/icon-search-o.png) 0 0 no-repeat;}
.sub-nav {display:none;}
	.nav {width:100%; height:auto; overflow:hidden; border-top:3px solid #ccc; }
	.nav > ul {width:100%; background:#076bb6; display:none;}
	.nav > ul > li {width:100%; float:none; background:#076bb6 url(../images/dot.png) 0 0 repeat-x; height:80px; padding:1px 0 0;}
	.nav > ul > li > a {height:auto; padding:15px 0 0;}
	.nav > ul > li a.active, .nav > ul > li a:hover {background:#076bb6;}
	
	.nav-expand {width:90%; background:#076bb6; padding:10px 5%; overflow:hidden; font-family:dinmedium; color:#fffefe; font-size:20px; text-transform:uppercase; line-height:30px;}
	.nav-expand span {float:right;}
	
	.nav-login {position:absolute; width:90%; top:64px; background:#076bb7; z-index:9999; padding:20px 5% 10px;}
	.nav-login h3 {font-family:dinmedium; color:#fff; font-size:16px; text-transform:uppercase; margin:0 0 10px;}
	.nav-login input {width:96%; background:#fff; border-radius:1px; padding:6px 2%; color:#000; font-size:16px; font-family:dinmedium;}
	.nav-login p {overflow:hidden; margin:0 0 14px;}
	.nav-login p a {float:right; color:#fffefe; font-size:14px;}
	.nav-login p label {font-size:14px; color:#fffefe;}
	.nav-login p span input {width:15px; height:15px; background:none; vertical-align:middle; margin:-4px 5px 0 0;}
	.nav-login p input[type="submit"] {background:#414141; text-align:center; font-size:18px; color:#fffefe; width:100%; padding:6px 2%; border-radius:3px;}
	.nav-login p.last {border-top:1px solid #ccc; text-align:center; color:#fffefe; font-size:14px; padding:15px 0; margin:10px 0 0;}
	.nav-login p.last a {font-weight:bold; text-decoration:underline; float:none;}
	
	.nav-search {position:absolute; width:90%; top:64px; background:#076bb7; background:#076bb7; z-index:9999; padding:20px 5% 10px;}
	.nav-search input {width:96%; background:#fff; border-radius:1px; padding:6px 2%; color:#000; font-size:16px; font-family:dinmedium;}
	.hgroup .icon-search {top:27px; right:7%;}
	
	.carousel-outline .prev, .carousel-outline .next {display:none;}
	.carousel {height:165px;}
	.carousel-inner {width:90%; font-size:16px; padding:15px 0 0;}
	.carousel-detail {font-size:14px; line-height:18px; margin:0 0 15px;}
	.swipe-wrap > li img {width:100%; /*height:145px;*/height:auto;}
	.carousel {height:auto;}

/* FOR FOOTER */
.footer {padding:0; margin:1px 0 0;}
.footer > .inner, .footer-bottom > .inner {width:100%;}
.footer-nav {width:100%; background:none; margin:0;}
.footer-nav > li {float:none; width:100%; padding:0;}
.footer-nav-sub li {border-bottom:1px solid #c7c7c7; padding:3% 6%; color:#666;}
.footer a {font-size:20px; font-family:dinmedium;}
.footer-nav > li h3 {padding:3% 6%; font-size:20px; font-family:dinmedium; text-transform:uppercase; font-weight:normal;}

.footer-bottom {background:#fff; border:0; text-align:center; padding:15px 0;}
.footer-bottom ul {float:none; display:inline;}
.footer-bottom a {font-family:Arial; font-size:12px; color:#000; font-weight:normal;}
.footer-bottom span.mobile-only {display:inline; color:#000;}

/*********** PAGE HOME *****************/
.home-outline .article {width:92%; background:none; float:none; padding:5% 0; margin:0; border:0; border-bottom:1px solid #e7e7e7; min-height:0;}
.home-outline .article img {width:100%;}
.home-outline .home-content {padding:0;}
.home-outline h3 {padding:10px 0 6px; border-bottom:0; margin:0; font-size:18px;}
.home-outline .home-detail p {padding:0 0 10px;}
.home-outline .view-more {width:100%; border-radius:4px; background:#076bb6;}
.home-outline .home-detail {min-height:0;}
.home-outline .view-more:hover {background:#414141;}
/*********** END PAGE HOME *************/

/************** PAGE ABOUT *************/
.margin-auto.about-outline {width:90%; padding:3% 0;}
.about-outline p img {width:100%;}
/************** END PAGE ABOUT *************/

/************** PAGE CONTACT *************/
.contact-outline {background:#fff;}
.contact-content {width:90%; float:none; padding:0; overflow:hidden; margin:0 auto;}
.contact-content h2 {font-size:18px; margin:0 0 10px; }
.contact-content h3 {font-size:14px;}
.contact-content dl {padding:10px 0 0; margin:0 0 20px;}
.contact-content dt {float:left; margin:0 20px 0 0; width:35%;}
.contact-content dt img {width:100%;}
.contact-content dd {overflow:hidden;}
.contact-content h4 {font-size:12px;}
.contact-content p {font-size:12px; padding:0 0 5px;}

.filter-form {margin:15px 0 25px;}
.filter-form label {display:none;}
.filter-form select {width:100%;}
.filter-form .divSmall {width:100%;}
.contact div.divSmall {background:#ccc; border-radius:4px;}
.contact span.spanSmall {background:url(../images/btn-select-m.png) 97% 9px no-repeat;}
.contact .carousel-content {border-bottom:0;}
.contact .carousel-detail h2 {padding:0 0 10px;}

/************** PAGE END CONTACT *************/

/************** PAGE CATEGORY *************/
.category-outline .article {width:88%; float:none; padding:5% 0; background:none; margin:0; border:0; border-bottom:1px solid #e7e7e7;}
.category-outline .article img {width:100%;}
.category-outline .category-content {padding:0;}
.category-outline h3 {padding:10px 0; border-bottom:0; margin:0;}
.category-outline .category-detail {height:auto; min-height:0;}
.category-outline .view-more {width:100%; border-radius:4px; background:#076bb6;}
.category-outline .view-more:hover {background:#414141;}
/**************END PAGE CATEGORY *************/

/************** PAGE PROMOTION *************/
.margin-auto.promotion-outline {width:90%; padding:3% 0;}
.wp-caption { width:100% !important;}
.wp-caption .wp-caption-text { font-size: 12px;}
.promotion-outline p img {width:100%;}
.promotion .carousel-detail {margin:0 0 20px;}
/**************END PAGE PROMOTION *************/

/************** PAGE DEALER *************/
.dealer .carousel-detail h2 {padding:0;}
.dealer-content {padding:10px 5% 0; width:90%; margin: 0 0 20px;}
.dealer-left {width:55%; margin:0 10px 0 0;}
.dealer-left p {font-size:11px; line-height:16px; padding:0 0 5px;}
.dealer-form {padding:10px 0 0;}
.dealer-form label {font-size:10px;}
.dealer-form select {width:60%; padding:2px 0 2px 5px;}
.dealer-form input {width:98%; padding:5px 0 7px 5px;}
.dealer-form input[type="submit"] {border-radius:4px; background:#076bb6; font-size:18px;}
.dealer-form li {margin:0 0 8px;}

.table {font-size:11px; padding:8px 0; margin:0 5px;}
.tdCell p {line-height:16px;}
.pagging {padding:15px 0;}

#map {width:40%; height:150px;}
span.spanSmall {width:100%;}

.dealer-result h3 {padding: 12px 0 12px 20px;}
/**************END PAGE DEALER *************/


/************** PAGE PRODUCT *************/
.product-content h3 {font-size:18px; margin:10px 10px 4px;}
.product-list .thCell {font-size:12px; padding:7px 0 6px 2%;}
.product-list .tdCell {padding:0 0 0 2%; font-weight:normal; font-size:12px;}
.product-list {margin:0 0 10px;}

.mobile-asset {width:100%;}
.asset-download {background:#fff; padding:10px 0 0; margin:10px 0 0;}
.asset-download h3 {font-size:18px; color:#000; padding:0 0 5px; margin:0;}
.asset-download p span {padding:0 5px 0 0;}
.asset-download p strong {color:#000;}
.mobile-asset .btn-download {border-radius:4px; background:#076bb6; font-size:18px; padding:8px 14px; color:#fff; display:inline-block;}
.mobile-asset p {font-size:12px; color:#666; margin:0 0 10px; overflow:hidden;}
.asset-register {padding:10px 5%;}

.asset-download .acoding {padding:10px 5%; border-bottom:1px solid #d7d7d7;}
.asset-download .open {background:#fff;}
.asset-download .close {background:#e6e4e4;}
.asset-download h3 a {float:right; display:block; width:22px; height:12px; margin-top:7px;}
.asset-download .open h3 a {background:url(../images/arrow-top.png) 0 0 no-repeat;}
.asset-download .close h3 a {background:url(../images/arrow-bottom.png) 0 0 no-repeat;}
.hidden {display:none;}

.product-list {background:#fff;}
.product-list .table .thCell {border:0;}
.product-list .acoding {padding:10px 0; border-bottom:1px solid #d7d7d7; cursor:pointer;}
.acoding-title a {float:right; display:block; width:22px; height:12px; margin:7px 20px 0 0; position:absolute; right:0;}
.product-list .open {background:#fff;}
.product-list .close {background:#fff;}
.product-list .open .acoding-title a {background:url(../images/arrow-top.png) 0 0 no-repeat;}
.product-list .close .acoding-title a {background:url(../images/arrow-bottom.png) 0 0 no-repeat;}
.product-list .asset-accord {padding:10px 0 10px 15px; font-size:12px;}

.tab {margin:10px 0 0;}
.tab li {width:30%; margin:2px 5px 0 0;}
.tab li a {background:none; padding:0;}
.tab li a span {background:none; padding:0;}
.tab li a span span {background:#ccc; 
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding:10px;
	font-size:13px;
	min-height:26px;
}
.tab li a:hover, .tab li a.current {background:none;}
.tab li a:hover span, .tab li a.current span {background:none;}
.tab li a:hover span span, .tab li a.current span span {background:#999;}

.tab-sub {padding: 10px 12px; margin:0 0 20px;}
.tab-sub li {margin:0 10px 0 0;}
.tab-sub a {font-size:12px; background: url(../images/arrow.gif) 100% 3px no-repeat; padding:0 12px 0 0;}
/************** END PAGE PRODUCT *************/

/************** PAGE SEARCH RESULTS *************/
.searchResults-outline {background:#fff;}
.searchResults .carousel-detail h2 {padding:10px 0;}
.searchResults-outline h3 {border:0; color:#076bb6; font-size:18px; margin:0 0 5px;}
.searchResults-outline dl {margin:0 0 20px; border-bottom:1px solid #ccc; padding:0 0 15px;}
.searchResults-outline dt {width:35%; margin:0 10px 0 0;}
.searchResults-outline dt img {width:100%;}
.searchResults-outline dd {width:60%; padding:0;}
.searchResults-outline h4 {font-size:12px;}
.searchResults-outline p {font-size:11px; line-height:16px;}
.searchResults-outline p.info-time {padding:0;}
.search-pagging {padding:0 0 18px;}
.search-pagging li {margin:0 5px 0 0;}
/************** END PAGE SEARCH RESULTS *************/

/************** PAGE TERM *************/
.term .carousel-detail h2 {font-size:18px; padding:0 0 10px;}
.term .carousel-detail p {font-size:12px; line-height:16px; font-weight:bold;}
.term-outline {padding:15px 0 0; width:90%;}
.term-outline h4 {font-size:13px; padding:0 0 4px;}
.term-outline p {font-size:12px; line-height:16px; padding:0 0 15px;}
.term-outline li {font-size:12px; padding:0 0 5px 10px;}

.register .contact-article {display:none;}
.register-content {width:90%; float:none; margin:0 auto;}
.register-content input {width:96%;}
.register-content select {width:99%;}
.register span.spanSmall {width:98%;}
.register div.divSmall {width:99%;}
.register-content input[type="submit"] {background:#076bb6; text-align:center; font-size:18px; color:#fff; width:100%; padding:6px 2%; -webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-radius: 4px; margin:10px 0 40px;}
.errorMes {background:url(../images/bg-arrow-top.png) no-repeat 10px 0; width:100%; position:relative; right:0; padding:12px 0 0;z-index:10; background-size:16px 12px;}
.error-inner {background:url(../images/bg-error-repeat.png) repeat 0 0; border-radius: 2px; color: #FFFFFF; padding: 10px 7px; font-weight:bold;}

/************** PAGE TERM *************/

.register-content h3 {color: #076BB6; font-family: dinbold; font-size:30px; font-weight: normal;}
.forgotPass-content input[type="text"], .forgotPass-content input[type="password"] {width:90%;}
.forgotPass-content {width:90%; margin:30px auto; color:#565656; font-size:13px;}
.forgot-form, .resetpass-form {width:100%;}
.forgotPass-content .btn-submit, .forgotPass-content input.btn-submit3, .forgotPass-content input[type="submit"] {background:#076BB6; border-radius: 4px; width: 100%; text-transform:capitalize;}
.forgotPass-content .btn-submit:hover, .forgotPass-content input.btn-submit3:hover {background:#414141;}
.forgotPass-content input[type="text"], .forgotPass-content input[type="password"], #resetpass-form input[type="text"], #resetpass-form input[type="password"] {width: 96%;}
.forgotPass-content li label {padding-top:0; color:#888; font-size:13px;}
.forgotPass-content p {font-size:13px;}
.txt-info-forgot {color:#333;}
.forgotPass-content h3 {font-family:dinbold;}
#register-form .errorMes {right:auto;}

/*.carousel-detail-container {height:auto;}
.carousel-content {min-height:0;}

.homepage .carousel-detail-container {height:90px;}
.homepage .carousel-content {min-height:155px;}*/

.imgSliderDesktop{display:none;}
.imgSliderMobile{display:block!important;}

}

/************* HOME CAROUSEL **************/
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

    .swipe-wrap > li {
        float: left;
        width: 100%;
        position: relative;
		overflow:hidden;
		text-align:center;
    }
/************* END HOME CAROUSEL **************/

@media (max-width: 480px ) {
	.fullwidthbanner-container {display:none;}
}

@media (max-width: 420px ) {
	.home-outline .article {width: 88%;}
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}