/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	letter-spacing: 0.05em;
	color:#595757;
}
body {
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體";
	font-size: 97%;
	line-height: 28px;
}

input,button,select,textarea{outline:none}
textarea{resize:none}
textarea.form-control{outline:none}
textarea:focus{outline:none}
body,select,input,button {font-family: "微軟正黑體";}
input[type=checkbox],label,select,button { vertical-align: middle; border-radius: 0;-webkit-appearance: none;} 
input[type="text"],select {-webkit-appearance: none;border-radius: 0;}
button,input,select{font-family: "微軟正黑體",sans-serif;cursor: pointer;}
html,body {
	height: 100%;
	position: relative;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus{text-decoration: none;cursor: pointer; }
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;
}
.shadow {
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
}
.mt{margin-top: 30px;}
.mt1{margin-top: 20px;}
.md{margin-bottom: 40px;}
/* float */
.right{ float:right; }
.left{ float:left; }
.hide{ clear:both;}
.relative{position: relative;}
.img-responsive{max-width:100%;height:auto}
/* box-sizing  */
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* clearfix */
.clearfix:before,.clearfix:after {display:table;line-height:0;content:"";}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1; /*forIE*/}

/*transition */
*:link,
*:visited,
*:hover,
*:active,
*:focus {
 -moz-transition:color .5s linear, background-color .5s linear, border-color .5s linear, opacity .5s linear;
 -o-transition:color .5s linear, background-color .5s linear, border-color .5s linear, opacity .5s linear;
 -webkit-transition: color .5s linear, background-color .5s linear, border-color .5s linear, opacity .5s linear;
 transition: color .5s linear, background-color .5s linear, border-color .5s linear, opacity .5s linear;
}
/* transition end */
/*TOP BANNER*/
.topback{
	display: block;
	height: 500px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.newtop{
	display: block;
	height: 400px;
	background-image: url(../images/newtop.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.contacttop{
	display: block;
	height: 400px;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.Mtop{
	display: none;
}
.w100{width:100%!important}
.w50{float: left;width: 50%;}
.fr-w{
	color: #FFF;
}
.fr-b{
	font-weight: bold;
	color: #000;
	font-size: 110%;
}
.fr-b01{
 font-size: 130%;
	font-weight: bold;
	color: #4dc28a;
	padding: 5px 0px;}
.fr01{
	color: #000;
	font-size: 160%;
	margin-bottom: 10px;
}
.fr02{color: #000;font-size: 130%;}
.fr03{color: #3db97e;font-weight: bold;font-size: 105%;}
/*navbar*/
.navbar{
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
}
.nav{
	margin-top: 25px;
}
.logo img{
	height: 80px;	
}
.navbar-brand{
	float: left;
	height: auto;
	padding: 0px;
}
.nav-item{
	margin-bottom: 0px;
}
/*.nav-item:hover{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	border-bottom: 5px solid #00894a;
	
}*/
.tti{color: #000;padding: 30px 0px;}
.tti strong{ color:#00894a}
.tti_w{color: #fff;padding: 30px 0px;}
.tti_w strong{ color:#fff}
.h3{
	color: #000;
	padding: 10px 0px;
	font-size: 150%;
	font-weight: bold;
}
.h4{
	font-size: 120%;
	color: #00894a;
	font-weight: bold;
	margin-top:10px;
}
.h5{
	font-size: 120%;
	color: #030000;
	margin: 30px 0px;
}
.ti_w{
	font-size: 130%;
	color: #FFF;font-weight: bold;
}
.list{
	list-style-type: disc;
	padding-left: 20px;
	margin-bottom: 30px;	
}
.line-caption{
	display: table;
	white-space: nowrap;
	text-align: center;
	
}
.line-caption:after,.line-caption:before{
	content: '';
	display: table-cell;
	position: relative;
	top: 0.7em;
	width: 45%;
	border-top: 1px solid #dee1e6;
}
.line-caption:before{right: 2.5%;}
.line-caption:after{left: 2.5%;}
.event-line-caption{
	width: 95%;
	font-size: 185%;
	/*color: #fff;*/
	margin-bottom: 25px;
	margin: 20px 0px;
	margin-right: auto;
	margin-left: auto;
	line-height: 35px;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#about,#service,#equipment,#dynamic{
	padding-top: 30px;	
}
#back-about{
	background-image: url(../images/back-about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	background-color: #ecedf1;
	padding: 30px 0px  60px 0px;
}
#back-about ul li{
	border-radius: 5px;
	background-color: #3db97e;
	color: #FFF;
	padding: 25px;
	text-align: center;
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	height: 210px;	
}
#back-about ul li:nth-child(3n){margin-right: 0%;}
#back-about ul li p{
	font-size: 150%;
	margin-bottom: 15px;
	border-bottom: 1px solid #FFF;
	padding-bottom: 15px;
}
.back-gray{
	padding:3px 0px 40px 0px;
	background-color: #f5f5f5;
}
#back-device{
	background-image: url(../images/back-device.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	background-color: #020202;
	padding:3px 0px 30px 0px;
	color: #FFF;
}
#back-device .fa{
	margin-right: 8px;
}
#back-device p{
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;
}
#back-device ul li{
	margin-bottom: 15px;
}
#back-device .ps{
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	padding: 5px 0px;
}
#back-device .ps2{
	font-size: 140%;
	font-weight: bold;
	color: #4dc28a;
	padding: 5px 0px;
}
#back-device .pic{
	text-align: center;
	float: left;
	width: 50%;
	padding-bottom: 50px;
}
#back-green{
	padding:40px 0px 0px 0px;
	background-color: #2da66d;
	color: #FFF;
}
#back-green2{
	padding:40px 0px 0px 0px;
	background-color: #4dc28a;
	color: #FFF;
}
.contact{
	margin: 20px 0px 30px 0px;
}
.contact li .fa{
	height: 30px;
	width: 30px;
	margin-right: 8px;
	text-align: center;
}
.contact li strong{
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 8px;
}
.contact li{
	margin-bottom: 10px;
}
.follow {
	width: 40px;
	height: 40px;
	border-radius: 99em;
	background-color: #FFF;
	color: #2da66d;
	display: inline-block;
	text-align: center;
	margin: 20px  10px;
	line-height: 40px;
	font-size: 150%;
}
.follow:hover {
	background-color: #00894a;
	color: #FFF;
}

