@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Roboto',  "微軟正黑體",sans-serif;
  font-size: 19px;
  line-height: 38px;
  margin: 0;
  padding: 0;
  background:url(../images/bg.jpg) ; 
}

button, input{
  font-family: 'Roboto',   "微軟正黑體",sans-serif;
  font-size: 13px;
}
.container .download_now { margin:30px 0; }
.container .download_now a { background:#F90; border-radius:4px; border:1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); color: #fff; padding:12px 20px; text-align: center; font-size:15px; line-height:19px; text-transform: uppercase;} 
.container .download_now a:hover { background: #609002; color: #fff; }
a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
header ul { list-style:none; margin:0; padding:0   }
h1{ font-size:42px; color:#609002; text-transform: uppercase   }
h2{ font-size:32px; color:#609002}
h3{ font-size:28px; color:#609002; line-height:24px; margin:5px 0 15px 0;}
h4{ font-size:21px; }
h5{ font-size:18px;}
p { margin:0;}
/* Micro Clearfix */
.cb:before, .cb:after {	content: ''; display: table; visibility: hidden;}
.cb:after {	clear: both;}
.cb {*zoom: 1;}

.cf:before, .cf:after {	content: ''; display: table; visibility: hidden;}
.cf:after {	clear: both;}
.cf {*zoom: 1;}

.clear { clear:both}

.ref_no{ padding:0px 0 15px 0;}
.flexslider{ margin-bottom:15px;}

#home_banner{position:relative; margin:0px auto; padding:0; max-height: 540px; height:auto; min-height:300px;}

.wrap {}
.screen { max-width: 1380px; margin: 0 auto; padding:0 10px; position:relative; }
.main_screen{ padding:80px 0;}
.container{ text-align: left ; }
.container a {color: #928b79; text-decoration: none; }
.container a:hover {color: #ff5e0e ; text-decoration: underline; }

.inner_content h4{border-left: 3px solid #609002; padding:5px 30px 5px 20px; box-shadow: 0 3px 3px rgba(0,0,0,.2); font-weight: normal; display: block; width:auto; border-top:1px solid rgba(0,0,0,.1)}

.btn_back{ margin:0px auto; margin-top:50px; margin-bottom:50px;}
.btn_back{background: rgb(239,196,119);
background: -moz-linear-gradient(top, rgba(239,196,119,1) 0%, rgba(180,143,93,1) 100%);
background: -webkit-linear-gradient(top, rgba(239,196,119,1) 0%,rgba(180,143,93,1) 100%);
background: linear-gradient(to bottom, rgba(239,196,119,1) 0%,rgba(180,143,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc477', endColorstr='#b48f5d',GradientType=0 ); border:1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); display: inline-block; color:#fff; text-transform: uppercase; }
.btn_back:hover{
background: rgb(242,242,242);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(148,148,148,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(148,148,148,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(148,148,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#949494',GradientType=0 );}

.btn_back a{background:url(../images/icon_back.png) no-repeat; background-position:10% 50%; padding:8px 25px 8px 60px; display: block; color:#fff;}
.maparea{ padding:2px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.slogan{ border:2px solid #1877ad; background:#f7feff; padding:20px; margin:30px 0;}
.address{ border:2px solid #1877ad; background:#f7feff; padding:20px; margin:30px 0;}
@media screen and (max-width: 800px) {
  .aos-item {
    width: 50%;
  }
}

#header a{ opacity: 1; }
#header{ overflow: visible; position: relative; z-index:9 }

#header .logo{ float: left; width:15%; margin:10px 0 }
#header .logo_img { float:left; margin-right:10px }
#header .logo_img img{ height:90px; }
#header .logo_title { float:left; font-size:24px; color:#fff; margin-top:0px; line-height:26px; }
#header .logo_business { font-size:15px; line-height:17px; color:#f7f7f7  }

#header #top-nav{ float: right; margin:30px 0 0 0;}
#header #top-nav li a { color: #fff; padding: 5px 0;}
#header #top-nav li ul li a { color: #333; padding: 5px 0;}
#top-nav .sub-menu {  background: #fff;}
#top-nav .sub-menu li a { padding: 2px 10px ; text-align: center; color:#333;}
#top-nav .sub-menu li > a:hover,#top-nav .sub-menu li.selected > a { background: #8CC152; color: #000;}

.menu_bar{ float:right; width:65%; margin-top:60px; padding:0px 0 10px 0}

.language{ position:absolute; right:0; top:15px;}
.language span { background:url(../images/icon_language.png) no-repeat; background-position:  5px 50% ; white-space: nowrap; padding: 8px 18px ; text-align: left; }
.language ul { list-style:none; margin:0; padding:0; }

.language ul li:nth-child(1){ float: right; margin:10px 15px 0 5px; }
.language ul li:nth-child(2) { float: right; margin:10px 5px 0 15px; border-right: 1px dotted #ddd; padding-right:15px; }

.language a  { display:block; color:#333; padding:5px 12px; display:block; font-size:15px; line-height:16px; text-decoration:none; border-radius: 8px;}
.language a:hover { background: #F90; color:#fff;}
.language a.current { background:#0aa14e; color:#fff;}
#primary-nav { float: right;margin-top:21px;}
#primary-nav li a {color: #fff; font-size:17px; padding: 5px 15px; }
#primary-nav li ul li a {font-size:15px; padding: 5px 15px; }
#primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a { color:rgba(255,255,255,.5)}
#primary-nav li li.active > a, #primary-nav  li li > a:hover, #primary-nav li  li.selected > a { background:#ff9e05; color:#fff;}

.banner_area{background:url(../images/banner_bg.jpg) no-repeat center center; padding:150px 0; background-size: cover; }
#banner_header{ color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.7); text-align:center }
#banner_header h1{ font-size:48px; line-height:48px; color:#fff; background:rgba(0,0,0,.7); display:inline-block; margin:0; padding:10px 15px; }
#banner_header h2{ font-size:23px; font-style:italic; line-height:26px; color:#fff; background:rgba(0,0,0,.7); display:inline-block; margin:0; padding:10px 15px;}

.main_area{ padding:50px 0; background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.2); position:relative}
.left_intro{ float:left; width:55%; padding:15px 5% 15px 0 }
.aboutus_page h2{ color:#333; text-transform: uppercase; font-size:24px; display:block; text-align: left; }
.aboutus_page .left_cover { float: left; width:28%; padding-right:2%; }
.aboutus_page .left_cover img{ width:100%; border:1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.2) }
.aboutus_page .right_content{ float:right; width:68%; line-height:24px; font-size:19px; text-align: justify}

.latest_news{ float:right; width:34% ; border-left: 2px solid #ddd; padding:15px 0 15px 5%;}
.latest_news h2 {color:#333; text-transform: uppercase; font-size:24px; display:block; text-align: left; }
.latest_news ul{ list-style:none; margin:0; padding:0; }
.latest_news ul li{ padding:5px 0 ; border-bottom:1px dotted #ddd; }
.latest_news ul li .date{ color:#187b4e }
.latest_news ul li .title{} 

.more_btn{ margin:0px auto; text-align:center; margin-top:30px;}
.more_btn a{ background:rgba(255,255,255,.9); font-size:17px; border-radius:12px; text-transform: uppercase; padding:12px 35px; color:#333; text-shadow: 0 0 3px rgba(0,0,0,.2)}
.more_btn a:hover{ background:#0aa14e; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.2) } 

		
/* Banner */
#jssor_1 { font-size:38px; line-height:52px; color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.2); text-transform:uppercase; }
#jssor_1 .a_jssor{ background:url(../images/bg_banner_a.png) no-repeat; background-size: cover; position:absolute; left:0%; top:37%; padding: 25px 50px; z-index:0; }
#jssor_1 .b_jssor{ position:absolute; left:0%; width:100%; text-align: center; top:37%; padding: 25px 50px; z-index:0; }

/* Home */
.conent_area{ padding:30px 0;}
.year_selected{ position:relative; float: left; text-align: left;}
.year_arean{ float:right; margin:15px 5px 0 0 }
.year_arean ul{ list-style:none; margin:0; padding:0;}
.year_arean ul li{ float:right; padding:5px 10px; font-size: 18px; font-style:italic;}

.bg_timetable{ background:url(../images/bg_tb.jpg) no-repeat center bottom; background-size: cover; }
.bg_timetable table{border-collapse: inherit}
.timetable{ border:2px solid #194f7c; padding:5px; background:#fff; font-family:Roboto}
.timetable table tr td{ text-align: center;}
.bg_timetable h1{ text-align: center; padding-bottom:50px;  }

.bg_main_product h2{ text-align: center ; text-transform:uppercase; padding:20px 0 }


.product_main{ position:relative; width:100%;}
.product_main ul { list-style:none; margin:0 0 ; padding:0 0 30px 0;}
.product_main ul li { float:left;padding:0; width:29%; margin:0 2% 15px 2%;  }
.product_main ul li .cover{ background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.1); padding:6px; }
.product_main ul li img{ width:100%; margin-bottom:10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; }
.product_main ul li:hover img { opacity:.8; box-shadow: 0 0 3px rgba(0,0,0,.2); width:100%; }
.product_main ul li p{  text-align: center; text-transform: uppercase; }
.product_main ul li .content { font-size:15px; line-height:26px; text-align: center}

.bar_red{ background:url(../images/bar_red.png) top left  no-repeat; background-size:cover; width:30%; position:absolute; left:35%; top:50px; }
.bar_red h4{ color:#ff3944; font-size:25px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}

.bar_blue{ background:url(../images/bar_blue.png) top left  no-repeat; background-size:cover; width:30%; position:absolute; right:0%; top:0px; }
.bar_blue h4{ color:#1a79ae; font-size:25px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}

.area_bar{ padding:100px 0 0 60px;}

.carreer_boxing{}
.carreer_boxing ul{ list-style:none; margin:15px 1%; padding:0}
.carreer_boxing ul li{ float: left; width:20%; margin:0 2% 20px 2%; background:#fff; color:#609002; text-align: center; padding:15px 0; font-size:15px; }

#home_aboutus { }
#home_aboutus h1{ text-align: center; text-transform: uppercase  }
#home_aboutus h2{ margin:10px 0 0 0; text-transform: uppercase}
#home_aboutus .date{ font-size:15px; color:#888888; font-style:italic;} 
#home_aboutus .icon { background:url(../images/icon_home_about.png) no-repeat; width:59px; height:58px; padding: 0 0 0 65px; }
#home_aboutus .left_photo{ float: left; width:44%; text-align: right }
#home_aboutus .left_photo img { max-width:90%; width:100%; border:5px solid #f7f7f7; box-shadow: 0px 0px 5px rgba(0,0,0,.1) }
#home_aboutus .right_description{ float: right; width:50%; margin-right:3%;}
#home_aboutus h2 span { text-transform: uppercase; color:#b28340;}
#home_aboutus .more_btn{background: rgb(239,196,119);
background: -moz-linear-gradient(top, rgba(239,196,119,1) 0%, rgba(180,143,93,1) 100%);
background: -webkit-linear-gradient(top, rgba(239,196,119,1) 0%,rgba(180,143,93,1) 100%);
background: linear-gradient(to bottom, rgba(239,196,119,1) 0%,rgba(180,143,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc477', endColorstr='#b48f5d',GradientType=0 ); border:1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); display: inline-block}
#home_aboutus .more_btn:hover{
background: rgb(242,242,242);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(148,148,148,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(148,148,148,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(148,148,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#949494',GradientType=0 );
}
#home_aboutus .more_btn a{background:url(../images/icon_more.png) no-repeat; background-position:95% 50%; line-height:28px; padding:6px 60px 6px 25px; display: block; color:#fff;}
.about_more { margin:0px auto; text-align: center; width:auto;margin-top:30px }
.about_more a { background:#42ba4e; color:#fff; padding:8px 45px; ; text-align:center; box-shadow: 0 0 2px rgba(0,0,0,.2)}
.about_more a:hover { background:#ff5e0e; color:#fff; }

.spec_product{}
.spec_product ul{ list-style:none; margin:0; padding:0}
.spec_product ul li{ float: left; width:48%; margin-bottom:20px; }
.spec_product ul li:nth-child(2n+1){ float: left; width:48%; margin-right:4%; }
.spec_product ul li table{ width:100% }



#title_head{ background:#609002; color:#fff;}  

#home_about{ background:url(../images/bg_about.jpg) no-repeat ; background-size:cover; padding-bottom:60px; }
#home_about h1{ text-align: center;  color:#fff;   }
#home_about .icon{ background:url(../images/icon_home_about.png) no-repeat; width:70px; height:72px; padding: 7px 0 7px 75px; }
#home_about .conent_area{ padding:30px 0; color:#fff; text-align: center;}

#home_aboutus .more_btn{}

.carreer_area {}
.carreer_area ul{ list-style:none; margin:0; padding:0}
.carreer_area ul li{ float: left; width:16.5%; position:relative; margin:0 0 0 .1%; text-align: center; background:rgba(0,0,0,.5);}
.carreer_area ul li+li{ background:rgba(0,0,0,.3)}
.carreer_area ul li+li+li{ background:rgba(0,0,0,.5)}
.carreer_area ul li+li+li+li{ background:rgba(0,0,0,.3)}
.carreer_area ul li+li+li+li+li{ background:rgba(0,0,0,.5)}
.carreer_area ul li+li+li+li+li+li{ background:rgba(0,0,0,.3)}
.carreer_area ul .cover{ padding:40px 0 10px 0;}
.carreer_area ul .cover img{ max-width:100%;}
.carreer_area ul .title{ padding:10px 5px 5px 5px; min-height:90px; color:#fff; font-size:17px; line-height:19px;}

.banner_group{background:url(../images/bg_group.jpg) no-repeat center center; height:850px; background-size: cover;  }
.banner_group .title_banner{ font-size:60px; line-height:62px; padding:310px  0 0; color:#fff; text-shadow:0 0 5px rgba(0,0,0,.5);  text-align: center; font-weight:bold;}

@media screen and (max-width: 1200px) {
.banner_group{ height:550px;}
.banner_group .title_banner{ font-size:42px; line-height:52px; padding:350px  0 0; }
}

@media screen and (max-width: 800px) {
.banner_group{ height:250px;}
.banner_group .title_banner{ font-size:21px; line-height:28px; padding:90px  0 0; }
}

#home_time{ background:url(../images/bg_home_timetable.jpg) no-repeat; background-size:cover }
#home_time h3{ text-align: center; padding:25px 0; text-transform: uppercase; color:#fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size:42px; width:65%; margin:0px auto;   }
#home_time .icon{ background:url(../images/icon_home_calendar.png) no-repeat; width:72px; height:73px; padding: 5px 10px 5px 79px; }
#home_time .main_screen{ padding:150px 0;}

#contact {background:url(../images/cantact_bg.jpg) no-repeat ; background-size:cover; position:relative;}
#contact h4{ text-align: center; font-size:38px; text-transform: uppercase; color:#fff; margin: 10px 0; }
#contact .icon{ background:url(../images/icon_home_tel.png) no-repeat; width:50px; height:44px; padding: 0px 15px 5px 35px;}
#contact .main_screen { position:relative; background:url(../images/map.png) no-repeat right center; }
#contact .lgoo_area { float: left; width:20%; border-right:1px solid #c6c4b4; padding:5px 3% 0px 0; text-align: center; }
#contact .logo_area img{ max-width:100%; box-shadow:0 0 3px rgba(0,0,0,.3)}
#contact .contact_info { text-align: center; color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.2)}
.contact_info a { color:#609002; }
.googlemap_area{ margin:20px 0}
.googlemap_area a{ background:#ffde00; text-decoration:none; color:#fff; padding:10px 20px; border-radius:12px;}
.googlemap_area a:hover{ background:#29b8ac; color:#fff; }

.contact_info { padding:20px 0;}
.contact_info ul li{ padding:0 0 15px 0;  line-height:21px; }
.contact_info ul{ list-style:none; margin:0; padding:0;}
.contact_info ul li span { padding-right:10px; }

.contact_info ul li:nth-child(1) span{ background:url(../images/web/icon_map.png) no-repeat; background-position:0 0; padding:5px 0 5px 40px}
.contact_info ul li:nth-child(3) span{ background:url(../images/web/icon_tel.png) no-repeat; background-position:0 0;padding:5px 0 5px 40px }
.contact_info ul li:nth-child(4) span{ background:url(../images/web/icon_fax.png) no-repeat; background-position:0 0; padding:5px 0 5px 40px}
.contact_info ul li:nth-child(5) span{ background:url(../images/web/icon_mail.png) no-repeat; background-position:0 0;padding:5px 0 5px 40px }

.r_contact{ float: left}
.contact_area{ padding:50px 0 0 0}

#footer{ background:#609002; color:#fff; font-size:13px; padding:25px 0;}
#footer a{color:#fff;}
#footer a:hover{color: #FF0;}
#footer .copy_right{ float: left; width:48%}
#footer .powered{ float: right; width:48%; text-align:right }

/* Sub Menu */
.arrowlistmenu{ float:left; width:24%; position:relative;  margin-bottom:50px;}
.arrowlistmenu .title { margin:0px;  text-align: center; color:#43a34e; }
.arrowlistmenu .title p { font-size:28px; padding:30px 0; text-transform:uppercase; line-height:34px; }

.arrowlistmenu .expandable_main{background:#fff url(../images/icon/arrow_right.png) no-repeat; color:#0059af; background-position:95% 50%; background-size:19px 19px;  }
.arrowlistmenu .openheader { color:#609002; background:#fff url(../images/icon/arrow_down.png) no-repeat; background-position:95% 50%; background-size:19px 19px; }
.arrowlistmenu .expandable_sub { margin:0; color:#609002}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0px 0px;background: #fff; }
.arrowlistmenu ul li{ padding-bottom: 0px;}
.arrowlistmenu .categoryitems_sub{ }
.arrowlistmenu .categoryitems_sub a{}
.arrowlistmenu .categoryitems_sub li a{ margin:0 0 0 10px; background:#fff url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#666}
.arrowlistmenu .categoryitems_sub li a:hover{ background:#609002 url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#fff }
.arrowlistmenu .categoryitems_sub li a.current{ background:#609002 url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#fff }
.arrowlistmenu .menuheader{ margin:0px; padding:15px 25px 15px 10px; font-size:1.1em; cursor: pointer; display:block; color: #609002; }
.arrowlistmenu a{  display:block;}
.arrowlistmenu a:hover{color: #fff; background:#ff5e0e } 
.arrowlistmenu a.current{ background-color:#609002; color:#fff;}
.arrowlistmenu .expandable_main a:hover{color: #609002; background: none}
.arrowlistmenu .expandable_sub a{ padding:10px 15px; }
.arrowlistmenu .expandable_sub a.current {  }
.arrowlistmenu .expandable_main a.current { background: none; color:#609002 }
.arrowlistmenu ul li a{color: #609002;background: url(../images/arrow_blue.png) no-repeat;background-position:20px 15px;font-size:1.1em;display: block;padding: 15px 15px 15px 10px;border-bottom: 1px dotted #666;line-height:28px;}
.container .arrowlistmenu  a {color: #609002;text-decoration: none;}
ul.categoryitems li a { font-size:0.9em ; padding: 8px 15px 8px 30px; color:#333 }
.arrowlistmenu ul li a:hover{ background:#43a34e url(../images/arrow_white.png) no-repeat; background-position:20px 15px;  color:#fff}

.arrowlistmenu ul li a.current{ color:#fff  }
ul.categoryitems li a.current{ background: #43a34e !important; background-position:20px 15px;  color: #fff!important}

.three_section_area{}
.three_section_area ul{ list-style:none; margin:0 0 0 -1% !important; padding:0;}
.three_section_area ul li{ float: left; width:31.3% !important; margin:0 1% 15px 1% !important; text-align: center; }
.three_section_area ul li img{}
.three_section_area ul li:hover img{ box-shadow:0 0 3px rgba(0,0,0,.2); opacity:.7}



.three_overlay_box ul{ list-style:none; margin:0 0 0 -1.5%; padding:0;}
.three_overlay_box ul li{ float: left; width:31.3%; margin:0 1% 15px 1%; text-align: center; }


/* Nevigation */
.nevigation{ padding:15px 0px; font-size:13px; border-bottom:1px dotted #ddd; margin-bottom:20px;  }
.nevigation .screen{ padding:0; }
.nevigation .home{ background:url(../images/icon/icon_home.png) no-repeat; background-position:0px 3px; display: block; padding-left:25px; }
.nevigation ul{ list-style: none; margin:0px; padding:0px; }
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:24px;  }
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ text-decoration: underline ; color:#609002}

#Blue .inner_banner h1{ color:#609002; }
.non_banner{  text-align: center;  min-height:180px; width:auto }
.non_banner .area{text-align: center; padding:35px 0  ;  width:100%; position:absolute; z-index:1; }
.non_banner h1{ font-size:36px; padding:12px 0; display:inline-block; text-align:center; color:#609002; font-weight:normal; border-bottom:3px solid #609002;}
.inner_banner { background-size: cover; text-align: center; box-shadow:0 0 6px rgba(0,0,0,.1) ;min-height:280px; width:auto  }
.inner_banner .area{ text-align: center; padding:85px 0 0 ;  width:100%; position:absolute; z-index:1;  }
.inner_banner h1{font-size:36px; padding:12px 0; display:inline-block; text-align:center; color:#fff; font-weight:normal; border-bottom:2px solid #fff;text-shadow: 0 0 3px rgba(0,0,0,.7); font-weight:bold;}

/* Page Content */
.founders{ margin:20px 0 30px 0}
.pink_title{ font-size:23px; color:#fe2b70; margin:20px 0 0 0; }
.main_content table{ border-collapse: inherit; }

#FullPage .arrowlistmenu{ display:none }
#FullPage .inner_content{  width:100%; }

.inner_content{ float:right; width:72%; margin-bottom:80px;  }
.inner_content .main_content{ padding:0px 0 ; min-height:500px; }
.inner_content_full{ }
.inner_content_full .main_content{ padding:0px; min-height:350px; line-height:33px; position:relative;}
.inner_content iframe{ width: 100%; min-height:520px;}
.inner_content img, .inner_content_full img{ max-width:100%;}
.inner_banner { position:relative; overflow:hidden; }

.Album{ margin:15px 0px;}
.Album .title{  color:#609002; border-left:2px solid #609002; background:#f9f9f9; padding:5px 100px 5px 20px; box-shadow:1px 2px 3px rgba(0,0,0,.2); margin:10px 0; display:inline-table; font-size:24px; }
.Album .description{padding:0px; margin:20px 0; }
.Album ul{ list-style:none; padding:0px; margin:0}
.Album ol{ margin:0px; padding:0 5px;}
.Album ul li{ text-align: center; margin:0 0 10px 0; }
.Album ul li img{ box-shadow:0 0 3px rgba(0,0,0,.1); }
.Album ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.1)}
.Album ul li p{ margin:0px; padding:5px 0;  }
.right_desc p{ line-height:28px;}

#Inner_Type_A{ }
#Inner_Type_A .title{  }
#Inner_Type_A ul{ margin:0 0 0 -1%; padding:0;  }

#Inner_Type_A ol li{ float: none; width:100%; margin:0 0 0px 1%; }
#Inner_Type_A li{ float:left; width:32%; margin:0 0 5px 1%; }
#Inner_Type_A li img{ max-width:100%; max-height:300px  }
#Inner_Type_A li p{  }

#Inner_Type_C{padding:0px; background:none }
#Inner_Type_C .title{ margin-left:0px; }

#Inner_Type_C ul{  padding:0;}
#Inner_Type_C li{ float:none; width:100%; margin:0 0 10px 0%; text-align: left;}
#Inner_Type_C li img{ max-width:100%; height:auto; width:100%; }
#Inner_Type_C li .title_des{ float: left; width:40%;}
#Inner_Type_C li .right_desc{ float: right; width:55%;}
#Inner_Type_C li .right_desc h3{ margin:0 0 5px 0; }

#Inner_Type_Cb ul{ list-style:outside; margin:0 0 0 20px;  padding:0;}
#Inner_Type_Cb li{ float:none; width:100%; margin:0 0 10px 0%; text-align: left;}
#Inner_Type_Cb li img{ max-width:100%; height:auto; width:100%; }
#Inner_Type_Cb li .title_des{ float: left; width:40%;}
#Inner_Type_Cb li .right_desc{ float: right; width:55%;}
#Inner_Type_Cb li .right_desc h3{ margin:0 0 5px 0; }
#Inner_Type_Cb .description { margin:0;}

.green_ll{ color:#42ba50; font-size:28px; }

#Inner_Type_C li .right_desc ul{ list-style: outside; margin:0 0 0 15px}

#Inner_Type_B {padding:0px; }
#Inner_Type_B ul{ margin:20px 0px 0 -2%; padding:0px;}
#Inner_Type_B li{ float: left; margin:0 0 15px 2%; width:48%; text-align: left;  padding:0}
#Inner_Type_B li:nth-child(2n+1){ clear: both}
#Inner_Type_B li img{ width:100%; height: auto; text-align: left; margin:0px 0 0 0; }
#Inner_Type_B li .title_des{ }
#Inner_Type_B li .right_desc{}
#Inner_Type_B li p{ margin-bottom:10px; text-align: left !important;}

#Inner_Type_H ul{margin:0 0 5px -2%; }

#Inner_Type_H ol li{ float: none; width:100%; margin:0 0 5px -2%; }
#Inner_Type_H li{ float:left; width:31%; margin:0 0 15px 2%; background:#f5f4fb; height:130px; box-shadow:0 0 1px rgba(102,51,153,1) }
#Inner_Type_H li img{ max-width:100%; max-height:130px; box-shadow:0 0 0; border:0;  }
#Inner_Type_H li p{ padding:0px 0; }
#Inner_Type_H li a{  }
#Inner_Type_H .title_des { float: left; width:30%;}
#Inner_Type_H .title_des  img{ max-width:100%;}
#Inner_Type_H .right_desc { float:right; width:67%; font-size:15px; line-height:23px; text-align: left;}
#Inner_Type_H h5{ font-size:15px; text-transform:uppercase; color:#361a67; font-weight:normal; padding:25px 0 8px; 0;}

#Inner_Type_D { background:none}
#Inner_Type_D ul{ margin:0; padding:0px; margin:0}
#Inner_Type_D li{ float:none; margin:0 0 15px 0%; width:100%; text-align: left; clear:both; padding:0}

#Inner_Type_F { background:none}
#Inner_Type_F ul{ margin:0; padding:0; list-style:none;}
#Inner_Type_F li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_F li iframe{ height:650px;}

.paper_pointing{ width:70%; margin:0px auto; margin-top:30px; margin-bottom:50px; padding:5% 5% 7% 5%; box-shadow: 0 0 7px rgba(0,0,0,.2)}
.paper_pointing ul { margin:0 0 0 20px; list-style:none; padding:0}
.paper_pointing ul li{ margin:0 0 10px; position:relative; padding-left:40px;}
.paper_pointing ul .circle_ball{ position:absolute; left:0;  top:5px; background:#609002; padding:5px 10px; display:inline-block; border-radius:50%; color:#fff; font-size:15px; line-height:18px;}

#Information_detail{ margin:30px 0;}
#Information_detail h1{ text-align: center;}
#info_type_B .main_content{ margin:0 0 30px 0}
#info_type_B .main_content ul{ margin:0 0 0 -1%; list-style:none; padding:0}
#info_type_B .main_content ul li{ float: left; width:32.3%; margin:0 0 15px 1%; text-align: left; font-size:14px; }
#info_type_B .main_content ul li:nth-child(3n+1){ clear:both;}
#info_type_B .main_content ul li img{ width:100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; }
#info_type_B .main_content ul li:hover img{ opacity:.8; box-shadow: 0 0 3px rgba(0,0,0,.2); width:100%; }
#info_type_B .main_content ul li p{  margin: 0; padding:0px 0 10px 0; text-align:center;}
#info_type_B .main_content ul li a{ color:#333; text-align: left}

.cover_founder{ float: left; width:22%;}
#founders_content{ float: right; width:73%;}
.cover_founder img{ width:100%; }
#founders_content h2{ font-size:25px; text-transform: uppercase; margin:5px 0 15px 0; }
#founders_content h3{ color:#b28340; font-size:19px; margin:10px 0 20px 0; padding:0; }
#founders_content h4{ color:#609002; font-size:15px; line-height:24px; border-left:2px solid #b28340; margin:5px 0 15px 0; padding:0px 0 0px 15px; }
#founders_content .desc { border:1px solid #609002; background:#f8fcff; padding:10px 15px; margin:10px 0 0; } 
#founders_content ul{ list-style:outside; margin:0 0 0 0px}

.information_founders ul{ list-style:none; margin:0; padding:0; }
.information_founders ul li{ padding:5px 0; }
.information_founders .cover{ float: left; width:30%}
.information_founders .cover img{width:100%}
.information_founders .content { float:right; width:66%}

.information_founders h2{ font-size:32px; text-transform: uppercase; margin:15px 0 15px 0; }
.information_founders h3{ color:#b28340; font-size:26px; margin:10px 0 20px 0; padding:0; }
.information_founders h4, .information_founders:hover  h4 { color:#609002; font-size:19px; line-height:24px; border-left:2px solid #b28340; margin:5px 0 5px 0; padding:10px 0 10px 15px; }
.information_founders .desc {  } 
.information_founders  ul li ul{ list-style:outside; margin:0 0 0 20px}
.information_founders  ul li ul li{ color:#666;padding:0px 0; margin:0; font-size:15px; border-bottom:0px dotted #ddd;}
#more_btn{ background: url(../images/icon_more.png) left center no-repeat #609002; background-size:20px 23px; background-position:8px 50% ; display:inline-block; margin:15px 0 ; box-shadow:0 0 3px rgba(0,0,0,.2);  padding:5px 30px 5px 45px; line-height:26px; font-size:15px;  color:#fff}
#more_btn:hover{ background: url(../images/icon_more_blue.png) left center no-repeat #f5f5f5; background-size:20px 23px; background-position:8px 50% ; color:#609002}
.social_media{ position:absolute; right:0; top:50px;}
.social_media img{ height:56px;}
.icon_youtube{ float:right; }
.icon_wc{ float:right; margin:0 10px}
.icon_ws{ float:right; }
.about_msg{ margin:100px 0 0 }
.green_ll{ color:#42ba50; font-size:28px; white-space:nowrap }

#MediaA .information ul{  margin:0 0 0 -3.3%; list-style:none; padding:0; }
#MediaA .information .clip{ background:url(../images/icon_video.png) no-repeat; width:53px; height:53px; position:absolute; left:42%; top:35%; z-index:1 }
#MediaA .information ul li{ width:30%; margin:0 0 20px 3.3%; float:left; position:relative; }
#MediaA .information ul li .cover{ background:#333; }
#MediaA .information ul li img{ width:100%; box-shadow:0 0 0; opacity:.7}
#MediaA .information ul li:hover img{ width:100%; box-shadow:0 0 0; opacity:1}
#MediaA .information ul li:nth-child(3n+1) { clear:both}
#MediaA .information .date{ position: relative; text-align: center; }
#MediaA .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaA .information p{ text-align: center; }
#MediaA .information ul li a:hover{ text-decoration:none; color:#1f9c77; }

.icon_flow{background:url(../images/bg_icons.png) no-repeat left top; position:relative; width:100%; min-height:500px;}
.icon_flow img{ max-width:100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
.icon_flow div img{ width:100%; max-width:100%;}
.icon_flow div:hover img{transform: scale(1.1);}
.icon_a{ position:absolute; left:0; top:0;}
.icon_b{ position:absolute; left:38%; top:0;}
.icon_c{ position:absolute; right:0; top:0;}
.icon_d{ position:absolute; left:18%; top:300px;}



.container_b {
  position: relative;
  width: 50%;
}

.container_b .image {
  display: block;
  width: 100%;
  height: auto;
}

.container_b .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 65%;
  transition: .5s ease;
  background-color: #578300;
}
.container_b a { display:block}
.container_b:hover .overlay {
  opacity: 0;
}

.container_b .text {
  color: white; z-index:1;
  font-size: 28px; text-shadow: 0 0 3px rgba(0,0,0,.7);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (max-width: 1080px) { 
.icon_flow div img{ width:80%; max-width:80%;}
.icon_c{ position:absolute; right:0; top:0; text-align:right;}
.icon_b{  text-align: center; left:33%}
.icon_d{ position:absolute; left:20%; top:290px;}
}