/*--- reset css ---*/
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, center, dl, dt, dd, ol, ul, 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%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; cursor:pointer; }
:focus { outline: 0; }
/*--- end reset css ---*/

	a[href^="tel"]{ color:inherit; text-decoration:none; }
	p[href^="tel"]{ color:inherit; }
	input { -webkit-appearance: none; border-radius:0; }
	::selection { background:rgba(255,191,0,0.7); color:rgba(255,255,255,1); }

/* font */
	@font-face { font-family:'din-medium'; src:url('../fonts/din-medium.ttf'),url('../fonts/din-medium.eot'),url('../fonts/din-medium.woff'); }
	@font-face { font-family:'din-regular'; src:url('../fonts/din-light.ttf'),url('../fonts/din-light.eot'),url('../fonts/din-light.woff'); }

	@font-face { font-family:'helvetica-light'; src:url('../fonts/HelveticaLTStd-Light.ttf'),url('../fonts/HelveticaLTStd-Light.eot'),url('../fonts/HelveticaLTStd-Light.woff'); }
	@font-face { font-family:'helvetica-roman'; src:url('../fonts/HelveticaLTStd-Roman.ttf'),url('../fonts/HelveticaLTStd-Roman.eot'),url('../fonts/HelveticaLTStd-Roman.woff'); }
	@font-face { font-family:'helvetica-bold'; src:url('../fonts/HelveticaLTStd-Bold.ttf'),url('../fonts/HelveticaLTStd-Bold.eot'),url('../fonts/HelveticaLTStd-Bold.woff'); }



	@font-face { font-family:'thaisans-light'; src:url('../fonts/ThaiSansNeue-Light.ttf'),url('../fonts/ThaiSansNeue-Light.eot'),url('../fonts/ThaiSansNeue-Light.woff'); }
	@font-face { font-family:'thaisans-roman'; src:url('../fonts/ThaiSansNeue-Regular.ttf'),url('../fonts/ThaiSansNeue-Regular.eot'),url('../fonts/ThaiSansNeue-Regular.woff'); }
	@font-face { font-family:'thaisans-bold'; src:url('../fonts/ThaiSansNeue-Bold.ttf'),url('../fonts/ThaiSansNeue-Bold.eot'),url('../fonts/ThaiSansNeue-Bold.woff'); }


	/*--- reset css ---*/
	@font-face { font-family:'thaisans-UltraBold'; src:url('../fonts/ThaiSansNeue-UltraBold.ttf'),url('../fonts/ThaiSansNeue-UltraBold.eot'),url('../fonts/ThaiSansNeue-UltraBold.woff'); }
	@font-face { font-family:'thaisans-ExtraBold'; src:url('../fonts/ThaiSansNeue-ExtraBold.ttf'),url('../fonts/ThaiSansNeue-ExtraBold.eot'),url('../fonts/ThaiSansNeue-ExtraBold.woff'); }
	@font-face { font-family:'thaisans-Black'; src:url('../fonts/ThaiSansNeue-Black.ttf'),url('../fonts/ThaiSansNeue-Black.eot'),url('../fonts/ThaiSansNeue-Black.woff'); }

/* start */
	body { padding-left: 100px; overflow-x:hidden;}
	#fade-warpper { width:100%; display:none; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:1000; }
	#warpper { width:100%; margin:auto; position:relative; right:0; transition:0.8s; }
	#warpper.slide { right:-250px; transition:0.8s; }

	.clear { width:0; height:0; margin:0; padding:0; border:none; clear:both; }
	/* .container { width:980px; margin:auto; } */
	.nopadding { padding:0 !important; margin:0 !important; }


	

/* header */
	#header-desktop { width:100px; height:100%; background-color: #252525; top: 0 ; left: 0; position: fixed; z-index: 100;  }


	#header-desktop .logo { width:90px; height:90px; display:block; background:url('../images/00-header/logo.svg') no-repeat; margin:auto; position:absolute; left:5px;  top:15px; }
	#header-desktop	.logo .line { width:100px; height:1px; background:rgba(255,255,255,0.5); left:0; margin-top: 70px;  }


	#header-desktop .menu0 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:70px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu0:hover , #header-desktop .menu0.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu0 .icon-0 { width:100px; height:75px; background:url('../images/00-header/icon-00.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu0:hover .icon-0 , #header-desktop .menu0.active .icon-1 { width:100px; height:75px; background:url('../images/00-header/icon-00--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu0 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu0:hover p , #header-desktop .menu0.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }




	#header-desktop .menu { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:145px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu:hover , #header-desktop .menu.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu .icon-1 { width:100px; height:75px; background:url('../images/00-header/icon-01.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu:hover .icon-1 , #header-desktop .menu.active .icon-1 { width:100px; height:75px; background:url('../images/00-header/icon-01--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu:hover p , #header-desktop .menu.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

	
	#header-desktop .menu2 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:220px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu2:hover , #header-desktop .menu2.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu2 .icon-2 { width:100px; height:75px; background:url('../images/00-header/icon-02.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu2:hover .icon-2 , #header-desktop .menu2.active .icon-2 { width:100px; height:75px; background:url('../images/00-header/icon-02--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu2 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu2:hover p , #header-desktop .menu2.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

	#header-desktop .menu3 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:295px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu3:hover , #header-desktop .menu3.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu3 .icon-3 { width:100px; height:75px; background:url('../images/00-header/icon-03.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu3:hover .icon-3 , #header-desktop .menu3.active .icon-3 { width:100px; height:75px; background:url('../images/00-header/icon-03--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu3 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu3:hover p , #header-desktop .menu3.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

		
	#header-desktop .menu4 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:295px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu4:hover , #header-desktop .menu4.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu4 .icon-4 { width:100px; height:75px; background:url('../images/00-header/icon-04.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu4:hover .icon-4 , #header-desktop .menu4.active .icon-4 { width:100px; height:75px; background:url('../images/00-header/icon-04--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu4 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu4:hover p , #header-desktop .menu4.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

	#header-desktop .menu5 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:370px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu5:hover , #header-desktop .menu5.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu5 .icon-5 { width:100px; height:75px; background:url('../images/00-header/icon-05.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu5:hover .icon-5 , #header-desktop .menu5.active .icon-5 { width:100px; height:75px; background:url('../images/00-header/icon-05--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu5 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu5:hover p , #header-desktop .menu6.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

	#header-desktop .menu6 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:520px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu6:hover , #header-desktop .menu6.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu6 .icon-6 { width:100px; height:75px; background:url('../images/00-header/icon-06.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu6:hover .icon-6 , #header-desktop .menu6.active .icon-6 { width:100px; height:75px; background:url('../images/00-header/icon-06--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu6 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu6:hover p , #header-desktop .menu6.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

	#header-desktop .menu7 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:595px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu7:hover , #header-desktop .menu7.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu7 .icon-7 { width:100px; height:75px; background:url('../images/00-header/icon-07.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu7:hover .icon-7 , #header-desktop .menu7.active .icon-7 { width:100px; height:75px; background:url('../images/00-header/icon-07--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu7 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu7:hover p , #header-desktop .menu7.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

    #header-desktop .menu8 { width:100px; height:75px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:445px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#header-desktop .menu8:hover , #header-desktop .menu8.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#header-desktop .menu8 .icon-8 { width:100px; height:75px; background:url('../images/00-header/icon-10.png') no-repeat; margin:auto; position:absolute;  }	
	#header-desktop .menu8:hover .icon-8 , #header-desktop .menu8.active .icon-8 { width:100px; height:75px; background:url('../images/00-header/icon-10--2.png') no-repeat; margin:auto; position:absolute;  }
		
	#header-desktop .menu8 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); text-align: center; margin-top: 50px;  }
	#header-desktop .menu8:hover p , #header-desktop .menu8.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }

	

	#header-mobile { display: none; }
	#menu-mobile { display:none; }
	#menu-main { display:none; }

/* footer */
	#footer { width:100%;  background:url('../images/00-footer/footer-bg.jpg'); background-size:cover; }
	#footer .list { padding:30px 0 55px 0; }

	#footer .list a {  color: rgba(255,255,255,1);  text-decoration: none;  background-color: transparent;  -webkit-text-decoration-skip: objects;}
	#footer .list a:hover {  color: rgba(255,255,255,1);  text-decoration: none;}

	#footer .list .txt { font:18px/24px 'Arial'; color:rgba(255,255,255,1); text-align: center; text-transform: uppercase ; }
	#footer .list .txt2 { font:14px/18px 'Arial'; color:rgba(255,255,255,1); text-align: center; text-transform: uppercase ; }
	#footer .list .txt3 { font:12px/18px 'Arial'; color:rgba(255,255,255,1); text-align: center; text-transform: uppercase ; }
	#footer .list .txt4 { font:12px/18px 'Arial'; color:rgba(255,255,255,1); text-align: center; }
	#footer .list .icon { width: 100%; text-align: center; padding: 10px 0; }
	#footer .list img { padding:0 5px; }
	#footer .box { width:100%; height: 30px; background: rgba(255,255,255,1);}
	#footer .box-footer { width:100%; height: 30px; background: rgba(255,255,255,1);}
	#footer .line { width:100%; height: 1px; background: rgba(235,235,235,1);}

/** Begin Contact Box **/
.div-footer {
	position:fixed;
	right:30px;
	bottom:0px;
	z-index: 16;
}
.div-contact-box {
    width:290px;
}
.div-contact-box-header {
    padding: 10px 0px;
	color: #fff;
	width:100%;
	text-align: center;
	background-color: #000000;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;

}

.div-contact-box-header:hover {
   
	background-color:rgba(255,191,0,1);

}

#header-desktop .menu5:hover p , #header-desktop .menu6.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }


.div-contact-box-header .bar {
   	display: -webkit-inline-box;
}

.div-contact-box-header .bar .text {
   font:14px/22px 'Arial';
}

.div-contact-box-header .bar img {
  padding: 0 10px 0 0;
}
.span-contact-box-icon {
	font-size:small; 
	padding: 5px 15px 0 0;
	color: #fff;
}

.div-contact-box-body{
    width:100%;
    background-color: #FFF;
    border: 1px solid #000000;
    border-bottom: none;
    padding: 15px;
}
.div-contact-box-body>.row>.col-sm-12>.form-group>input,.div-contact-box-body>.row>.col-sm-12>.form-group>textarea{
    font:12px/14px 'Arial';
}
.btn-contact-box{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font:12px/14px 'Arial';
}
.btn-contact-box:hover{
    color: #FFF;
    background-color:rgba(37,37,37,1);;
    border-color: #ccc;
}
/** End Contact Box **/






/* break word */
	.break-word { width:100%; font:12px/20px 'Arial'; color:rgba(183,183,183,1); padding:0 0 5px 0; }
	.break-word.about { color:rgba(0,0,0,1); padding-top:5px; }
	.break-word a { font:12px/20px 'Arial'; color:rgba(183,183,183,1); }
	.break-word.about a { color:rgba(0,0,0,1); }



/* page home */

	/*#page-home-banner-desktop { width:100%; display: none; }
	#carouselExampleIndicators1 { width:100%; display: block; }
	#page-home-banner-mobile { width:100%; display: none; }
	#carouselExampleIndicators1-mobile { width:100%; display: none; }*/

	
	#banner-home { display: block; padding: 0;}
	#banner-home .text1 { width:100%; font:18px/30px 'helvetica-roman'; color:rgba(255,255,255,1.00); text-transform:uppercase;}
	#banner-home .text2 { width:100%; font:30px/30px 'helvetica-bold'; color:rgba(255,255,255,1.00); text-transform:uppercase;}





    #banner-home .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,0); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1.00); text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#banner-home .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


    #banner-home .box-more { width:100%; margin-top: 20px;  }
    #banner-home .box-more .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #banner-home .box-more .nav-n .bar-more { width:100%; text-align: -webkit-center; }
	#banner-home .box-more .nav-n .bar-more .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,0); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1.00);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(255,255,255,1.00); }
	#banner-home .box-more .nav-n .bar-more .more:hover { background:rgba(255,255,255,0); color:rgba(255,255,255,1.00); transition:0.8s; }


    #banner-home .nav-n { width:100%; top: 250px; padding-bottom: 30px; position: absolute; z-index: 1000; }
	#banner-home .nav-n .bar-prev { width:98px; margin-left: 100px;  }
	#banner-home .nav-n .bar-prev .prev-banner { width:50px; height:50px; display:block; border-radius:50px; background:url('../images/01-home/banner-prev-.png') no-repeat; font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase;  }
	#banner-home .nav-n .bar-prev .prev-banner:hover { background:url('../images/01-home/banner-prev.png') no-repeat; color:rgba(85,85,85,1); transition:0.8s; }

	#banner-home .nav-n .bar-next { width:98px; right: 100px; position: absolute;  }
	#banner-home .nav-n .bar-next .next-banner { width:50px; height:50px; display:block; border-radius:50px; background:url('../images/01-home/banner-next-.png') no-repeat; font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase;  }
	#banner-home .nav-n .bar-next .next-banner:hover {background:url('../images/01-home/banner-next.png') no-repeat; color:rgba(85,85,85,1); transition:0.8s; }


    #banner-home .owl-buttons { display: none;}

	.home-banner-3 { display: block;

    position: relative;

    
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
    border-radius: 0.25rem;
    margin-bottom: 10px;}

	.home-banner-3m { display: none; 

   }

   /* #banner-home .nav-n { width:100%; top: 7%; padding-bottom: 30px; position: absolute; z-index: 1000; }
	#banner-home .nav-n .bar-prev { width:98px; margin-left: 100px;  }
	#banner-home .nav-n .bar-prev .prev-banner { width:70px; height:70px; display:block; border-radius:50px; background:rgba(255,255,255,0.5); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#banner-home .nav-n .bar-prev .prev-banner:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#banner-home .nav-n .bar-next { width:98px; right: 100px; position: absolute;  }
	#banner-home .nav-n .bar-next .next-banner { width:70px; height:70px; display:block; border-radius:50px; background:rgba(255,255,255,0.5); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#banner-home .nav-n .bar-next .next-banner:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }*/





	
	#banner-home-mobile { display: none; padding: 0;}
	
	#page-home { width:100%; }
	#page-home .section-news { width:100%; padding: 0 0 20px 0; }
	#page-home .section-news .bar { padding:0; }
	#page-home .section-news .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home .section-news .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home .section-news .bar .next2 { float:right !important; padding: 0 0 0 10px;}
	#page-home .section-news .bar .prev2 { float:right !important; }

    #page-home .owl-theme .owl-controls{ display: none!important;}

	#page-home .owl-theme .owl-controls .owl-buttons { top:50%!important;}

	
	#page-home-2 { width:100%; }
	#page-home-2 .section-promotion { width:100%; padding: 0 0 20px 0; }
	#page-home-2 .section-promotion .bar { padding:0; }
	#page-home-2 .section-promotion .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-2 .section-promotion .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-2 .section-promotion .bar .next3 { float:right !important; padding: 0 0 0 10px;}
	#page-home-2 .section-promotion .bar .prev3 { float:right !important; }
    #page-home-2 .owl-theme .owl-controls{ display: none!important;}


#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}



#owl-demo .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  font:18px/22px 'helvetica-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-demo .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
	
}


#owl-demo-2 .item{
  margin: 3px;
}
#owl-demo-2 .item img{
  display: block;
  width: 100%;
  height: auto;
}



#owl-demo-2 .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  font:18px/22px 'helvetica-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-demo-2 .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
	
}

#owl-banner .item{
  margin: 0px;
}
#owl-banner .item img{
  display: block;
  width: 100%;
  height: auto;
}



#owl-banner .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font:18px/22px 'helvetica-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-banner .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
	
}


#owl-banner-mobile .item{
  margin: 0px;
}
#owl-banner-mobile .item img{
  display: block;
  width: 100%;
  height: auto;
}



#owl-banner-mobile .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font:18px/22px 'helvetica-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-banner-mobile .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
	
}






#owl-promotion .item{
  margin: 3px;
}
#owl-promotion .item img{
  display: block;
  width: 100%;
  height: auto;
}



#owl-promotion .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  text-align: center;
  font:24px/22px 'thaisans-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-promotion .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
	padding-top: 5px;
	
}

#owl-news .item{
  margin: 3px;
}
#owl-news .item img{
  display: block;
  width: 100%;
  height: auto;
}







#owl-news .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  text-align: center;
  font:24px/22px 'thaisans-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-news .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
  padding-top: 5px;
	
}

#owl-spare .item{
  margin: 3px;
}
#owl-spare .item img{
  display: block;
  width: 100%;
  height: auto;
}







