@charset "utf-8";
/* CSS Document */
/*//////////////////////////////////////*/
/*//////// Important Navigation ////////*/
/*//////////////////////////////////////*/
#navContainer {
	background: url(../images/background_nav-service-body_th.png) no-repeat center top!important;/*	height:100px;*/
}
.SloganCB {
	color: #ffffff!important;
}
.LinkAbout a {
	color: #ffffff!important;
}
.LinkAbout a:hover {
	color: #eb4724!important;
}
#mainProd li a {
	color: #ffffff!important;
}
#mainProd li:hover a {
	color:#ffffff!important;
	background:#122e3c!important;
}
#mainProd li:hover div a {
	color:#454545!important;
	background: url(https://carryboy.com/navigator/background_transparency.png) no-repeat center top!important;
}
#mainProd li:hover div a:hover {
	color:#eb4724!important;
}
.titleSub {
	color:#239fb9!important;
}
.dropdown_WWW {
	color:#122e3c!important;
}
#navWWW li a {
	color:#122e3c!important;
}
#navWWW li:hover div a:hover {
	color:#eb4724!important;
}
/*//////////////////////////////////////*/
/*///// End Important Navigation ///////*/
/*//////////////////////////////////////*/
body {
	margin: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/background_service-body.png), url(../images/background_051f2b.png);
	background-position: center top, center top;
	background-repeat: repeat, repeat;
	-webkit-margin-start: -1px;
}
/*(Top) - -webkit-margin-before
(Right) - -webkit-margin-end
(Bottom) - -webkit-margin-after
(Left) - -webkit-margin-start*/
img {
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
#fontStyleTH {
	width:auto;
	height:auto;
	font-family: ThaiSansLite;
	line-height:24px;
	font-size:22px;
	letter-spacing:0.3px;
    color:#122e3c;
}
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
#fontLink a:link {
	color: #0088cc;/* unvisited link */
	text-decoration: none;
}
#fontLink a:visited {
	color: #0088cc;/* visited link */
}
#fontLink a:hover {
	color: #0088cc;/* mouse over link */
	text-decoration: underline;
}
#fontLink a:active {
	color: #0088cc;/* selected link */
}
/*//////////////////////////////////////*/
/*///////// All Top Slide Show /////////*/
/*//////////////////////////////////////*/
.break {
	clear:both;
}
/* HEADER */
#headerTOPSHOW {
	height:535px;
}
.headerTOPSHOWimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:535px;
	position:absolute;
}
#DescriptionTOPSHOW {
	padding-top:10px;
	width:600px;
	height:30px;
	float:left;
	display:block;
/*	font-size:26px;*/
}
/* CONTROLS */
.btn {
	height:50px;
	width:44px;
	float:left;
	cursor:pointer;
}
#backTOPSHOW {
	background-image:url("../images/btn_circle-back.png");
	background-position: center;
}
#nextTOPSHOW {
	background-image:url("../images/btn_circle-next.png");
	background-position: center;
}
#controlTOPSHOW {
	background-image:url("../images/btn_circle-pause.png");
	background-position: center;
}
/* HEADER HAVIGATION */
#headerTOPSHOWnav-outer {
	position:relative;
	top:460px;
	margin:0 auto;
	width:950px;
	z-index:99998;	
}
#headerTOPSHOWnav {
/*	padding-left:0px;*/
}
/*/////////////////////////////////////*/
/*/////////////////////////////////////*/
.HeadProductLines {
	background: url(http://carryboycanopy.com/images/background_head-product-lines.png) no-repeat center top!important;
	color:#ffffff;
}
.ProductLines {
	background: url(http://carryboycanopy.com/images/background_product-lines.png) no-repeat center top!important;
	color: #00324f;	
}
.ProductLines a:link {
	color: #00324f;
	text-decoration: none;
}
.ProductLines a:active {
	color: #00324f;
	text-decoration: none;
}
.ProductLines a:visited {
	color: #00324f;
	text-decoration: none;
}
.ProductLines a:hover {
	color:#ff0000;
	text-decoration: underline;
}
.HeadColor {
	color:#2198dc;
}
/*//////////////////////////////////*/
/*//////// All Fonts Footer ////////*/
/*//////////////////////////////////*/
#fontFooter {
	width:auto;
	height:auto;
	font-family: ThaiSansLite;
	line-height:24px;
	font-size:22px;
	letter-spacing:0.3px;
    color:#122e3c;
}
#fontFooter a:link {
	color: #00bff3;/* unvisited link */
	text-decoration: none;
}
#fontFooter a:visited {
	color: #00bff3;/* visited link */
}
#fontFooter a:hover {
	color: #ff0000;/* mouse over link */
	text-decoration: underline;
}
#fontFooter a:active {
	color: #00bff3;/* selected link */
}
/*////////// Cookie Link //////////*/
.cookie-load a:link {
  color: #00bff3; /* unvisited link */
  text-decoration: none;
}
.cookie-load a:visited {
  color: #00bff3; /* visited link */
}
.cookie-load a:hover {
  color: #ff0000; /* mouse over link */
  text-decoration: underline;
}
.cookie-load a:active {
  color: #00bff3; /* selected link */
}
/*///////////////////////////////////*/
/*//////// Download Brochure ////////*/
/*///////////////////////////////////*/
.downL {
	float:left;
	width:128px;
	margin:20px 0 0 0;
}
.downColor {
	color:#2198dc;
}
/*/////////////////////////////*/
/*/////////// Zoom ////////////*/
/*/////////////////////////////*/
.zoom {
	float:left;
	overflow:hidden;
}
.zoom img {
	transform: scale(1);
	transition: transform 1s, opacity 1s;
}
.zoom:hover img {
	opacity: 1;
	transform: scale(1.09);
}
.text {
	position: relative;
}
.text-short {
	position: absolute;
	width: 100%;
	font-size: 18px!important;
}
/*/////////////////////////////*/
/*/////////// Tabs ////////////*/
/*/////////////////////////////*/
.tabs {
	display: flex;
	flex-wrap: wrap; /* make sure it wraps */
}
.tabs label {
	order: 1; /* Put the labels first */
	display: block;
	min-width: 33%;
	cursor: pointer;
	font-family: Abel-Regular;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
	background: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px; /* transition: background ease 0.2s; */
}
.tabs .tab {
	order: 99; /* Put the tabs last */
	flex-grow: 1;
	width: 100%;
	display: none;
	padding-top:20px; /* background: #90CAF9; */
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #2e96cd; /* Menu */
	color: #ffffff;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:0px;
	right:0px;
	overflow:hidden;
	width:100px;
	height:100px;
	border:none;
	text-indent:100%;
	background:url(../images/interface_totop.png) no-repeat left top;
	z-index:999999;
}
#toTopHover {
	background:url(../images/interface_totop.png) no-repeat left -100px;
	width:100px;
	height:100px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}