#mcts1 
{
    width:95%;
    height:309px;
    margin: 0 auto;
    /*padding:36px 20px;
    border:1px solid #dedcb4;
	box-shadow: 0px 1px 11px #CCCCCC;*/
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    
    
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}
#mcts2
{
    width:95%;
    height:309px;
    margin: 0 auto;
    /*padding:36px 20px;
    border:1px solid #dedcb4;
	box-shadow: 0px 1px 11px #CCCCCC;*/
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    
    
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}

#mcts3
{
    width:95%;
    height:309px;
    margin: 0 auto;
    /*padding:36px 20px;
    border:1px solid #dedcb4;
	box-shadow: 0px 1px 11px #CCCCCC;*/
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    
    
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}

#mcts1>* {display:none;}
  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts1 div.item 
{
    padding:2px;
    margin-right:6px; /* this specifies the distance between each thumbnail */
    background-color:White;
    /*border:1px solid #ddd;*/
    text-align:center;
    position:relative;
}

#mcts1 img 
{
    border:none;
}


/*---------built-in navigation buttons-------*/
#mcts1 .navPrev, #mcts1 .navNext, #mcts1 .navPlay, #mcts1 .navPause 
{
    width:18px; height:18px; position:absolute;  
   /* background:url(navButtons.png); */
    display:inline-block; z-index:5; cursor:pointer;
}
#mcts1 .navPrev {/*background-position:0 -22px;*/top:-30px;right:20px; background:url(../images/nav-btn-l.jpg) no-repeat;}
#mcts1 .navPrev:hover {/*background-position:0 -44px;*/ background:url(../images/nav-btn-l-hover.jpg) no-repeat;}
#mcts1 .navPrevDisabled, #mcts1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#mcts1 .navNext {/*background-position:-16px -22px;*/top:-30px;right:0px; background:url(../images/nav-btn-r.jpg) no-repeat;} 
#mcts1 .navNext:hover {/*background-position:-16px -44px;*/ background:url(../images/nav-btn-r-hover.jpg) no-repeat;} 
#mcts1 .navNextDisabled, #mcts1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 

#mcts1 .navPause, #mcts1 .navPlay {right:17px;top:-30px;}
#mcts1 .navPause {/*background-position:0 -66px;*/ /*background:url(../images/nav-btn-p.jpg) no-repeat;*/ visibility: hidden} 
#mcts1 .navPause:hover {/*background-position:0 -88px;*/ /*background:url(../images/nav-btn-p-hover.jpg) no-repeat;*/ visibility: hidden} 
#mcts1 .navPlay {/*background-position:-16px -66px;*/  /*background:url(../images/nav-btn-play.jpg) no-repeat;*/ visibility: hidden} 
#mcts1 .navPlay:hover {/*background-position:-16px -88px;*/ /*background:url(../images/nav-btn-play-hov.jpg) no-repeat;*/ visibility: hidden} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
       
/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts1 .navBullets
{
    display:none;
}

/*--------- class1 that is for the slide with HTML content------------*/
.mcts-box 
{
    width:178px;
    height: 307px;
    color:White;
	font-size:16px;
	font-weight:normal;
    white-space:normal;
	background:#FF0000;
	padding:25px;
	text-align:right;
}
.mcts-box h1{
  font-size:22px;  margin:0; padding:0; font-weight:bold; /*margin-bottom:10px;*/
}
.mcts-box  p
{
    margin-top:0;
    margin-bottom:6px;
    padding-top:px;
	text-align:right;
   
}

.mcts-box2 
{
    width:200px;
    height:244px;
    color:#242424;
	font-size:21px;
	font-weight:normal;
    white-space:normal;
	background:none;
	padding:36px;
	text-align:center;
	margin-right:20px;
}

.mcts-box2 h1{
  font-size:36px;  text-transform:uppercase; margin:0; padding:0; color:#ff0000; font-weight:bold; margin-bottom:10px;
}
.mcts-box2  p
{
    margin-top:0;
    margin-bottom:6px;
    padding-top:6px;
	text-align:center;
	 
   
}
#my-carousel-1 .mcts-box2  p{color: #FF0000;}