.follow span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55%;
	word-spacing: 0em;
	line-height: 0px;
	vertical-align: middle;
}
.person{float: left;width: 30%;	}
.person_text{float: left;width: 70%;}
/*button*/
.btnstyle{
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	margin-top: 20px;
	color: #2abf89;
	font-size: 100%;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
	border: 1px solid #2abf89;
	background-color: #FFF;
}
.btnstyle:hover{
	background-color: #2abf89;
	color: #FFF;
}
.btnstyle a{
	color: #FFF;
	text-decoration: none;
}
/*footer*/
footer{
	background-color: #4d5451;
	font-size: 70%;
	color: #FFF;
	text-align: center;
	line-height: 20px;
	padding: 10px 0px;
}
footer p{
display:inline-block;
	margin:0 5px;
}
.nav-tabs{
	border: none;
	margin-bottom: 20px;
	}
.nav-tabs>li>a {
	/*background-color: #FFF;*/
	border-color: #9fa0a0; /*50%*/
	border-radius: 0px;
	color: #808080;
	margin-right: 20px;
	font-size: 115%;
}
/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #00894a;
  border: 1px solid #86B645;
  border-radius: 0px;
}
/* hover tab color */
.nav-tabs>li>a:hover {
  border-color: #808080;
  background-color: #C9DEAE;
}
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

