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

.dx-slideshow { display:block; margin:1em 0;  padding:1em; background:#fff; clear:both; text-align:center; max-width:100%; width:100%;}
.dx-slideshow h3 { font-size:1.5em; font-weight:normal; line-height:1.3em; border-bottom: 1px solid #666; padding-bottom:4px;}
.dx-ss-slide-container { min-height:565px; }
.dx-ss-slide {  height:560px; position:relative;}
.dx-ss-caption { /* bottom:0px; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.7); text-align:center; padding:5px 0px; color:#fff; display:inline-block;  */ 				
					font-size:14px; line-height:1.1em; /* position:absolutex; */ width:100%; display:block; 
					 }
					
.dx-ss-caption span { display:block; max-width:960px; padding:3px; }

.dx-ss-caption span p { 	/* word-break: break-all */ } 

			
.dx-ss-pic 	{ text-align:center; width:100%; position:relative; }
.dx-ss-pic img { height:560px; /* border:1px solid #fff; */}
.dx-ss-thumb 	{ text-align:center; cursor:pointer; border:1px solid #fff; opacity:0.6; filter:alpha(opacity=60);  width:50px; height:50px; /* display:block; float:left; */}
.dx-ss-thumb.active,.dx-ss-thumb:hover 	{ border:1px solid #bbbbbb; /* box-shadow:0px 0px 6px #000; */ opacity:1; filter:alpha(opacity=100)}

.dx-ss-thumbs-container { margin:22px 0px 16px 0px; width:700px; display:inline-block; max-width:700px; white-space:normal; }

.dx-ss-thumb { 
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.dx-ss-prev,.dx-ss-next {  	display:inline-block;  width:22px; height:24px; color:#fff; line-height:22px; font-size:16px; text-indent:8px; margin-top:36px;
							background-color:#d1d1d1;background-repeat:no-repeat; border:none;  text-indent:-5000px; overflow:hidden;}
.dx-ss-next 		{ background-image:url(../images_template/next-arrow.png); margin-left:4px;  margin-right:95px; background-position:-22px 7px; float:right;  }
.dx-ss-prev 		{ background-image:url(../images_template/prev-arrow.png); background-position:8px 7px; margin-left:95px; float:left; }
.dx-ss-next:hover { background-position:8px 7px; background-color:#666 }
.dx-ss-prev:hover { background-position:-22px 7px; background-color:#666 }

.tpl-no-pic .col-left .dx-ss-prev , .tpl-pic .col-left .dx-ss-prev,
 .tpl-no-pic .col-left .dx-ss-next , .tpl-pic .col-left .dx-ss-next  { margin-left:0px; margin-right:0px;}

.tpl-no-pic .col-left .dx-ss-thumbs-container,
.tpl-pic .col-left .dx-ss-thumbs-container {  width:auto; max-width:660px;}

.tpl-no-pic .col-left .dx-slideshow,
.tpl-pic .col-left .dx-slideshow { width:728px;  overflow:hidden; }



@media (max-width: 400px) {
	
img.dx-ss-thumb	{ max-width:30%; } 
.dx-slideshow { padding:0em; }
.dx-ss-thumbs-container { display:none;  }
.dx-ss-pic img { height:auto; /* border:1px solid #fff; */}
.dx-ss-slide-container { min-height:50px; }
.dx-ss-slide {  height:auto; }
}


/*** for Wordpress ***/

body.mc-wp .dx-ss-slide-container { min-height:465px; }
body.mc-wp .dx-ss-slide {  height:460px; position:relative;}
body.mc-wp .dx-ss-pic img { height:460px; /* border:1px solid #fff; */}
body.mc-wp .dx-ss-thumbs-container { margin:22px 0px 16px 0px; width:600px; max-width:600px;  }
body.mc-wp .dx-ss-next 		{ margin-right:15px;  }
body.mc-wp .dx-ss-prev 		{ margin-left:15px; }
body.mc-wp  .dx-slideshow { display:block; margin:1em 0;  padding:1em 0em; background:#fff; clear:both; text-align:center; max-width:100%; width:100%;}