#owl-spare .item .text {
	
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font:18px/22px 'helvetica-bold';
  background:rgba(0,0,0,0.5);
  

}

#owl-spare .item .text p {
  color: #fff;
  text-align: center;
  font:12px/16px 'tahoma';
	
}



	#page-home-3 { width:100%; }
	#page-home-3 .desktop .section-review { width:100%; padding: 0 0 20px 0; }
	#page-home-3 .desktop .section-review .bar { padding:0; }
	#page-home-3 .desktop .section-review .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-3 .desktop .section-review .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-3 .desktop .section-review .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-3 .desktop .section-review .bar .prev { float:right !important; }


	#page-home-3 .mobile .section-review { width:100%; padding: 0 0 20px 0; }
	#page-home-3 .mobile .section-review .bar { padding:0; }
	#page-home-3 .mobile .section-review .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-3 .mobile .section-review .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-3 .mobile .section-review .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-3 .mobile .section-review .bar .prev { float:right !important; }

    #page-home-3 .owl-theme .owl-controls{ display: none!important;}


	#page-home-3 .desktop { display: block; }
	#page-home-3 .mobile { display: none; }


ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
        #page-home-3 .desktop .demo .item{
            margin-bottom: 60px;
        }
		#page-home-3 .desktop .content-slider li{
		    background-color: #ed3020;
		    text-align: center;
		    color: #FFF;
		}
		#page-home-3 .desktop .content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
		#page-home-3 .desktop .demo{
			width: 800px;
		}


	#page-home-4 {  display: block;  }
	#page-home-4-mobile {  display: none;  }

	
	#page-home-4 { width:100%;  }
	#page-home-4 .section-service { width:100%;  }
	#page-home-4 .section-service .row-2 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; padding: 0;}
	#page-home-4 .section-service .row-3 {  margin-top: 0;}

	#page-home-4 .section-service img { width:100%; }
	#page-home-4 .section-service .img-1 { width:100%; height: 480px; background:url('../images/01-home/service-01.jpg') no-repeat right;  }
	#page-home-4 .section-service .img-1 .item { padding:100px 0 0 20px; text-align:left; }
	#page-home-4 .section-service .img-1 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-1 .item .txt-1 { font:30px/40px 'helvetica-bold'; text-transform:uppercase; color:rgba(85,85,85,1); }
	#page-home-4 .section-service .img-1 .item .txt-2 { width: 50%;font:16px/20px 'helvetica-roman';  color:rgba(85,85,85,1); padding:5px 0 20px; }


	#page-home-4 .section-service .img-2 { width:100%; height: 240px; background:url('../images/01-home/service-02.jpg') no-repeat left;  }
	#page-home-4 .section-service .img-2 .item { padding:170px 0 0 20px; text-align:left; }
	#page-home-4 .section-service .img-2 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-2 .item .txt-1 { font:22px/24px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#page-home-4 .section-service .img-2 .item .txt-2 { font:16px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#page-home-4 .section-service .img-3 { width:100%; height: 240px; background:url('../images/01-home/service-03.jpg') no-repeat right;  }
	#page-home-4 .section-service .img-3 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4 .section-service .img-3 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-3 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#page-home-4 .section-service .img-3 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#page-home-4 .section-service .img-4 { width:100%; height: 240px; background:url('../images/01-home/service-04.jpg') no-repeat center;   }
	#page-home-4 .section-service .img-4 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4 .section-service .img-4 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-4 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(85,85,85,1); }
	#page-home-4 .section-service .img-4 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(85,85,85,1); padding:0; }


	#page-home-4 .section-service .img-5 { width:100%; height: 240px; background:url('../images/01-home/service-05.jpg') no-repeat right;  }
	#page-home-4 .section-service .img-5 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4 .section-service .img-5 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-5 .item .txt-1 { font:16px/16px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#page-home-4 .section-service .img-5 .item .txt-2 { font:12px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#page-home-4 .section-service .img-6 { width:100%; height: 240px; background:url('../images/01-home/service-06.jpg') no-repeat right;  }
	#page-home-4 .section-service .img-6 .item { padding:50px 0 0 20px; text-align:left; }
	#page-home-4 .section-service .img-6 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-6 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#page-home-4 .section-service .img-6 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#page-home-4 .section-service .img-7 { width:100%; height: 240px; background:url('../images/01-home/service-07.jpg') no-repeat right;   }
	#page-home-4 .section-service .img-7 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4 .section-service .img-7 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4 .section-service .img-7 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#page-home-4 .section-service .img-7 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0;  }


	


	#page-home-5 { width:100%; }
	#page-home-5 .desktop .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-home-5 .desktop .section-spare-part .bar { padding:0; }
	#page-home-5 .desktop .section-spare-part .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-5 .desktop .section-spare-part .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-5 .desktop .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-5 .desktop .section-spare-part .bar .prev { float:right !important; }

    #page-home-5 .owl-theme .owl-controls{ display: none!important;}


	#page-home-5 .mobile .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-home-5 .mobile .section-spare-part .bar { padding:0; }
	#page-home-5 .mobile .section-spare-part .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-5 .mobile .section-spare-part .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-5 .mobile .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-5 .mobile .section-spare-part .bar .prev { float:right !important; }


	#page-home-5 .desktop { display: block; }
	#page-home-5 .mobile { display: none; }






	#page-home .section-news .list .item { padding-bottom:30px; }
	#page-home .section-news .list .item .img { width:35%; overflow:hidden; float:left; }
	#page-home .section-news .list .item .img img { width:100%; }
	#page-home .section-news .list .item .text { width:60%; float:right; }
	#page-home .section-news .list .item .text .catagory { font:14px/16px 'Arial'; color:rgba(99,145,211,1); }
	#page-home .section-news .list .item .text .date { font:16px/20px 'din-medium'; color:rgba(99,99,99,1); padding:5px 0 0; }
	#page-home .section-news .list .item .text .title { font:18px/24px 'din-medium'; color:rgba(36,90,167,1); padding:5px 0; }
	#page-home .section-news .list .item .text .txt { font:14px/24px 'din-medium'; color:rgba(99,99,99,1); }
	#page-home .section-news .list .item .text .more { width:98px; height:42px; display:block; border-radius:21px; background:rgba(215,215,215,1); font:14px/50px 'din-medium'; color:rgba(99,99,99,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-home .section-news .list .item .text .more:hover { background:rgba(99,146,211,1); color:rgba(255,255,255,1); transition:0.8s; }


	#page-home .section-article { width:100%; background:rgba(239,244,251,1); padding-bottom:70px; }
	#page-home .section-article .top { padding:50px 0 40px; }
	#page-home .section-article .top h2 { font:24px/30px 'din-medium'; color:rgba(30,96,167,1); text-transform:uppercase; float:left; }
	#page-home .section-article .top .more { font:14px/30px 'din-medium'; color:rgba(99,99,99,1); text-transform:uppercase; float:right; }
	#page-home .section-article .list .item .img { width:100%; overflow:hidden; padding:0 0 15px 0; }
	#page-home .section-article .list .item .img img { width:100%; }
	#page-home .section-article .list .item .text { width:100%; }
	#page-home .section-article .list .item .text .catagory { font:14px/16px 'Arial'; color:rgba(99,145,211,1); }
	#page-home .section-article .list .item .text .date { font:16px/20px 'din-medium'; color:rgba(99,99,99,1); padding:5px 0 0; }
	#page-home .section-article .list .item .text .title { font:18px/24px 'din-medium'; color:rgba(36,90,167,1); padding:5px 0; }
	#page-home .section-article .list .item .text .txt { font:14px/24px 'din-medium'; color:rgba(99,99,99,1); }
	#page-home .section-article .list .item .text .more { width:98px; height:42px; display:block; border-radius:21px; background:rgba(215,215,215,1); font:14px/50px 'din-medium'; color:rgba(99,99,99,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-home .section-article .list .item .text .more:hover { background:rgba(99,146,211,1); color:rgba(255,255,255,1); transition:0.8s; }

	#page-home .section-article-mobile { display:none; }


/* page model */

	#page-model { width:100%;  }	
	#page-model .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-model .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-model .title img { width: 3px; height: 30px; }

	#page-model .title .bar { width:100%; padding-top: 25px;  }	
	#page-model .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-model .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

	#page-model .tool { width:100%; height: 80px; display: flex; }
	#page-model .tool .txt-box-1 { font:14px/18px 'arial'; margin-bottom: 20px;}
	#page-model .tool .txt-box-1 .icon { width: 100%; height: auto; background:url( "../images/02-model/arrow.jpg") no-repeat right; }
	
	#page-model .tool .txt-box-1 img { width: 40px; height: 40px;  }
	#page-model .tool .txt-box-1 p { font:14px/18px 'arial';padding: 15px 10px 0 15px;  }


	#page-model .tool .txt-box-2 { width: 100%; }
	#page-model .tool .txt-box-2 .icon { width: 100%; height: 20px; background:url( "../images/02-model/icon-submit.png") no-repeat center; }
	
	#page-model .tool .txt-box-2 img { width: 20px; height: 20px; margin-top: 3px;  }
	#page-model .tool .txt-box-2 p { font:14px/18px 'arial'; padding: 15px 10px 0 15px;  }



	#page-model .search { width:100%; margin:10px 0; }
	#page-model .search .date { display:block; font:16px/40px 'din-medium'; color:rgba(149,149,149,1); width:100%; height:40px; padding:0 2% 0 20px; margin:0 0 20px 0; border-radius:15px; background:url('../images/04-news/calendar.jpg') no-repeat center right rgba(225,225,225,1); }
	#page-model .search .input-submit { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; cursor:pointer; border:none; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); margin:auto; -webkit-appearance: none; }


	

	#page-model .list { width:100%;  }
	#page-model .list .bar { width:100%; }
	#page-model .list .bar img { width: 50px; height: 50px; margin-left: 40px;  }	
    #page-model .list .bar .txt-1 { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); padding: 15px 0 0 10px;  }
	


	#page-model .list .bar .icon { width: 40px; height: 40px; background:url('../images/02-model/icon-bar.png') no-repeat ;position: absolute; right: 50px;  }

	#page-model .list .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-model .list .item .img { width:100%; overflow:hidden; height: 120px; text-align: center; }
	#page-model .list .item .img img { width:auto; }
	#page-model .list .item .text { width:90%; margin:auto; padding:10px 0 0; text-align: -webkit-center; }
	#page-model .list .item .text .line { width:100%; height: 1px; background: rgba(225,225,225,1); margin: 10px 0; }


	#page-model .list .item .text .brand { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-model .list .item .text .title-txt { font:18px/24px 'helvetica-bold'; color:rgba(37,37,37,1); padding:10px 0; }
	#page-model .list .item .text .txt { font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-model .list .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-model .list .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-model .loadmore { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); text-align:center; }






/* page model detail*/

	#page-model-detail { width:100%;   }	
	#page-model-detail .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-model-detail .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-model-detail .title img { width: 3px; height: 30px; }

	#page-model-detail .title .bar { width:100%; padding-top: 15px;  }	
	#page-model-detail .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:15px 0 0 10px; display: flex; }
    #page-model-detail .title .bar .txt h1 { font:18px/22px 'helvetica-bold'; color:rgba(0,0,0,1.00); text-transform:uppercase; padding-left: 10px;  }
	#page-model-detail .title .bar .icon { width: 50px; height: 50px; background:url('../images/02-model/logo-car-08.png') no-repeat  ; }
#page-model-detail .title .bar .icon2 { width: 50px; height: 50px; background:url('../images/02-model/logo-car-06.png') no-repeat  ; }

	
	#page-model-detail .section-1 { width:100%; background: rgba(0,0,0,1);   }
	#page-model-detail .section-1 .bg { width:100%; height: 50px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-1 img { width:100%;  }	

    #page-model-detail .section-2 { width:100%; background: rgba(0,0,0,1); }
	#page-model-detail .section-2 .bg { width:100%; height: 50px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 img { width:100%;  }

	#page-model-detail .section-2 .menu { padding-right: -10px; padding-left: -10px; }
	#page-model-detail .section-2 .general { width:100%; height:600px;   position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .general img { width:800px; /*height: -webkit-fill-available;*/   }
	#page-model-detail .section-2 .general .txt {  position: absolute;  bottom: 70px;  }
    #page-model-detail .section-2 .general .txt-1 { width:100%; font:20px/24px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 10px;  }
	#page-model-detail .section-2 .general .txt-2 { width:100%; font:14px/18px 'helvetica-roman'; color:rgba(225,225,225,1);  }

    #page-model-detail .section-2 .safety { width:100%; height: 400px; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .safety img { width:auto; height: 400px; padding-bottom: 50px; opacity: 0.5;   }
	#page-model-detail .section-2 .safety .txt {  position: absolute; top: 30px;  display: flex;  }
    #page-model-detail .section-2 .safety .txt-1 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	#page-model-detail .section-2 .safety .txt-2 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }


    #page-model-detail .section-2 .interior { width:100%;  height: 400px; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .interior img { width:auto; height: 400px; padding-bottom: 50px; opacity: 0.5;   }
	#page-model-detail .section-2 .interior .txt {  position: absolute; top: 30px;  display: flex;  }
    #page-model-detail .section-2 .interior .txt-1 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	#page-model-detail .section-2 .interior .txt-2 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	
	
	
	#page-model-detail .section-2 .exterior { width:100%;  height: 400px; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .exterior img { width:auto; height: 400px; padding-bottom: 50px; opacity: 0.5;   }
	#page-model-detail .section-2 .exterior .txt {  position: absolute; top: 30px;  display: flex;  }
    #page-model-detail .section-2 .exterior .txt-1 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	#page-model-detail .section-2 .exterior .txt-2 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	


	#page-model-detail .section-2 .list-icon { width:100%; height: 80px; background: rgba(0,0,0,1);    }
	#page-model-detail .section-2 .list-icon .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top: 0;  }
	#page-model-detail .section-2 .list-icon .icon { width:40px; height: 40px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 .list-icon .txt-1 { font:16px/20px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 12px 0 0 10px;   }
	#page-model-detail .section-2 .list-icon .txt-2 { font:12px/16px 'helvetica-roman'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-2 .list-icon .line { width:100%; height: 1px; background: rgba(235,235,235,0.5); margin: 20px 0 0 0; }
    #page-model-detail .section-2 .line { width:100%; height: 1px; background: rgba(235,235,235,0.5);}


    #page-model-detail .section-3 { width:100%; padding: 20px 0 30px 0;  background: rgba(25,25,25,1); }
	#page-model-detail .section-3 .item { width:100%;  }
    #page-model-detail .section-3 .item .banner-1 { width:100%; height: 140px; background:url('../images/02-model/section-3-banner-1.jpg') no-repeat; border-radius: 10px; }
	#page-model-detail .section-3 .item .banner-1 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-3 .item .banner-2 { width:100%; height: 140px; background:url('../images/02-model/section-3-banner-2.jpg') no-repeat; border-radius: 10px; }
	#page-model-detail .section-3 .item .banner-2 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }


	#page-model-detail .section-3 .item .banner-3 { width:100%; height: 140px; background:url('../images/02-model/section-3-banner-3.jpg') no-repeat; border-radius: 10px; }
	#page-model-detail .section-3 .item .banner-3 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }


	#page-model-detail .section-4 { width:100%; background: rgba(255,255,255,1); padding-bottom: 30px }
	#page-model-detail .section-4 .title-color { width:100%;  text-align: center; padding: 20px 0; }
	#page-model-detail .section-4 .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-2 { font:30px/36px 'helvetica-bold'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-3 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1); padding: 5px 0 0 0	;   }


	#page-model-detail .section-4 .txt-color-1 { font:18px/22px 'helvetica-bold'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-color-2 { font:14px/18px 'arial'; color:rgba(85,85,85,1); padding: 5px 0 0 0;   }

	#page-model-detail .section-4 .caption { width:100%; bottom: 100px ; position: absolute; }
	#page-model-detail .section-4 .color {  width:100%; bottom: 50px ; position: absolute; text-align: -webkit-center;}

    #page-model-detail .section-4 .color-1 { width: 40px; height: 40px; background-color: rgba(77,107,129,1); border-radius: 20px; }


	#page-model-detail .section-5 { width:100%; background: rgba(0,0,0,1); padding-bottom: 30px }
	#page-model-detail .section-5 .title-gallery { width:100%;  text-align: center; padding: 20px 0 0 0; }
	#page-model-detail .section-5 .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(255,255,255,1); }
	#page-model-detail .section-5 .txt-2 { font:24px/36px 'helvetica-bold'; color:rgba(255,255,255,1); }

	#page-model-detail .section-5 .movie-1 { width:100%; background:rgba(0,0,0,1);  }

	#page-model-detail .section-7 { width:100%; padding: 20px 0 0 0;  background: rgba(0,0,0,1); }
	#page-model-detail .section-7 .item { width:100%;  }
	#page-model-detail .section-7 .item img { width:100%;  }


	#page-model-detail .section-7 { display: block; }
	#page-model-detail .section-8 { display: none; }



	#page-model-detail .section-9 { width:100%; padding: 1px 0 30px 0;  background: rgba(0,0,0,1); }
	#page-model-detail .section-9 .item { width:100%;  }
    #page-model-detail .section-9 .item .banner-1 { width:100%;  }
	#page-model-detail .section-9 .item .banner-1 img { width:100%;  }

	#page-model-detail .section-9 .item .banner-2 { width:100%;  }
	#page-model-detail .section-9 .item .banner-2 img { width:100%;  }

	#page-model-detail .section-9 .item .banner-3 { width:100%;  }
	#page-model-detail .section-9 .item .banner-3 img { width:100%;  }

	#page-model-detail .section-9 .item .banner-4 { width:100%;  }
	#page-model-detail .section-9 .item .banner-4 img { width:100%;  }









   
	#page-model-detail .section-spare-part { width:100%; padding: 20px 0 20px 0; }
	#page-model-detail .section-spare-part .bar { margin-bottom: 20px;}
	#page-model-detail .section-spare-part .bar .title-spare { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-model-detail .section-spare-part .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-model-detail .section-spare-part .bar .next-spare { width:50px; height: 50px; background-image: url(../images/01-home/news-next.png); float:right !important; margin-left: 10px; margin-bottom: 20px; }
	#page-model-detail .section-spare-part .bar .prev-spare { width:50px; height: 50px; background-image: url("../images/01-home/news-prev.png"); float:right !important;}

    #page-model-detail .owl-theme .owl-controls{ display: none!important;}



	#page-home-5 .mobile .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-home-5 .mobile .section-spare-part .bar { padding:0; }
	#page-home-5 .mobile .section-spare-part .bar .title { font:24px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-5 .mobile .section-spare-part .bar .view { font:24px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-5 .mobile .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-5 .mobile .section-spare-part .bar .prev { float:right !important; }



	#page-model-detail .list .bar .txt-1 { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); padding: 15px 0 0 10px;  }
	#page-model-detail .list .bar .icon { width: 40px; height: 40px; background:url('../images/02-model/icon-bar.png') no-repeat right ; position: absolute; right: 50px;  }

	#page-model-detail .list .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-model-detail .list .item .img { width:100%; overflow:hidden; height: 120px; text-align: center; }
	#page-model-detail .list .item .img img { width:auto; }
	#page-model-detail .list .item .text { width:90%; margin:auto; padding:10px 0 0; text-align: -webkit-center; }
	#page-model-detail .list .item .text .line { width:100%; height: 1px; background: rgba(225,225,225,1); margin: 10px 0; }


	#page-model-detail .list .item .text .brand { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-model-detail .list .item .text .title-txt { font:18px/24px 'helvetica-bold'; color:rgba(37,37,37,1); padding:10px 0; }
	#page-model-detail .list .item .text .txt { font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-model-detail .list .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-model-detail .list .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-model-detail .loadmore { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); text-align:center; }



