@charset "UTF-8";
@import url(base.css);
@import url(animate.css);
@import url(font-awesome.min.css);
/* 中文用
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Noto+Sans+TC:400,700&display=swap');
*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height: 100%; }
body { background:#000;}
body, th, td, input { font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; font-size: 16px; }

a { text-decoration: none; }
h1 { font-size: 1.5em; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; margin: 0 0 1em; }
h2 { font-size: 1.25em; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; margin:0 0 1em; }
h3 { font-size: 18px; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; margin:0 0 0.6em; }
h4 { font-size: 17px; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; margin:0 0 0.6em; }
h5 { font-size: 16px; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; margin:0 0 0.6em; }
h6 { font-size: 16px; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; margin:0 0 0.6em; }

p,li { font-size: 15px; line-height: 1.6em; color: #000; font-family:'Lato', 'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif;}
a:link, a:visited { text-decoration: none; cursor: pointer; }
.link{ word-break:break-all; display: inline-block; border-bottom: 2px solid rgba(148, 208, 67, 0.4); color: #333; padding: 0 4px;}
.link:hover{ border-bottom: 2px solid rgba(148, 208, 67, 1); color: #000;}

.fc_red{ color:#F36}

.loadbar { position: fixed; background: #94d043; width: 0; height: 4px; top: 0; left: 0; z-index: 3000; overflow: hidden;
	transition: 400ms ease-in-out;
}
.loadbar.ed { width: 0!important; border: none; right: 0; left: inherit; opacity: 0; }
.imgLiquidCenter, .imgLiquidFill{ opacity: 0;
	transition: opacity 400ms ease-in-out;
}
.imgLiquid_ready { opacity: 1; }

/*Element*/
.ie { position: fixed; width: 60%; height: 80%; padding: 10% 20%; text-align: center; left: 0; top: 0; background: #CCC; z-index: 9999; }
.ie h2, .ie h4 { color: #333 !important; }
.ie p { text-align: center; color: #333 !important; font-size: 13px; }
.ie a { color: #F36; }

/*Package*/
.inner-width { position: relative; max-width:1200px; margin: auto; }
.txt-width { position: relative; max-width:960px; margin: auto; }

.more_bar{ position: relative; z-index: 100; padding: 10px 0; text-align: left;}
.more_bar.center{ text-align: center;}
.more_bar.right{ text-align: right;}

.btn_ex{ position: relative; display: inline-block; color: #FFF; text-align: center; background: rgba(148, 208, 67, 0.6); font-weight: 700; font-size: 24px; line-height: 50px; border-radius: 5px; padding: 0 20px; box-sizing: border-box;
	transition: 400ms ease;
}
.btn_ex:hover{ color: #000; background: #94d043;
	transform: scale(1.04);
}
.btn_more{ position: relative; display: inline-block; color: #000; text-align: center; background: #FFF; font-size:15px; line-height: 28px; padding: 5px 20px; margin: 0 5px 0 0; font-weight: 700;
	transition: 200ms ease;
}
.btn_more>i{ margin: 0 0 0 20px;}
.btn_more:hover{ color: #000;
	transform: scale(1.04);
}

.down_bar{ position: relative; z-index: 100; padding: 20px 0; text-align: center;}
.down_bar.left{ text-align: left;}
.down_bar.right{ text-align: right;}
.down_bar .icon{ font-size: 32px; margin: 0 0 20px 0;}
.btn_dl{ position: relative; display: inline-block; color: #000; text-align: center; background: #94d043; font-size:15px; line-height: 28px; padding: 5px 50px; margin: 0 5px 5px 0; font-weight: 700; border-radius: 5px;
	transition: 200ms ease;
}
.btn_dl>i{ position: absolute; top: 10px; right: 10px; font-size: 20px;}
.btn_dl:hover{ color: #000;
	transform: scale(1.04);
}
.down_bar.item{ display: inline-block;}
.down_bar.item .btn_dl{ box-sizing: border-box; width: 250px; }
.tab_scroll{ position: relative;}


/*BLOCK*/
#wrapper { position: relative; z-index: 1; width: 100%; margin:auto; top:0; overflow:hidden;}
#header { position:fixed; z-index:1000; width:100%; padding: 0; left:0;
    transition: 500ms ease-in-out;
}
#header .bg{ position: absolute; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.8); height: 50px;
	transition: 500ms ease;
}
#content { position: relative;}
#footer { position:relative;  z-index: 999; padding: 0 0 40px 0; margin: -50px 0 0 0;}
#footer .foot_menu{ display: inline-block;position: relative; padding: 10px 0; text-align: center;margin-left: 37%;}
#footer .foot_menu a{ display: inline-block; color: #94d043; padding: 4px 10px; font-size: 15px; font-weight: 700;
	transition: 200ms ease;
}
#footer .foot_menu a:hover{ color: #FFF;}
#footer .media_menu{ position: relative; padding: 10px 0; text-align: center;}
#footer .media_menu a{ display: inline-block; color: #FFF; padding: 4px 10px; font-size: 24px; font-weight: 700;
	transition: 200ms ease;
}
#footer a img.weibo{ width: 24px;}
#footer .media_menu a:hover{ color: #FFF;}
#footer .copyright { color: #FFF; font-size: 13px; text-align: center; padding: 10px 0 0 0;}


