.swiper-container {
        width: 100%;
        height: 100%;
}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #000;*/

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;	
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		overflow:hidden;
}
.swiper-container-v {
        background: #eee;
}
.swiper-container-project{
	width:100%;
	height:auto;	
}
.kvimg{
	position:relative;
	width:100%;	
	opacity:1;
}
.kvimg:hover{
	opacity:1;
	animation-name: example;
    animation-duration: 1s;
	animation-fill-mode: forwards;
    /*animation-timing-function: linear;*/
    /*animation-delay: 2s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-direction: alternate;*/
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  from {opacity:0.3;}
  to {opacity:1;}
 }

/* Standard syntax */
@keyframes example {
  from {opacity:0.3;}
  to {opacity:1;}
}
.kvbox{
	position:absolute;
	width:100%;
	left:0%;
	bottom:0px;
	background-color:#000000;
	color:#ffffff;
	text-align:left;
}
.kvboxborder{
	padding:	50px 100px 50px 100px;
}
.KVcom{
	font-family:DeltaBQ-Light, "Helvetica Neue", Helvetica, Arial,'Microsoft JhengHei',微軟正黑體, sans-serif;
	font-size:11px;	
}
.KVdetails{
	font-family:DeltaBQ-Light, "Helvetica Neue", Helvetica, Arial,'Microsoft JhengHei',微軟正黑體, sans-serif;
	font-size:11px;	
	color:#9a9a9a;
	padding-left:30px;
}
.KVcom:hover{
	text-decoration:underline;
}
.KVdetails:hover{
	text-decoration:underline;
}
.KVlogoframe{
	position:absolute;
	top:50%;
	left:50%;	
	z-index:100;
}
.KVlogo{
	position:relative;
	top:-195px;
	left:-175px;
	width:350px;
	
}
.KVbtnframe{
	position:absolute;
	bottom:10%;
	left:50%;	
	z-index:100;
}
.KVbtn{
	position:relative;
	width:200px;
	left:-100px;
	top:-37px;	
	cursor:pointer;
}
.companyprofile_left,.companyprofile_right{
	position:relative;
	float:left;
	width:50%;	
}
.comborder_left{
	padding-right:25px;	
}
.comborder_right{
	padding-left:25px;
}
.comcenterbox{
  width:90%;
  height:auto;
  /*overflow: auto;*/
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  
  
  display: -webkit-box;
  
  /*
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;	
  */
  
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  
  font-size:16px;
  color:#ffffff;
  
}
.btnlink{
	position:relaitve;
	padding:5px 30px 5px 5px;
	background-image:url(../images/home/btn_link.png);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}