/* page calculate */

	#page-calculate { width:100%;  }	
	#page-calculate .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-calculate .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-calculate .title img { width: 3px; height: 30px; }

	#page-calculate .title .bar { width:100%; padding-top: 25px;  }	
	#page-calculate .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-calculate .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

	#page-calculate .tool { width:100%; padding: 30px 0 0 0   }
	#page-calculate .tool .txt-box-1 { width:100%; font:14px/18px 'arial';  }
	#page-calculate .tool .txt-box-1 .icon { width: 100%; height: 40px; background:url( "../images/02-model/arrow.jpg") no-repeat right;  }
	
	#page-calculate .tool .txt-box-1 img { width: 40px; height: 40px;  }
	#page-calculate .tool .txt-box-1 p { font:14px/18px 'arial';padding: 0 0 10px 0;  }
	#page-calculate .tool .txt-box-1 .head { font:22px/30px 'thaisans-bold'; color:rgba(112,112,112,1);   }


	#page-calculate .tool .txt-box-2 { width: 100%; }
	#page-calculate .tool .txt-box-2 .icon { width: 100%; height: 20px; background:url( "../images/02-model/icon-submit.png") no-repeat center; }
	
	#page-calculate .tool .txt-box-2 img { width: 20px; height: 20px; margin-top: 3px;  }
	#page-calculate .tool .txt-box-2 p { font:14px/18px 'arial'; padding: 10px 0;  }



	#form-calculate { width:100%;  padding:20px 0; background:rgba(255,255,255,1); }
	#form-calculate .head { font:18px/30px 'thaisans-bold'; color:rgba(112,112,112,1); padding: 0 15px  }

	#form-calculate .w50 { width:100%; float:left; padding:0 15px 10px; }
	#form-calculate .w50 p { font:14px/18px 'arial';padding: 0 0 10px 0;  }
	#form-calculate .w100 { width:96%; padding:0 2% 10px; }
	#form-calculate .name { font:14px/20px 'Arial'; color:rgba(35,35,35,1); padding:0 0 5px 10px; }
	#form-calculate .input-text { width:100%; padding:0 3%; height:40px; border:1px solid rgba(149,149,149,1); border-radius:3px; font:14px/40px 'Arial'; color:rgba(149,149,149,1); }
	#form-calculate .textarea { width:100%; padding:0 3%; height:80px; border:1px solid rgba(149,149,149,1); border-radius:3px; font:14px/20px 'Arial'; color:rgba(149,149,149,1); }
	#form-calculate .input-submit { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:12px/40px 'helvetica-roman';  color:rgba(255,255,255,1); margin:20px 0 0; }
	#form-calculate .input-reset { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:12px/40px 'helvetica-roman'; color:rgba(255,255,255,1); margin:20px 0 0 20px; }



	#form-calculate-2 { width:100%;  padding:20px 0; background:rgba(255,255,255,1); }
	#form-calculate-2 .head { font:22px/30px 'thaisans-bold'; color:rgba(112,112,112,1); padding: 20px 0 0 15px  }

	#form-calculate-2 .w50 { width:100%; float:left; padding:0 15px 10px; }
	#form-calculate-2 .w50 p { font:14px/18px 'arial';padding: 0 0 10px 0;  }
	#form-calculate-2 .w100 { width:96%; padding:0 2% 10px; }
	#form-calculate-2 .name { font:14px/20px 'Arial'; color:rgba(35,35,35,1); padding:0 0 5px 10px; }
	#form-calculate-2 .input-text { width:100%; padding:0 3%; height:40px; border:1px solid rgba(149,149,149,1); border-radius:3px; font:14px/40px 'Arial'; color:rgba(149,149,149,1); }
	#form-calculate-2 .textarea { width:100%; padding:0 3%; height:80px; border:1px solid rgba(149,149,149,1); border-radius:3px; font:14px/20px 'Arial'; color:rgba(149,149,149,1); }
	#form-calculate-2 .input-submit { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:14px/40px 'helvetica-roman';  color:rgba(255,255,255,1); margin:20px 0 0; }
	#form-calculate-2 .input-reset { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:14px/40px 'helvetica-roman'; color:rgba(255,255,255,1); margin:20px 0 0 20px; }


	#form-calculate-3 { width:100%;  padding:20px 0; background:rgba(255,255,255,1); }
	#form-calculate-3 .head { font:22px/30px 'thaisans-bold'; color:rgba(112,112,112,1); padding: 20px 0 0 15px  }

	#form-calculate-3 .w50 { width:100%; float:left; padding:0 15px 10px; }
	#form-calculate-3 .w50 p { font:14px/18px 'arial';padding: 0 0 10px 0;  }
	#form-calculate-3 .w100 { width:96%; padding:0 2% 10px; }
	#form-calculate-3 .name { font:14px/20px 'Arial'; color:rgba(35,35,35,1); padding:0 0 5px 10px; }
	#form-calculate-3 .input-text { width:100%; padding:0 3%; height:40px; border:1px solid rgba(149,149,149,1); border-radius:3px; font:14px/40px 'Arial'; color:rgba(149,149,149,1); }
	#form-calculate-3 .textarea { width:100%; padding:0 3%; height:80px; border:1px solid rgba(149,149,149,1); border-radius:3px; font:14px/20px 'Arial'; color:rgba(149,149,149,1); }
	#form-calculate-3 .input-submit { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:14px/40px 'helvetica-roman';  color:rgba(255,255,255,1); margin:20px 0 0; }
	#form-calculate-3 .input-reset { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:14px/40px 'helvetica-roman'; color:rgba(255,255,255,1); margin:20px 0 0 20px; }



/* page service */


	#service {  display: block;  }
	#service-mobile {  display: none;  }

	
	#service { width:100%;  }
	#service .section-service { width:100%;  }
	#service .section-service .row-2 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; padding: 0;}
	#service .section-service .row-3 {  margin-top: 0;}

	#service .section-service img { width:100%; }
	#service .section-service .img-1 { width:100%; height: 480px; background:url('../images/01-home/service-01.jpg') no-repeat right;  }
	#service .section-service .img-1 .item { padding:100px 0 0 20px; text-align:left; }
	#service .section-service .img-1 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-1 .item .txt-1 { font:30px/40px 'helvetica-bold'; text-transform:uppercase; color:rgba(85,85,85,1); }
	#service .section-service .img-1 .item .txt-2 { width: 50%;font:16px/20px 'helvetica-roman';  color:rgba(85,85,85,1); padding:5px 0 20px; }


	#service .section-service .img-2 { width:100%; height: 240px; background:url('../images/01-home/service-02.jpg') no-repeat left;  }
	#service .section-service .img-2 .item { padding:170px 0 0 20px; text-align:left; }
	#service .section-service .img-2 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-2 .item .txt-1 { font:22px/24px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#service .section-service .img-2 .item .txt-2 { font:16px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#service .section-service .img-3 { width:100%; height: 240px; background:url('../images/01-home/service-03.jpg') no-repeat right;  }
	#service .section-service .img-3 .item { padding:180px 0 0 0; text-align:center; }
	#service .section-service .img-3 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-3 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#service .section-service .img-3 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#service .section-service .img-4 { width:100%; height: 240px; background:url('../images/01-home/service-04.jpg') no-repeat center;   }
	#service .section-service .img-4 .item { padding:180px 0 0 0; text-align:center; }
	#service .section-service .img-4 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-4 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(85,85,85,1); }
	#service .section-service .img-4 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(85,85,85,1); padding:0; }


	#service .section-service .img-5 { width:100%; height: 240px; background:url('../images/01-home/service-05.jpg') no-repeat right;  }
	#service .section-service .img-5 .item { padding:180px 0 0 0; text-align:center; }
	#service .section-service .img-5 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-5 .item .txt-1 { font:16px/16px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#service .section-service .img-5 .item .txt-2 { font:12px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#service .section-service .img-6 { width:100%; height: 240px; background:url('../images/01-home/service-06.jpg') no-repeat right;  }
	#service .section-service .img-6 .item { padding:50px 0 0 20px; text-align:left; }
	#service .section-service .img-6 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-6 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#service .section-service .img-6 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#service .section-service .img-7 { width:100%; height: 240px; background:url('../images/01-home/service-07.jpg') no-repeat right;   }
	#service .section-service .img-7 .item { padding:180px 0 0 0; text-align:center; }
	#service .section-service .img-7 .item img { display:inline-block; padding:0 0 10px 0; }
	#service .section-service .img-7 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#service .section-service .img-7 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0;  }



/* page confirm */


	#confirm {  display: block;  }
	#confirm-mobile {  display: none;  }

	
	#confirm { width:100%;  }
	#confirm .section-confirm { width:100%;  }
	#confirm .section-confirm .row-2 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; padding: 0;}
	#confirm .section-confirm .row-3 {  margin-top: 0;}

	#confirm .section-confirm img { width:100%; }
	#confirm .section-confirm .img-1 { width:100%; }
	#confirm .section-confirm .img-1 .item { padding:100px 0 0 20px;     text-align: -webkit-center; }
	#confirm .section-confirm .img-1 .item img { display:inline-block; padding:0 0 10px 0; }
	#confirm .section-confirm .img-1 .item .txt-1 { font:30px/40px 'thaisans-bold'; text-transform:uppercase; color:rgba(85,85,85,1); }
	#confirm .section-confirm .img-1 .item .txt-2 { font:22px/22px 'thaisans-roman';  color:rgba(85,85,85,1); padding:5px 0 20px; }



	#confirm .section-confirm .img-1 .item .more { width:150px; height:42px;  border-radius:3px; background:rgba(57,57,57,1); font:22px/40px 'thaisans-roman'; color:rgba(255,255,255,1); margin:20px 0 0; text-align:center; transition:0.8s; }
	#confirm .section-confirm .img-1 .item .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }






/* page promotion */

	#page-promotion { width:100%;  }	
	#page-promotion .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-promotion .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-promotion .title img { width: 3px; height: 30px; }

	#page-promotion .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-promotion .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-promotion .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

	
    #page-promotion .list-box { width:100%; margin-top: 30px }
	#page-promotion .list-box .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-promotion .list-box .item .img { width:100%; overflow:hidden;  text-align: center; }
	#page-promotion .list-box .item .img img { width:100%; }
	#page-promotion .list-box .item .text { width:90%; margin:auto; padding:10px 0 0; text-align:left; }
	#page-promotion .list-box .item .text .line { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0; }


	#page-promotion .list-box .item .text .day { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-promotion .list-box .item .text .title-txt { height:82px; font:24px/24px 'thaisans-bold'; color:rgba(37,37,37,1); padding:10px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	#page-promotion .list-box .item .text .txt { height:72px; font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	#page-promotion .list-box .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-promotion .list-box .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-promotion .footer { width:100%; height: 1px; background: rgba(235,235,235,1);}

	#page-promotion .nav-n { width:100%; padding-bottom: 30px; }
	#page-promotion .nav-n .bar-prev { width:98px; }
	#page-promotion .nav-n .bar-prev .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-promotion .nav-n .bar-prev .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-promotion .nav-n .bar-next { width:98px;right: 0; position: absolute;  }
	#page-promotion .nav-n .bar-next .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-promotion .nav-n .bar-next .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



	#page-promotion .nav-n .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-promotion .nav-n .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-promotion .nav-n .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-promotion .nav-n .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



/* promotion detail */
	#page-promotion-detail { width:100%;  }	
	#page-promotion-detail .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-promotion-detail .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-promotion-detail .title img { width: 3px; height: 30px; }

	#page-promotion-detail .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-promotion-detail .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-promotion-detail .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

		#page-promotion-detail .head-detail { width:100%; }
        #page-promotion-detail .head-detail .day { font:12px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
		#page-promotion-detail .head-detail .title-detail { font:24px/24px 'thaisans-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
		#page-promotion-detail .head-detail .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }
		#page-promotion-detail .head-detail .title-detail-3 { font:36px/36px 'thaisans-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }

		#page-promotion-detail .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
		#page-promotion-detail .section-detail .img { width:100%; }
		#page-promotion-detail .section-detail .img img { width:100%; height: auto; }
		#page-promotion-detail .section-detail .text { width:100%;  }
		#page-promotion-detail .section-detail .text .txt { font:14px/30px 'arial'; color:rgba(99,99,99,1); }
	


		#page-promotion-detail .gallery .title-gallery { width:100%;  text-align: center; padding: 20px 0 0 0; }
		#page-promotion-detail .gallery .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1); }
		#page-promotion-detail .gallery .txt-2 { font:24px/36px 'helvetica-bold'; color:rgba(85,85,85,1); }

		#page-promotion-detail .gallery .movie-1 { width:100%; background:rgba(255,255,255,1);  }


	 #page-promotion-detail .box-line { width:100%; margin-top: 50px;  }
    #page-promotion-detail .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
   #page-promotion-detail .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; }
	#page-promotion-detail .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-promotion-detail .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