/**logo**/
.logo { position: absolute; top: 10px; left: 10px;
    transition: 500ms ease-in-out;
}
.logo .title{ position: relative; float: left; border-bottom: solid 1px #94d043; padding: 0 10px 2px 0;}
.logo .title .first{ font-size: 18px; line-height: 1.1em; font-weight: 900; color: #FFF;}
.logo .title .second{ font-size: 12px; line-height: 1.1em; font-weight: 900; color: #94d043;}
.logo .icon { position: relative; font-size: 20px;  line-height: 35px; font-weight: 900;  box-sizing: border-box; padding: 0 40px 0 10px; color: #000; background: #94d043; float: left;}

.top_menu{ position: absolute; box-sizing: border-box; top: 0; right: 90px;
	transition: 500ms ease;
}
.top_menu ul{ list-style:none; margin:0; box-sizing: border-box;
	transition: 500ms ease-in;
}
.top_menu>ul{ height: 50px; }
.top_menu>ul>li{ float: left; position: relative; margin: 0 10px ;}
.top_menu>ul>li>a{ position:relative; display:block; font-size: 15px; color:#FFF; padding:0; margin: 0 ; line-height: 50px; font-weight: 700;}
.top_menu>ul>li>a::before{ position: absolute; display: block; content: ''; bottom: -3px; left: 0; height: 6px; width: 0%; background: #94d043;
	transition: 400ms ease;
}
.top_menu>ul>li>a:hover::before, .top_menu>ul>li>a.cur::before{ width: 100%;}

.top_menu .submenu { position: absolute; display: block; top:50px; left: 0; z-index: 100; min-width: 120px; box-sizing: border-box; background: #94d043; max-height: 0; overflow: hidden;
	transition: max-height 500ms ease, padding 500ms ease;
}
.top_menu .on .submenu { max-height: 500px; }
.top_menu .submenu>ul>li{ margin: 5px; }
.top_menu .submenu>ul>li>a{ display: block; font-size: 14px; line-height: 1.2em; font-weight: 700; color: #000; margin: 0 0 2px 0; padding: 10px; white-space: nowrap;}
.top_menu .submenu>ul>li>a:hover{ background: #FFF; color: #000;}
.top_menu .login a{ float: left;}

.area_menu{ position: absolute; z-index: 1; top:0; left:230px}
.area_menu ul{ list-style:none; margin:0; box-sizing: border-box;
	transition: 500ms ease-in;
}
.area_menu a{ position:relative; display:block; font-size: 15px; color:#FFF; padding:0 15px; margin: 0 2px ; line-height: 50px; font-weight: 700;}
.area_menu .submenu { position: absolute; display: block; top:50px; left: 0; z-index: 100; width: 140px; box-sizing: border-box; background: #94d043; max-height: 0; overflow: hidden;
	transition: max-height 500ms ease, padding 500ms ease;
}
.area_menu .on .submenu { max-height: 500px; }
.area_menu .submenu>ul>li{ margin: 5px; }
.area_menu .submenu>ul>li>a{ display: block; font-size: 14px; line-height: 1.2em; font-weight: 700; color: #000; margin: 0 0 2px 0; padding: 10px; }
.area_menu .submenu>ul>li>a:hover{ background: #FFF; color: #000;}

.lan_menu{ position: absolute; z-index: 1; top:13px; right:-10px}
.lan_menu ul{ list-style:none; margin:0; box-sizing: border-box;
	transition: 500ms ease-in;
}
.lan_menu a{ position:relative; display:inline-block; font-family:'Noto Sans TC', '微軟正黑體', Arial, Helvetica, sans-serif; font-size: 15px; color:#FFF; padding:0 5px; margin: 0 ; line-height: 24px; font-weight: 400;}
.lan_menu a.on{ background: #94d043; color: #000;}

/*ED*/
.pic_1{ width: 80%; margin: 0 auto 50px; padding: 0 0 30px 0; text-align: center; border-bottom: solid 3px #CCC;}
.pic_1 img{ width: 100%; height: auto;}
.pic_1 i{ display: block;}
.pic_left{ float:left; margin: 0 40px 0 0; max-width: 450px;}
.pic_left img{ width: 100%; height: auto;}
.pic_right{ float:right; margin: 0 0 0 40px; max-width: 450px;}
.pic_right img{ width: 100%; height: auto;}

/*BANNER*/
.top_banner { height: 800px; width: 110%; position: relative; top: -100px; left: -5%; z-index: 100; outline: 1px solid transparent; background: #000;}
.top_banner .pic{ display: block; height: 100%; position: absolute; top: 0; left: 0;  width: 100%; z-index: 0;
	filter:grayscale(1);
	transition: opacity 800ms ease-in-out, filter 1200ms ease;
}
.top_banner:hover .pic{
	filter:grayscale(0);
}
.top_banner video { z-index: 1; opacity: 0.6;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.top_banner .txt{ position: absolute; top: 0; left: 0; width: 50%; padding: 50px; text-align: left; z-index: 100; box-sizing: border-box;
	transition: 500ms ease;
}
.top_banner .txt .text_pic{ margin: 180px 0 20px 0;}
.top_banner .txt .text_pic img{ max-width: 100%;}
.top_banner .txt h2{ position: relative; color: #FFF; font-size: 50px; font-weight: 900; line-height: 1.1em; margin: 0 0 10px 0; }
.top_banner .txt p{ color: #FFF; font-size: 20px; font-weight: 900; line-height: 1.2em; margin: 0 0 5px 0;}
.top_banner .txt p strong{ display: block; font-size: 24px; }
.top_banner .sel{ position: absolute; top: 480px; right: 0; width: 50%; padding: 50px; text-align: left; z-index: 101; box-sizing: border-box;
	transition: 500ms ease;
}
.top_banner .sel h3{ position: relative; color: #FFF; font-size: 23px; font-family: '微軟正黑體','Times New Roman', Times, serif; font-weight: 900; line-height: 1.1em; margin: 0;text-align:center; }
.top_banner .sel .btn_ex{ width: 48%; margin: 0 5px 0 0;}

.page_banner { height: 530px; width: 110%; position: relative; top: -100px; left: -5%; z-index: 100; outline: 1px solid transparent; background: #000;}
.page_banner .pic{ display: block; height: 110%; position: absolute; top: 0; left: 0;  width: 100%; z-index: 0;
	filter:grayscale(1);
	transition: opacity 800ms ease-in-out, filter 1200ms ease;
}
.page_banner:hover .pic{
	filter:grayscale(0);
}
.page_banner .pic.imgLiquid_ready{ opacity: 0.5;}
.page_banner .txt{  padding:25% 0 0 0; text-align: left; z-index: 100; box-sizing: border-box;
	transition: 500ms ease;
}
.page_banner .txt h2{ position: relative; color: #FFF; font-size: 50px; font-weight: 900; line-height: 1.1em; margin: 0 0 10px 0; }
.page_banner .txt h2>span{ display: block; font-size:30px; font-weight: 700; line-height: 1.2em;}

#path{position: relative; z-index: 1; top: 90px; margin: 0 0 80px 0; padding:6px; background:#f2f2f2; color: #333; font-size: 15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top: 3px solid #63ad6b; text-indent: 10px;}
#path a{ color:#666;}

.about_box { position: relative; height: 710px; width: 100%; top: -40px; left: 0; z-index: 100; outline: 1px solid transparent; margin: 0 0 -10px 0;}
.about_box .bg{ position: absolute; height: 100%; width: 110%; overflow: hidden; top: -100px; left: -5%; z-index: -1; background: #94d043; outline: 1px solid transparent;
	transform: rotate(-5deg);
}
.about_box .bg .pic{ position: absolute; width: 100%; height: 130%;  top: -15%; background-attachment: fixed; will-change: transform;
	filter:grayscale(1);
	transform: rotate(5deg) translateX(-1px);
	transition: opacity 800ms ease, filter 1200ms ease;
}
.about_box .bg .pic.imgLiquid_ready{ opacity: 0.3;}
.about_box:hover .bg .pic{
	opacity: 0.5;
	filter:grayscale(0);
}
.about_box .inner{ position: relative; z-index: 1; height: 100%;}
.about_box .txt{ width: 50%; float: right; box-sizing: border-box; padding: 0 40px;}
.about_box .txt .title{ font-size: 50px; font-weight: 900; line-height: 1em; margin: 0 0 0.5em 0;}
.about_box .txt p{ text-align: left; margin: 0 0 20px 0;}
.about_box .chart{ padding: 10px 0; overflow: auto;}
.about_box .chart .item{ float: left; text-align: center; margin: 0 20px;}
.about_box .chart .item strong{ font-size: 40px; font-weight: 900; display: block; margin: 0 0 15px 0;}

#home_expo_list.expo_box{height:900px;}
.expo_box { position: relative; height: 720px; width: 100%; position: relative; top: -40px; left: 0; z-index: 100; margin: 0 0 -10px 0;}
.expo_box .bg{ position: absolute; height: 100%; width: 110%; overflow: hidden; top: -100px; left: -5%; z-index: -1; background: #000; outline: 1px solid transparent;
	transform: rotate(-4deg);
}
.expo_box .bg .pic{ position: absolute; width: 100%; height: 120%;  top: -50%;
	filter:grayscale(1);
	transform: rotate(5deg) translateX(-2px);
	transition: opacity 800ms ease, filter 1200ms ease;
}
.expo_box .bg .pic.imgLiquid_ready{ opacity: 0.3;}
.expo_box:hover .bg .pic{
	opacity: 0.5;
	filter:grayscale(0);
}
.expo_box .txt { padding: 40px 30px 20px; color: #FFF;}
.expo_box .txt .title{ font-size: 50px; font-weight: 900; line-height: 1em; margin: 0 0 0.3em 0;}
.expo_box .txt p{  color: #FFF;}

.expo_box .list{ list-style: none; margin: 0 -4px 20px; overflow: auto; padding: 0 30px;}
.expo_box .list li{ position: relative; display: block; float: left; width: calc( 100% / 4);}
.expo_box .list li h5{ color: #FFF; font-size: 20px; line-height: 1.1em;}
.expo_box .list li p{ color: #FFF; margin: 0;}
.expo_box .list li a{ display: block; margin: 4px; padding: 20px; background: rgba(255, 255, 255, 0.2);
	transition: 500ms ease;
}
.expo_box .list li a:hover{ background: rgba(148, 208, 67, 0.6);}

.expo_box .list2{ list-style: none; margin: 0 -4px 20px; overflow: auto; padding: 0 30px;}
.expo_box .list2 li{ position: relative; display: block; float: left; width: calc( 100% / 4);}
.expo_box .list2 li h5{ color: #FFF; font-size: 16px; line-height: 1.1em;}
.expo_box .list2 li p{ color: #FFF; margin: 0;}
.expo_box .list2 li a{ display: block; margin: 4px; padding: 20px; background: rgba(255, 255, 255, 0.2);
	transition: 500ms ease;
}
.expo_box .list2 li a:hover{ background: rgba(148, 208, 67, 0.6);}


.expo_box .more_bar{ padding: 10px 30px;}

.dis_box { position: relative; height: 700px; width: 100%; top: -40px; left: 0; z-index: 100; outline: 1px solid transparent; margin: 0 0 -10px 0;}
.dis_box .bg{ position: absolute; height: 100%; width: 110%; overflow: hidden; top: -100px; left: -5%; z-index: -1; background: #94d043; outline: 1px solid transparent;
	transform: rotate(-5deg);
}
.dis_box .bg .pic{ position: absolute; width: 100%; height: 130%;  top: -15%; background-attachment: fixed; will-change: transform;
	filter:grayscale(1);
	transform: rotate(5deg);
	transition: opacity 800ms ease, filter 1200ms ease;
}
.dis_box .bg .pic.imgLiquid_ready{ opacity: 0.1;}
.dis_box:hover .bg .pic{
	opacity: 0.5;
	filter:grayscale(0);
}
.dis_box .inner{ position: relative; z-index: 1; height: 100%;}
.dis_box .list{ padding: 30px; }
.dis_box .list .item{ float: left; text-align: center; margin: 0 10px; width: calc(100% / 4 - 20px); opacity: 0.7;
	transition: 500ms ease;
	filter:grayscale(0.5);
}
.dis_box .list .item:hover{ opacity: 1;
	filter:grayscale(0);
}
.dis_box .list .item img{ max-width: 100%;}
.dis_box .list .item_5{ position: absolute; top: 56%; right: 45px;
	transition: 500ms ease;
}
.dis_box .list .item_5:hover{
	transform: scale(1.04) translateX(10px);
	filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3))
}
.dis_box .list .item_2{
	transform: translateY(10%);
}
.dis_box .list .item_3{
	transform: translateY(-10%);
}

.spo_box { position: relative; height: 800px; width: 100%; position: relative; top: -40px; left: 0; z-index: 100;  margin: 0 0 -10px 0;}
.spo_box .bg{ position: absolute; height: 100%; width: 110%; overflow: hidden; top: -100px; left: -5%; z-index: -1; background: #000; outline: 1px solid transparent;
	transform: rotate(-5deg);
}
.spo_box .bg .pic{ position: absolute; width: 100%; height: 120%;  top: -50%;
	filter:grayscale(1);
	transform: rotate(5deg) translateX(-2px);
	transition: opacity 800ms ease, filter 1200ms ease;
}
.spo_box .bg .pic.imgLiquid_ready{ opacity: 0.3;}
.spo_box:hover .bg .pic{
	opacity: 0.5;
	filter:grayscale(0);
}
.spo_box .txt { padding: 40px 30px 20px; color: #FFF;}
.spo_box .txt2 { padding: 0px 30px 10px; color: #FFF;}
.spo_box .txt .title{ font-size: 50px; font-weight: 900; line-height: 1em; margin: 0 0 0.3em 0;}
.spo_box .txt2 .title2{ font-size: 35px; font-weight: 500; line-height: 1em; margin: 0 0 0.3em 0;}
.spo_box .txt p{  color: #FFF;}
.spo_box .more_bar{ padding: 10px 30px;}

.spo_box .list{ width: 60%; }
.spo_box .list li{ display: inline-block; vertical-align: middle;}
.spo_box .list a{ display: block; margin: 5px;
	transition: 500ms ease;
	filter: brightness(1.1);
}
.spo_box .list a img{ max-height: 60px;cursor: default;}
.spo_box .list a:hover{
	transform: scale(1.08);
}

/*PAGE*/
.inner_box { position: relative; height: auto; min-height: 500px; width: 100%; top: -40px; left: 0; z-index: 100; outline: 1px solid transparent; padding: 0 0 100px;}
.inner_box .bg{ position: absolute; height: 100%; width: 400%; overflow: hidden; top: -100px; left: -200%; z-index: -1; background: #FFF; outline: 1px solid transparent; border-top: solid 10px #94d043;
	transform: rotate(-5deg);
}
.inner_box .inner_menu{ position: relative; padding: 30px 0; }
.inner_box .inner_menu a{ position: relative; display: block; height: 200px; background: #333; float: left; margin: 0 5px; overflow: hidden;}
.inner_box .inner_menu a:nth-child(4n-3){ width: calc( 40% - 20px ); margin: 0 10px;}
.inner_box .inner_menu a:nth-child(4n-2){ width: calc( 20% - 10px );}
.inner_box .inner_menu a:nth-child(4n-1){ width: calc( 20% - 10px );}
.inner_box .inner_menu a:nth-child(4n){ width: calc( 20% - 10px );}
.inner_box .inner_menu a .pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;
	transition: opacity 500ms ease, transform 500ms ease, filter 500ms ease;
}
.inner_box .inner_menu a .pic.imgLiquid_ready{ opacity: 0.4;
	filter:grayscale(1);
}
.inner_box .inner_menu a .icon{ position: absolute; z-index: 1; bottom: 30%; left: 0; width: 100%; padding: 20px; text-align: center; box-sizing: border-box; color: #FFF; font-size: 32px; opacity: 0.7;
	transition: 500ms ease;
}
.inner_box .inner_menu a .title{ position: absolute; z-index: 2; bottom: 5%; left: 0; width: 100%; padding: 20px 5px; text-align: center; box-sizing: border-box; color: #FFF; opacity: 0.7;
	transition: 500ms ease;
}
.inner_box .inner_menu a:hover .pic{ opacity: .3;
	transform: scale(1.05);
	filter:grayscale(0);
}
.inner_box .inner_menu a:hover .icon{ opacity: 1; bottom: 45%;
	transform: scale(1.5);
}
.inner_box .inner_menu a:hover .title{ opacity: 1; bottom: 15%;}

.inner_box .txt_w{ position: relative; padding: 60px 0 60px; margin: 20px 0 0 0;}
.inner_box .txt_b{ position: relative; padding: 60px 0 60px; margin: 20px 0 0 0; background: #f2f2f2;}
.inner_box .txt_w.last{  padding: 60px 0 100px; }
.inner_box .txt_w.one{  padding: 60px 0 100px; }
.inner_box .edit h1{ position: relative; display: inline-block; font-size: 40px; font-weight: 900; }
.inner_box .edit h1::before{ position: absolute; display: block; content: ''; bottom: -10px; left: 0; height: 6px; width: 30%; background: #94d043;
	transition: 400ms ease;
}
.inner_box .edit h2{ position: relative; display: block; font-size: 30px; font-weight: 900; color: #333; margin: 0 0 0.4em;}
.inner_box .edit h3{ position: relative; display: block; font-size: 24px; font-weight: 700; color: #333; margin: 0 0 0.4em;}
.inner_box .edit h4{ position: relative; display: block; font-size: 20px; font-weight: 700; color: #333; margin: 0 0 0.4em;}
.inner_box .edit h5{ position: relative; color: #666; margin: 0 0 0.4em;}
.inner_box .edit p{ color: #000; text-align: left;}
.inner_box .edit th{ font-weight: 700;}
.inner_box .edit tr:nth-child(2n-1){ background: #f2f2f2;}
.inner_box .edit tr:nth-child(2n){ background: #FFF;}
.inner_box .edit .fa-star{ color:#94d043;}
.inner_box .edit td, th { line-height: 1.4em;}

.filter_menu{ position: relative; padding: 10px 0;}
.filter_menu a{ position: relative; display: inline-block; color: #000; background: #f2f2f2; padding: 10px; cursor: pointer; margin: 2px;
	transition: 400ms ease;
}
.filter_menu a:hover{ background: #CCC;}
.filter_menu a.active{ background: #94d043; cursor: default;}

.news_box ul{ display: block; list-style: none; margin: 0;}
.news_box li.mix {display: none;}
.news_box li{ display: block; float: left; width: calc(100% / 4);}
.news_box .list.act li:nth-child(6n-6) { width: calc(100% / 2);}
.news_box .list.act  li:nth-child(6n-5) { width: calc(100% / 2);}
.news_box .list li a { position: relative; display: block; overflow: hidden; background: #000; margin: 5px;
	transition: 500ms ease;
}
.news_box .list li a .tag{ color:#FFF; font-size: 13px; line-height: 1em;}
.news_box .list li a .pic{ height: 280px;
	transition: opacity 500ms ease, transform 500ms ease, filter 500ms ease;
	filter:grayscale(0.2);
}
.news_box .list li a .pic{ height: 280px;
	transition: opacity 500ms ease, transform 500ms ease, filter 500ms ease;
	filter:grayscale(0.2);
}
.news_box .list.gray li a .pic{ height: 280px;
	filter:grayscale(1);
}
.news_box .list li a .pic.imgLiquid_ready{ opacity: 0.8; }
.news_box .list li a .title{ position: absolute; display: block; z-index: 1; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: rgba(0,0,0,0); color: #FFF; padding: 10px 20px; font-size: 16px; text-align: left;
	transition: 500ms ease;
}
.news_box .list li a .title .date{ padding: 0 5px 0 0;}
.news_box .list li a:hover{ z-index: 1;}
.news_box .list li a:hover .pic{  opacity: 1;
	filter:grayscale(0);
}
.news_box .list li a:hover .title{ background: rgba(148, 208, 67, 0.9); color:#000; padding: 20px;}
.news_box .list_txt li{ display: block; float: left; width: calc(100% / 3);}
.news_box .list_txt li a {  position: relative; display: block; overflow: hidden; margin: 5px;}
.news_box .list_txt li a .title{ display: block; z-index: 1; box-sizing: border-box; color: #333; padding: 10px 20px; font-size: 16px; text-align: left; background: #f2f2f2; height: 70px; overflow: hidden;
	transition: 500ms ease;
}
.news_box .list_txt li a:hover .title{ background: rgba(148, 208, 67, 1); color:#000; }



.show_box{ position: fixed; top: 0%; left:0%; width: 100%; height: 100%; z-index: -1; opacity: 0;
	transition: 400ms ease-in-out;
}
.show_box.on{ opacity:1; z-index: 1000;}
.show_box .mask{  position: fixed;  top: 0%; left: 0%; width:100%; height:100%; z-index:1;  opacity:0; background: rgba(50,50,50,0.95);
	transition: 400ms ease-in-out;
}
.show_box.on .mask { top: 0%; left: 0%; width:100%; height:100%; opacity:1; border-radius: 0; z-index: -1;}
.show_box .item{ position: relative; top: 0%; left: 0%; width: 100%; height: 100%; color: #FFF;  z-index: 1; overflow: auto; -webkit-overflow-scrolling: touch; opacity: 0;
	transition: 400ms ease-in-out;
}
.show_box.on .item {
	opacity: 1;
	transform: scale(1);
}
.show_box .item .pic{ position: relative; float: left; width: 400px; margin: 0 30px 60px 0;}
.show_box .item .pic img{ width: 100%;}
.show_box .item .txt{ position: relative; max-width: 1000px; margin: 10% auto; box-sizing: border-box; padding: 20px;}
.show_box .item .txt .tag{ display: inline-block; padding: 0 6px; background: #94d043; color:#000; font-size: 13px; margin: 0 0 10px 0;}
.show_box .item .txt p{ color: #FFF;}
.show_box .item .txt h3{ color: #FFF; font-size: 20px;}
.show_box .item .txt h5{ color: #94d043; font-size: 16px;}
.show_box .close{ position: absolute; top: -60px; right: -60px; width:25px; text-align:center; z-index:100;  padding:20px; opacity:0.8; margin: auto;
	opacity: 0;
	transition: 600ms ease;
}
.show_box .item .txt a{ display: inline-block; padding: 4px 10px; border-radius: 4px; background: #8ad1e9; color: #000;}
.show_box.on .close{ opacity: 1; right: 10px; cursor: pointer;}
.show_box .close img{ max-width: 100%;}

.pho_list{ position: relative; margin:10px -10px 50px;}
.pho_list a{ position: relative; display: block; float: left; width: calc(100%/3 - 10px); height: 280px; margin: 5px;overflow: hidden;}
.pho_list a:nth-child(5n-4){ width: calc(100%/2 - 10px);}
.pho_list a:nth-child(5n-3){ width: calc(100%/2 - 10px);}
.pho_list a figure{ display: block;  position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: rgba(255,255,255,.5); color: #000; padding: 10px; text-align: center; opacity: 0;
	transition: 500ms ease;
}
.pho_list a img{ position: absolute; display: block !important; top: 50%; left: 50%; opacity: 0; width: 0%; height: 0%;}
/*.pho_list a::before{ display: block; content: ''; position: absolute; background: #94d043; opacity: 0; z-index: 1; top: 0; left: 0%; width: 100%; height: 100%;
	transition: 500ms ease;
}
.pho_list a::after{ display: block; position: absolute; color:#000; opacity: 0; z-index: 2; top: 0; left:0; width: 100%; line-height: 280px; text-align: center; font-size: 18px;
	font-family: "FontAwesome"; font-weight: 900; content: "\f00e";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	transition: 500ms ease;
}
*/

.pho_list a:hover{
    filter: brightness(1.1);
}
.pho_list a::before{

}
.pho_list a::after{

}
.pho_list a:hover::before{ opacity: 0.9;}
.pho_list a:hover::after{ opacity: 1;}
.pho_list a:hover figure{ opacity: 1;}


.his_list{ position: relative; display: block; list-style: none; margin: 0;}
.his_list .line{ position: absolute; display: block; top: 0; left: 50%; width: 4px; height: 0; margin: 0 0 0 -2px; background: #999;
	transition: 500ms ease-in-out;
}
.his_list li{ position: relative; display: block; width: calc(50% - 40px); float: left; clear: both;}
.his_list li h4{ float: right; width:60px; font-size: 24px !important; font-weight: 900 !important;}
.his_list li p{ margin: 0;}
.his_list li .txt{ float: left; width: calc( 100% - 70px); margin: 0 0 30px 0;}
.his_list li .pic { margin: 10px 0; border-radius: 5px; overflow: hidden;}
.his_list li .pic img{ display: block; max-width: 100%;}
.his_list li .cou{ display: block; position: relative; padding: 4px 0;}
.his_list li .cou span{ display: inline-block; padding: 0px 5px; margin: 3px 2px; font-size: 14px; color:#000; background: #dedede;}
.his_list li::before{ position: absolute; display: block; content: ""; top: 0; right: -60px; width: 32px; height: 32px; background: #FFF; border:solid 4px #FFF; border-radius: 20px; z-index: 100;}
.his_list li::after{ position: absolute; display: block; content: ""; top: 8px; right: -52px; width: 24px; height: 24px; background: rgba(148, 208, 67, 0.4);  border-radius: 18px; z-index: 100;}
.his_list li:nth-of-type(2n){ float: right;}
.his_list li:nth-of-type(2n) h4{ float: left; }
.his_list li:nth-of-type(2n) .txt{ float: right; }
.his_list li:nth-of-type(2n)::before{ left: -60px;}
.his_list li:nth-of-type(2n)::after{ left: -52px;}
.his_list li:nth-of-type(1)::before{ border: solid 4px #94d043;}
.his_list li:nth-of-type(1)::after{ background: #94d043;}


.inner-width-banner {
    position: relative;
    max-width: 1200px;
    padding-top: 2%;
    margin: auto;
}
.expo_box_banner1 ul {
    margin:0;
    padding-bottom: 1%;
}

.expo_box_banner1 li {
    display: inline-block;
    float: left;
    width: calc(100% / 2);
    padding-bottom: 1%;
}

.expo_box_banner2 ul {
    margin:0;
}

.expo_box_banner2 li {
    display: inline-block;
    float: left;
    width: calc(100% / 4);
    padding-bottom: 5%;
}



/*RWD*/
.desk-show { display: block !important;}
.mobile-show { display: none !important; }
.peload{ opacity:0;
	transition: opacity 700ms ease-in-out;
}
.peload.ed{ opacity:1;}
.pehide.ed{ display:none;}
.phone_btn{ display: none;}



@media only screen and (max-width: 1366px) {
	.inner-width { box-sizing: border-box; padding: 0 20px;}
}

@media only screen and (max-width: 1024px) {
	.desk-show { display: none!important; }
	.mobile-show { display: block!important; }

	/*MENU*/
	.menu_btn{ position: absolute; top:0; right:0; display:block; width:50px; height:50px; z-index:3000; cursor: pointer;}
	.menu_btn>div{ position:absolute; width:24px; height:2px; background: #94d043; left:12px;
		transition: 0.2s ease-in;
	}
	.menu_btn.on>div{ background: #FFF;}
	.menu_btn .m1{ top:15px;}
	.menu_btn .m2{ top:23px;}
	.menu_btn .m3{ top:31px; }
	.menu_btn:hover .m1,.menu_btn:hover .m2,.menu_btn:hover .m3{ width:24px;}
	.menu_btn.on .m1{  top:24px; width: 24px;
		transform: rotateZ(45deg);
	}
	.menu_btn.on .m2{ opacity: 0;
		width:0; left:50%;
	}
	.menu_btn.on .m3{  top:24px; width: 24px;
		transform: rotateZ(-45deg);
	}
	.top_menu{ padding: 100px 0 0 0; background: #94d043; position:fixed; top:0; right:-100%; width:270px;  z-index:100; height: 100%; box-sizing: border-box;
		transition: 500ms ease-in;
	}
	.top_menu ul{ list-style:none; margin:0; padding:0 20px; width:100%; display:block; box-sizing: border-box;
		transition: 500ms ease-in;
	}
	.top_menu ul>li{ float: none; margin: 0;}

	.top_menu>ul>li>a{ position:relative; display:block; font-weight: 400; color:#000; padding:10px; text-align: left; line-height: 1.2em; border-top:solid 2px #FFF;
		transition: 500ms ease-in;
	}
	.top_menu ul>li:first-child>a{ border: none;}
	.top_menu ul>li>a.cur, .top_menu ul>li>a:hover{ color: #000;}
	.top_menu .submenu { max-height: 0; position: relative; top: inherit; margin: 0 auto; width: auto;}
	.top_menu .submenu li{ display: block; margin: 4px; }
	.top_menu .submenu li:first-child { border:none; }
	.top_menu .submenu a{ display: block; text-align: left; color: #FFF; padding: 5px; font-size: 15px; line-height: 18px; font-size: 14px; text-align: left;  border-top:solid 1px #f2f2f2;}
	.top_menu a:hover{ background: #FFF; color: #000;}
	.top_menu a.cur{ background: #FFF;}
	.top_menu.on{ right:0; overflow:auto; -webkit-overflow-scrolling: touch;}
	.top_menu .on .submenu{ max-height: 1000px;}

	.top_menu_mask{ display:block; position:fixed; top:0; left:100%;; width:100%; height:100%; z-index:0; opacity:0; background: rgba(0,0,0,0.8);
		transition: opacity 500ms ease-in;
	}
	.top_menu_mask.on{ left:0; opacity:1;}

	.lan_menu{ top: 60px; right: -300px; z-index: 100;
		transition: 500ms ease-in;
	}
	.lan_menu.on{ right: 160px; }
	.lan_menu a {color: #000;}
	.lan_menu a.on {background: #FFF;color: #000;}

	.area_menu{ left: inherit; right: 40px;}
	.area_menu .submenu { position: fixed; left: inherit; right: 0; width: 200px;}
	.area_menu a{ font-size: 16px;}
	.area_menu a i{ margin: 0 4px;}

	.top_banner .txt{ left: 2%;}
	.top_banner .sel{ right: 2%; width: 54%;}
	.top_banner .pic{
		filter: grayscale(0);
	}

	.page_banner { height: 400px; width: 100%; top: 0; left: 0%;}
	.page_banner .txt { padding: 13% 0 0 2%; }

	.about_box .bg .pic.imgLiquid_ready { opacity: 0.7;
		filter: grayscale(0);
	}
	.about_box .txt { width: 60%;}

	.expo_box .bg .pic.imgLiquid_ready { opacity: 0.5;
		filter: grayscale(0);
	}

	.dis_box .bg .pic.imgLiquid_ready{ opacity: 0.3;
		filter: grayscale(0);
	}

	.spo_box .bg .pic.imgLiquid_ready{ opacity: 0.3;
		filter: grayscale(0);
	}
	.spo_box .list { width: 70%; }


	.pic_right, .pic_left { max-width: 350px;}

	.inner_box .txt_w.first{ top: -50px; margin-bottom: -50px;}
	.inner_box .txt_w.one{  padding: 0 0 50px; }

    #third-block{
        margin-top:4rem;
    }
    .expo_box_banner1 li {
        display: inline-block;
        float: left;
        width: calc(100% / 1);
        padding-bottom: 1%;
    }
    .expo_box_banner2 li {
        display: inline-block;
        float: left;
        width: calc(100% / 2);
        padding-bottom: 5%;
    }
}


@media only screen and (max-width: 800px) {
	.inner-width { padding: 0 15px;}
	.width-50 { width: inherit;}
	.pic_right { max-width: inherit; float: none; margin: 20px 0; text-align: center;}
	.pic_right img { max-width: 90%;}

	.pic_left { max-width: inherit; float: none; margin: 20px 0; text-align: center;}
	.pic_left img { max-width: 90%;}

	.top_banner .txt{ left: 0; padding-top: 300px; width: 100%; box-sizing: border-box;}
	.top_banner .txt .text_pic {
	float: left; margin: 0 30px;
	}
	.top_banner .txt h2{ margin-top: 20px;}
	.top_banner .sel{ left: 2%; width: 98%; box-sizing: border-box;}

	.about_box{ height: auto; padding-bottom: 180px;}
	.about_box .txt { width: auto; float: none; padding-top: 300px;}
	.about_box .bg { width: 120%; left: -10%;}
	.about_box .bg .pic{ background-attachment: local; height: 60%; background-position: left; background-size: auto 100% !important;}
    #home_expo_list.expo_box{height:1950px;}
	.expo_box{ height: auto; padding-bottom: 180px;}
	.expo_box .txt { width: 100%; padding-top: 300px;}
	.expo_box .bg { width: 120%; left: -10%;}
	.expo_box .bg .pic{ background-attachment: local; height: 60%; background-position: left; background-size: auto 100% !important;}
	.expo_box .list li { width: calc( 100% / 2);}

	.dis_box{ height: auto; padding-bottom: 180px;}
	.dis_box .txt { width: auto; float: none; padding-top: 300px;}
	.dis_box .bg .pic{ background-attachment: local; }

	.spo_box{ height: auto; padding-bottom: 180px;}
	.spo_box .txt { width: auto; float: none; padding-top: 300px;}
	.spo_box .bg { width: 120%; left: -10%;}
	.spo_box .bg .pic{ background-attachment: local; height: 60%; background-position: left; background-size: auto 100% !important;}
	.spo_box .list {width: 90%;}

	.inner_box .inner_menu a{ width: calc( 100% / 2 - 10px ) !important; margin: 5px !important;}

	.news_box li{ width: calc(100% / 2);}
	.news_box .list li a .pic {filter: grayscale(0.4);}

	.show_box .item .pic{ width: 350px; margin: 0 20px 20px 0;}

    #third-block{
        margin-top:5rem;
    }

}

@media only screen and (max-width: 640px) {
	#footer .copyright span{ display: block;}
	.pic_right img, .pic_left img  { max-width: 400px;}

	#p4 .down_bar a{ box-sizing: border-box; width: 246px;}

	.tab_scroll{ position: relative; padding: 60px 0 0 0;}
	.tab_scroll .scroll{ overflow: auto; -webkit-overflow-scrolling: touch; }
	.tab_scroll .icon{ position: absolute; color:#000; z-index: 2; top: 0; left:50%; margin: 0 0 0 -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 24px;}
	.tab_scroll .icon::before{ display: block;
		font-family: "FontAwesome"; font-weight: 900; content: "\f07e";
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		transition: 500ms ease;
	}

	.tab_scroll table{ min-width: 800px;}

	.area_menu a{ font-size: 24px;}
	.area_menu a span{ display: none;}
	.area_menu a .fa-caret-down{ font-size: 16px; margin: 0;}

	.top_banner{ height: auto; padding-bottom: 180px;}
	.top_banner .txt{ position: relative;  padding: 30px; padding-top:200px; text-align: center;}
	.top_banner .txt .text_pic { float: none; margin: 20px;}
	.top_banner .txt .text_pic img {max-width: 60%;}
	.top_banner .txt h2 { margin-top: 0; font-size: 40px;}
	.top_banner .txt p{ font-size: 18px;}
	.top_banner .sel{ position: relative; top:0; left:1%; text-align: center; padding: 20px;}

	.page_banner .txt{ position: relative;  padding: 30px; padding-top:120px; text-align: center;}
	.page_banner .txt h2 { margin-top: 0; font-size: 40px;}
	.page_banner .txt h2>span{ font-size: 20px;}

	.about_box .txt { padding: 200px 20px 0;}
	.about_box .txt .title { font-size: 30px;}
	.about_box .bg { width: 140%; left: -20%;}
	.about_box .chart .item strong{ font-size: 24px; }
	.about_box .chart .item { margin: 0 10px;width: 25%;}

	.expo_box .txt { padding: 50px 20px 0;}
	.expo_box .txt .title { font-size: 30px;}
	.expo_box .bg { width: 140%; left: -20%;}
	.expo_box .list{ padding: 0 20px;}
	.expo_box .list li{ width: auto; float: none;}
	.expo_box .list2 li{ width: auto; float: none;}
	.expo_box .more_bar {padding: 0 20px;}

	.dis_box .txt { padding: 200px 20px 0;}
	.dis_box .txt .title { font-size: 30px;}
	.dis_box .bg { width: 140%; left: -20%;}
	.dis_box .list { padding: 0; }
	.dis_box .list .item { width: calc(100% / 2 - 20px); margin: 10px;
		filter: grayscale(0);
	}
	.dis_box .list .item_5{ top: 48%; right: 10px;}
	.dis_box .list .item_5 img{ max-width: 600px;}

	.spo_box{ padding-bottom: 50px;margin-bottom:20px;}
	.spo_box .txt { padding: 200px 20px 0;}
	.spo_box .txt .title { font-size: 30px;}
	.spo_box .bg { width: 140%; left: -20%;}
	.spo_box .list { margin: 0 20px; width: auto;}
	.spo_box .list a {
		display: block;
		margin: 10px;
	}
	.spo_box .list a img{ max-height: 50px;}

	.inner_box .bg { width: 500%; left: -250%;}
	.inner_box .inner_menu { padding: 0; top: -50px; margin: 0 0 -100px 0; }

	.inner_box .txt_w{ padding: 60 10px 0;}
	.inner_box .txt_b{ padding: 60px 10px;}
	.inner_box .edit h1{ font-size: 30px;}
	.inner_box .edit h2{ font-size: 26px;}
	.inner_box .edit h3{ font-size: 22px;}
	.inner_box .edit h4{ font-size: 18px;}

	.pho_list a{ height: 120px; width: calc(100%/2 - 10px) !important; }
	.pho_list a::after{line-height: 120px;}
	.pho_list a:hover::before{ opacity: 0;}
	.pho_list a:hover::after{ opacity: 0;}

	.inner_box { top: 0; margin: -40px 0 0 0;}

	.news_box li{ width: calc(100%) !important;}

	.show_box .item .pic { float: none; width: auto; margin: 0 0 30px 0;}
	.show_box .item .pic img {max-width: 100%;}
	.show_box .close { position: absolute; top: -40px; right: -50px;}

	.his_list li { float: right !important; width: calc(100% - 50px);}
	.his_list li h4, .his_list li:nth-of-type(2n) h4 { float: none; width: auto;}
	.his_list li .txt { float: none !important; width: auto;}
	.his_list li::before { left: -60px;}
	.his_list li::after { left: -52px;}
	.his_list .line { top: 2px; left: 10px;}
	.top_menu .login a { box-sizing: border-box; width: 50%;}
	.top_menu .login a span { display: none;}

	.inner_box .txt_w.first{ top: -50px; margin-bottom: -50px;}
	.inner_box .txt_w.one{  padding: 0 0 50px; top: -50px;}
	.inner_box .inner_menu a { height: 200px; }
	.inner_box .edit td, th { font-size: 15px;padding: 0.5em ;}
    #third-block{
        margin-top:8rem;
    }
    .show_box .item .txt{
        margin: 22% auto;
    }

    .expo_box_banner1 li {
        display: inline-block;
        float: left;
        width: calc(100% / 1);
        padding-bottom: 5%;
    }
    .expo_box_banner2 li {
        display: inline-block;
        float: left;
        width: calc(100% / 1);
        padding-bottom: 5%;
    }

    .expo_box_banner1 li a{
        display: flex;
        flex-flow: column;
    }
    .expo_box_banner2 li a{
        display: flex;
        justify-content: center;
    }
	#footer .foot_menu{ margin-left: 25%;}
}
@media only screen and (max-width: 414px) {
	.btn_more{ margin: 0 5px 5px 0;}
	#footer { margin: -80px 0 0 0;z-index: 999;}
    #third-block{
        margin-top:8rem;
    }
    .show_box .item .txt{
        margin: 22% auto;
    }
}

@media only screen and (max-width: 375px) {
	.top_banner {
		padding-bottom: 100px;
	}
	.top_banner .txt h2 { font-size: 34px;}
	.top_banner .txt .text_pic img {
		max-width: 70%;
	}

	.dis_box .list .item_5 img { max-width: 500px;}
	.about_box .chart .item strong { font-size: 20px;}
	.spo_box .list a img { max-height: 30px;}
	.spo_box .list { margin: 0 10px;}
	.spo_box .more_bar { padding: 10px 20px;}

	.top_banner .sel .btn_ex { font-size: 20px; width: 48%; margin: 5px 1%; float: left;}
    #third-block{
        margin-top:8rem;
    }
    .show_box .item .txt{
        margin: 22% auto;
    }
}

@media only screen and (max-width: 320px) {
	.dis_box .list .item_5 img { max-width: 450px;}
	.about_box .chart .item { font-size: 14px; margin: 0 5px 5px; }
	.about_box .chart .item strong { font-size: 16px;}
	.inner_box .inner_menu a .title { padding: 10px; font-size: 15px;}
    #third-block{
        margin-top:8rem;
    }
    .show_box .item .txt{
        margin: 22% auto;
    }
}

#home_show_box>.item>.txt{
  margin: 7% auto;
}

#home_show_box>.item>.txt>ul{
    list-style: none;
    width: auto;
    margin-left: 0;
}
#home_show_box>.item>.txt a{
    padding:4px;
}
#home_show_box>.item>.txt .title2{
   font-size:26px;
}

#home_show_box>.item>.txt>ul li img{
    max-height: 60px;
}

#home_show_box>.item>.txt>ul li{
    display: inline-block;
}
#home_show_box>.item>.txt>ul li a{
    background: transparent;
    cursor: default;
}

.furniture a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.furniture a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.furniture a:active,
.furniture a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.furniture {
    width:100%;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	border-radius:3px;
	box-shadow: 0 1px 2px #d1d1d1;
}
.furniture th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
    font-size:x-large;
}
.furniture th:first-child {
	text-align: center;
	padding-left:20px;
}
.furniture tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.furniture tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.furniture tr {
	text-align: center;
}
.furniture td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
    width:70%;
}
.furniture td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
    text-align: center;
	background: #fafafa;
}
.furniture tr.even td {
	background: #f6f6f6;
}
.furniture tr:last-child td {
	border-bottom:0;
}
.furniture tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}
.furniture tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}
.furniture tr:hover td {
	background: #f2f2f2;
}

.inner_box .edit table tr td{
	vertical-align: middle;
}
.inner-width-banner {
	z-index: 999;
}


.notification-bar {
	position: absolute;
	width: 100%;
	top: 0px;
    z-index:9999;
}
.notification-text {
	background-color: #FFE885;
	padding: 15px;
	color: #000;
	font-size: 14px;
	text-align: center;
	position: absolute;
	width: 100%;

	-webkit-animation: initiate 350ms ease;
	-moz-animation: initiate 350ms ease;
	-o-animation: initiate 350ms ease;
	animation: initiate 350ms ease;
}
.notification-bar input {
	display: none;
}
.notification-bar label {
	cursor: pointer;
	color: #000;
	position: absolute;
	z-index: 5;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    z-index:9999;
}
.notification-bar label[for=hide] {
	right: 4px;
	top: 2px;
	width: 24px;
	height: 24px;
	background: url('/images/close.png') no-repeat center center;
	-webkit-animation: initiate 350ms ease;
	-moz-animation: initiate 350ms ease;
	-o-animation: initiate 350ms ease;
	animation: initiate 350ms ease;

}

/* Function */
.notification-bar input[value=hide]:checked ~ label[for=hide],
.notification-bar input[value=hide]:checked ~ .notification-text {
	-webkit-transition: ease 350ms;
	-moz-transition: ease 350ms;
	-o-transition: ease 350ms;
	transition: ease 350ms;

	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);

    display: none;
}
.notification-bar input[value=show]:checked ~ label[for=hide],
.notification-bar input[value=show]:checked ~ .notification-text {
	-webkit-transition: ease 350ms;
	-moz-transition: ease 350ms;
	-o-transition: ease 350ms;
	transition: ease 350ms;

	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

/* Inital Animation */
@-webkit-keyframes initiate {
 	0% {
		-webkit-transform:translateY(-100%);
 	}
 	50% {
 		-webkit-transform:translateY(-50%);
 	}
 	100% {
 		-webkit-transform:translateY(0%);
 	}
}
@-moz-keyframes initiate {
 	0% {
		-moz-transform:translateY(-100%);
 	}
 	50% {
 		-moz-transform:translateY(-50%);
 	}
 	100% {
 		-moz-transform:translateY(0%);
 	}
}
@-o-keyframes initiate {
 	0% {
		-o-transform:translateY(-100%);
 	}
 	50% {
 		-o-transform:translateY(-50%);
 	}
 	100% {
 		-o-transform:translateY(0%);
 	}
}
@keyframes initiate {
 	0% {
		transform:translateY(-100%);
 	}
 	50% {
 		transform:translateY(-50%);
 	}
 	100% {
 		transform:translateY(0%);
 	}
}

/*----news-----*/
.btn_back{ position: relative; display: inline-block; color: #000; text-align: center; background: #94d043; font-size:15px; line-height: 28px; padding: 5px 50px; margin: 0 5px 5px 0; font-weight: 700; border-radius: 5px;
	transition: 200ms ease;
	box-sizing: border-box;
}
.btn_back>i{ position: absolute; top: 10px; left: 10px; font-size: 20px;}
.btn_back:hover{ color: #000;
	transform: scale(1.04);
}
.news_date{ color: #f36; font-style: italic; }
.news_list .news_date{position: absolute; bottom: 10px;text-align: right;}
.read_more{ color: #94d043;}
.news_content{ max-width: 800px; margin: 0 auto;}
.btn_back_block{text-align: center;}
.news_subtitle{display: none; color: grey;}
.news_block{position: relative;}
@media (min-width: 992px) {
	.btn_back_block{text-align: left;}
	.news_img{-ms-flex-order: -1; order: -1;}
	.news_subtitle{display: block;}
	.news_date{text-align: left;}
}
@media (max-width: 991px) {
	.news_list .news_date{right: 15px;}
}
.pagination-area {text-align: center;}
.pagination-area .pagination li {width: auto !important; float: none !important; display: inline-block !important;}
.pagination-area .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; -ms-flex-pack: center !important; justify-content: center !important;}
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; line-height: 1.25; color: grey; margin: 0 1rem;}
.page-link:hover { z-index: 2; color: #94d043; text-decoration: none; }
.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.page-item:first-child .page-link, .page-item:last-child .page-link { border: 1px solid #94d043; border-radius: 50%; background-color: #94d043; color: #fff}
.page-item.active .page-link { z-index: 1; color: #94d043; }
.page-item.disabled .page-link { pointer-events: none; cursor: auto; }
.news_content ol{ list-style-type: decimal; }
.news_content ul{ display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; }
.news_content li{ display: list-item; text-align: -webkit-match-parent; float: none; width: auto; }
.news_content img{ max-width: 100%; width: auto; height: auto !important;}