@charset "utf-8";
/* CSS Document */

@media screen and (max-width:30em){/*480px / 16px = 30em ขนาหน้าจอน้อยกว่า 480px*/

.menu-moblile {display:block;}

header {width:100%; height:68px; margin:auto; /*position:fixed;*/ background:#000; z-index:9999;  border-bottom:1px #f05435 solid;}
.block-logo {width:100%; height:auto;float:none; text-align:center;}
.block-socail-top {display:none;}
.block-menu-top { display:none;}
.block-language {display:none;}


/*Container Top
--------------------------------------------------------------*/
.container-top { width:100%; min-width:100%; background:#000;padding-bottom:0;}
.container {width:100%; min-width:100%; background:#FFF; padding-bottom:5%; min-height:500px; padding-bottom:10%;}
.container-sub {width:100%; min-width:100%; background:#FFF; padding-bottom:5px; min-height:500px; padding-bottom:10%;}

/*Bannre Top
--------------------------------------------------------------*/
.main-banner { width:100%; min-width:100%; height:auto; padding-bottom:5%; /*padding-top:21%;*/}
.main-banner img {width:100%; float:left; clear:both;}

/*Video 
--------------------------------------------------------------*/
.main-video { width:100%; min-width:100%; padding-top:5%;}
.main-video img { width:100%;}
.main-video iframe { width:100%; min-height:auto;height:auto;}

/*Brand Top
--------------------------------------------------------------*/
.main-brand-1 { width:100%; margin: auto;}
.main-brand-1 img:hover {opacity:0.5;}
.main-brand-1 img {width:100%;}
.blcok-voyager-top, .blcok-feelfree-gear-top {
	/*width:654px;*/
	width:100%;
	float:none;
	padding:2% 0;
}


/*Title
--------------------------------------------------------------*/
.title-1 {
	font-size:24px;
	font-family:"acumin-pro",sans-serif;
	font-style:italic;
	margin:10% 0 3% 0;
	border-bottom:2px solid #363636;
	color:#363636;
}
.title-1-w {
	font-size:32px;
	font-family:"acumin-pro",sans-serif;
	font-style:italic;
	margin:10% 0 3% 0;
	/*border-bottom:2px solid #FFFFFF;*/
	color:#FFFFFF;
}
.title-1-sub {
	padding-bottom:20px;
}
.title-1 span {
	color:#f05435;
}

.title-2 {
	font-size:32px;
	font-family:"acumin-pro",sans-serif;
	font-style:italic;
	margin:5% 0;
	border-bottom:2px solid #363636;
	color:#f05435;
}
.title-2 span {
	color:#363636;
	font-size:32px;
}
.title-3 {
	font-size:32px;
	font-family:"acumin-pro",sans-serif;
	font-style:italic;
	margin:0 0 20px 0;
	border-bottom:2px solid #363636;
	color:#363636;
}
.title-4 {
	font-size:24px;
	font-family:"acumin-pro",sans-serif;
	font-style:italic;
	margin:10% 0;
	border-bottom:2px solid #363636;
	color:#363636;
}
.title-4-pop{
	font-size:32px;
	font-family:"acumin-pro",sans-serif;
	font-style:italic;
	margin:20px 0 20px 0;
	border-bottom:2px solid #363636;
	color:#363636;
}
.title-5 {
	font-size:28px;
	font-family:"acumin-pro",sans-serif;
	font-style: normal;
	margin:0 0 20px 0;
	color:#363636;
}


.block-title {
	margin:40px 0 20px 0;
}


/*Main Content
--------------------------------------------------------------*/
.main-content { width:90%; margin:auto; padding:0 5%;}

/*Our Story
--------------------------------------------------------------*/
.main-center-our-story { background:url(../images/bg-our-story-center.jpg) no-repeat center; width:100%; min-width:100%; height:auto; margin:5% 0;}
.block-center-our-story { width:90%; margin:auto; text-align:center; font-size:30px; font-style:italic; color:#FFF; padding:0 5%;}
.block-center-our-story p { padding-bottom:5%; font-weight:bold; line-height:1em;}
.text-center-orange-oru-story { color:#f1592a; font-size:40px; padding-top:5%}



.block-detail-country {margin-bottom:10%; border-bottom:1px solid #CCCCCC;}
.icon-map-country {width:100%; float:none; padding:10% 0;}
.address-branch-country{width:90%; float:none; padding:5%; min-height:160px;}
.address-branch-country span {font-weight:bold;color:#000000;}
.email-cuntry a {color:#0600ff; text-decoration:underline;}
.email-cuntry a:hover {color:#0600ff; text-decoration:none;}



.tel-fax-branch {width:90%; float:left; padding:5%; min-height:160px;}
.tel-fax-branch p { padding-bottom:5%;}
.tel-fax-branch span {font-weight:bold;}

.logo-branch {width:300px;float:left;}

.title-country {
	padding:10px 0;
	font-weight:bold;
	color:#f1592a;
	font-size:22px;
}
.title-country img {
	padding-right:10px;
}
.block-dealer {
	width:90%;
	min-width:90%;
	padding:5%;
	background:#eeeeee;
}
.main-dealer {
	width:100%;
	margin:auto;
	padding-bottom:10%;
}

.dealer-detail {
	width:100%;
	float:none;
	text-align:center;
	margin:0 0;
	padding-top:5%;
}

.dealer-detail h2 {
	border-bottom:1px solid #f1592a;
	color:#f1592a;
	margin-bottom:10px;
}

.dealer-detail h3 {
	color:#000000;
	font-weight:bold;
	font-size:22px;
	padding-bottom:10px;
}

.dealer-detail a {
	color:#0021eb;
	text-decoration:underline;
}
.dealer-detail a:hover {
	color:#0021eb;
	text-decoration:none;
}

/*Tab*/
.main-tab  {background:#252525; padding:3% 0; }
.block-tab {width:100%; margin:auto;}
.block-tab ul {float:right; list-style:none;}
.block-tab li { float:left; display:block; border-right:1px solid #CCC; margin:5px 0; padding:2px 10px; line-height:1.2em; font-weight:bold; font-style:italic;}
.block-tab li a {color:#888888; text-decoration:none;}
.block-tab li a:hover {color:#e9441a; text-decoration:none;}
.block-tab li a.active {color:#e9441a;text-decoration:none;}

.block-choice { width:94%; float:none; margin-top:5%; border:none; padding:0 3%; }
.block-choice h2 {padding:5% 0; text-align:center; font-style:italic; color:#e9441a;}
.block-choice select {width:100%; margin:auto; color:#CCCCCC;}
.block-choice option {padding:5% 0;}
/*Map*/
.main-map {min-height:100%;}
.block-map iframe {width:100%; height:auto;}


/*Products
--------------------------------------------------------------*/
.banner-products-1, .banner-products-2, .banner-products-3, .banner-products-4 { width:100%; min-width:100%; height:50%;}
.banner-products-1 img, .banner-products-2 img, .banner-products-3 img, .banner-products-4 img { width:100%; float:left; clear:both;}
.banner-products-1 img:hover, .banner-products-2 img:hover, .banner-products-3 img:hover, .banner-products-4 img:hover { opacity:0.5;}

/*Products Category
--------------------------------------------------------------*/
.main-products-collection {background:#252525; width:100%; min-width:100%; display:none;}
.block-collection {width:100%; margin:auto; display:none;}
.block-collection ul {list-style:none;text-align:center;}
.block-collection li {float:none;padding:0 5%;display:block;}
.block-collection li img:hover {opacity:0.5;}

.block-collection li a.active {opacity:0.3;}

.block-products-thumbnail {width:90%; min-height:0; padding:0 5%; float:none; text-align:center; margin-bottom:20px;}
.block-products-thumbnail img {width:100%;}
.block-products-thumbnail img:hover {opacity:0.5;}
.block-products-thumbnail h3 {color:#EE5432;}
.detail-thumbnail {border-top:2px solid #c2c2c2; padding-top:5%; margin-top:5%;}
.detail-thumbnail p  {padding-bottom:5%;}
.text-size {color:#000000;font-weight:bold;}

/*Products Detail
--------------------------------------------------------------*/
.block-detail {margin-top:10%;}
.block-detail-left {width:100%; float:none;}
.block-detail-right {width:100%; float:none; padding-left:0;}

.detail-product {margin-top:10%;}
.detail-product img {width:100%;}
.detail-product ul {list-style:none;}
.detail-product li {float:none; border-top:2px solid #CCCCCC; padding-top:0%;}
.detail-product li img {width:100%;}
.detail-product p {min-height:0px; padding-bottom:5%;}

.text-detail p {padding-bottom:5px;}
.text-detail strong {color:#636363; font-weight:bold;}
.block-gallery-video {margin-top:40px;display:none;}

.block-gallery-video-2 {margin-top:40px; display:blokc;}
.block-video {float:none; width:100%;}
.block-video iframe {width:100%; height:250px;}
.block-video-detail {float:ืnone; width:100%; padding-left:0%;}
.products-detail-icon-technology {text-align: center; margin-top:5%;}
.products-detail-icon-technology img {width:auto;}
.products-detail-icon-technology ul {list-style:none; float: none;}
.products-detail-icon-technology li {float:left; padding:0 2%; text-align:center; width:46%;}



/*Tabs
--------------------------------------------------------------*/
.title-products-change {float:none; width:100%; /*padding-top:40px;*/ font-weight: bold; color:#636363; text-align:left;}
#tabs { overflow: hidden; width:100%; margin: 0; padding: 0; list-style: none; float:left;}
#tabs li {float: left; width:40%; margin:0 5%; text-align:center;}
#tabs a { position: relative; padding:0 0; float: left; text-decoration: none;}
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after { background: #fff;}
#tabs a:focus { outline: 0; opacity:0.3;}
#tabs a::after { content:''; position:absolute; z-index: 1; top: 0; bottom: 0; opacity:0.5;}
#tabs #current a,
#tabs #current a::after { background: #fff; z-index: 3;}
#content { background: #fff; position: relative; z-index: 2; }

.bxslider3 li img {width:100%;}


/****2****/
#w {display: block; width: 100%; margin: 0 auto; background: none;}
#content-1, #content-2 { display: block; min-height: 100%;}
.contentblock {display: block; width:100%; text-align:center;}
.contentblock img {width:100%;}
.contentblock.hidden {display: none;}

/* side navigation */
#sidemenu , #sidemenu-2{margin:0; padding:20px 0 0 0;}
#sidemenu li , #sidemenu-2 li { display: block;  list-style:none; float:left; padding:4.5%; }
#sidemenu li a  #sidemenu-2 li a{ display: block; text-decoration: none;}
#sidemenu li a:hover, #sidemenu-2 li a:hover {opacity:0.5;}
#sidemenu li a strong, #sidemenu-2 li a strong {  display: block; margin-top: 5px;}
#sidemenu li a.open, #sidemenu-2 li a.open { width: 101%; color:#1e97c6}

/* extra styles */
.bigtxtfield { display: block; width: 100%; color: #555; padding: 4px 6px; margin-bottom: 15px;}

/*Technology
--------------------------------------------------------------*/
.block-content-technology {padding-bottom:5%;}
.block-content-technology img {width:100%;}
.blcok-technology-img {width:100%; float:none; text-align:center;}
.blcok-technology-img img {width:100%;}
.block-technology-text {width:100%; float:none; padding-left:0px;}

/*Pop*/
.block-content-technology-pop {padding:10%; background:#FFFFFF; overflow:hidden;}
.block-content-technology-pop img {width:100%;}
.blcok-technology-img-pop {width:100%; text-align:center; margin-bottom:10%;}
.block-technology-text-pop { width:100%;}

.ways-closure{margin-top:10%;}
.ways-closure ul {list-style:none;}
.ways-closure li {display:block; float:ืnone; padding:0 3%;}
.table-technology {width:100%; margin-top:10%;}
.table-technology th {width:100%; float:left; text-align:center; color:#000; padding:3% 0; background:#fefefe; background:#CCC;}
.table-technology td {width:100%; float:left; padding:3% 0}

/*News
--------------------------------------------------------------*/
.thumbelina-news  {width:90%; min-height:120px; float:left; margin:5%;}
.thumbelina-news img {border:5px solid #000; margin-bottom:3%; width:97%;}
.thumbelina-news img:hover {opacity:0.5;}

.block-title-date {border-bottom:3px solid #ef5435; margin-bottom:3%; padding-bottom:3%;}
.title-news {color:#ef5435; padding-bottom:3%; font-size:22px;}
.date-news {color:#939393;}

.link-readmore {font-size:20px; font-style:italic; font-weight:bold; margin-left:10px; margin-top:10px; text-align:right;}
.link-readmore a {color:#000; text-decoration:none;}
.link-readmore a:hover {color:#ef5435; text-decoration:none;}

/*News Detail
--------------------------------------------------------------*/
.block-news img {width:100%}
.block-picture-vdo {margin-bottom:5%; text-align:center;}
.block-picture-vdo iframe {width:100%; height: auto;}
.block-news-detail-socail {margin:10% 0;}
.block-news-recommend {margin:10% 0 0 0;}
.block-news p {margin-bottom:10px;}

/*Footer 
--------------------------------------------------------------*/
footer {width:100%; min-width:100%; height:auto; background:#000; display:block; border-top:2px #f05435 solid; border-bottom:2px #f05435 solid;}

.main-footer {width:90%; padding:5%; margin:auto;}

.block-logo-footer { display:none;}

.block-socail-footer {display:none;}

.block-menu-footer {width:100%; float:none; padding-top:0;}
.group-menu-footer {width:100%; float:none; font-size:13px; font-weight:600; list-style:none;}
.group-menu-footer ul {list-style:none;}
.group-menu-footer li { border:none; margin:0; text-align:center; float:left; width:50%;}
.group-menu-footer li a {display:block; padding:1% 0; color:#646464;  text-decoration:none;}
.group-menu-footer li a:hover {color:#f05435; text-decoration:none; background:none;}

.block-language-footer {display:none;}

.icon-uk {background:url(../images/en.jpg) no-repeat left ;}
.icon-fr {background:url(../images/fr.jpg) no-repeat left ;}	

.block-mobile-tablet {display:block;}
.block-desktop {display:none;}
}