/* user car */

	#page-user-car { width:100%;  }	
	#page-user-car .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-user-car .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-user-car .title img { width: 3px; height: 30px; }

	#page-user-car .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-user-car .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-user-car .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }


    #page-user-car .tool { width:100%; height: 80px; display: flex; }
	#page-user-car .tool .txt-box-1 { font:14px/18px 'arial'; margin-bottom: 20px;}
	#page-user-car .tool .txt-box-1 .icon { width: 100%; height: auto; background:url( "../images/02-model/arrow.jpg") no-repeat right; }
	
	#page-user-car .tool .txt-box-1 img { width: 40px; height: 40px;  }
	#page-user-car .tool .txt-box-1 p { font:14px/18px 'arial';padding: 15px 10px 0 15px;  }


	#page-user-car .tool .txt-box-2 { width: 100%; }
	#page-user-car .tool .txt-box-2 .icon { width: 100%; height: 20px; background:url( "../images/02-model/icon-submit.png") no-repeat center; }
	
	#page-user-car .tool .txt-box-2 img { width: 20px; height: 20px; margin-top: 3px;  }
	#page-user-car .tool .txt-box-2 p { font:14px/18px 'arial'; padding: 15px 10px 0 15px;  }



	#page-model .search { width:100%; margin:10px 0; }
	#page-model .search .date { display:block; font:16px/40px 'din-medium'; color:rgba(149,149,149,1); width:100%; height:40px; padding:0 2% 0 20px; margin:0 0 20px 0; border-radius:15px; background:url('../images/04-news/calendar.jpg') no-repeat center right rgba(225,225,225,1); }
	#page-model .search .input-submit { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; cursor:pointer; border:none; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); margin:auto; -webkit-appearance: none; }


	#page-user-car .list-box { width:100%; margin-top: 30px }
	#page-user-car .list-box .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-user-car .list-box .item .img { width:100%; overflow:hidden;  text-align: center; }
	#page-user-car .list-box .item .img img { width:100%; }
	#page-user-car .list-box .item .text { width:90%; margin:auto; padding:10px 0 0; text-align:left; }
	#page-user-car .list-box .item .text .line { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0; }


	#page-user-car .list-box .item .text .brand { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-user-car .list-box .item .text .title-txt { font:18px/24px 'helvetica-bold'; color:rgba(37,37,37,1); padding:10px 0; }
	#page-user-car .list-box .item .text .txt { font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-user-car .list-box .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-user-car .list-box .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-user-car .footer { width:100%; height: 1px; background: rgba(235,235,235,1);}

	#page-user-car .nav-n { width:100%; padding-bottom: 30px;  }
	#page-user-car .nav-n .bar-prev { width:98px; }
	#page-user-car .nav-n .bar-prev .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-user-car .nav-n .bar-prev .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-user-car .nav-n .bar-next { width:98px;right: 0; position: absolute;  }
	#page-user-car .nav-n .bar-next .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-user-car .nav-n .bar-next .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



	#page-user-car .nav-n .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-user-car .nav-n .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-user-car .nav-n .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-user-car .nav-n .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



/* user car detail */

    #page-user-car-detail { width:100%;  }	
	#page-user-car-detail .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-user-car-detail .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-user-car-detail .title img { width: 3px; height: 30px; }

	#page-user-car-detail .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-user-car-detail .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-user-car-detail .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }


	#page-user-car-detail .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-user-car-detail .section-detail .img { width:100%; }
	#page-user-ca-detailr .section-detail .img img { width:100%; height: auto; }

    #page-user-car-detail .section-detail .text { width:100%;  }
	#page-user-car-detail .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); }

	#page-user-car-detail .section-detail .text .brand { font:14px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
	#page-user-car-detail .section-detail .text .title-detail { font:18px/24px 'helvetica-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
	#page-user-car-detail .section-detail .text .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

	#page-user-car-detail .text-t  { width:100%; display: block; }
    #page-user-car-detail .text-t .footer-line-txt { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 30px 0 ;}

	
    #page-user-car-detail .text-t .nav-n .bar-back { width:100%; text-align:left;  }
	#page-user-car-detail .text-t .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-user-car-detail .text-t .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


    #page-user-car-detail .box-line { width:100%; padding-bottom: 30px;  }
    #page-user-car-detail .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #page-user-car-detail .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; display: none;}
	#page-user-car-detail .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-user-car-detail .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }





   




/* spare part */

	#page-spare-part { width:100%;  }	
	#page-spare-part .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-spare-part .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-spare-part .title img { width: 3px; height: 30px; }

	#page-spare-part .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-spare-part .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-spare-part .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }


    #page-spare-part .tool { width:100%; height: 80px; display: flex; }
	#page-spare-part .tool .txt-box-1 { font:14px/18px 'arial'; margin-bottom: 20px;}
	#page-spare-part .tool .txt-box-1 .icon { width: 100%; height: auto; background:url( "../images/02-model/arrow.jpg") no-repeat right; }
	
	#page-spare-part .tool .txt-box-1 img { width: 40px; height: 40px;  }
	#page-spare-part .tool .txt-box-1 p { font:14px/18px 'arial';padding: 15px 10px 0 15px;  }


	#page-spare-part .tool .txt-box-2 { width: 100%; margin: 0 0 10px 0; }
	#page-spare-part .tool .txt-box-2 .icon { width: 100%; height: 20px; background:url( "../images/02-model/icon-submit.png") no-repeat center; }
	
	#page-spare-part .tool .txt-box-2 img { width: 20px; height: 20px; margin-top: 3px;  }
	#page-spare-part .tool .txt-box-2 p { font:14px/18px 'arial'; padding: 15px 10px 0 15px;  }


	#page-spare-part .tool .item {  background:rgba(255,255,255,1); border-radius: 3px; border: 1px solid #898989; display: flex; flex-wrap:wrap; }
	#page-spare-part .tool .item .img { width: 50px; height: 50px;  text-align: left; padding-left: 20px; }
	#page-spare-part .tool .item .img img { width: 50px; height: 50px;  }
	#page-spare-part .tool .item .text { font:14px/18px 'helvetica-roman'; color:rgba(85,85,85,1); text-align:left; padding: 15px 0 0 30px;  }
	#page-spare-part .tool .item .text-2 { font:14px/18px 'helvetica-roman'; color:rgba(242,101,34,1); text-align:left; padding: 15px 0 0 30px;  }






	#page-spare-part .list-box { width:100%; margin-top: 30px }
	#page-spare-part .list-box .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-spare-part .list-box .item .img { width:100%; overflow:hidden;  text-align: center; }
	#page-spare-part .list-box .item .img img { width:100%; }
	#page-spare-part .list-box .item .text { width:90%; margin:auto; padding:10px 0 0; text-align:left; }
	#page-spare-part .list-box .item .text .line { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0; }


	#page-spare-part .list-box .item .text .brand { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-spare-part .list-box .item .text .title-txt { font:18px/24px 'helvetica-bold'; color:rgba(37,37,37,1); padding:10px 0; }
	#page-spare-part .list-box .item .text .txt { font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-spare-part .list-box .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-spare-part .list-box .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-spare-part .footer { width:100%; height: 1px; background: rgba(235,235,235,1);}

	#page-spare-part .nav-n { width:100%; padding-bottom: 30px;  }
	#page-spare-part .nav-n .bar-prev { width:98px; }
	#page-spare-part .nav-n .bar-prev .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .nav-n .bar-prev .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-spare-part .nav-n .bar-next { width:98px;right: 0; position: absolute;  }
	#page-spare-part .nav-n .bar-next .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .nav-n .bar-next .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



	#page-spare-part .nav-n .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-spare-part .nav-n .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-spare-part .nav-n .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-spare-part .nav-n .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


/* spare part detail */
	#page-spare-part .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-spare-part .section-detail .img { width:100%; }
	#page-spare-part .section-detail .img img { width:100%; height: auto; }

    #page-spare-part .section-detail .text { width:100%;  }
	#page-spare-part .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); }

	#page-spare-part .section-detail .text .brand { font:14px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
	#page-spare-part .section-detail .text .title-detail { font:18px/24px 'helvetica-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
	#page-spare-part .section-detail .text .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

    #page-spare-part .text .footer { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 30px 0 ;}

	#page-spare-part .text .footer-mobile { display: none; width:100%; height: 1px; background: rgba(235,235,235,1); margin: 30px 0 ;}

	#page-spare-part .text .nav-n .bar-back { width:100%; text-align:left;  }
	#page-spare-part .text .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .text .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

    #page-spare-part .section-detail .gallery { width:100%; }

    #page-spare-part .footer { width:100%; height: 1px; background: rgba(235,235,235,1);}

	#page-spare-part .nav-n { width:100%;  }
	#page-spare-part .nav-n .bar-prev { width:98px; }
	#page-spare-part .nav-n .bar-prev .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .nav-n .bar-prev .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-spare-part .nav-n .bar-next { width:98px;right: 0; position: absolute;  }
	#page-spare-part .nav-n .bar-next .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .nav-n .bar-next .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



	#page-spare-part .text-t  { width:100%; display: block; }
    #page-spare-part .text-t .footer-line-txt { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 30px 0 ;}

	
    #page-spare-part .text-t .nav-n .bar-back { width:100%; text-align:left;  }
	#page-spare-part .text-t .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .text-t .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


    #page-spare-part .box-line { width:100%; padding-bottom: 30px;  }
    #page-spare-part .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #page-spare-part .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; display: none;}
	#page-spare-part .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }







/* update news */

	#page-update-news { width:100%;  }	
	#page-update-news .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-update-news .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-update-news .title img { width: 3px; height: 30px; }

	#page-update-news .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-update-news .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-update-news .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

	#page-update-news .list-box { width:100%; margin-top: 30px }
	#page-update-news .list-box .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-update-news .list-box .item .img { width:100%; overflow:hidden;  text-align: center; }
	#page-update-news .list-box .item .img img { width:100%; }
	#page-update-news .list-box .item .text { width:90%; margin:auto; padding:10px 0 0; text-align:left; }
	#page-update-news .list-box .item .text .line { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0; }


	#page-update-news .list-box .item .text .day { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-update-news .list-box .item .text .title-txt { height:82px; font:24px/24px 'thaisans-bold'; color:rgba(37,37,37,1); padding:10px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	#page-update-news .list-box .item .text .txt { height:72px; font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	#page-update-news .list-box .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s;  }
	#page-update-news .list-box .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-update-news .footer { width:100%; height: 1px; background: rgba(235,235,235,1);}

	#page-update-news .nav-n { width:100%; padding-bottom: 30px; }
	#page-update-news .nav-n .bar-prev { width:98px; }
	#page-update-news .nav-n .bar-prev .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-update-news .nav-n .bar-prev .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-update-news .nav-n .bar-next { width:98px;right: 0; position: absolute;  }
	#page-update-news .nav-n .bar-next .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-update-news .nav-n .bar-next .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-update-news .nav-n .bar-back { width:100%; text-align: -webkit-center;  }
	#page-update-news .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-update-news .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



	#page-update-news .nav-n .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-update-news .nav-n .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-update-news .nav-n .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-update-news .nav-n .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



/* news detail */
		#page-update-news .head-detail { width:100%; }
        #page-update-news .head-detail .day { font:12px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
		#page-update-news .head-detail .title-detail { font:24px/24px 'thaisans-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
		#page-update-news .head-detail .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

		#page-update-news .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
		#page-update-news .section-detail .img { width:100%; }
		#page-update-news .section-detail .img img { width:100%; height: auto; }
		#page-update-news .section-detail .text { width:100%;  }
		#page-update-news .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); padding-bottom: 20px; }



		#page-update-news .gallery .title-gallery { width:100%;  text-align: center; padding: 20px 0 0 0; }
		#page-update-news .gallery .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1); }
		#page-update-news .gallery .txt-2 { font:24px/36px 'helvetica-bold'; color:rgba(85,85,85,1); }

		#page-update-news .gallery .movie-1 { width:100%; background:rgba(255,255,255,1);  }

    #page-update-news .box-line { width:100%; margin-top: 50px;  }
    #page-update-news .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #page-update-news .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; }
	#page-update-news .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-update-news .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


/* review */

	#page-review { width:100%;  }	
	#page-review .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-review .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-review .title img { width: 3px; height: 30px; }

	#page-review .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-review .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-review .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }


 #page-review .tool { width:100%; height: 80px; display: flex; }
	#page-review .tool .txt-box-1 { font:14px/18px 'arial'; margin-bottom: 20px;}
	#page-review .tool .txt-box-1 .icon { width: 100%; height: auto; background:url( "../images/02-model/arrow.jpg") no-repeat right; }
	
	#page-review .tool .txt-box-1 img { width: 40px; height: 40px;  }
	#page-review .tool .txt-box-1 p { font:14px/18px 'arial';padding: 15px 10px 0 15px;  }


	#page-review .tool .txt-box-2 { width: 100%; margin: 0 0 10px 0; }
	#page-review .tool .txt-box-2 .icon { width: 100%; height: 20px; background:url( "../images/02-model/icon-submit.png") no-repeat center; }
	
	#page-review .tool .txt-box-2 img { width: 20px; height: 20px; margin-top: 3px;  }
	#page-review .tool .txt-box-2 p { font:14px/18px 'arial'; padding: 15px 10px 0 15px;  }


	#page-review .tool .item {  background:rgba(255,255,255,1); border-radius: 3px; border: 1px solid #898989; display: flex; flex-wrap:wrap; }
	#page-review .tool .item .img { width: 50px; height: 50px;  text-align: left; padding-left: 20px; }
	#page-review .tool .item .img img { width: 50px; height: 50px;  }
	#page-review .tool .item .text { font:14px/18px 'helvetica-roman'; color:rgba(85,85,85,1); text-align:left; padding: 15px 0 0 30px;  }
	#page-review .tool .item .text-2 { font:14px/18px 'helvetica-roman'; color:rgba(242,101,34,1); text-align:left; padding: 15px 0 0 30px;  }


	#page-review .list-box { width:100%; margin-top: 30px }
	#page-review .list-box .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-review .list-box .item .img { width:100%; overflow:hidden;  text-align: center; }
	#page-review .list-box .item .img img { width:100%; }
	#page-review .list-box .item .text { width:90%; margin:auto; padding:10px 0 0; text-align:left; }
	#page-review .list-box .item .text .line { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0; }


	#page-review .list-box .item .text .brand { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-review .list-box .item .text .title-txt { font:18px/24px 'helvetica-bold'; color:rgba(37,37,37,1); padding:10px 0; }
	#page-review .list-box .item .text .txt { font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-review .list-box .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-review .list-box .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-review .footer { width:100%; height: 1px; background: rgba(235,235,235,1);}

	#page-review .nav-n { width:100%; padding-bottom: 30px; }
	#page-review .nav-n .bar-prev { width:98px; }
	#page-review .nav-n .bar-prev .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-review .nav-n .bar-prev .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-review .nav-n .bar-next { width:98px;right: 0; position: absolute;  }
	#page-review .nav-n .bar-next .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-review .nav-n .bar-next .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-review .nav-n .bar-back { width:100%; text-align: -webkit-center;  }
	#page-review .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-review .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



	#page-review .nav-n .prev { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-review .nav-n .prev:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }


	#page-review .nav-n .next { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; text-transform: uppercase; }
	#page-review .nav-n .next:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }



/* review detail */
	#page-review .head-detail { width:100%; }
    #page-review .head-detail .brand { font:12px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
	#page-review .head-detail .title-detail { font:18px/24px 'helvetica-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
	#page-review .head-detail .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

	#page-review .section-detail { width: 100%; padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-review .section-detail .img { width:100%; padding-top: 20px ; }
	#page-review .section-detail .img img { width:100%; height: auto; }
	#page-review .section-detail .text { width:100%;  }
	#page-review .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); }


	#page-review .gallery .title-gallery { width:100%;  text-align: center; padding: 20px 0 0 0; }
	#page-review .gallery .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-review .gallery .txt-2 { font:24px/36px 'helvetica-bold'; color:rgba(85,85,85,1); }

	#page-review .gallery .movie-1 { width:100%; background:rgba(255,255,255,1);  }

    #page-review  .box-line { width:100%; margin-top: 50px;  }
    #page-review  .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #page-review  .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; }
	#page-review  .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-review  .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }








/* page contact */

	#page-contact { width:100%;  }	
	#page-contact .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-contact .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-contact .title img { width: 3px; height: 30px; }

	#page-contact .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-contact .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-contact .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

	#page-contact .list { width:100%;  }	



	#page-contact .top { padding-top: 400px; }
	#page-contact .top .line { width:100%; height: 1px; background: rgba(225,225,225,1); margin: 10px 0; }

	#page-contact .top .item { margin:0 0 20px 0; }
	#page-contact .top .item .line-1 { width:100%; height: 1px; background: rgba(225,225,225,1); margin: 10px 0; }
	#page-contact .top .item .line-2 { width:100%; height: 1px; background: rgba(225,225,225,1); margin: 10px 0; }



	#page-contact .top .item img { width:100%; }

	#page-contact .top .item .head-name { font:18px/28px 'helvetica-bold'; color:rgba(112,112,112,1); text-transform: uppercase; }
	#page-contact .top .item .head-th { font:26px/28px 'thaisans-bold'; color:rgba(112,112,112,1); }
	#page-contact .top .item .head-2 { font:14px/28px 'helvetica-bold'; color:rgba(112,112,112,1); }
    #page-contact .top .item .txt { font:14px/18px 'arial'; color:rgba(112,112,112,1); padding:5px 0; }

    #page-contact .top .item .box { width:100%; }
	#page-contact .top .item .box .head { font:14px/28px 'helvetica-bold'; color:rgba(112,112,112,1); }

	#page-contact .top .item .box .head-2 { font:14px/28px 'helvetica-bold'; color:rgba(112,112,112,1); }
    #page-contact .top .item .box .txt { font:14px/18px 'arial'; color:rgba(112,112,112,1); padding:5px 0; }




	#page-contact .top .item .nav-g { width:120px; right: 20px; position: absolute; }
	#page-contact .top .item .nav-g .more img { width:28px; height:21px;  vertical-align: middle;  margin-right: 10px; }
    #page-contact .top .item .nav-g .more .txt { font:14px/42px 'din-medium'; color:rgba(99,99,99,1);  text-align:center; transition:0.8s;  }

	#page-contact .top .item .nav-g .more { width:120px; height:42px; display:block; border-radius:3px; background:rgba(85,85,85,1); font:12px/42px 'arial'; color:rgba(255,255,255,1);  text-align:center; transition:0.8s; }
	#page-contact .top .item .nav-g .more:hover { background:rgba(255,191,0,1); color:rgba(255,255,255,1); transition:0.8s; }


	#page-contact .top .item .nav-g-2 { width:120px; right: 150px; position: absolute; }
    #page-contact .top .item .nav-g-2 .more img { width:28px; height:21px;  vertical-align: middle;  margin-right: 10px; }
	#page-contact .top .item .nav-g-2 .more { width:120px; height:42px; display:block; border-radius:3px; background:rgba(85,85,85,1); font:12px/42px 'arial'; color:rgba(255,255,255,1);  text-align:center; transition:0.8s; }
	#page-contact .top .item .nav-g-2 .more:hover { background:rgba(255,191,0,1); color:rgba(255,255,255,1); transition:0.8s; }






	#page-contact .googlemap .top-map { height:100px; background:url('../images/08-contact/bg-map-01.jpg') repeat-x left top; }
	#page-contact .googlemap .top-map .row { padding-top:30px; }
	#page-contact .googlemap .top-map .input-submit { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; cursor:pointer; border:none; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); margin:auto; -webkit-appearance: none; }
	#page-contact .googlemap .map { height:500px; background:red; }
	#page-contact .googlemap .bottom-map { height:100px; background:url('../images/08-contact/bg-map-02.jpg') repeat-x left top; }
	#page-contact .googlemap .bottom-map .row { padding-top:20px; }
	#page-contact .googlemap .bottom-map .item { margin-right:20px; border-right:1px solid rgba(214,214,214,1); }
	#page-contact .googlemap .bottom-map .item.none { border:none; }
	#page-contact .googlemap .bottom-map .item .title { font:14px/20px 'din-medium'; color:rgba(19,88,162,1); }
	#page-contact .googlemap .bottom-map .item .txt { font:14px/18px 'arial'; color:rgba(112,112,112,1); }

	#form-contact { width:730px; min-height:500px; padding:20px; background:rgba(255,255,255,1); }
	#form-contact .head { font:18px/30px 'helvetica-bold'; color:rgba(112,112,112,1); padding:0 0 20px 2%; }

	#form-contact .w50 { width:46%; float:left; padding:0 2% 10px; }
	#form-contact .w100 { width:96%; padding:0 2% 10px; }
	#form-contact .name { font:14px/20px 'Arial'; color:rgba(149,149,149,1); padding:0 0 5px 10px; }
	#form-contact .input-text { width:calc(94% - 2px); padding:0 3%; height:40px; border:1px solid rgba(149,149,149,1); border-radius:5px; font:14px/40px 'Arial'; color:rgba(149,149,149,1); }
	#form-contact .textarea { width:calc(94% - 2px); padding:0 3%; height:80px; border:1px solid rgba(149,149,149,1); border-radius:5px; font:14px/20px 'Arial'; color:rgba(149,149,149,1); }
	#form-contact .input-submit { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:12px/40px 'helvetica-roman';  color:rgba(255,255,255,1); margin:20px 0 0; }
	#form-contact .input-reset { width:100px; height:40px; background: rgba(85,85,85,1); display:inline-block; border-radius:3px; cursor:pointer; border:none; font:12px/40px 'helvetica-roman'; color:rgba(255,255,255,1); margin:20px 0 0 20px; }

/* page contact */
	#page-test { width:100%; padding:25px 0 0; background:rgba(246,246,246,1); }
	#page-test h1 { font:26px/30px 'din-medium'; color:rgba(19,88,162,1); text-transform:uppercase; }
	#page-test .intro { width:100%; font:14px/18px 'Arial'; color:rgba(112,112,112,1); padding:10px 0; }

	#page-test .section-test { width:100%; height:600px; background:url('../images/01-home/bg-test.jpg') center bottom no-repeat; }
	#page-test .section-test .item { padding:120px 0 0; }
	#page-test .section-test .item h2 { font:30px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); }
	#page-test .section-test .item h3 { font:16px/20px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); padding:10px 0 40px; }
	#page-test .section-test .item .input-submit { width:120px; height:50px; background:rgba(19,88,162,1); display:block; border-radius:10px; cursor:pointer; border:none; font:14px/50px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); margin:auto; -webkit-appearance: none; }

	#page-test .list-item .item { border:1px solid rgba(204,204,204,1); margin:20px 0; padding:40px; }
	#page-test .list-item .item .head { font:22px/30px 'din-medium'; color:rgba(99,99,99,1); padding:0 0 20px 0; }
	#page-test .list-item .item .a { width:44px; height:44px; display:inline-block; border:1px solid rgba(204,204,204,1); background:rgba(99,145,211,0); font:16px/44px 'din-regular'; color:rgba(0,0,0,1); text-align:center; margin:0 2px 15px; border-radius:5px; transition:0.8s; }
	#page-test .list-item .item .a:hover , #page-test .list-item .item .a.active { background:rgba(99,145,211,1); color:rgba(255,255,255,1); transition:0.8s; }

	#page-test .section-app { width:100%; height:598px; background:url('../images/01-home/app-bg.jpg') center bottom no-repeat; }
	#page-test .section-app .item { padding:180px 0 0; text-align:center; }
	#page-test .section-app .item img { display:inline-block; padding:0 0 10px 0; }
	#page-test .section-app .item h2 { font:30px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); }
	#page-test .section-app .item h3 { font:16px/20px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); padding:5px 0 20px; }
	#page-test .section-app .item .more { width:116px; height:36px; display:inline-block; border:2px solid rgba(255,255,255,1); font:14px/36px 'din-medium'; color:rgba(255,255,255,1); text-transform:uppercase; transition:0.8s; }
	#page-test .section-app .item .more:hover { background:rgba(255,255,255,1); color:rgba(36,90,167,1); transition:0.8s; }

	#page-test .list-item-number { padding-bottom:40px; }
	#page-test .list-item-number .item { display:block; font:14px/24px 'Arial'; color:rgba(112,112,112,1); padding:10px 0; border-bottom:1px solid rgba(225,225,225,1); }
	#page-test .list-item-number .item.head { font:bold 20px/24px 'Arial'; }

	#page-test .head-bottom { padding-bottom:15px; }
	#page-test .head-bottom h4 { font:24px/36px 'din-medium'; color:rgba(99,99,99,1); }
	#page-test .head-bottom p { font:18px/24px 'din-regular'; color:rgba(19,88,162,1); }

	#page-test .link-bottom .container { padding:0; }
	#page-test .link-bottom a { width:300px; height:60px; display:inline-block; font:14px/40px 'Arial'; color:rgba(99,99,99,1); padding:10px 0 10px 60px; border-radius:5px 5px 0 0; }
	#page-test .link-bottom a.img1 { background:url('../images/09-test/icon-01-non.png') no-repeat 20px center rgba(225,225,225,1); }
	#page-test .link-bottom a:hover.img1 , #page-test .link-bottom a.img1.active { background:url('../images/09-test/icon-01.png') no-repeat 20px center rgba(99,145,211,1); }
	#page-test .link-bottom a.img2 { background:url('../images/09-test/icon-02-non.png') no-repeat 20px center rgba(225,225,225,1); }
	#page-test .link-bottom a:hover.img2 , #page-test .link-bottom a.img2.active { background:url('../images/09-test/icon-02.png') no-repeat 20px center rgba(99,145,211,1); }
	#page-test .link-bottom a:hover , #page-test .link-bottom a.active { color:rgba(255,255,255,1); transition:0.8s; }

	#page-test .detail-bottom { border:1px solid rgba(204,204,204,1); margin-bottom:40px; }
	#page-test .detail-bottom .item { padding:40px 0; display:none; }
	#page-test .detail-bottom .item .box { padding:10px 0; border-bottom:1px dashed rgba(204,204,204,1); font:14px/24px 'Arial'; color:rgba(54,54,54,1); }
	#page-test .detail-bottom .item .box span { display:inline-block; font:14px/24px 'Arial'; color:rgba(19,88,162,1); width:45%; }

/* page calendar */
	#page-calendar { width:100%; padding:25px 0; background:rgba(246,246,246,1); }
	#page-calendar h1 { font:26px/30px 'din-medium'; color:rgba(19,88,162,1); text-transform:uppercase; }
	#page-calendar .intro { width:100%; font:14px/18px 'Arial'; color:rgba(112,112,112,1); padding:10px 0; }
	#page-calendar .search { width:100%; margin:10px 0; }
	#page-calendar .search .date { display:block; font:16px/40px 'din-medium'; color:rgba(149,149,149,1); width:100%; height:40px; padding:0 2% 0 20px; margin:0 0 20px 0; border-radius:15px; background:url('../images/04-news/calendar.jpg') no-repeat center right rgba(255,255,255,1); }
	#page-calendar .search .input-submit { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; cursor:pointer; border:none; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); margin:auto; -webkit-appearance: none; }

	#page-calendar .list { margin:20px 0; border-top:1px solid rgba(225,225,225,1); }
	#page-calendar .list .item { border-left:10px solid rgba(242,108,79,1); border-bottom:1px solid rgba(225,225,225,1); border-right:1px solid rgba(225,225,225,1); padding:0 0 20px 0; background:rgba(255,255,255,1); cursor:pointer; }
	#page-calendar .list .item.c1 { border-left:10px solid rgba(99,145,211,1); }
	#page-calendar .list .item.c2 { border-left:10px solid rgba(251,175,93,1); }
	#page-calendar .list .item.c3 { border-left:10px solid rgba(141,198,63,1); }
	#page-calendar .list .item .left { width:17%; float:left; padding:10px 0 0 3%; }
	#page-calendar .list .item .left p { float:left; font:48px/18px 'din-medium'; color:rgba(137,137,137,1); padding-top:20px; }
	#page-calendar .list .item .left p span { font:20px/10px 'din-medium'; padding:0 0 0 10px; }
	#page-calendar .list .item .left p.a { float:left; font:30px/18px 'din-medium'; color:rgba(137,137,137,1); padding-top:20px; }
	#page-calendar .list .item .left p.a span { font:14px/10px 'din-medium'; padding:0 0 0 10px; }
	#page-calendar .list .item .right { width:75%; float:left; padding:20px 0 0 2%; }
	#page-calendar .list .item .right .a { font:24px/28px 'din-medium'; color:rgba(36,90,167,1); }
	#page-calendar .list .item .right .b { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); }
	#page-calendar .list .item .right .c { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); background:url('../images/10-calendar/01.jpg') no-repeat left center; padding:15px 0 15px 34px; }
	#page-calendar .list .item .right .d { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); background:url('../images/10-calendar/02.jpg') no-repeat left center; padding:15px 0 15px 34px; }

	#calendar-detail { width:730px; padding:20px; }
	#calendar-detail .top { width:100%; }
	#calendar-detail .top .date { font:18px/20px 'din-medium'; color:rgba(137,137,137,1); }
	#calendar-detail .top .a { font:24px/28px 'din-medium'; color:rgba(36,90,167,1); }
	#calendar-detail .top .b { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); padding:0 0 10px 0; }
	#calendar-detail .top .c { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); background:url('../images/10-calendar/01.jpg') no-repeat left center; padding:15px 0 15px 34px; }
	#calendar-detail .top .d { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); background:url('../images/10-calendar/02.jpg') no-repeat left center; padding:15px 0 15px 34px; }
	#calendar-detail .line { width:100%; height:1px; background:rgba(137,137,137,1); margin:20px 0; }
	#calendar-detail .editor { font:14px/18px 'din-medium'; color:rgba(137,137,137,1); }
	#calendar-detail .back { width:98px; height:42px; display:block; border-radius:21px; background:rgba(215,215,215,1); font:14px/42px 'din-medium'; color:rgba(99,99,99,1); margin:40px auto 0; text-align:center; transition:0.8s; }
	#calendar-detail .back:hover { background:rgba(99,146,211,1); color:rgba(255,255,255,1); transition:0.8s; }

/*@media screen and ( max-width: 900px ){
	#page-home .section-short-link .item h3 { padding-top:30%; }
	#page-home .section-short-link .item p { display:none; }
}*/