/* center tabs */
.nav-tabs, .nav-pills {
    text-align:center;
	 border-radius: 0px;
}
.client{
	margin-top: 30px;
	margin-bottom: 30px;
}
.client  li{
	float: left;
	width: 23.5%;
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	margin-right: 2%;
	padding: 10px 0px;
}
.client li p{overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.client li .logoimg {
	overflow: hidden;
	position: relative;
	height: 80px;
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.client li .logoimg img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	position: absolute;
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.client li:nth-child(4n){margin-right: 0%;}
.news .box{
	text-align: center;
	margin: 0px  10px;
	background-color: #FFF;
	
}
.news .box p{
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #000;
	padding: 15px 20px 5px 20px;
	overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.news .boxtext{
	padding: 0px 20px 20px 20px;
}

.news .text{
}
.news .box a{color:#595757;}
.news .box:hover,.news .box:hover p,.news .box:hover .text{color: #0a5f8d;}
.news .box .pic {
	overflow: hidden;
	position: relative;
	height: 230px;
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.news .box .pic img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height: 230px;
	position: absolute;
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.news .box .pic:hover img{
    opacity:0.8;
    /*transform:scale(1.05);*/

}

.news .slick-dots {
	width: 100%;
	text-align: center;
	padding-left: 0;
	position: absolute;
	bottom: -50px;

}
.news .slick-dots li{
	display: inline-block;
	border: 1px solid #097920;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer; 
}

.news .slick-dots li button{
	display: none;
}
.news .slick-dots li.slick-active {	
	background-color: #097920;
}

#news_detail h2,#contact_detail h2{
	color: #000000;
	padding: 30px 0px;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}
#news_detail .ti{
	color: #00894a;
	border-bottom: 1px solid #CCC;
	margin: 20px 0px;
	padding-bottom: 20px;
	font-size: 150%;
	position: relative;
}
#news_detail .day{
	color: #595757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	position: absolute;
	right: 0px;
}
/*#news_detail .newpic{
	text-align: center;
	width: 100%;
	height: 670px;
}
#news_detail .newpic img{
	text-align: center;
  margin: auto;
}*/
#news_detail .newpic {
	text-align: center;
	/* height: 0; */
	width: 100%;line-height: 0px;
	/* padding-bottom: 60%; */
}
#news_detail .newpic img{
	width: auto;
	height: auto;
	max-height: 600px;
	max-width: 100%;
	display: inline-block;
	
}
#news_detail .container{
	padding: 15px 15px 45px 15px;
}
#news_detail .number {
	border: 1px solid #2da66d;
	color: #2da66d;
	display: inline-block;
	width: 17%;
	float: left;
	padding: 5px;
	margin: 0px 1.5%;

}
#news_detail .titt{
	color: #000000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: bold;
	margin-top: 5px;
	width: 80%;
	float: left;
}
.tab-pane2 {display: block;visibility: hidden;}
.tab-content2>.tab-pane2 {display: block;visibility: hidden;}
.tab-content2>.tab-pane2.active {visibility: visible;}
.tab-content2{position: relative;}
.tab-pane2:not(:first-child){position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.map{margin: 30px 0px;}
.item:before,.item:after {display:table;line-height:0;content:"";}
.item:after {clear:both;}
.item {*zoom: 1; /*forIE*/}
.item{margin-bottom: 40px;}
#service .item h3{color: #000;}
.item  h3{
	padding: 20px 0px  10px 0px;
	font-size: 150%;
	font-weight: bold;
}
.item .pic{
	float: left;
	width: 30%;
	margin-right: 4%;
	text-align: center;
}

.item .text{float: left;width: 66%;}
.imh_opacity {
	overflow: hidden;
	position: relative;
	height: 230px;
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.imh_opacity img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height: 230px;
	position: absolute;
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.imh_opacity:hover img{
    opacity:0.8;
    /*transform:scale(1.05);*/

}
.card-text {
	height: 0px;
	overflow: hidden;
}
.heightAuto{height: auto;}
.cardopen {
	text-align: center;
	color: #00894a;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #00894a;
	background-color: #FFF;
	font-size: 110%;
	margin: 20px 0px;
	padding: 10px 100px;
 }
.cardopen:hover{
	color: #FFF;
	background-color: #00894a;
}
 
.hide { display: none; }/* SCROLL TO TOP*/
/*================================================*/
.scrollup:link,
.scrollup:visited,
.scrollup:hover,
.scrollup:active,
.scrollup:focus{color: #FFF;cursor: pointer; }
.scrollup {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	z-index: 1010;
	height: 40px;
	display: none;
	border-radius: 50%;
	text-align: center;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.53);
	color: #FFF;
	background-color: #2da76e;
	line-height: 40px;
}
.navbar-default .navbar-nav>li{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;	
	color: #777;
	
	/*border-bottom: 5px solid #fff;*/

}
.navbar-default .navbar-nav>li .on{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;	
	color: #777;
	border-bottom: 5px solid #00894a;
	
	
	

}
.navbar-default .navbar-nav>li>a{color:#777;border-bottom: 5px solid #fff;}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent;border-bottom: 5px solid #00894a}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;	
	border-bottom: 5px solid #00894a;
	background-color: #FFF;
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-nav .dropdown-item {
	background-color: #FFF;
	color:#777;
}
/*
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus ,.nav .on{
  -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;	
	border-bottom: 5px solid #00894a;
	background-color: #00894a;
}*/

.navbar-collapse{
	overflow: visible;
	z-index: 111;
	display: block;
}
/*formBox*/
.formBox{
	margin-bottom: 30px;
}
.formBox ul p{
	font-size: 18px;
	font-weight: bold;	
	text-align: left;
	width: 80%;
	margin: 10px auto;

}
.formBox .box{
	border-radius: 5px;
	position: relative;
	border: 1px solid #e6e6e6;
	margin-bottom: 30px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.formBox .wdiv{
	margin-bottom: 30px;
	width: 80%;
	margin: auto;
}
.formBox .wdiv .box{
	border-radius: 5px;
	position: relative;
	border: 1px solid #e6e6e6;
}
.formBox .wdiv .w20{
	width: 20%;
	float: left;
}
.formBox .wdiv .w80{
	width: 80%;
	float: left;
}
.formBox .box i{
	display: block;
	font-size: 20px;
	color: #999999;
	width: 45px;
	line-height: 45px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 5px;
	transition: all 0.4s ease;
}
.formBox .box input[type="text"]:focus ~ i,.formBox .box select:focus ~ i,
.formBox .box input textarea:focus ~ i{
	color: #fca03d;
}

.formBox .box input[type="text"]{
	border: none;
	background: none;
	outline: none;
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	padding: 5px 45px 5px 10px;

	

}


.formBox .box select{
	border: none;
	background: none;
	outline: none;
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	padding: 5px 0px 5px 10px;

}

.formBox .box textarea{
	border:none;
	background:none;
	outline:none;
	border:none;
	width:100%;
	height:200px;
	padding: 5px 40px 5px 5px;
	box-sizing:border-box;}

.formBox .box input[type="text"]:focus ~ i,.formBox .box select:focus ~ i,
.formBox .box textarea:focus ~ i{
	color:#3db97e;}

.formBox .btn{
	margin-top:10px;
	margin-left:10px;}

.formBox .btn .hvr-icon-forward:before{
	right: 11px;
    top: 11px;}
.formBox label{
color:#a9a9a9;
}
#tab{
	text-align: center;
	margin-top: 30px;
}
/* 頁籤ul */
#tab>ul{
overflow: hidden;
margin: 0;
/*padding: 10px 20px 0 20px;*/
}
#tab>ul>li{
list-style-type: none;
    display:inline-block;
 
}
#tab>ul>li>a{
	text-decoration: none;
    font-size: 115%;
	color: #9fa0a0;
	float: left;
	padding: 10px  15px;
	margin-left: 10px;
	border: 1px solid #9fa0a0;
	margin-right: 10px;
}
 
/*頁籤div內容*/
#tab>div {
  clear:both;
  padding:0 15px;
  height:0;
  overflow:hidden;
  visibility:hidden;

}
 
