@charset "utf-8";

/* CSS Document */
body, html { height:100%; }
body {font-family: 'Open Sans', 'sans-serif' ,'Lato', '微軟正黑體'; /*自行增減使用 */font-size: 16px;line-height:1.6;color: #323232;background:#fff;}
a { color:#333; text-decoration: none; }
a:focus {color:#19a568;}
a:hover { color:#3eb134; text-decoration: none; -o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear; /*連結淡入淡出*/text-decoration:none;}
a:visited, a:active, a:link, a:focus{ text-decoration:none; outline:none;}
/*-- 基礎設定 --*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.css-shadow {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
}
.imgholder img{
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
}
.rotation360 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.rotation360:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.fadeout img {  filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;    
    transition: opacity .5s ease-in-out; }
.fadeout:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }



/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }


.major-title{position: relative;}
.major-title:before, .major-title:after {content: '';background: #3eb134;}
.major-title:before{position: absolute;width: 18px;height: 18px;border-radius: 100%;bottom: -9px;left: 50%;margin-left: -9px;border: solid 6px #fff;}
.major-title:after {width: 3em;height: 1px;display: block;margin: .5em auto 1em;}

.sticker{position: absolute;top: 0;right: 0;background: #ff3019; /* Old browsers */background: -moz-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */padding: 4px 10px; z-index:1;}
.sticker p{margin: 0; color: #fff;font-size: 14px;}



/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#969595; }
.black { color:#000; }
.blue { color: #2f7bb7; }
.red { color: #fe0000; }
.green { color: #3eb134; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }

.imggs{max-width: 100%;}

/* 標題 */
h2.title{margin-bottom: 30px;text-transform: uppercase;font-weight: bold;color: #3eb134;}

/*按鈕*/
.btn_black { background:#303132; color:#fff; padding:5px 20px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
.btn_black:hover {  background: #000000;  color: #fff; }
.btn-red {  background: #3eb134;  color: #fff;  padding: .5em 1.8em;  font-weight: bold;  font-size: 15px; letter-spacing:.5px; }
.btn-red:hover { background: #414141; color: #fff; }

.btn-style2{position: relative;display: inline-block;margin: 0 0 2em 0;padding: 7px 28px;border-bottom:solid 1px #1e1f18;color: #1e1f18;}
.btn-style2:hover{border-bottom-color: #3eb134;color: #1e1f18;padding-left:70px;margin-right: 42px;}
.btn-style2::after{content: '';position: absolute;left:50%;bottom:4px;width: 14px;height: 1px;background: #1e1f18;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);opacity:0;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn-style2:hover::after{left: 0;background: #3eb134;opacity:1;}
.btn-style2.goright:hover{border-bottom-color: #0e7db2;}
.btn-style2.goright::after{left:inherit;right:50%;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.btn-style2.goright:hover::after{left:inherit;right:0;background: #0e7db2;}

/* 回頂端 */
#goTop {
	position:fixed;	bottom:20px; right:20px;	width:100px;	height:60px;
	cursor:pointer;	display:none; z-index: 99;
}
#goTop:hover {opacity: .5}

/*表單*/
input { color: #7d7d7d; padding: 3px 10px; }
.form-control { background: #ffffff; border-color: #e6e6e6;  margin-bottom: 15px;}

/* 效果 */
.action1s {
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/*-- 頁面開始 --*/
/*全頁佈局*/
.wrapper { padding:1em 0;  overflow:hidden;}
.container { width:100%; max-width:1025px; margin:0 auto; }
.imgg { max-width:100%; display:block; margin:0 1em 1em 0; }
.picimg .imgg{ margin:0 auto;}
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img { max-width: 100%; }
.img-left { float: left; padding-bottom: 1em; padding-right: 2em;}
.img-right { float: right; padding-bottom: 1em; padding-left: 2em;}
.img-left img, .img-right img { max-width:300px; }

.btnWrap { padding: 1em 0; text-align: center;  clear: both;}
.btnWrap.topspace{ margin-top:30px;}
.btn_blue { background: #405edb;  color: #fff;  padding: .5em 2em;  border-radius: 2em; font-size: 16px; border: none;   display: inline-block;}
.btn_blue:hover { background:#5e98fb; color: #fff; }

/*header*/
.header {position: absolute;left: 0;top: 0;right: 0; padding:15px 20px;}
.header .logo_web{width: 130px;height: auto;position: absolute; top: 45px;left: 50px;z-index: 2;}
.header .logo_web .page{ display:none;}
.inside .header .logo_web {width: 140px;top: 20px;left: 25px;}
.inside .header .logo_web .index{ display:none;}
.inside .header .logo_web .page{ display:block; top:20px;}
.navbar.navbar-custom .logo_mob {display: none; float: left; width: 140px; height: auto; margin:15px 0 10px 25px;}
.navbar.navbar-custom.navbar-fixed-top.top-nav-collapse .logo_mob { display: inline-block;}
.inside .header{ background:#444;}
.inside .header .navbar{ border-bottom:none;}
.top_area{position: relative; z-index: 1; overflow: hidden; float: left;}
.top_box{max-width:150px;margin:0 auto;overflow:hidden;}
.top_box .logo a{ display:block; width:100%;}
.top_box .logo .web{}
.top_box .logo .mob{ display:none;}


.top_lang{ float:right; position: relative; }
.top_lang ul{ list-style-type:none; margin:0; padding:0;}
.top_lang ul li{ float:left;  text-align:center; margin:8px 5px; }
.top_lang ul li a{ color: #ffffff; background: #fa0202; width: 34px; height: 34px; border-radius: 99%;  display: block; line-height: 34px; }
.top_lang ul li:hover a{ background:#938e8e;  }
.logo{ line-height:0; padding:0; margin:0; }
.top_lang ul li.white_icon a{ background:#FFF; color:#fa0202; border:1px solid #fa0202;}
.top_lang ul li.blue_icon a{ background:#0f61cf; }
.top_lang ul li.white_icon a:hover{background:#938e8e; color:#FFF; border:1px solid #938e8e;}
.top_lang ul li.blue_icon a:hover{ background:#938e8e;  }

/*主選單*/
.navbar-collapse{ padding:0;}
.navbar {margin-bottom:0;border-radius:0;border:0; background: rgba(0,0,0,0); min-height: inherit;text-align: center;z-index: 99;border-bottom: 1px solid rgba(255,255,255,0.3);}
.navbar-brand{ padding: 0; height:inherit;}
.navbar-brand img{width: 100%;height: auto;}
.navbar-brand p{font-size: 16px;line-height: 52px; color: #3eb134; margin:0;}
.navbar .nav>li>a{ position:relative; color:#fff; border-left: 1px solid #fff;  padding: 0; display: inherit;}
.nav>li:nth-last-child(2) a { border-right: 1px solid #fff; }
.nav>li>a.active,.nav>li>a:focus, .nav>li>a:hover, 
.nav>li.dropdown>a:focus, .nav>li.dropdown>a:hover{ color: #ffffff;  font-weight: bold; font-size: 1.05em; background: rgba(0,0,0,0);}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color:inherit; border-color:inherit;}
.navbar-nav{ float:none; width:100%; padding: 20px 0;}
.navbar-nav>li{ display:inline-block; width: 20%; float: left; }
.navbar-nav li.lang { display:none;}
.navbar-nav>li.dropdown {position: inherit;}
.navbar-nav>li>.dropdown-menu{width:100%;padding:20px 15px;background: #fff;-webkit-box-shadow: inherit;box-shadow: inherit;margin-top:0; max-height: 650px; overflow-y: scroll;}

.navbar-nav>li>.dropdown-menu>li{float:left;width:33.333%;padding:5px;text-align:left; min-height:180px;}
.navbar-nav>li>.dropdown-menu>li:nth-child(3n+1){clear:both}
.navbar-nav>li>.dropdown-menu>li a{padding:5px 0 0;display:block;font-weight:400;-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.navbar-nav>li>.dropdown-menu>li a.menu-title{margin-bottom:5px;color: #3eb134;border-bottom: solid 1px #3eb134;font-weight:bold;}
.navbar-nav>li>.dropdown-menu>li a.menu-title:hover{padding-left: 0;}
.navbar-nav>li>.dropdown-menu>li a:hover{padding-left: 30px;}

.collapse.navbar-collapse.navbar-main-collapse {
    width: 1000px;
    float: right;
    margin-top: 15px;
}


@media(min-width:768px) {
.navbar-custom {float: right;width: 70%;letter-spacing: 1px;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
.navbar-custom.top-nav-collapse {padding-top: 0;border-bottom: 1px solid rgba(255,255,255,.3);background: #444;margin: auto;width: 100%;}
.inside .navbar.navbar-custom.navbar-fixed-top.top-nav-collapse{border-bottom: 1px solid rgba(255,255,255,.3);}
}

@media(min-width:1000px) {
.navbar-custom {width: 70%;}
}

/*表尾*/
.footer{ background:#414141; padding:62px 0; color:#d1d1d1;  text-align: center; }
.footer a{ color:#d1d1d1;}
.footer a:hover{ color:#fe0000;}
.footer ul { list-style: none;  padding: 0; }
.footer li { line-height: 2; display:inline-block; font-size: 15px;vertical-align: top;}
.footer .comlink li a{ display: block; border-radius:17px; text-align:center; width: 34px; height: 34px; line-height: 34px; margin: 0 3px;}
.footer .comlink li a i{ line-height:34px;}
.footer .comlink li.f a{  background:#fff;  color: #938e8e; }
.footer .comlink li.f a:hover{ background:#fff;  olor: #938e8e;}
.footer .comlink li.fb_icon a{ background:#3b5998; color:#FFF;  }
.footer .comlink li.youtube_icon a{background:#dd4b39; color:#FFF;}
.footer .comlink li.linkedin_icon a{background:#e1306c; color:#FFF;}
.footer .comlink li.weixin_icon a{ background:#41cdf0; color:#FFF;}
.footer .subnav li:after{ content:'|'; margin:0 10px; }
.footer .subnav li:last-child:after{ content:''; margin: 0; }
.footer .footer-logo{ margin-bottom: 30px; width: 160px;margin: 0 auto 30px;}
.footer .footer-logo img{ width:100%; height:100%;}
.footer .copyright { font-size: 12px; }
.carousel .fill {width: 100%;height: 100%;background-position: center;background-size: cover;-o-animation: grow 60s  linear 10ms infinite;-webkit-animation: grow 60s  linear 10ms infinite;-moz-animation: grow 60s  linear 10ms infinite;animation: grow 60s  linear 10ms infinite;transition:all 0.2s ease-in-out;}
@-o-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
/*banner淡入淡出*/
.carousel-fade .carousel-inner .item {  transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  left: 0;  transform: translate3d(0, 0, 0); }

/*banner*/
.banner {}
.carousel {height:800px;position:relative;margin-top: 0;}
.carousel .item, .carousel .item.active, .carousel .carousel-inner { height: 100%; }
.carousel .fill { width: 100%; height: 100%; background-repeat:no-repeat; background-position: center top; background-size: cover; }
.carousel-caption{ bottom:0; top:43%; left:24%;  text-align:left; max-width:1000px; font-weight: bold; text-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);}
.carousel .slogan1 { top: 65%;left: 16%;text-align:right; }
.carousel .slogan2 { top: 70%; left: 41%; right: 0; max-width: }
.carousel .slogan3 { right: 0;  }
.carousel .slogan4 { max-width: 400px; top: 31%;left: 47%;}
.carousel-caption  h1 { display: inline-block; margin: 0;  font-weight: bold; border-bottom: solid 1.5px #fff; font-size:30px; padding-bottom:5px;}
/*.carousel-caption p{ max-width: 600px;font-size: 14px;line-height: 1.2; font-weight: normal; margin-top: 5px; margin-bottom:0; font-family:Arial, Helvetica, sans-serif;}*/
.carousel-caption:after{ content: 'FAN LIN ENTERPRISE CO., LTD'; display: block; margin-top: 3px; font-size: 15px;}
.carousel .slogan1 p{ margin-left:auto;}
.carousel-indicators {   display: none;  }
.carousel-indicators li {  width: 14px;  height: 14px;  margin: 0 5px;  background-color: #fff; }
.carousel-indicators li.active {  width: 14px;  height: 14px; margin: 0 5px; background-color: #0d2541;  border: #0d2541; }

/*搜尋*/
.search_bra { background: #eaebeb; padding: 26px 0; clear: both; }
.search_bra input {   width: 40%;  border: none; }
.search_bra select {  width: 23%;  float: left;  margin-right: 10px; }

/*首頁*/
.mv_img{ height:190px; overflow:hidden;}
.mv_img img{ width:100%;}
.news_grid {padding-left: 30px;padding-right: 30px;}
.news_grid .item{ text-align: left; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease;	-o-transition:all 0.4s ease; transition:all 0.4s ease;	}
.news_grid .item:hover{ -webkit-transform: translateY(-10px);transform: translateY(-10px);	}
.news_grid .item a, .news_grid .item a:focus { display: block; }
.news_grid .item .txt { font-size:14px; padding: 1em; }
.news_grid .item .txt .news_title{ font-weight:bold;overflow:hidden; text-overflow: ellipsis;white-space: nowrap;color: #3eb134;}
.news_grid .item .txt .news_des{ /*height:60px; */overflow:hidden;}
.news_grid .picimg{	position:relative;	background:#1b1f32;}
.news_grid .picimg span { display: block;  position: absolute;  left: 47%;  top: 47%;  margin-top: -43px;  margin-left: -33px;  font-size: 10rem;  color: #FFFFFF;}
.news_grid .picimg .mask{display:block;overflow:hidden;background: rgba(27, 31, 50, 0.5);position: absolute;left: 0;right: 0;top: 100%;bottom: 0;}
.news_grid .item:hover .picimg .mask{top: 0}
.news_grid .picimg .mask:before,.news_grid .picimg .mask:after{	position:absolute;top:50%;left:50%;color:#fff;margin-top:-77px;margin-left:-45px;line-height:115px;content:"more";display:block;height:115px;width:95px;text-align:center;border:1px solid #fff;opacity:0;
-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;	-o-transition:all 0.4s ease;	transition:all 0.4s ease;}
.news_grid .picimg .mask:after{ line-height:130px; 	content:"__"; }
.news_grid .item:hover .picimg .mask:before,.news_grid .item:hover .picimg .mask:after{	margin-top:-57px;	opacity:1;	}
.news_grid .picimg img{ 	-webkit-transition:all 0.4s ease;	-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;	transition:all 0.4s ease; 	}
.news_grid .item:hover .picimg img{ opacity:0.25; }

.news_grid .owl-nav,.product_grid .owl-nav{display: none}
.owl-theme .owl-dots{margin-top: 30px;	}
.owl-theme .owl-dots .owl-dot span{background: #eee}
.services_grid .box {  width: 19%;  /*float: left;*/ display:inline-block;   text-align: center;  color: #7a7a7a;  font-size: 1.4em;  margin: .5em 0; }
.services_grid{ padding:0 0 2em 0;}

.product_grid{padding-left: 30px;padding-right: 30px;}
.product_grid .item{ margin-top:2em; font-size: 1.4rem;}
.product_grid .owl-product .name {margin: 25px 0 10px;color: #3eb134;border-bottom: solid 1px #3eb134}
.product_grid .owl-product .short {color: #666;}
.product_grid .owl-product .picimg {overflow:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease;	-o-transition:all 0.4s ease; transition:all 0.4s ease; height:20vw; display:table-cell; vertical-align:middle;}
.product_grid .owl-product .picimg img { display:block; width: auto; height:100%;object-fit: contain;}
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px;}
.product_grid .picimg {	position:relative;}
.product_grid .item:hover .picimg img{ opacity:0.25; }
.product_grid .item .mask { position: absolute;  left: 50%; top: 100%;text-align: center; color: #3eb134; width:100%;}
.product_grid .item:hover .mask {top: 50%;-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.product_grid .item .mask h2 {display: inline-block;padding: 10px;border:solid 1px #3eb134; font-size: 16px;}


/*-頁碼--*/
.num_all {  padding-top: 2em; }

.pagination > li > a { border:none; border-bottom:3px solid #ddd; margin:0 5px; color:#999; transition: all 0.3s ease 0s; }
.pagination > li > a:hover { border-bottom:3px solid #aaa; background:#f5f5f5; }
.pagination > li.active > a, .pagination > li.active > a:hover { border-bottom:3px solid #3eb134; background:none; color:#3eb134; }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 0;  border-bottom-left-radius: 0; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }


/*產品介紹-大類列表*/
.pro_slogan{ font-size:1em; color:#666; margin-bottom:2em;}
.products-grid { background: url(../images/p2/bg.jpg) center 40px no-repeat #FFF;  padding: 10em 0 8em; }
.products-grid .major-title { color: #fff;   padding-bottom: 2em; }
.products-grid .mosaic-block { margin-bottom: 2em; }
.products-grid .mosaic-block:nth-child(3n+1){ clear:both;} 
.products-grid .mosaic-img{ height:200px;  overflow:hidden;}
.products-grid .mosaic-img img { max-width: 100%; width:100%; display: block; }
.products-grid .mosaic-block > .mosaic-box{  position: relative; overflow: hidden; margin-bottom: .5em; display: block; }   
.products-grid .mosaic-overlay {z-index:5; position:absolute; width:100%; height:100%; background-color: rgba(0,0,0,0.8);display: block; top: 75%; height: 100%;  transition: top .3s ease-out;}
.products-grid .mosaic-block:hover .mosaic-overlay { top: 0; }
.products-grid .details{ padding: 8px; }
.products-grid .details h3 { color: #fff; margin-top:6px;}
.products-grid .mosaic-box:hover .details {  position: absolute;  width: 100%;   left: 0%;   top: 30%;   text-align: center; }
.products-grid .mosaic-box:hover .details h3 { border: 1px solid #ccc;   display: inline-block;  padding: 1em;}

/*產品介紹-小類列表*/
.banner2 { height: 460px;margin-top: 78px;  }
.banner2 .major-title { color: #fff;  padding: 2.8em 0 .5em; margin: 0; }
.page-sidebar2 {  padding-bottom: 1em;  max-width: 1025px; /*min-height:200px;*/  margin: 0 auto 0; }
.sidebar{ margin:50px 0;}
.sidebar .sidenav { padding: 0; text-align: center;}
.sidebar .sidenav li { display: inline-block; font-size: 1em; list-style: none; border-right: solid 1px #ccc; line-height: normal;}
.sidebar .sidenav li:last-child{ border:0;}
.sidebar .sidenav li a {  color: #939598;  /*border: 1px solid #fff;  */display: block;  margin: .5em;   padding: .5em; }
.sidebar .sidenav li:hover a,.sidebar .sidenav li a.active {  background: rgba(255,255,255,0.7);  color: #000; }

/*.products-grid2 .major-title{position: relative;}
.products-grid2 .major-title:before,.products-grid2 .major-title:after {content: '';background: #3eb134;}
.products-grid2 .major-title:before{position: absolute;width: 18px;height: 18px;border-radius: 100%;bottom: -9px;left: 50%;margin-left: -9px;border: solid 6px #fff;}
.products-grid2 .major-title:after {width: 3em;height: 1px;display: block;margin: .3em auto 1em;}*/
.products-grid2 .row {  text-align: center; font-size:13px; }
.products-grid2 .wrap,.products-grid2 .wrap1 {display: 	inline-block;vertical-align: top;width: 19%;text-align: left; position:relative; padding: 0 10px 3em;}
.products-grid2 .picimg { text-align: center;}
.products-grid2 .picimg:before {content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.products-grid2 .picimg img{ display: inline-block; vertical-align: middle; max-height: 100%; width: auto;}

.products-grid2 .item .picimg {height: 20vw;}

.products-grid2 .tit {max-height: 61px;overflow:hidden; padding:5px; margin:0;font-size:15px;color: #3eb134;font-weight:bold;border-top:solid 1px #3eb134;}
.products-grid2 .txt {max-height: 3em;overflow: hidden;}
.products-grid2 .overlay-container {display: block;    overflow: hidden;    position: relative;  margin-bottom: 20px;}
.products-grid2 .overlay { background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; right: -1px; bottom: -1px; left: 0; cursor: pointer;  opacity: 0; overflow: hidden; 
										transform: scale(0.8);    transition: all 0.2s linear 0s;}
.products-grid2 .overlay .text {color: #ffffff;font-size: 14px;padding: 2px 20px;position: absolute;top: 50%;left: 50%;border: solid 1px rgba(255, 255, 255, 0.7);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.products-grid2 .overlay-container:hover .overlay {    opacity: 1;    transform: scale(1.5);  }

/*產品介紹-item列表*/
.products-grid2 .wrap1 {  margin-bottom: 3em;   padding: 0px 1.5em 1em;  background: url(../images/p2/item/bg.png) bottom center no-repeat; }
.products-grid2 .wrap1 .infobox { height:360px; padding: 1em 1.5em;  background: #fff; }
.products-grid2 .txt1 {max-height: 5em;overflow: hidden;margin:0 0 1em; padding:0 5px;}
.products-grid2 .subtit {  font-weight: bold;  color: #928f8f; }
.products-grid2 .more {  background: #3eb134;  color: #fff;  display: block;  padding: .5em;  font-size: 1.2em; }
.products-grid2 .more:hover { background: #414141; }

/*產品介紹-detail*/
.wrapper.products-grid2{  overflow: inherit; padding-left:30px; padding-right:30px; margin-top:120px; }
.wrapper.products-grid2.content{ margin-top:0;}
.products-grid2 .major-title1 { color:#989393; text-align: center;}
.info_bg { background: url(../images/p2/dtl_bg.jpg) top center no-repeat;   padding: 2em .5em 4em; }
.info_box { background: #fff;  padding: 3em;  }
.dtl_txt { font-size:15px;  color:#636466;  margin-left: 1em;text-align: left}
.dtl_txt h3{display: inline-block; padding: .5em 1em;background: #b6b3b3;color: #fff;font-size: 1em;font-weight: bold;  border-radius: 20px;  text-align: center;}
.dtl_txt p{}
.info_bg .btnWrap { text-align:left; margin-left:15px; }
.info_bg .btnWrap a:focus { color:#fff; }
.dtl_table table tr td,.dtl_table table tr th{  padding-left: 1em;  font-size: 15px; }
.movie_dtl{ position: relative; padding-bottom:56.25%; width:100%; height:0; }
.more_products .major-title { color: #fe0000; }

.products-grid2 .info_box .column{position: relative;}
.xzoom-container .express-news{position: absolute;z-index: 1;right:-20px;top:-20px;display: inline-block;padding: 5px 10px;background: #DD3205;color: #fff;box-shadow: 3px 3px 5px rgba(0,0,0,.5);
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/*產品介紹-detail-頁籤*/
.tabs-box { margin-top: -3.3em; }
.tabs-box .nav>li>a { padding: 8px 28px; background:#c8c7c7; color:#fff; font-size: 15px; margin-right: 3px; border-radius: 8px 8px 0 0; border: none;}
.tabs-box .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover,.tabs-box .nav>li>a:hover  { color: #989393;  background-color: #ffffff;  border: none; font-weight: normal; }
.nav-tabs { border-bottom: none; }
.tabs-box .tab-content { padding: 1.5em; padding-bottom:0; }

/*展覽清單*/
.news_box {  padding-top: 2em; display:inline-block; }
.news_box .list-frame{ width: calc( 100% / 3);float: left;}
.news_box .list-frame:nth-child(3n+1){ clear:both;}
.news_box .listbox { overflow: hidden; position: relative;border-top: 1px solid #e3e3e3;padding: 10px 10px 0px;margin-bottom: 1em; }

.news_box .listbox .tit .photo {height: 220px;overflow: hidden; margin-bottom: 5px;}
.news_box .list-frame:first-child .listbox{ border-top:0;}
.news_box .list-frame:nth-child(2) .listbox{ border-top:0;}
.news_box .list-frame:nth-child(3) .listbox{ border-top:0;}

/*.news_box .listbox .tit {position: relative;}*/
/*.news_box .listbox .date{ position:absolute; top:0; left:0;}*/
.news_box .listbox .date,.news_box a:hover .listbox .date { display: block; font-size: .8em; color: #3eb134; letter-spacing: .5px; font-weight:bold;}
.news_box .listbox .date i{ margin-right:3px;}
.news_box .listbox .tit p { margin-left: 6.2em; }
.news_box .listbox .more-btn { width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; position: absolute; right: 0; bottom: -30px;  border-color: transparent transparent #fa0202 transparent; }
.news_box .listbox .more-btn i { margin-top: 20px;  margin-left: -17px;  color: #fff; }
.news_box .listbox:hover .more-btn {  bottom: 0px; }
.news_box .listbox .title{ color:#3eb134; font-weight:bold;}
.news_box .listbox .info{ font-size:15px; line-height:20px;}

.dl_date1 { color: #737373; font-size:14px; text-align:right;}
/*.dl_date1:before {  content: '\f274';  font-family: 'FontAwesome';   margin-right: 5px; }*/
.dl_title1 {  color: #fe0000; border-bottom: 1px solid #d8d8d8; margin-bottom: .5em; }
.dl_title1:after { content: " ";  display: block;  width: 100px;  height: 2px;  background: #cccccc;  margin-top: .3em; }

/*展覽底層*/
.news-detail{}
.news-detail .tx01 img{ margin: 20px auto;}

/*下載專區*/
.download-table .table>thead>tr>th {  background: #4e4e4e;  text-align: center;  color: #fff;  padding: .6em; font-weight: normal;  border: 1px solid #989898; }
.table-container.download-table td {  border: 1px solid #efefef; vertical-align: middle; }
.download-table .table {  margin-bottom: 30px; }
.download-table .table tr:nth-child(even) {  background: #f4f4f4;  }
.download-table .hvr-icon-sink-away:after,
.download-table .hvr-icon-sink-away:before  { content: "\f019"; font-family: 'FontAwesome'; color:#fa0202; font-size: 1.5em; right:0.3em;top:-.8em; }
.download-table .hvr-icon-rotate:before  { content: "\f0c1"; font-family: 'FontAwesome'; color:#666666; font-size: 1.3em; right:0.3em;top:-.8em; }

/*聯絡我們*/
.title-icon-form{ padding:0 30px;}
.title-icon-form .c_tit{ text-align:center; margin-bottom:1.5em; line-height: 1.5; width:70%; margin: 0 auto 40px;}
.title-icon-form .c_tit .txt_info{ line-height:1.5;}
.title-icon-form .c_tit .fa {border-radius: 100%; border: 2px solid;width: 30px;height: 30px;font-size: 18px;text-align: center;line-height: 25px;margin-right: 10px;
vertical-align: middle;}
.title-icon-form .contact_form { width: 70%;  margin: 0 auto;  border-right: none;  float: inherit; padding: 1em; }
.title-icon-form .col-md-12 , .title-icon-form .col-md-6 , .title-icon-form .col-md-4 { padding:0;}
.title-icon-form .page_form .input1,.title-icon-form .page_form select,
.title-icon-form .page_form textarea, .title-icon-form .page_form .input3 {  min-height: 34px; }
.title-icon-form .page_form .input1, .title-icon-form .page_form select, .title-icon-form .page_form textarea, .title-icon-form .page_form .input3 {border: 1px solid #eaeaea;   padding: 5px 10px; background: #eaeaea; line-height: 1.1; color: #444444; width:94%;box-shadow: none;    margin-bottom: 15px;  border-radius: 2px;}
.title-icon-form .page_form.col-md-12 .input1 , .title-icon-form .page_form.col-md-12 .input2 { width:98%; }
.title-icon-form .page_form textarea, .title-icon-form .page_form .input3 { width:inherit; }
.title-icon-form .contact_form .page_form2 { clear:both; }

/*關於*/
.about_item{ font-size: 22px; font-weight: bold; letter-spacing: 1px; position:relative; margin-bottom: 20px;}
.about_item:after{ content:""; position:absolute; left:0; bottom:0; width:1em; height:1px; background-color:#3eb134;}
.about_area{ margin-bottom:2em; border-bottom:1px #ccc dashed; padding-bottom:2em;}
.flr{ float:right;}
.about_table{ width:100%; margin: 2em 0; }
.about_table th, .about_table td{ padding:10px; border-bottom: 10px #fff solid; border-left: 10px #fff solid;}
.about_table th{ background-color: #44af35; color: #fff;}


.csr_tx{ font-size:1.4em;}
	
/*=========================================================================================*/

@media (max-width: 1280px) {
/*選單*/ 
.collapse.navbar-collapse.navbar-main-collapse { width: 700px;}
}

@media (max-width: 1160px) { 
.top_area { width: 15%; min-width: 130px}
.navbar-custom {width: 80%; padding-bottom: 5px;}
.navbar-brand p{ display:none;}
}

@media (max-width: 1090px) { 
/*選單*/
.header { padding: 10px 10px;}
.navbar.navbar-custom .container { padding: 0;}
.navbar-nav>li { width: calc( 100% / 5);}
.navbar .nav>li>a { font-size:15px;}

}

@media (max-width: 1000px) { 
/*聯絡我們*/
.title-icon-form .c_tit{ width:100%;}
.title-icon-form .contact_form { width: 100%;}
}
@media (max-width: 992px) { 
/*聯絡我們*/
.title-icon-form .page_form .input1, .title-icon-form .page_form select, .title-icon-form .page_form textarea { width: 98%; }

}


@media (max-width: 1042px) { 
/*產品介紹-detail*/
.info_bg { padding: 2em 0em 4em; }
}

@media (max-width: 1024px) { 
/*產品介紹-小類列表*/
.products-grid2 .wrap,.products-grid2 .wrap1 {width: 24%; padding: 0 5px 3em;}
.products-grid2 .item .picimg {height: 25vw;}
}

@media (max-width: 992px) { 
/*搜尋*/
.search_bra select { width: 20%; }

/*banner*/
.carousel{height: 80vw;}

/*首頁*/
.services_grid .box {  width: 33%;  }
.services_grid .box:nth-child(n+4) {  width: 49%;  }
.products-grid .mosaic-img{ height:220px; }

/*產品介紹-item列表*/
.products-grid2 .wrap1 { width:33.3%;  background-size: contain;  padding: 0 .8em 1.5em; }
.products-grid .mosaic-block:nth-child(3n+1){ clear:inherit;} 
.products-grid .mosaic-block:nth-child(2n+1){ clear:both;} 
}

@media (max-width: 960px) { 
/*logo*/
.header .logo_web { width: 110px; top: 25px;left: 20px;}

/*選單*/ 
.collapse.navbar-collapse.navbar-main-collapse { width: 640px;}
}


@media (max-width: 768px) {
/*header*/
.header .logo_web{ display:none;}
.header{ position:fixed; width:100%; padding:0; z-index:9999; box-shadow: 0 0 10px #ccc;}
.top_lang ul li{ margin:8px 2px;}
.navbar-brand {padding: 15px 0;}
.navbar-brand img { width: 75px;}

/*選單*/
.navbar.navbar-custom.navbar-fixed-top.top-nav-collapse .logo_mob{ display:none;}
.collapse.navbar-collapse.navbar-main-collapse { width: 100%; float: none;margin-top: 0;}

/*聯絡我們*/
.title-icon-form{ padding:0 10px;} 
.title-icon-form .c_tit .fa { display: none;  margin: 0 auto .4em; }


/*首頁banner*/
.carousel {  height: 350px; }
.carousel-caption   { max-width:inherit;  top:inherit; bottom:inherit; right:inherit; left:inherit; padding:0; width: 100%; max-width: 300px;}
.carousel .slogan1 { top:inherit; bottom:20px; left:6%; text-align: left;}
.carousel .slogan2 { top:inherit; bottom:20px; left:6%; text-align: left;}
.carousel .slogan3 { top:inherit; bottom:20px; left:6%; text-align: left;}
.carousel .slogan4 { top:inherit; bottom:20px; left:6%; text-align: left;}

/*header*/
.top_box .logo .web{ display:none;}
.top_box .logo .mob{ display:block;}

	/*選單*/
.top_lang { display:none; }
.navbar-nav li.lang { display:block;}
.top_box { width:100%; max-width:inherit; padding: 0 15px; background: #fff;}
.top_area {width: 100%;  float: none; }
.top_box .logo a {width: auto;}
.header .navbar {border-bottom:inherit;}
.navbar-toggle{ background:#3eb134; padding:2px 10px; color: #fff; margin-top:19px; margin-right:0; }
.navbar-nav>li{ display: block;  float: inherit;  width: 100%; border-bottom: 1px solid #565656; font-size: 15px; }
.navbar .nav>li>a{ display:block; text-align:left; padding: 15px;}
.navbar-nav{  /*margin: 5px 0 0 0;*/ margin:0; padding: 0; background: #6b6b6b;}
/*.nav>li>a.active, .nav>li>a:focus, .nav>li>a:hover, .nav>li.dropdown>a:focus, .nav>li.dropdown>a:hover{ padding-left:1em; }*/
.header .nav>li:last-child>a:hover{ padding: 10px; }
.dropdown-menu{ padding:0;}
.dropdown-menu li a{ display:block; background:#FFF;     border-bottom: 1px dashed #d0d0d0; overflow:hidden;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{ padding:10px 15px;}
.navbar-collapse.in{ max-height:340px; width:100%; margin:0 auto; }
.navbar .nav>li>a,.nav>li:nth-last-child(2) a {  border: none; }
.heaer .nav>li>a:hover,.heaer .nav>li.dropdown>a:focus,.heaer .nav>li.dropdown>a:hover {  margin-left: .5em; }
.navbar-nav li.lang {  background: #7c7c7c; }
.navbar-nav li.lang a{  display: inline-block;  border-left: 1px solid #6b6b6b; }
.navbar-nav li.lang a:last-child{  border-right: 1px solid #6b6b6b; }
.navbar-nav li.lang a:hover{ margin: 0;  background: #353535;  font-size: 1em; }
.navbar-custom { width:100%; padding-bottom:0;}
.navbar-nav>li>.dropdown-menu>li{ min-height:inherit;}
.navbar-nav>li>.dropdown-menu{ padding:0;}
.navbar-nav .open .dropdown-menu { background-color: #fff;}
.navbar-nav>li>.dropdown-menu>li {padding: 0;}
.navbar-nav>li>.dropdown-menu>li a.menu-title {color: #fff;border-bottom:  solid 1px #6b6b6b;     background: #898989; margin-bottom:0;}
.dropdown-menu li a{ background-color:transparent;}
.navbar-nav>li>.dropdown-menu>li a.menu-title:hover {padding-left:15px;}
.navbar-nav>li>.dropdown-menu>li{ padding:0;}


/*首頁*/
.news_grid, .product_grid{padding-left: 10px;padding-right: 10px;}
.news_grid .picimg .mask:before, .news_grid .picimg .mask:after {  border: none; }
.services_grid, .news_grid{ padding:0 0 2em 0;}
.services_grid .box {  width: 31%;  }
.services_grid .box:nth-child(n+4) {  width: 49%;  }
.product_grid .owl-product .picimg {  height:220px; width:220px; }
.product_grid .item .mask h2{ font-size:25px; top:-60px;}

/*sidebar*/
.sidebar .navbar-toggle { display: block;width: 100%; height:44px; background: #ffffff; color: #848484; padding: 0 1em; margin: 0;float: inherit; border: solid 1px #c8c7c7;
 border-radius: 0; text-align:left;}
.sidebar .navbar-toggle i{ margin-right:8px;}
.sidebar .sidenav li { border-right: 0;}

/*產品介紹-小類列表-sidebar*/
.banner2 {  height: 300px;}
.page-sidebar2 { margin-top:0; padding-bottom: 0em; position:relative; z-index:9; }
.sidebar { margin: 40px 0;}
.sidebar .sidenav li {  width: 100%;  border-bottom: solid 1px #777;}
.sidebar .sidenav li a {  background: #5c5c5c;  color: #fff;  margin: 0; padding: .8em 1em; text-align:left;}
.sidebar .sidenav li:hover a, .sidebar .sidenav li a.active {  background: #828282;  color: #fff; }
.products-grid .mosaic-box:hover .details h3{ font-size:20px;}

/*產品介紹-item列表*/
.products-grid2 .wrap1 { width:50%; }
.products-grid2 .wrap1 .infobox { height:450px;}

/*產品介紹-detail*/
.wrapper.products-grid2{ padding-left:10px; padding-right:10px; margin-top: 70px; }

/*產品介紹-detail-頁籤*/
.tabs-box .nav>li>a {  margin-bottom: 3px;}

/*下載專區*/
.download-table {  padding-top: 30px; }    

.about_area .flr{ float:inherit;}
.about_area img{ margin-bottom:1em;}
}

@media (max-width: 640px) {
/*.wrapper{ padding:5em 0 0 0;}*/
.img-left, .img-right { float:inherit; padding-right: 0; padding-left: 0;   text-align: center; }

/*首頁banner*/
.carousel-caption h1 {  font-size: 1.5em; }
.carousel-caption p {  font-size: .9em; }
/*.carousel .slogan1 { top: 33%;  left: 10%;  text-align: left;}*/
.carousel-caption p{ display:none;}


.products-grid2 .major-title1 { font-size: 2.2rem;}

/*搜尋*/
.search_bra select { width: 40%; }
.search_bra input {  width: 64%; }

/*選單*/
.navbar-nav>li>.dropdown-menu>li {width: 50%;}
.navbar-nav>li>.dropdown-menu>li:nth-child(3n+1) { clear:none;}
.navbar-nav>li>.dropdown-menu>li:nth-child(2n+1) {clear: both;}

/*首頁*/
.news_grid .picimg {  max-width: 300px;  margin: 0 auto;}
.news_grid .picimg .mask:before, .news_grid .picimg .mask:after {  border: 1px solid #fff; }
.news_grid .item .date {  padding: 1em 0 .5em; }
.news_grid .item { width: 100%;  float: inherit; }
.news_grid .item a { border:none; }
.news_grid .item .txt {  /*padding: 0 2em 2em;*/  margin-bottom: 2em;  border-bottom: 1px solid #efeded;}
.news_grid .item .txt .news_title{  height:inherit; }
.news_grid .item .txt .news_des{ height:inherit;}
.services_grid, .news_grid{ padding:0 0 2em 0;}
.services_grid .box {  width:  48%;  }
.services_grid .box:last-child {  width:  100%;  }
.product_grid .owl-product .picimg {  height:180px; width:180px; }
.product_grid .owl-product .picimg:hover{height:180px; width:180px; }
/*按鈕*/
.info_bg .btnWrap a {  width: 100%;  display: block;  margin-bottom: 1px;  text-align: left; }

/*產品介紹*/
.page-sidebar2{ min-height:inherit;}
.banner2{ /*display:none;*/ background:#fff !important; height:auto;}
.banner2 .major-title{ display:none;}
.products-grid .details h3 {  margin:0; }
.products-grid .mosaic-box:hover .details h3{ font-size:16px;}
/*產品介紹-小類列表*/
.products-grid2 .wrap,.products-grid2 .wrap1 {width: 32%}
.products-grid2 .item .picimg {height: 33vw;}

/*展覽*/
.news_box .list-frame {width: calc( 100% / 2);}
.news_box .list-frame:nth-child(3n+1){ clear:none;}
.news_box .list-frame:nth-child(2n+1){ clear:both;}
.news_box .list-frame:nth-child(3) .listbox{ border-top: 1px solid #e3e3e3;}
.news_box .listbox .tit .photo {height: 180px;}

/*footer*/
.footer { padding: 40px 0;}
.footer .footer-logo {width: 140px;margin: 0 auto 20px;}

.about_table th{ width:135px;}
}



@media (max-width: 480px) { 
.img-left img, .img-right img {  display: block;  width: 100%;  max-width: inherit;}
.imgg {margin: 0 1em .5em 0;}

/*首頁*/
.services_grid .picimg img { width: 100%;  max-width: 126px; }
.services_grid .box {  font-size: 1.2em;}

/*選單*/
.navbar-nav>li>.dropdown-menu>li {width: 100%;}
.navbar-nav>li>.dropdown-menu>li:nth-child(2n+1) {clear: none;}

/*產品介紹*/
.products-grid .mosaic-block{ float:inherit; width:100%; }
.products-grid .mosaic-overlay {  top: 76%; }
.products-grid2 .wrap,.products-grid2 .wrap1 {width: 49%;     padding: 0 3px 3em;}
.products-grid2 .picimg {   max-width: inherit;}
.products-grid2 .item .picimg {  height: 50vw;  }
.products-grid2 .wrap1 .infobox { height:inherit;}
.products-grid .mosaic-img{ max-height:inherit; }
.products-grid2 .tit { height:inherit; overflow:hidden; }

.xzoom-container .express-news{ right:10px;}

/*產品介紹-detail-頁籤*/
/*.tabs-box .nav-tabs li {  width: 100%; }*/
.info_box{ padding:2em 1em;}

/*詢價單*/
.company-form .grid .name span.pname {   display: block; }

/*展覽*/
.news_box .listbox .tit p{ margin:.5em 0 0 0; }
.news_box .listbox { padding: 10px 5px 0px;}

.about_table th, .about_table td{ border-left: 0px #fff solid;}
}

@media (max-width: 320px) { 
.product_grid .owl-product .picimg {  height:260px; width:260px; }
.product_grid .owl-product .picimg:hover{height:260px; width:260px; }
}