@media screen and ( max-width: 992px ){
	.container { width:100%; margin:auto; }
	body { padding-left: 0;}
	
	/** Begin Contact Box **/
	.div-footer {
	position:fixed;
	right:0;
	bottom:0px;
	z-index: 16;
	width: 100%;
    text-align: -webkit-center;
}
	
	
	

.div-contact-box {
    width:290px;
}
.div-contact-box-header {
    padding: 10px 0px;
	color: #fff;
	width:100%;
	text-align: center;
	background-color: #000000;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;

}

.div-contact-box-header:hover {
   
	background-color:rgba(0,0,0,1);

}

#header-desktop .menu5:hover p , #header-desktop .menu6.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); text-align: center; margin-top: 50px;  }


.div-contact-box-header .bar {
   	display: -webkit-inline-box;
}

.div-contact-box-header .bar .text {
   font:14px/22px 'Arial';
}

.div-contact-box-header .bar img {
  padding: 0 10px 0 0;
}
.span-contact-box-icon {
	font-size:small; 
	padding: 5px 15px 0 0;
	color: #fff;
}

.div-contact-box-body{
    width:100%;
    background-color: #FFF;
    border: 1px solid #000000;
    border-bottom: none;
    padding: 15px 15px 20px 15px;
}
.div-contact-box-body>.row>.col-sm-12>.form-group>input,.div-contact-box-body>.row>.col-sm-12>.form-group>textarea{
    font:12px/14px 'Arial';
}
.btn-contact-box{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font:12px/14px 'Arial';
}
.btn-contact-box:hover{
    color: #FFF;
    background-color:rgba(37,37,37,1);;
    border-color: #ccc;
}
/** End Contact Box **/
	
	
	
	/* menu main */
	#menu-main { width:250px; padding:30px; background:rgba(37,37,37,1); position:absolute; left:-250px; top:0; z-index:1001; transition:0.8s; }
	#menu-main.slide { left:0; transition:0.8s; }
	#menu-main .close { width:15px; height:14px; background:url('../images/00-menu/menu-close.png') no-repeat; margin:auto; cursor:pointer; }

	#menu-main .menu-left { padding:20px 0 20px 0; text-align:center; }
	#menu-main .menu-left a { width:40px; height:40px; margin:0 2px; display:inline-block; background:no-repeat center center; transition:0.8s; }
	#menu-main .menu-left a:hover { transition:0.8s; }
	#menu-main .menu-left a.mn-1 { background-image:url('../images/00-header/icon-01.png'); }
	#menu-main .menu-left a.mn-1:hover { background-image:url('../images/00-header/icon-01-hover.png'); }
	#menu-main .menu-left a.mn-2 { background-image:url('../images/00-header/icon-02.png'); }
	#menu-main .menu-left a.mn-2:hover { background-image:url('../images/00-header/icon-02-hover.png'); }
	#menu-main .menu-left a.mn-3 { background-image:url('../images/00-header/icon-03.png'); }
	#menu-main .menu-left a.mn-3:hover { background-image:url('../images/00-header/icon-03-hover.png'); }
	#menu-main .menu-left a.mn-4 { background-image:url('../images/00-header/icon-04.png'); }
	#menu-main .menu-left a.mn-4:hover { background-image:url('../images/00-header/icon-04-hover.png'); }

	#menu-main .list { width:100%; height:500px; }
	
	
	#menu-main .menu0 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:70px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu0:hover , #menu-main .menu0.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu0 .icon-0 { width:60px; height:60px; background:url('../images/00-header/icon-00-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu0:hover .icon-0 , #menu-main .menu.active .icon-1 { width:60px; height:60px; background:url('../images/00-header/icon-00-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
		
	#menu-main .menu0 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu0:hover p , #menu-main .menu0.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	
	#menu-main .menu { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:130px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu:hover , #menu-main .menu.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	
	#menu-main .menu .icon-1 { width:60px; height:60px; background:url('../images/00-header/icon-01-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu:hover .icon-1 , #menu-main .menu.active .icon-1 { width:60px; height:60px; background:url('../images/00-header/icon-01-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
		
	#menu-main .menu p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu:hover p , #menu-main .menu.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	
	
	#menu-main .menu2 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:190px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu2:hover , #menu-main .menu2.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu2 .icon-2 { width:60px; height:60px; background:url('../images/00-header/icon-02-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu2:hover .icon-2 , #menu-main .menu2.active .icon-2 { width:60px; height:60px; background:url('../images/00-header/icon-02-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu2 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu2:hover p , #menu-main .menu2.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-main .menu3 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:190px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu3:hover , #menu-main .menu3.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu3 .icon-3 { width:60px; height:60px; background:url('../images/00-header/icon-03-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu3:hover .icon-3 , #menu-main .menu3.active .icon-3 { width:60px; height:60px; background:url('../images/00-header/icon-03-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu3 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu3:hover p , #menu-main .menu2.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-main .menu4 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:250px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu4:hover , #menu-main .menu4.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu4 .icon-4 { width:60px; height:60px; background:url('../images/00-header/icon-04-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu4:hover .icon-4 , #menu-main .menu4.active .icon-4 { width:60px; height:60px; background:url('../images/00-header/icon-04-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu4 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu4:hover p , #menu-main .menu4.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	
	#menu-main .menu5 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:310px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu5:hover , #menu-main .menu5.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu5 .icon-5 { width:60px; height:60px; background:url('../images/00-header/icon-05-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu5:hover .icon-5 , #menu-main .menu5.active .icon-5 { width:60px; height:60px; background:url('../images/00-header/icon-05-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu5 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu5:hover p , #menu-main .menu5.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-main .menu6 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:430px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu6:hover , #menu-main .menu6.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu6 .icon-6 { width:60px; height:60px; background:url('../images/00-header/icon-06-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu6:hover .icon-6 , #menu-main .menu6.active .icon-6 { width:60px; height:60px; background:url('../images/00-header/icon-06-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu6 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu6:hover p , #menu-main .menu6.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-main .menu7 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:490px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu7:hover , #menu-main .menu7.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu7 .icon-7 { width:60px; height:60px; background:url('../images/00-header/icon-07-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu7:hover .icon-7 , #menu-main .menu7.active .icon-7 { width:60px; height:60px; background:url('../images/00-header/icon-07-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu7 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu7:hover p , #menu-main .menu7.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-main .menu8 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:370px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-main .menu8:hover , #menu-main .menu8.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-main .menu8 .icon-8 { width:60px; height:60px; background:url('../images/00-header/icon-10-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-main .menu8:hover .icon-8 , #menu-main .menu8.active .icon-8 { width:60px; height:60px; background:url('../images/00-header/icon-10-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-main .menu8 p { font:14px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-main .menu8:hover p , #menu-main .menu8.active p { font:14px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }


	/* header */
	
	#header-desktop { display:none; }
	#menu-mobile { display:block; }
	#menu-main { display:block; }
	
	
	#menu-mobile .menu { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:70px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu:hover , #menu-mobile .menu.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu .icon-1 { width:60px; height:60px; background:url('../images/00-header/icon-01-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu:hover .icon-1 , #menu-mobile .menu.active .icon-1 { width:60px; height:60px; background:url('../images/00-header/icon-01-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
		
	#menu-mobile .menu p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu:hover p , #menu-mobile .menu.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-mobile .menu2 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:130px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu2:hover , #menu-mobile .menu2.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu2 .icon-2 { width:60px; height:60px; background:url('../images/00-header/icon-02-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu2:hover .icon-2 , #menu-mobile .menu2.active .icon-2 { width:60px; height:60px; background:url('../images/00-header/icon-02-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu2 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu2:hover p , #menu-mobile .menu2.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-mobile .menu3 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:190px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu3:hover , #menu-mobile .menu3.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu3 .icon-3 { width:60px; height:60px; background:url('../images/00-header/icon-03-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu3:hover .icon-3 , #menu-mobile .menu3.active .icon-3 { width:60px; height:60px; background:url('../images/00-header/icon-03-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu3 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu3:hover p , #menu-mobile .menu2.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-mobile .menu4 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:250px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu4:hover , #menu-mobile .menu4.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu4 .icon-4 { width:60px; height:60px; background:url('../images/00-header/icon-04-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu4:hover .icon-4 , #menu-mobile .menu4.active .icon-4 { width:60px; height:60px; background:url('../images/00-header/icon-04-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu4 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu4:hover p , #menu-mobile .menu4.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	
	#menu-mobile .menu5 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:310px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu5:hover , #menu-mobile .menu5.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu5 .icon-5 { width:60px; height:60px; background:url('../images/00-header/icon-05-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu5:hover .icon-5 , #menu-mobile .menu5.active .icon-5 { width:60px; height:60px; background:url('../images/00-header/icon-05-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu5 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu5:hover p , #menu-mobile .menu5.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-mobile .menu6 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:430px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu6:hover , #menu-mobile .menu6.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu6 .icon-6 { width:60px; height:60px; background:url('../images/00-header/icon-06-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu6:hover .icon-6 , #menu-mobile .menu6.active .icon-6 { width:60px; height:60px; background:url('../images/00-header/icon-06-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu6 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu6:hover p , #menu-mobile .menu6.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-mobile .menu7 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:490px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu7:hover , #menu-mobile .menu7.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu7 .icon-7 { width:60px; height:60px; background:url('../images/00-header/icon-07-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu7:hover .icon-7 , #menu-mobile .menu7.active .icon-7 { width:60px; height:60px; background:url('../images/00-header/icon-07-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu7 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu7:hover p , #menu-mobile .menu7.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	
	#menu-mobile .menu8 { width:250px; height:60px; background:rgba(37,37,37,1); margin:auto; position:absolute; left:0;  top:370px; border-bottom: 1px solid rgba(255,255,255,0.5); }
	#menu-mobile .menu8:hover , #menu-mobile .menu8.active { background:rgba(255,191,0,1); transition:0.8s; }
	
	#menu-mobile .menu8 .icon-8 { width:60px; height:60px; background:url('../images/00-header/icon-10-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }	
	#menu-mobile .menu8:hover .icon-8 , #menu-mobile .menu7.active .icon-8 { width:60px; height:60px; background:url('../images/00-header/icon-10-2-2.png') no-repeat; position:absolute; margin: 0 0 0 20px }
	
	#menu-mobile .menu8 p { font:12px/22px 'Arial'; color:rgba(255,255,255,1); margin: 20px 0 0 100px;  }
	#menu-mobile .menu8:hover p , #menu-mobile .menu8.active p { font:12px/22px 'Arial'; color:rgba(37,37,37,1); margin: 20px 0 0 100px;  }
	
	


	
	
	.menu-mobile-sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
	.menu-mobile-sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
	.menu-mobile-sidenav a:hover { color: #f1f1f1; }
	.menu-mobile-sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }

	
	#header-mobile { display:block; width:100%; height:80px; background:rgba(37,37,37,1); position: fixed; z-index: 20; transition: margin-left .5s;
    padding: 16px 0 0 0; }

	#header-mobile .logo { width:100px; height:50px; background:url('../images/00-header/logo.svg') no-repeat center;  }
	#header-mobile .menu-left { display:none; }
	#header-mobile .shortcut-menu { width:40px; height:40px; background:url('../images/00-header/shortcut-menu.png') no-repeat left; cursor: pointer; left: 15px;  }	
	#header-mobile .phone { width:40px; height:40px; background:url('../images/00-header/icon-08.png') no-repeat right; right: 15px; }
	
	#header-mobile .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-right: -15px; margin-left: -15px; margin-top: 0.; }
	


	/* page home */
	
	#banner-home { padding: 80px 0 0 0;}
	#banner-home .nav-n { display: none;}
	
	#page-home { width:100%; }
	
	
	#page-home { width:100%; }
	#page-home .section-news { width:100%; padding: 0 0 20px 0; }
	#page-home .section-news .bar { padding:0; }
	#page-home .section-news .bar .title { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 10px 0 0; }
	#page-home .section-news .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home .section-news .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home .section-news .bar .prev { float:right !important; }
	
	
	
	#page-home-2 { width:100%; }
	#page-home-2 .section-promotion { width:100%; padding: 0 0 20px 0; }
	#page-home-2 .section-promotion .bar { padding:0; }
	#page-home-2 .section-promotion .bar .title { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 10px 0 0; }
	#page-home-2 .section-promotion .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-2 .section-promotion .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-2 .section-promotion .bar .prev { float:right !important; }
	
	
	#page-home-3 { width:100%; }
	#page-home-3 .desktop .section-review { width:100%; padding: 0 0 20px 0; }
	#page-home-3 .desktop .section-review .bar { padding:0; }
	#page-home-3 .desktop .section-review .bar .title { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-3 .desktop .section-review .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-3 .desktop .section-review .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-3 .desktop .section-review .bar .prev { float:right !important; }


	#page-home-3 .mobile .section-review { width:100%; padding: 0 0 20px 0; }
	#page-home-3 .mobile .section-review .bar { padding:0; }
	#page-home-3 .mobile .section-review .bar .title { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-3 .mobile .section-review .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-3 .mobile .section-review .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-3 .mobile .section-review .bar .prev { float:right !important; }


	#page-home-3 .desktop { display: block; }
	#page-home-3 .mobile { display: none; }
	
	
	
	
	


	#page-home-5 { width:100%; }
	#page-home-5 .desktop .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-home-5 .desktop .section-spare-part .bar { padding:0; }
	#page-home-5 .desktop .section-spare-part .bar .title { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-5 .desktop .section-spare-part .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-5 .desktop .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-5 .desktop .section-spare-part .bar .prev { float:right !important; }


	#page-home-5 .mobile .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-home-5 .mobile .section-spare-part .bar { padding:0; }
	#page-home-5 .mobile .section-spare-part .bar .title { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-home-5 .mobile .section-spare-part .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-home-5 .mobile .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-home-5 .mobile .section-spare-part .bar .prev { float:right !important; }


	#page-home-5 .desktop { display: block; }
	#page-home-5 .mobile { display: none; }

	
	
	
	
	/* page model */

	#page-model { width:100%; padding-top: 80px;  }	
	#page-model .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-model .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-model .title img { width: 3px; height: 30px; }

	#page-model .title .bar { width:100%; padding-top: 25px; flex-wrap: wrap; display: flex; }	
	#page-model .title .bar .txt { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; }
	#page-model .title .bar .icon { width: 3px; height: 30px; background:url('../images/02-model/title.jpg') no-repeat  ; }

	#page-model .tool { width:100%; height: 200px; display: flex; }
	#page-model .list { width:100%;  }
	#page-model .list .bar { display: flex;  }
	#page-model .list .bar .txt-1 { font:18px/22px 'helvetica-bold'; color:rgba(37,37,37,1); padding: 10px 0 0 10px;  }
	#page-model .list .bar .icon { width: 40px; height: 40px; background:url('../images/02-model/icon-bar.png') no-repeat ;  }
	
	
	

	#page-model .list .item { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
	#page-model .list .item .img { width:100%; overflow:hidden; height: 120px; text-align: center; }
	#page-model .list .item .img img { width:auto; }
	#page-model .list .item .text { width:90%; margin:auto; padding:10px 0 0; text-align: -webkit-center; }
	#page-model .list .item .text .line { width:100%; height: 1px; background: rgba(225,225,225,1); margin: 10px 0; }


	#page-model .list .item .text .brand { font:14px/16px 'helvetica-roman'; color:rgba(85,85,85,1); }	
	#page-model .list .item .text .title-txt { font:18px/24px 'helvetica-bold'; color:rgba(37,37,37,1); padding:10px 0; }
	#page-model .list .item .text .txt { font:14px/24px 'helvetica-roman'; color:rgba(85,85,85,1); }
	#page-model .list .item .text .more { width:98px; height:42px; display:block; border-radius:3px; background:rgba(57,57,57,1); font:12px/42px 'helvetica-roman'; color:rgba(255,255,255,1); margin:30px 0 0; text-align:center; transition:0.8s; }
	#page-model .list .item .text .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }

	#page-model .loadmore { width:100%; height:40px; background:rgba(19,88,162,1); display:block; border-radius:10px; font:14px/40px 'din-medium'; text-transform:uppercase; color:rgba(255,255,255,1); text-align:center; }
	
	
	#page-model-detail { width:100%;  padding-top: 80px;  }	
	
	
	#page-model-detail .section-2 { width:100%; background: rgba(0,0,0,1); }
	#page-model-detail .section-2 .bg { width:100%; height: 50px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 img { width:100%;  }

	#page-model-detail .section-2 .menu { padding-right: -10px; padding-left: -10px; }
	
	
	
	
	
	#page-model-detail .section-2 .general { width:100%; height: 500px;   position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .general img { width:100%; height:auto;  }
	#page-model-detail .section-2 .general .txt {  position: absolute;  bottom: 30px;  }
    #page-model-detail .section-2 .general .txt-1 { width:100%; font:20px/24px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 10px;  }
	#page-model-detail .section-2 .general .txt-2 { width:100%; font:14px/18px 'helvetica-roman'; color:rgba(225,225,225,1);  }
	

	#page-model-detail .section-2 .list-icon { width:100%; height: 80px; background: rgba(0,0,0,1);    }
	#page-model-detail .section-2 .list-icon .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top: 0;  }
	#page-model-detail .section-2 .list-icon .icon { width:40px; height: 40px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 .list-icon .txt-1 { font:16px/20px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 12px 0 0 10px;   }
	#page-model-detail .section-2 .list-icon .txt-2 { font:12px/16px 'helvetica-roman'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-2 .list-icon .line { width:100%; height: 1px; background: rgba(235,235,235,0.5); margin: 20px 0 0 0; }
    #page-model-detail .section-2 .line { width:100%; height: 1px; background: rgba(235,235,235,0.5);}
	
	
	
	
	
	#page-model-detail .section-3 { width:100%; padding: 20px 0 30px 0;  background: rgba(25,25,25,1); }
	#page-model-detail .section-3 .item { width:100%;  }
    #page-model-detail .section-3 .item .banner-1 { width:100%; height:150px; background:url('../images/02-model/section-3-banner-1.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-1 .txt { width:100%;  padding: 30px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-3 .item .banner-2 { width:100%; height: 150px; background:url('../images/02-model/section-3-banner-2.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-2 .txt { width:100%;  padding: 30px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }


	#page-model-detail .section-3 .item .banner-3 { width:100%; height: 150px; background:url('../images/02-model/section-3-banner-3.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-3 .txt { width:100%;  padding: 30px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }

	
	#page-model-detail .section-4 { width:100%; background: rgba(255,255,255,1); padding-bottom: 30px }
	#page-model-detail .section-4 img { padding-bottom: 80px; background: rgba(255,255,255,1); }
	#page-model-detail .section-4 .title-color { width:100%;  text-align: center; padding: 20px 0; }
	#page-model-detail .section-4 .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-2 { font:30px/36px 'helvetica-bold'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-3 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1); padding: 5px 0 0 0	;   }


	#page-model-detail .section-4 .txt-color-1 { font:18px/22px 'helvetica-bold'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-color-2 { font:14px/18px 'arial'; color:rgba(85,85,85,1); padding: 5px 0 0 0;   }

	#page-model-detail .section-4 .caption { width:100%; bottom: 100px ; position: absolute; }
	#page-model-detail .section-4 .color {  width:100%; bottom: 50px ; position: absolute; text-align: -webkit-center;}

    #page-model-detail .section-4 .color-1 { width: 40px; height: 40px; background-color: rgba(77,107,129,1); border-radius: 20px; }
	
	
	#page-model-detail .section-spare-part { width:100%; padding: 20px 0 20px 0; }
	#page-model-detail .section-spare-part .bar { margin-bottom: 20px;}
	#page-model-detail .section-spare-part .bar .title-spare { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-model-detail .section-spare-part .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-model-detail .section-spare-part .bar .next-spare { width:50px; height: 50px; background-image: url(../images/01-home/news-next.png); float:right !important; margin-left: 10px; margin-bottom: 20px; }
	#page-model-detail .section-spare-part .bar .prev-spare { width:50px; height: 50px; background-image: url("../images/01-home/news-prev.png"); float:right !important;}

    #page-model-detail .owl-theme .owl-controls{ display: none!important;}
	
	
	
	#page-model-detail { width:100%;  }	
	#page-model-detail .section-6 { width:100%; }
	#page-model-detail .section-6 .desktop .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-model-detail .section-6 .desktop .section-spare-part .bar { padding:0; }
	#page-model-detail .section-6 .desktop .section-spare-part .bar .title-spare-part { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-model-detail .section-6 .desktop .section-spare-part .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-model-detail .section-6 .desktop .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-model-detail .section-6 .desktop .section-spare-part .bar .prev { float:right !important; }


	#page-model-detail .section-6 .mobile .section-spare-part { width:100%; padding: 0 0 20px 0; }
	#page-model-detail .section-6 .mobile .section-spare-part .bar { padding:0; }
	#page-model-detail .section-6 .mobile .section-spare-part .bar .title-spare-part { font:18px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; float:left; padding: 10px 20px 0 0; }
	#page-model-detail .section-6 .mobile .section-spare-part .bar .view { font:18px/30px 'helvetica-roman'; color:rgba(255,191,0,1); text-transform:uppercase; float:left; padding: 10px 0 0 0; }
	#page-model-detail .section-6 .mobile .section-spare-part .bar .next { float:right !important; padding: 0 0 0 10px;}
	#page-model-detail .section-6 .mobile .section-spare-part .bar .prev { float:right !important; }


	#page-model-detail .section-6 .desktop { display: none; }
	#page-model-detail .section-6 .mobile { display: block; }
	


	
	
	/* page promotion */
	#page-promotion { width:100%; padding-top: 80px; }	
	
	
	/* user car */
	#page-user-car { width:100%; padding-top: 80px;  }	
	
	/* spare part */
	#page-spare-part { width:100%; padding-top: 80px;  }
	
	/* update news */

	#page-update-news { width:100%; padding-top: 80px; }	
	
	
	/* news detail */
		#page-update-news .head-detail { width:100%; }
        #page-update-news .head-detail .day { font:12px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
		#page-update-news .head-detail .title-detail { font:24px/24px 'thaisans-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
		#page-update-news .head-detail .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

		#page-update-news .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
		#page-update-news .section-detail .img { width:100%; }
		#page-update-news .section-detail .img img { width:100%; height: auto; }
		#page-update-news .section-detail .text { width:100%;  }
		#page-update-news .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); padding-bottom: 20px; }
		#page-update-news .section-detail .text .txt img { width:100%; height: auto; }
	
	#page-user-car .tool { width:100%; height: 200px; display: flex; }
	
	#page-user-car-detail .box-line { width:100%;  }
    #page-user-car-detail .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #page-user-car-detail .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; display: block;}
	#page-user-car-detail .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-user-car-detail .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }
	
	#page-user-car-detail .footer-line-txt   { width:100%; display: none; }
	#page-user-car-detail .text-t  { width:100%; display: none; }
	
	
	
	#page-spare-part .box-line { width:100%;  }
    #page-spare-part .box-line .footer-line { width:100%; height: 1px; background: rgba(235,235,235,1); margin: 0 0 20px 0;}
    #page-spare-part .box-line .nav-n .bar-back { width:100%; text-align: -webkit-center; display: block; }
	#page-spare-part .box-line .nav-n .bar-back .back { width:98px; height:42px; display:block; border-radius:3px; background:rgba(255,255,255,1); font:12px/42px 'helvetica-roman'; color:rgba(85,85,85,1);  text-align:center; transition:0.8s; text-transform: uppercase; border: 1px solid rgba(149,149,149,1); }
	#page-spare-part .box-line .nav-n .bar-back .back:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }
	
	#page-spare-part .footer-line-txt  { width:100%; display: none; }
	#page-spare-part .text-t  { width:100%; display: none; }
	
	#page-spare-part .tool { width:100%; height: 300px; display: flex; }
	
	#page-spare-part .tool .item {  background:rgba(255,255,255,1); border-radius: 3px; border: 1px solid #898989; display: flex; flex-wrap:wrap; margin: 10px 0; }
	#page-spare-part .tool .item .img { width: 50px; height: 50px;  text-align: left; padding-left: 20px; }
	#page-spare-part .tool .item .img img { width: 50px; height: 50px;  }
	#page-spare-part .tool .item .text { font:14px/18px 'helvetica-roman'; color:rgba(85,85,85,1); text-align:left; padding: 15px 0 0 30px;  }
	#page-spare-part .tool .item .text-2 { font:14px/18px 'helvetica-roman'; color:rgba(242,101,34,1); text-align:left; padding: 15px 0 0 30px;  }

	
	

	/* page about */
	#page-about .section-1 .a { padding:50px 0 0; }

	#page-about .section-2 { width:100%; height:auto; background:url('../images/02-about/01-sec-2-bg.jpg') no-repeat center top; padding-bottom:40px; }
	#page-about .section-2 .a { font:24px/28px 'din-medium'; color:rgba(36,90,167,1); padding:20px 0 0; text-transform:uppercase; }

	#page-about .section-3 { width:100%; height:auto; padding-bottom:40px; background:url('../images/02-about/01-sec-3-bg.jpg') no-repeat center top; text-align:center; }
	#page-about .section-3 img { padding:40px 0 0; }
	#page-about .section-3 .a { font:20px/36px 'din-medium'; color:rgba(37,37,37,1); text-transform:uppercase; padding:0 0 20px; }
	#page-about .section-3 .b { font:14px/20px 'Arial'; color:rgba(99,99,99,1); }

	/* page news */
	#page-news .head-detail .fb { position:relative; margin:10px 0 0; }
	#page-news .list.detail { display:none; }

	#page-news .section-news-mobile { display:block; margin:20px 0 0; padding:0 2%; text-align:left; background:url('../images/01-home/news-bg.jpg'); background-size:cover; }
	#page-news .section-news-mobile .list .item { width:100%; padding-bottom:30px; background:rgba(255,255,255,1); }
	#page-news .section-news-mobile .list .item .img { width:100%; overflow:hidden; }
	#page-news .section-news-mobile .list .item .img img { width:100%; }
	#page-news .section-news-mobile .list .item .text { width:96%; padding:0 2%; }
	#page-news .section-news-mobile .list .item .text .catagory { font:14px/16px 'Arial'; color:rgba(99,145,211,1); }
	#page-news .section-news-mobile .list .item .text .date { font:16px/20px 'din-medium'; color:rgba(99,99,99,1); padding:0 0 0; }
	#page-news .section-news-mobile .list .item .text .title { font:18px/24px 'din-medium'; color:rgba(36,90,167,1); padding:5px 0; }
	#page-news .section-news-mobile .list .item .text .txt { font:14px/24px 'din-medium'; color:rgba(99,99,99,1); }
	#page-news .section-news-mobile .list .item .text .more { width:98px; height:42px; display:block; border-radius:21px; background:rgba(215,215,215,1); font:14px/42px 'din-medium'; color:rgba(99,99,99,1); margin:20px 0 0; text-align:center; transition:0.8s; }
	#page-news .section-news-mobile .list .item .text .more:hover { background:rgba(99,146,211,1); color:rgba(255,255,255,1); transition:0.8s; }

	/* page career */
	#career-detail { width:calc(98% - 40px) !important; padding:60px 20px; background:rgba(255,255,255,1); }
	#career-detail .top { width:100%; padding:0 0 20px 0; border-bottom:1px solid rgba(99,99,99,1); }
	#career-detail .top .left { width:100%; float:left; }
	#career-detail .top .left span { display:block; font:14px/20px 'din-medium'; color:rgba(137,137,137,1); }
	#career-detail .top .left p { font:18px/20px 'din-medium'; color:rgba(36,90,167,1); }
	#career-detail .top .right { width:100%; float:left; }
	#career-detail .top .right span { display:block; font:18px/20px 'din-medium'; color:rgba(137,137,137,1); }
	#career-detail .top .right p { display:none; font:14px/20px 'din-medium'; color:rgba(36,90,167,1); }
	#career-detail .editor { width:100%; padding:20px 0 0; font:14px/20px 'din-medium'; color:rgba(99,99,99,1); }
	#career-detail .back { width:98px; height:42px; display:block; border-radius:21px; background:rgba(215,215,215,1); font:14px/42px 'din-medium'; color:rgba(99,99,99,1); margin:40px auto 0; text-align:center; transition:0.8s; }
	#career-detail .back:hover { background:rgba(99,146,211,1); color:rgba(255,255,255,1); transition:0.8s; }

	/* page contact */
	
	#page-contact .top { padding:0; }
	
	#page-contact .googlemap .top-map { height:auto; padding-bottom:20px; }
	#page-contact .googlemap .bottom-map { height:auto; background:rgba(236,236,236,1); }
	#page-contact .googlemap .bottom-map .row { padding-top:20px; padding-bottom:20px; }
	#page-contact .googlemap .bottom-map .item { margin-right:0; border:none; margin-bottom:10px; }
	#page-contact .googlemap .bottom-map .item.none { border:none; }
	#page-contact .googlemap .bottom-map .item .title { font:14px/20px 'din-medium'; color:rgba(19,88,162,1); }
	#page-contact .googlemap .bottom-map .item .txt { font:14px/18px 'arial'; color:rgba(112,112,112,1); }

	#form-contact { width:calc(98% - 20px); height:auto; padding:10px; background:rgba(255,255,255,1); }
	#form-contact .head { font:18px/30px 'helvetica-bold'; color:rgba(112,112,112,1); padding:0 0 20px 2%; }
	#form-contact .w50 { width:96%; float:left; padding:0 2% 10px; }
	#form-contact .w100 { width:96%; padding:0 2% 10px; }
	#form-contact .name { font:14px/20px 'Arial'; color:rgba(149,149,149,1); padding:0 0 5px 10px; }
	#form-contact .input-text { width:calc(94% - 2px); padding:0 3%; height:40px; border:1px solid rgba(149,149,149,1); border-radius:5px; font:14px/40px 'Arial'; color:rgba(149,149,149,1); }
	#form-contact .textarea { width:calc(94% - 2px); padding:0 3%; height:80px; border:1px solid rgba(149,149,149,1); border-radius:5px; font:14px/20px 'Arial'; color:rgba(149,149,149,1); }
	#form-contact .input-submit { width:100px; height:40px; background:rgba(85,85,85,1); display:inline-block; border-radius:10px; cursor:pointer; border:none; font:12px/40px 'helvetica-roman'; text-transform:uppercase; color:rgba(255,255,255,1); margin:20px 0; }
	#form-contact .input-reset { width:100px; height:40px; background:rgba(85,85,85,1); display:inline-block; border-radius:10px; cursor:pointer; border:none; font:12px/40px 'helvetica-roman'; text-transform:uppercase; color:rgba(255,255,255,1); margin:20px 0 0 20px; }
	
	
	#page-user-car .text .footer-mobile { display:block; width:100%; height: 1px; background: rgba(235,235,235,1); margin: 30px 0 ;}
	
	
	#confirm { display: none; }
	#confirm-mobile { display: block; }
	
	#confirm-mobile { width:100%;  }
	#confirm-mobile .section-confirm { width:100%;  }
	#confirm-mobile .section-confirm .row-2 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; padding: 0;}
	#confirm-mobile .section-confirm .row-3 {  margin-top: 0;}

	#confirm-mobile .section-confirm img { width:100%; }
	#confirm-mobile .section-confirm .img-1 { width:100%; }
	#confirm-mobile .section-confirm .img-1 .item { padding:150px 0 0 20px;     text-align: -webkit-center; }
	#confirm-mobile .section-confirm .img-1 .item img { display:inline-block; padding:0 0 10px 0; }
	#confirm-mobile .section-confirm .img-1 .item .txt-1 { font:30px/40px 'thaisans-bold'; text-transform:uppercase; color:rgba(85,85,85,1); }
	#confirm-mobile .section-confirm .img-1 .item .txt-2 { font:22px/22px 'thaisans-roman';  color:rgba(85,85,85,1); padding:5px 0 20px; }



	#confirm-mobile .section-confirm .img-1 .item .more { width:150px; height:42px;  border-radius:3px; background:rgba(57,57,57,1); font:22px/40px 'thaisans-roman'; color:rgba(255,255,255,1); margin:20px 0 0; text-align:center; transition:0.8s; }
	#confirm-mobile .section-confirm .img-1 .item .more:hover { background:rgba(255,191,0,1); color:rgba(85,85,85,1); transition:0.8s; }
	
	
	

	/* footer */
	#footer { width:100%;  background:url('../images/00-footer/footer-bg.jpg'); background-size:cover; text-align:center; }
	#footer .list { padding:30 0 55px 0; }
	#footer .list .hide { display:none; }
	#footer .list .call { padding:20px 0; }
}