.btnlink:hover{
	background-image:url(../images/home/btn_link_on.png);
	color:#ffc121;
}
.aboutusline1frame{
	position:absolute;
	top:0px;
	left:0px;
	width:10%;
}
.aboutusline2frame{
	position:absolute;
	bottom:0px;
	right:0px;
	width:10%;
}
.aboutusline1{
	position:relative;
	margin-top:-180%;
	left:-60%;
}
.aboutusline2{
	position:relative;
	margin-bottom:-180%;
	right:-50%;	
}
.contactusspace{
	height:100px;	
}
.projectborder{
	position:relative;
	width:auto;
	padding:40px 87px 75px 87px;
	background-color:#141414;
}
.projecttitle{
	position:relative;
	width:100%;
	text-align:center;
	padding:0px 0px 20px 0px;
	font-size:20px;
	font-family:Delta-Medium;
	letter-spacing: 5px;
}
.projecttitlemore{
	position:relative;
	width:100%;
	text-align:center;
	/*padding:0px 0px 20px 0px ;*/
	font-size:20px;
	font-family:Delta-Medium;
	letter-spacing: 5px;
	display:none;
}
.subprojectframe{
	position:relative;
	width:100%;
	float:left;
}
.subprojectbox{
	position:relative;
	width:50%;
	float:left;
}
.projecttitleline{
	font-family:DeltaBQ-Light;
	color:#ffc121;
	
}
.subprojectboxborder{
	position:relative;
	padding:13px 13px 13px 13px;	
}
.projectsubframe{
	position:relative;
	width:auto;	
	bakcgound-color:#c0c0c0;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
}
.projectpic{
	position:relative;
	width:100%;
}
.projectshd{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;	
}
.projecttext,.projectline{
  width:60%;
  height:100%;
  /*overflow: auto;*/
  margin: auto;

  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  display: -webkit-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  
  font-family:Delta-Medium, "Helvetica Neue", Helvetica, Arial,'Microsoft JhengHei',微軟正黑體, sans-serif;
  font-size:26px;
  color:#ffffff;
  letter-spacing:3px;
}
.subprojecttext{  
  font-family:"DeltaBQ-Light", "Helvetica Neue", Helvetica, Arial,'Microsoft JhengHei',微軟正黑體, sans-serif;
  font-size:14px;
  color:#ffffff;
  letter-spacing:3px;
}
.moreprojectgroup{
  position:relative;
  width:600px;
  font-size:16px;
	letter-spacing: 3px;
  margin-top:67px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  display:inherit;
  padding-top: 30px;
}
.moreprojectgroup2{
  position:relative;
  width:100%;
  font-size:20px;
  margin-top:67px;
  text-align:center;
  display:none;
}
.projectlinkbox{
	position:relative;
	width:150px;
	float:left;
}
.moreprojecttext{
	position:relative;
	float:left;
	padding:5px 0px 5px 0px;	
	cursor:pointer;
}
.moreprojecttext:hover{
	/*font-family:Delta-Medium;*/
	color:#ffc121;
}
@media (max-width:1800px){
/*
.kvimg{
	width:auto!important;
	height:100%;	
}
*/	

.kvboxborder{
	padding:	30px 80px 30px 80px;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 15% !important;
}
.swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
}
.KVlogo{
	position:relative;
	/*width:400px;
	height:185px;
	top:-93px;
	left:-200px;*/
	
	width:300px;
	top:-150px;
	left:-150px;
}
.KVbtnframe{
	bottom:20%;	
}
.projecttext{

  font-size:20px;
}
}
@media (max-width:1000px){
.companyprofile_left,.companyprofile_right{
	float:none;
	width:100%;	
}
.comborder_left,.comborder-right{
	padding:25px 0px 25px 0px;	
}
.btnlink{
	background-image:url(../images/home/btn_link_on.png);
	color:#ffc121;
}
.comborder_rightspace{
	display:none;	
}
.comcenterbox{
  width:90%;
  height:auto;
  /*overflow: auto;*/
  margin: auto;
  position:relative;
  top: 0; left: 0; bottom: 0; right: 0;
  padding:50px 0px 50px 0px;
  font-size:18px;
}
.contactusspace{
	height:300px;	
}
.projecttext{
  width:100%;
  height:auto;
  /*overflow: auto;*/
  margin: auto;
  position:relative;
  top: 0; left: 0; bottom: 0; right: 0;
  display:block;
  margin-top:10px;
  margin-bottom:40px;
	font-family: "DeltaBQ-Light", "Helvetica Neue", Helvetica, Arial,'Microsoft JhengHei',微軟正黑體, sans-serif;
  font-size:16px;
}
.subprojecttext{
  font-size:12px;
}
.aboutusline1frame{
	width:20%;
}
.aboutusline2frame{
	width:20%;
}
}


@media (max-width:831px){
.webonly{
	display:none;
}
.kvboxborder{
	padding:20px 30px 20px 30px;
	text-align:center;
}
.KVdetails{
	display:none;
}
.hidemoble{
	display:none;
}
.KVcom{
	font-size:14px;	
}
.KVdetails{
	font-size:14px;	
}
.KVlogo{
	position:relative;
	width:200px;
	top:-130px;
	left:-100px;
}
.KVbtnframe{
	display:none;	
}
.comborder_right{
	padding-left:0px;
}

.subprojectbox{
	width:100%;	
}


.projectshd{
  display:none;
}
.projectline{
  display:none;
}
.projectborder{
	padding:40px 17px 115px 17px ;

	margin-top:100px;
}
.moreprojecttext{
	position:relative;
	width:28%;
	float:left;
	border:#777777 1px solid; 
	margin:2%;
	margin-bottom: 50px;
	margin-top:30px;
	font-size:12px;
	padding:20px 0px 20px 0px;	
	cursor:pointer;
}
.moreprojectgroup{display:none;}
.moreprojectgroup2{display:inherit;}
.projecttitlemore{display:inherit;}
}