/* span:target */
#tab-1:target,
#tab-2:target,
#tab-3:target,
#tab-4:target{
	color: #FFF;
}
.target{
	color: #FFF;
}
/*第一筆的底色*/
span:target ~ #tab > ul li:first-child a {
	background-color: #FFFFFF;
	color: #9fa0a0;
}
span:target ~ #tab > div:first-of-type {
visibility:hidden;
  height:0;
  padding:0 15px;
}
 
/*頁籤變換&第一筆*/
span ~ #tab > ul li:first-child a,
#tab-1:target ~ #tab > ul li a[href$="#tab-1"],
#tab-2:target ~ #tab > ul li a[href$="#tab-2"],
#tab-3:target ~ #tab > ul li a[href$="#tab-3"],
#tab-4:target ~ #tab > ul li a[href$="#tab-4"] {
	background: #00894a;
	color: #FFF;
}
 
/*頁籤內容顯示&第一筆*/
span ~ #tab > div:first-of-type,
#tab-1:target ~ #tab > div.tab-content-1,
#tab-2:target ~ #tab > div.tab-content-2,
#tab-3:target ~ #tab > div.tab-content-3,
#tab-4:target ~ #tab > div.tab-content-4 {
	visibility: visible;
	height: auto;
	background: #fff;
}
/*大圖輪播*/
/*---------------------------------------
   dm-carousel-lg
-----------------------------------------*/
.dm-carousel-lg .bpc{display: block;}
.dm-carousel-lg .bm{display: none;}
.dm-wrap-lg{
	position: relative;
	overflow: hidden;
}
.dm-wrap-lg .container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin:0; 
}
/*.dm-carousel-lg li img { max-width: 100%; height: auto; }*/
.dm-carousel-lg li {
	overflow: hidden;
	position: relative;
	height: 500px;
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.dm-carousel-lg li img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height: 500px;
	position: absolute;
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.dm-carousel-lg .slick-dots {
	width: 100%;
	text-align: center;
	padding-left: 0;
	position: absolute;
	bottom: 0px;

}
.dm-carousel-lg .slick-dots li{
	display: inline-block;
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
	background-color:#888686; 
}

.dm-carousel-lg .slick-dots li button{
	display: none;
}
.dm-carousel-lg .slick-dots li.slick-active {	
	background-color: #008949;
}
@media screen and (max-width: 1024px) {
.dm-carousel-lg li,.dm-carousel-lg li img {height: 400px;}
}
@media screen and (max-width: 768px) {
.dm-carousel-lg li,.dm-carousel-lg li img {height: 330px;}
}
@media screen and (max-width: 680px) {
.dm-carousel-lg li,.dm-carousel-lg li img {height: 210px;}
.dm-carousel-lg .bpc{display: none;}
.dm-carousel-lg .bm{display: block;}
.tti{color: #000;padding: 0px 0px;}
}
@media screen and (max-width: 375px) {.dm-carousel-lg li,.dm-carousel-lg li img {height: 190px;}}
@media screen and (max-width: 320px) {.dm-carousel-lg li,.dm-carousel-lg li img {height: 160px;}}
/*---------------------------------------*/
/*大圖輪播END*/