@media screen and ( max-width: 768px ){
	.container { width:100%; margin: auto; }
	
	.home-banner-3 { display: none;

}

	.home-banner-3m { display: block; 

}


	
	
	
	
	#page-home-4 { display: none; }
	#page-home-4-mobile { display: block; }
	
	#page-home-4-mobile { width:100%;  }
	#page-home-4-mobile .section-service { width:100%;  }
	#page-home-4-mobile .section-service .row-2 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; padding: 0;}
	#page-home-4-mobile .section-service .row-3 {  margin-top: 0;}

	#page-home-4-mobile .section-service img { width:100%; }
	#page-home-4-mobile .section-service .img-1 { width:100%; height: 480px; background:url('../images/01-home/service-01.jpg') no-repeat right;  }
	#page-home-4-mobile .section-service .img-1 .item { padding:100px 0 0 20px; text-align:left; }
	#page-home-4-mobile .section-service .img-1 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-1 .item .txt-1 { font:30px/40px 'helvetica-bold'; text-transform:uppercase; color:rgba(85,85,85,1); }
	#page-home-4-mobile .section-service .img-1 .item .txt-2 { width: 50%;font:16px/20px 'helvetica-roman';  color:rgba(85,85,85,1); padding:5px 0 20px; }


	#page-home-4-mobile .section-service .img-2 { width:100%; height: 240px; background:url('../images/01-home/service-02.jpg') no-repeat left;  }
	#page-home-4-mobile .section-service .img-2 .item { padding:170px 0 0 20px; text-align:left; }
	#page-home-4-mobile .section-service .img-2 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-2 .item .txt-1 { font:22px/24px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#page-home-4-mobile .section-service .img-2 .item .txt-2 { font:16px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#page-home-4-mobile .section-service .img-3 { width:100%; height: 240px; background:url('../images/01-home/service-03.jpg') no-repeat right;  }
	#page-home-4-mobile .section-service .img-3 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4-mobile .section-service .img-3 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-3 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#page-home-4-mobile .section-service .img-3 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#page-home-4-mobile .section-service .img-4 { width:100%; height: 240px; background:url('../images/01-home/service-04.jpg') no-repeat center;   }
	#page-home-4-mobile .section-service .img-4 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4-mobile .section-service .img-4 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-4 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(85,85,85,1); }
	#page-home-4-mobile .section-service .img-4 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(85,85,85,1); padding:0; }


	#page-home-4-mobile .section-service .img-5 { width:100%; height: 240px; background:url('../images/01-home/service-05.jpg') no-repeat right;  }
	#page-home-4-mobile .section-service .img-5 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4-mobile .section-service .img-5 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-5 .item .txt-1 { font:16px/16px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#page-home-4-mobile .section-service .img-5 .item .txt-2 { font:12px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#page-home-4-mobile .section-service .img-6 { width:100%; height: 240px; background:url('../images/01-home/service-06.jpg') no-repeat right;  }
	#page-home-4-mobile .section-service .img-6 .item { padding:50px 0 0 20px; text-align:left; }
	#page-home-4-mobile .section-service .img-6 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-6 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#page-home-4-mobile .section-service .img-6 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#page-home-4-mobile .section-service .img-7 { width:100%; height: 240px; background:url('../images/01-home/service-07.jpg') no-repeat right;   }
	#page-home-4-mobile .section-service .img-7 .item { padding:180px 0 0 0; text-align:center; }
	#page-home-4-mobile .section-service .img-7 .item img { display:inline-block; padding:0 0 10px 0; }
	#page-home-4-mobile .section-service .img-7 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#page-home-4-mobile .section-service .img-7 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0;  }
	
	
	#service { display: none; }
	#service-mobile { display: block; }
	
	#service-mobile { width:100%;  }
	#service-mobile .section-service { width:100%;  }
	#service-mobile .section-service .row-2 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; padding: 0;}
	#service-mobile .section-service .row-3 {  margin-top: 0;}

	#service-mobile .section-service img { width:100%; }
	#service-mobile .section-service .img-1 { width:100%; height: 480px; background:url('../images/01-home/service-01.jpg') no-repeat right;  }
	#service-mobile .section-service .img-1 .item { padding:100px 0 0 20px; text-align:left; }
	#service-mobile .section-service .img-1 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-1 .item .txt-1 { font:30px/40px 'helvetica-bold'; text-transform:uppercase; color:rgba(85,85,85,1); }
	#service-mobile .section-service .img-1 .item .txt-2 { width: 50%;font:16px/20px 'helvetica-roman';  color:rgba(85,85,85,1); padding:5px 0 20px; }


	#service-mobile .section-service .img-2 { width:100%; height: 240px; background:url('../images/01-home/service-02.jpg') no-repeat left;  }
	#service-mobile .section-service .img-2 .item { padding:170px 0 0 20px; text-align:left; }
	#service-mobile .section-service .img-2 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-2 .item .txt-1 { font:22px/24px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#service-mobile .section-service .img-2 .item .txt-2 { font:16px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#service-mobile .section-service .img-3 { width:100%; height: 240px; background:url('../images/01-home/service-03.jpg') no-repeat right;  }
	#service-mobile .section-service .img-3 .item { padding:180px 0 0 0; text-align:center; }
	#service-mobile .section-service .img-3 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-3 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#service-mobile .section-service .img-3 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#service-mobile .section-service .img-4 { width:100%; height: 240px; background:url('../images/01-home/service-04.jpg') no-repeat center;   }
	#service-mobile .section-service .img-4 .item { padding:180px 0 0 0; text-align:center; }
	#service-mobile .section-service .img-4 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-4 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(85,85,85,1); }
	#service-mobile .section-service .img-4 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(85,85,85,1); padding:0; }


	#service-mobile .section-service .img-5 { width:100%; height: 240px; background:url('../images/01-home/service-05.jpg') no-repeat right;  }
	#service-mobile .section-service .img-5 .item { padding:180px 0 0 0; text-align:center; }
	#service-mobile .section-service .img-5 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-5 .item .txt-1 { font:16px/16px 'helvetica-bold';  color:rgba(255,255,255,1); }
	#service-mobile .section-service .img-5 .item .txt-2 { font:12px/20px 'helvetica-roman';  color:rgba(255,255,255,1); padding:5px 0 20px; }


	#service-mobile .section-service .img-6 { width:100%; height: 240px; background:url('../images/01-home/service-06.jpg') no-repeat right;  }
	#service-mobile .section-service .img-6 .item { padding:50px 0 0 20px; text-align:left; }
	#service-mobile .section-service .img-6 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-6 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#service-mobile .section-service .img-6 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0; }

	#service-mobile .section-service .img-7 { width:100%; height: 240px; background:url('../images/01-home/service-07.jpg') no-repeat right;   }
	#service-mobile .section-service .img-7 .item { padding:180px 0 0 0; text-align:center; }
	#service-mobile .section-service .img-7 .item img { display:inline-block; padding:0 0 10px 0; }
	#service-mobile .section-service .img-7 .item .txt-1 { font:16px/16px 'helvetica-roman';  color:rgba(255,255,255,1); }
	#service-mobile .section-service .img-7 .item .txt-2 { font:12px/20px 'helvetica-light';  color:rgba(255,255,255,1); padding:0;  }
	
	
	
	
	
	
	
	
	#page-model-detail { width:100%;   }	
	#page-model-detail .title { width:100%; height: 78px; background:url('../images/02-model/bg.jpg') repeat  ;   }
	#page-model-detail .title h1 { font:26px/30px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; }
	#page-model-detail .title img { width: 3px; height: 30px; }

	#page-model-detail .title .bar { width:100%; padding-top: 15px;  }	
	#page-model-detail .title .bar .txt { font:16px/20px 'helvetica-bold'; color:rgba(37,37,37,1); text-transform:uppercase; text-align: left; padding:5px 0 0 10px; display: block; }
    #page-model-detail .title .bar .txt h1 { font:16px/20px 'helvetica-bold'; color:rgba(0,0,0,1.00); text-transform:uppercase; padding-left: 0;  }
	#page-model-detail .title .bar .icon { width: 50px; height: 50px; background:url('../images/02-model/logo-car-08.png') no-repeat  ; }
	
	
	#page-model-detail .section-2 { width:100%; background: rgba(0,0,0,1); }
	#page-model-detail .section-2 .bg { width:100%; height: 100px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 img { width:100%;  }

	#page-model-detail .section-2 .menu { padding-right: -10px; padding-left: -10px; }
	#page-model-detail .section-2 .general { width:100%; height: 400px;   position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .general img { width:100%; height:auto;  }
	#page-model-detail .section-2 .general .txt {  position: absolute;  bottom: 30px;  }
    #page-model-detail .section-2 .general .txt-1 { width:100%; font:20px/24px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 10px;  }
	#page-model-detail .section-2 .general .txt-2 { width:100%; font:14px/18px 'helvetica-roman'; color:rgba(225,225,225,1);  }
	

	#page-model-detail .section-2 .list-icon { width:100%; height: 80px; background: rgba(0,0,0,1);    }
	#page-model-detail .section-2 .list-icon .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top: 0;  }
	#page-model-detail .section-2 .list-icon .icon { width:40px; height: 40px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 .list-icon .txt-1 { font:16px/20px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 12px 0 0 10px;   }
	#page-model-detail .section-2 .list-icon .txt-2 { font:12px/16px 'helvetica-roman'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-2 .list-icon .line { width:100%; height: 1px; background: rgba(235,235,235,0.5); margin: 20px 0 0 0; }
    #page-model-detail .section-2 .line { width:100%; height: 1px; background: rgba(235,235,235,0.5);}
	
	
	#page-model-detail .section-2 .safety { width:100%; height: -webkit-fill-available; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .safety img { width:100%; padding-bottom: 50px; opacity: 0.3;   }
	#page-model-detail .section-2 .safety .txt {  position: absolute; top: 30px;  display: flex;  }
    #page-model-detail .section-2 .safety .txt-1 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	#page-model-detail .section-2 .safety .txt-2 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	
	
	#page-model-detail .section-2 .interior { width:100%; height: -webkit-fill-available; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .interior img { width:100%; padding-bottom: 50px; opacity: 0.3;   }
	#page-model-detail .section-2 .interior .txt {  position: absolute; top: 30px;  display: flex;  }
    #page-model-detail .section-2 .interior .txt-1 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	#page-model-detail .section-2 .interior .txt-2 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	
	
	
	#page-model-detail .section-2 .exterior { width:100%; height: -webkit-fill-available; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .exterior img { width:100%; padding-bottom: 50px; opacity: 0.3;   }
	#page-model-detail .section-2 .exterior .txt {  position: absolute; top: 30px;  display: flex;  }
    #page-model-detail .section-2 .exterior .txt-1 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	#page-model-detail .section-2 .exterior .txt-2 { width:100%; font:14px/24px 'arial'; color:rgba(225,225,225,1); text-align: left }
	
	
	
	
	
	#page-model-detail .section-3 { width:100%; padding: 20px 0 30px 0;  background: rgba(25,25,25,1); }
	#page-model-detail .section-3 .item { width:100%;  }
    #page-model-detail .section-3 .item .banner-1 { width:100%; height:150px; background:url('../images/02-model/section-3-banner-1.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-1 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-3 .item .banner-2 { width:100%; height: 150px; background:url('../images/02-model/section-3-banner-2.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-2 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }


	#page-model-detail .section-3 .item .banner-3 { width:100%; height: 150px; background:url('../images/02-model/section-3-banner-3.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-3 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }
	
	
	#page-model-detail .section-8 { width:100%; padding: 20px 0 0 0;  background: rgba(0,0,0,1); }
	#page-model-detail .section-8 .item { width:100%;  }
	#page-model-detail .section-8 .item img { width:100%;  }


	#page-model-detail .section-7 { display: none; }
	#page-model-detail .section-8 { display: block; }
	
	

    #page-contact .top .item .box { width:100%; padding-top: 60px; }
	#page-contact .top .item .box .head { font:18px/28px 'helvetica-bold'; color:rgba(112,112,112,1); }
	#page-contact .top .item .box .head-2 { font:14px/28px 'helvetica-bold'; color:rgba(112,112,112,1); }
    #page-contact .top .item .box .txt { font:14px/18px 'arial'; color:rgba(112,112,112,1); padding:5px 0; }




	#page-contact .top .item .nav-g { width:120px; left: 15px; position: absolute; margin-top: 20px; }
	#page-contact .top .item .nav-g .more img { width:28px; height:21px;  vertical-align: middle;  margin-right: 10px; }
    #page-contact .top .item .nav-g .more .txt { font:14px/42px 'din-medium'; color:rgba(99,99,99,1);  text-align:center; transition:0.8s;  }

	#page-contact .top .item .nav-g .more { width:120px; height:42px; display:block; border-radius:3px; background:rgba(85,85,85,1); font:12px/42px 'arial'; color:rgba(255,255,255,1);  text-align:center; transition:0.8s; }
	#page-contact .top .item .nav-g .more:hover { background:rgba(255,191,0,1); color:rgba(255,255,255,1); transition:0.8s; }


	#page-contact .top .item .nav-g-2 { width:120px; left: 155px; position: absolute; margin-top: 20px; }
    #page-contact .top .item .nav-g-2 .more img { width:28px; height:21px;  vertical-align: middle;  margin-right: 10px; }
	#page-contact .top .item .nav-g-2 .more { width:120px; height:42px; display:block; border-radius:3px; background:rgba(85,85,85,1); font:12px/42px 'arial'; color:rgba(255,255,255,1);  text-align:center; transition:0.8s; }
	#page-contact .top .item .nav-g-2 .more:hover { background:rgba(255,191,0,1); color:rgba(255,255,255,1); transition:0.8s; }
	
	/* news detail */
		#page-update-news .head-detail { width:100%; }
        #page-update-news .head-detail .day { font:12px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
		#page-update-news .head-detail .title-detail { font:24px/24px 'thaisans-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
		#page-update-news .head-detail .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

		#page-update-news .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
		#page-update-news .section-detail .img { width:100%; }
		#page-update-news .section-detail .img img { width:100%; height: auto; }
		#page-update-news .section-detail .text { width:100%;  }
		#page-update-news .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); padding-bottom: 20px; }
		#page-update-news .section-detail .text .txt img { width:100%; height: auto; }
	

		#page-promotion-detail .section-detail .text .txt img { width:100%; height: auto; }
	
	
	

	
	.carousel-caption-review {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
	
	}
	
	}