/* --------- Others ------- */
.mcts-box 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}
/*.mcts-box{ width:229px; height:307px; background:#FF0000;}*/
.mcts-box-icon{width:100%; text-align:center; padding-top:35px;}
a.cus-btn{transition:all 0.3s linear;background:#ff0000; color:#FFFFFF;  font-size:18px; text-transform:uppercase; text-decoration:none; padding:10px 28px; border-radius:6px; position:absolute; left:21%; top:78%;}
a.cus-btn:hover{background:#333333;}



.div1, .div2 {width:100%;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.floatLeft {float:left;}







#mcts2 
{
    width:95%;
    height:309px;
    margin: 0 auto;
    /*padding:36px 20px;
    border:1px solid #dedcb4;
	box-shadow: 0px 1px 11px #CCCCCC;*/
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    
    
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}
#mcts2
{
    width:95%;
    height:309px;
    margin: 0 auto;
    /*padding:36px 20px;
    border:1px solid #dedcb4;
	box-shadow: 0px 1px 11px #CCCCCC;*/
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    
    
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}

#mcts2>* {display:none;}
  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts2 div.item 
{
    padding:2px;
    margin-right:6px; /* this specifies the distance between each thumbnail */
    background-color:White;
    /*border:1px solid #ddd;*/
    text-align:center;
    position:relative;
}

#mcts2 img 
{
    border:none;
}


/*---------built-in navigation buttons-------*/
#mcts2 .navPrev, #mcts2 .navNext, #mcts2 .navPlay, #mcts2 .navPause 
{
    width:18px; height:18px; position:absolute;  
   /* background:url(navButtons.png); */
    display:inline-block; z-index:5; cursor:pointer;
}
#mcts2 .navPrev {/*background-position:0 -22px;*/top:-30px;right:20px; background:url(../images/nav-btn-l.jpg) no-repeat;}
#mcts2 .navPrev:hover {/*background-position:0 -44px;*/ background:url(../images/nav-btn-l-hover.jpg) no-repeat;}
#mcts2 .navPrevDisabled, #mcts2 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#mcts2 .navNext {/*background-position:-16px -22px;*/top:-30px;right:0px; background:url(../images/nav-btn-r.jpg) no-repeat;} 
#mcts2 .navNext:hover {/*background-position:-16px -44px;*/ background:url(../images/nav-btn-r-hover.jpg) no-repeat;} 
#mcts2 .navNextDisabled, #mcts2 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 

#mcts2 .navPause, #mcts2 .navPlay {right:17px;top:-30px;}
#mcts2 .navPause {/*background-position:0 -66px;*/ /*background:url(../images/nav-btn-p.jpg) no-repeat;*/ visibility: hidden} 
#mcts2 .navPause:hover {/*background-position:0 -88px;*/ /*background:url(../images/nav-btn-p-hover.jpg) no-repeat;*/ visibility: hidden} 
#mcts2 .navPlay {/*background-position:-16px -66px;*/  /*background:url(../images/nav-btn-play.jpg) no-repeat;*/ visibility: hidden} 
#mcts2 .navPlay:hover {/*background-position:-16px -88px;*/ /*background:url(../images/nav-btn-play-hov.jpg) no-repeat;*/ visibility: hidden} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
       
/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts2 .navBullets
{
    display:none;
}







.mcts1
{
	background:#f9e4e3;
	
}
.mcts2
{
	background:#f9e4e3;
	
}
.mcts3
{
	background:#f9e4e3;
	
}
.mcts4
{
	background:#f9e4e3;
	
}


/*.mcts1:hover
{
	background:red; color:#fff !important;
	
}
.mcts2
{
	background:#f7a6a5;
	
}
.mcts3
{
	background:#f9e4e3;
	
}
.mcts4
{
	background:#fbf0ef;
	
}*/












  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts3 div.item 
{
    padding:2px;
    margin-right:6px; /* this specifies the distance between each thumbnail */
    background-color:White;
    /*border:1px solid #ddd;*/
    text-align:center;
    position:relative;
}

#mcts3 img 
{
    border:none;
}


/*---------built-in navigation buttons-------*/
#mcts3 .navPrev, #mcts3 .navNext, #mcts3 .navPlay, #mcts3 .navPause 
{
    width:18px; height:18px; position:absolute;  
   /* background:url(navButtons.png); */
    display:inline-block; z-index:5; cursor:pointer;
}
#mcts3 .navPrev {/*background-position:0 -22px;*/top:-30px;right:20px; background:url(../images/nav-btn-l.jpg) no-repeat;}
#mcts3 .navPrev:hover {/*background-position:0 -44px;*/ background:url(../images/nav-btn-l-hover.jpg) no-repeat;}
#mcts3 .navPrevDisabled, #mcts1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#mcts3 .navNext {/*background-position:-16px -22px;*/top:-30px;right:0px; background:url(../images/nav-btn-r.jpg) no-repeat;} 
#mcts3 .navNext:hover {/*background-position:-16px -44px;*/ background:url(../images/nav-btn-r-hover.jpg) no-repeat;} 
#mcts3 .navNextDisabled, #mcts1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 

#mcts3 .navPause, #mcts1 .navPlay {right:17px;top:-30px;}
#mcts3 .navPause {/*background-position:0 -66px;*/ /*background:url(../images/nav-btn-p.jpg) no-repeat;*/ visibility: hidden} 
#mcts3 .navPause:hover {/*background-position:0 -88px;*/ /*background:url(../images/nav-btn-p-hover.jpg) no-repeat;*/ visibility: hidden} 
#mcts3 .navPlay {/*background-position:-16px -66px;*/  /*background:url(../images/nav-btn-play.jpg) no-repeat;*/ visibility: hidden} 
#mcts3 .navPlay:hover {/*background-position:-16px -88px;*/ /*background:url(../images/nav-btn-play-hov.jpg) no-repeat;*/ visibility: hidden} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
       
/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts3 .navBullets
{
    display:none;
}

/*--------- class1 that is for the slide with HTML content------------*/
.mcts-box 
{
    width:178px;
    height: 307px;
    color:White;
	font-size:16px;
	font-weight:normal;
    white-space:normal;
	background:#FF0000;
	padding:25px;
	text-align:right;
}
.mcts-box h1{
  font-size:22px;  margin:0; padding:0; font-weight:bold;/* margin-bottom:10px;*/
}

#mcts3 .item .s_arrows{ visibility:visible !important;}











	/** base carousel **/
	.carousel{position:relative}
		.carousel ul {
		    position:absolute;
		    overflow:hidden;
		    margin:0;
		    padding:0;
		    list-style:none;
		}

		.no-js .carousel ul {position:static;}

		.carousel .mask {
		    position:relative;
		    overflow:hidden;
		    
		}

		.carousel ul li {
			float:left;
		    color:#fff;
			font-size:8em;
			background-color: #FFFFFF;
			margin-right: 6px;
			padding: 2px;
			position: relative;
			text-align: center;
		}

		.carousel .pagination-links {
		    list-style:none;
		    margin:0;
		    padding:0;
		}
		 
		.carousel .pagination-links li {
		    display:inline;
		}

		.carousel .pagination-links li a {
			padding:2px 6px;	
		}

		.carousel .pagination-links li a:hover {text-decoration:none;}

		.carousel .pagination-links li.current a {
			 background:#444;
			 color:#fff;
		}
		 
		.carousel .disabled {
		    color:gray;
		    cursor:default;
		}
		.carousel a.prev{position: absolute;
    right: 25px;
    top: -30px; }
		.carousel a.next{position: absolute;
    right: 0px;
    top: -30px; }
		
		/** my carousel 1 **/
		#my-carousel-1 .mask {
			width:100%;
		}

		/** my carousel 2 **/
		#my-carousel-2 .mask {
			width:100%;
		}
		#my-carousel-3 .mask {
			width:100%;
		}

		#my-carousel-1 ul li {
			margin:0 20px 0 0;
		}
		#my-carousel-2 ul li{
			margin:0 21px 0 0;
		}
		#my-carousel-3 ul li {
			margin:0 20px 0 0;
		}

		/** my carousel 3 **/
		#my-carousel-3 .mask {
		width:100%;
		}