@media screen and ( max-width: 480px ){
	.container { width:100%; margin:auto; }

	#banner-home { display: none; padding: 0;}
	#banner-home-mobile { display: block; padding: 80px 0 0 0;}
	
	#page-model-detail .section-2 { width:100%; background: rgba(0,0,0,1); }
	#page-model-detail .section-2 .bg { width:100%; height: 50px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 img { width:100%;  }

	#page-model-detail .section-2 .menu { padding-right: -10px; padding-left: -10px; }
	#page-model-detail .section-2 .general { width:100%; position: relative; text-align: center; }
	/*#page-model-detail .section-2 .general { width:100%; height: 600px; background:url('../images/02-model/general.jpg') no-repeat  ; background-position: center; background-repeat: no-repeat;  background-size: cover;  }*/
	#page-model-detail .section-2 .general img { width:100%; padding-bottom: 150px;   }
	#page-model-detail .section-2 .general .txt {  position: absolute;  bottom: 30px;  }
    #page-model-detail .section-2 .general .txt-1 { width:100%; font:20px/24px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 10px;  }
	#page-model-detail .section-2 .general .txt-2 { width:100%; font:14px/18px 'helvetica-roman'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-2 .list-icon { width:100%; height: 80px; background: rgba(0,0,0,1);    }
	#page-model-detail .section-2 .list-icon .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top: 0;  }
	#page-model-detail .section-2 .list-icon .icon { width:40px; height: 40px; background: rgba(0,0,0,1);  }
	#page-model-detail .section-2 .list-icon .txt-1 { font:16px/20px 'helvetica-bold'; color:rgba(225,225,225,1); padding: 12px 0 0 10px;   }
	#page-model-detail .section-2 .list-icon .txt-2 { font:12px/16px 'helvetica-roman'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-2 .list-icon .line { width:100%; height: 1px; background: rgba(235,235,235,0.5); margin: 20px 0 0 0; }
    #page-model-detail .section-2 .line { width:100%; height: 1px; background: rgba(235,235,235,0.5);}
	
	#page-model-detail .section-3 { width:100%; padding: 20px 0 30px 0;  background: rgba(25,25,25,1); }
	#page-model-detail .section-3 .item { width:100%;  }
    #page-model-detail .section-3 .item .banner-1 { width:100%; height:150px; background:url('../images/02-model/section-3-banner-1.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-1 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-1 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }

	#page-model-detail .section-3 .item .banner-2 { width:100%; height: 150px; background:url('../images/02-model/section-3-banner-2.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-2 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-2 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }


	#page-model-detail .section-3 .item .banner-3 { width:100%; height: 150px; background:url('../images/02-model/section-3-banner-3.jpg') no-repeat; background-size: cover; border-radius: 10px; margin-bottom: 20px; }
	#page-model-detail .section-3 .item .banner-3 .txt { width:100%;  padding: 70px 15px 0 15px; }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-1 { font:20px/30px 'thaisans-bold'; color:rgba(225,225,225,1);  }
	#page-model-detail .section-3 .item .banner-3 .txt .txt-2 { font:12px/16px 'arial'; color:rgba(225,225,225,1);  }
	
	
	
	#page-model-detail .section-4 { width:100%; background: rgba(255,255,255,1); padding-bottom: 30px }
	#page-model-detail .section-4 img { padding-bottom: 100px; background: rgba(255,255,255,1); }
	#page-model-detail .section-4 .title-color { width:100%;  text-align: center; padding: 20px 0; }
	#page-model-detail .section-4 .txt-1 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-2 { font:30px/36px 'helvetica-bold'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-3 { font:16px/20px 'helvetica-roman'; color:rgba(85,85,85,1); padding: 5px 0 0 0	;   }


	#page-model-detail .section-4 .txt-color-1 { font:18px/22px 'helvetica-bold'; color:rgba(85,85,85,1);   }
	#page-model-detail .section-4 .txt-color-2 { font:14px/18px 'arial'; color:rgba(85,85,85,1); padding: 5px 0 0 0;   }

	#page-model-detail .section-4 .caption { width:100%; bottom: 100px ; position: absolute; }
	#page-model-detail .section-4 .color {  width:100%; bottom: 50px ; position: absolute; text-align: -webkit-center;}

    #page-model-detail .section-4 .color-1 { width: 40px; height: 40px; background-color: rgba(77,107,129,1); border-radius: 20px; }
	
	
	/* news detail */
		#page-update-news .head-detail { width:100%; }
        #page-update-news .head-detail .day { font:12px/16px 'arial'; color:rgba(85,85,85,1); padding:5px 0; }
		#page-update-news .head-detail .title-detail { font:24px/24px 'thaisans-bold'; color:rgba(85,85,85,1); text-transform: uppercase; padding:5px 0; }
		#page-update-news .head-detail .title-detail-2 { width:25%; height: 3px; background: rgba(255,191,0,1); margin: 10px 0;  }

		#page-update-news .section-detail { padding-bottom:30px; margin:0 0 20px 0; background:rgba(255,255,255,1); }
		#page-update-news .section-detail .img { width:100%; }
		#page-update-news .section-detail .img img { width:100%; height: auto; }
		#page-update-news .section-detail .text { width:100%;  }
		#page-update-news .section-detail .text .txt { font:14px/24px 'arial'; color:rgba(99,99,99,1); padding-bottom: 20px; }
		#page-update-news .section-detail .text .txt img { width:100%; height: auto; }
	
	page-promotion-detail .section-detail .text .txt img { width:100%; height: auto; }
	
	
	
	
	}