@charset "utf-8";
/* CSS Document */

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#ffffff; color:#000000; font-size:16px; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }
.right_side ul,ol{padding-left:20px; padding-bottom: 6px;}
h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

button,
input[type=button], 
input[type=submit], 
input[type=reset] { -webkit-appearance:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; xline-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/*-------------------------------------------------------------------------------------*/
/* EDITOR */

.editor_content { line-height:1.5; }
.editor_content ul, 
.editor_content ol { display:block; margin-top:1em 0; padding-left:40px; }
.editor_content ul { list-style-type:disc; }
.editor_content ol { list-style-type:decimal; }
.editor_content h1 { margin:0.67em 0; }
.editor_content h2 { margin:0.83em 0; }
.editor_content h3 { margin:1em 0; }
.editor_content h4 { margin:1.33em 0; }
.editor_content h5 { margin:1.67em 0; }
.editor_content h6 { margin:2.33em 0; }
.editor_content p { margin:1em 0; }
.editor_content img { max-width:100%; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1024px; min-height:100%; background-color:#ffffff; background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:fixed; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%; max-width:1024px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }

#toolbar { padding:5px 0; background-color:#7aa354; }
#toolbar .toolbar_area { width:100%; }
#toolbar .toolbar_area ul { font-size:0; text-align:right; }
#toolbar .toolbar_area ul li { display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:17px; padding:0 15px; border-left:1px solid #ffffff; position:relative; font-size:17px; color:#ffffff; line-height:1; }
#toolbar .toolbar_area ul li:first-child { border-left:none; }
#toolbar .toolbar_area ul li a { color:#ffffff; transition:all 0.3s ease; }
#toolbar .toolbar_area ul li a:hover { }
#toolbar .toolbar_area ul li.search_area { height:auto; padding:0; border-left:none; }
#toolbar .toolbar_area ul li.search_area input[type=text] { width:100%; height:27px; padding:0 37px 0 8px; background-color:#ffffff; border:none; border-radius:10px; box-sizing:border-box; outline:none; font-size:16px; color:#000000; }
#toolbar .toolbar_area ul li.search_area button { position:absolute; right:0; top:0; width:29px; height:27px; padding:0; margin:0; border-radius:0 10px 10px 0; background-color:#ff884a; border:none; text-align:center; font-size:16px; color:#ffffff; outline:none; cursor:pointer; transition:all 0.3s ease; }
#toolbar .toolbar_area ul li.search_area button i { transform:rotate(90deg) }
#toolbar .toolbar_area ul li.other_area { height:auto; padding:0 0 0 10px; border-left:none; }
#toolbar .toolbar_area ul li.other_area a { display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-left:6px; box-sizing:border-box; }
#toolbar .toolbar_area ul li.other_area a.linkedin  { width:36px; height:36px; background-color:#0274b3; border-radius:4px; text-align:center; line-height:36px; font-size:24px; }
#toolbar .toolbar_area ul li.other_area a.enquiry { width:60px; height:38px; padding-top:20px; background:url(../img/toolbar_enquiry_icon.png) no-repeat left top; font-size:16px; color:#ffffff; }
#toolbar .toolbar_area ul li.other_area a.lang { width:38px; height:38px; background:url(../img/lang_bg.png) no-repeat left top; text-align:center; line-height:38px; font-size:13px; color:#ffffff; font-weight:bold; transition:all 0.3s ease; }
#toolbar .toolbar_area ul li.other_area a.hidden { display:none; }

#sitemap .sitemap_row .footer_top a.linkedin { width:24px; height:24px; background-color:#0274b3; border-radius:4px; text-align:center; line-height:24px; font-size:18px; }
#sitemap .sitemap_row .footer_top { margin-top: 26px;}
#sitemap .sitemap_row .footer_top p{ padding-bottom: 10px; height: 36px;  }
#sitemap .sitemap_row .footer_top p a.linkedin { display: inline-block; }
#sitemap .sitemap_row .footer_top p a.enquiry { width:280px; height:38px; padding-top:20px; background:url(../img/toolbar_enquiry_icon.png) no-repeat left top; font-size:16px; color:#ffffff; height: 36px; padding-left: 40px; display: inline-block; }

#top { position:relative; z-index:10; }
#top .container { background-color:#ffffff; }
#top .logo { float:left; width:443px; padding:30px 0 23px 0; }
#top .logo img { width:100%; }

#top .mobile_btn { position:absolute; right:15px; top:50%; display:none; margin-top:-20px; }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:#7aa354; box-sizing:border-box; text-align:center; text-transform:uppercase; font-weight:700; font-size:20px; color:#ffffff; line-height:40px; }
#top .mobile_btn a i { margin-right:6px; }
#top .mobile_btn a:hover { text-decoration:none; }

#top .menu_area { float:right; width:580px; padding:38px 0 22px 0; }
#top .menu_area ul.menu_list { margin:0 -11px; font-size:0; text-align:right; }
#top .menu_area ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; padding-bottom:6px; }
#top .menu_area ul.menu_list > li.mobile_only { display:none; }
#top .menu_area ul.menu_list > li > a.lv1 { display:block; height:36px; padding:0 11px; font-size:16px; color:#000000; line-height:36px; transition:all 0.3s ease; }
#top .menu_area ul.menu_list > li > a.lv1 i { display:none; }
#top .menu_area ul.menu_list > li:hover > a.lv1, 
#top .menu_area ul.menu_list > li > a.lv1:hover { color:#669966; }

#top .menu_area ul.dropdown_menu { position:absolute; left:0; top:42px; width:180px; padding:12px 0 14px 0; background-color:#ffffff; border:1px solid #669966; box-sizing:border-box; text-align:left; font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#top .menu_area ul.dropdown_menu:before { position:absolute; left:10px; top:-12px; content:""; width:0; height:0; border-style:solid; border-width:0 9px 12px 9px; border-color:transparent transparent #669966 transparent; }
#top .menu_area ul.dropdown_menu:after { position:absolute; left:11px; top:-11px; content:""; width:0; height:0; border-style:solid; border-width:0 8px 11px 8px; border-color:transparent transparent #ffffff transparent; }
#top .menu_area ul.dropdown_menu > li { display:block; }
#top .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:4px 10px; box-sizing:border-box; position:relative; font-size:14px; color:#333333; transition:all 0.3s ease; }
#top .menu_area ul.dropdown_menu > li > a.lv2:hover { color:#336633; }

#top .menu_area ul.menu_list > li:last-child > ul.dropdown_menu { left:auto; right:0; }
#top .menu_area .fallback { display:none; }

#mobile_menu { position:fixed; top:0; left:0; z-index:1; width:280px; height:100%; background-color:#e6e7e9; transition:transform 0.5s ease; overflow:hidden; box-sizing:border-box; display:none; transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); -moz-transform:translate3d(-280px, 0, 0); }
#mobile_menu .menu_area { width:100%; height:100%; overflow-y:auto; box-sizing:border-box; background:none; }
#mobile_menu .menu_area ul.menu_list { padding:0 15px; }
#mobile_menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #cccccc;  position:relative; box-sizing:border-box; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 65px 15px 19px; margin:0 -15px; background-color:#e6e7e9; box-sizing:border-box; position:relative; font-size:20px; text-transform:uppercase; color:#242424; line-height:24px; font-weight:bold; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; width:50px; height:50px; text-align:center; line-height:50px; font-size:16px; color:#9cb981; font-style:normal; transition:all 0.3s ease; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-3px; margin-top:-5px; border-style:solid; border-width:5px 0 5px 6px; border-color:transparent transparent transparent #9cb981; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i.openDrop { transform:rotate(90deg); }
#mobile_menu .menu_area ul.menu_list > li > a.lv1:hover { color:#ffffff; background:#7aa354; }

#mobile_menu .menu_area ul.dropdown_menu { padding-top:6px; padding-bottom:12px; background-color:#e6e7e9; border-top:1px dotted #999999; display:none; }
#mobile_menu .menu_area ul.dropdown_menu > li { display:block; position:relative; }
#mobile_menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:8px 0 8px 4px; margin:0; box-sizing:border-box; font-size:16px; color:#242424; }

#banner { position:relative; }
#banner .banner_alpha { padding:0 !important; }
#banner .banner_alpha img { width:100%; }
#banner .banner_show { position:absolute; left:0; top:0; width:100%; height:100%; }
#banner .banner_show .banner { width:100%; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; text-align:center; }
#banner .banner_show .banner img { width:100%; max-width:1024px; }

#banner .banner_show .owl-controls { position:absolute; left:0; bottom:24px; width:100%; }
#banner .banner_show .owl-dots { width:100%; max-width:1024px; padding:0 32px; margin:0 auto; box-sizing:border-box; text-align:right; }
#banner .banner_show .owl-dot { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:13px; height:13px; background-color:#ffffff; border-radius:100%; margin:0 7px; transition:all 0.3s ease; }
#banner .banner_show .owl-dot.active, 
#banner .banner_show .owl-dot:hover { background-color:#7aa354; }

#banner .inner_banner { width:100%; background-color:#9e9e9e; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center; }
#banner .inner_banner .banner_alpha { max-width:1024px !important; }

#banner .about_us_banner { background-image:url(../img/inner_banner/about_us.jpg); }
#banner .download_centre_banner { background-image:url(../img/inner_banner/download_centre.jpg); }
#banner .information_centre_banner { background-image:url(../img/inner_banner/information_centre.jpg); }
#banner .products_banner { background-image:url(../img/inner_banner/products.jpg); }
#banner .food_packaging_banner { background-image:url(../img/inner_banner/food_packaging.jpg); }
#banner .sustainbillity_banner { background-image:url(../img/inner_banner/sustainbillity.jpg); }
#banner .news_banner { background-image:url(../img/inner_banner/news.jpg); }
#banner .contact_us_banner { background-image:url(../img/inner_banner/contact_us.jpg); }
#banner .member_banner { background-image:url(../img/inner_banner/member.jpg); }
#banner .legal_banner { background-image:url(../img/inner_banner/legal.jpg); }

#banner .banner_title { position:absolute; left:0; bottom:26px; width:100%; }
#banner .banner_title h2 { font-size:41px; color:#ffffff; text-shadow:2px 2px 4px #000000; font-weight:normal; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }

#main { min-height: 600px; }
#main .path_area { padding:30px 500px 24px 40px; border-bottom:1px dotted #666666; position:relative; box-sizing:border-box; font-size:14px; color:#333333; }
#main .path_area:before { position:absolute; left:6px; top:25px; content:"\f015"; font-size:26px; color:#7aa354; font-family:'FontAwesome'; }
#main .path_area a { color:#003333; transition:all 0.3s ease; }
#main .path_area a:hover { }

#main .content_area { width:100%; position:relative; }
#main .left_side { float:left; width:238px; padding-top:25px; }
#main .left_menu { width:100%; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#main .left_menu > ul { }
#main .left_menu > ul > li { padding:12px 7px 8px 7px; border-bottom:1px dotted #666666; position:relative; }
#main .left_menu > ul > li:before { position:absolute; right:6px; top:6px; content: "\f105"; font-size:24px; color:#7aa354; font-family:'FontAwesome'; }
#main .left_menu > ul > li > a { display:block; padding-right:18px; font-size:18px; color:#0a3622; transition:all 0.3s ease; }
#main .left_menu > ul > li > a.active,
#main .left_menu > ul > li > a:hover { color:#75c045; }
#main .left_menu > ul ul { padding:4px 0 12px 0; }
#main .left_menu > ul ul > li { padding:4px 0 4px 12px; position:relative; }
#main .left_menu > ul ul > li:before { position:absolute; left:2px; top:12px; content:""; width:0; height:0; border-style:solid; border-width:3px 0 3px 5px; border-color:transparent transparent transparent #75c045; }
#main .left_menu > ul ul > li > a { font-size:14px; color:#000000; line-height:16px; transition:all 0.3s ease; }
#main .left_menu > ul ul > li > a:hover { }
#main .left_select { display:none; width:100%; box-sizing:border-box; text-align:right; }
#main .left_select label { display:inline-block; vertical-align:top; padding-right:10px; font-size:16px; color:#000000; line-height:32px; display:none; }
#main .left_select select { display:inline-block; vertical-align:top; width:100%; xwidth:220px; height:32px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; margin:0 auto; }

#main .right_side { float:right; width:742px; padding-top:25px; padding-right:12px; box-sizing:border-box; }

#main .multipage { padding-top:22px; margin:0 -7px; font-size:0; text-align:right; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20px; height:20px; margin:0 3px; text-align:center; line-height:20px; font-size:13px; color:#000000; font-family:'Lato'; transition:all 0.2s ease; }
#main .multipage a.row { width:24px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#ff8201; color:#ffffff; }
#main .multipage select { display:none; width:120px; height:34px; border-radius:4px; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2); outline:none; }

#sitemap { padding:12px 0; min-height:400px; background:url(../img/sitemap_bg.jpg) no-repeat center top; box-sizing:border-box; }
#sitemap .sitemap_list { width:100%; display:table; table-layout:fixed; }
#sitemap .sitemap_row { display:table-cell; padding:10px; vertical-align:top; xwidth: 200px; /* text-align: center;*/ }
#sitemap .sitemap_row p { font-size:17px; color:#ffffff; font-weight:bold; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#sitemap .sitemap_row ul { }
#sitemap .sitemap_row ul li { padding-top:6px; font-size:14px; line-height:22px; }
#sitemap .sitemap_row a { color:#ffffff; }
#sitemap .sitemap_row a:hover { }

#footer { padding:12px 0; background-color:#404040; text-align:center; }
#footer p { float:left; width:70%; padding-left:10px; box-sizing:border-box; text-align:left; font-size:12px; color:#ffffff; }
#footer ul { float:right; padding-right:10px; font-size:0; text-align:right; }
#footer ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; font-size:12px; color:#ffffff; }
#footer ul li:before { content:"/"; padding:0 8px; }
#footer ul li:first-child:before { display:none; }
#footer a { color:#ffffff; }
#footer a:hover { text-decoration:underline; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; }
.openResponsive #wrap { transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_about_section { padding:36px 0; }
.index_about_section .index_about_area { padding:0 10px; }
.index_about_section .index_about_area h3 { font-size:35px; color:#000000; font-weight:normal; text-align:center; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.index_about_section .index_about_area h3 span { color:#669966; }
.index_about_section .index_about_area p { font-size:16px; color:#333333; line-height:27px; text-align:justify; }
.index_about_section .index_about_area a { display:inline-block; zoom:1; *display:inline; vertical-align:top; color:#669966; transition:all 0.3s ease; }
.index_about_section .index_about_area a:hover { }

.index_box_section { padding:36px 0 58px 0; background:url(../img/index_box_section_shadow.png) repeat-x center top; }
.index_box_section .index_box_area { width:100%; }
.index_box_section .index_box_item { float:left; width:50%; padding:38px 14px 0 10px; box-sizing:border-box; }
.index_box_section .index_box { width:100%; height:260px; }
.index_box_section .index_box_title { border-bottom:1px solid #95a58a; font-size:35px; color:#000000; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.index_box_section .index_box_title span { color:#669966; }
.index_box_section .index_box_info { padding:6px 0; font-size:16px; color:#333333; line-height:27px; text-align:justify; }
.index_box_section .index_box_info p { }
.index_box_section .index_box_info a { color:#669966; transition:all 0.3s ease; }
.index_box_section .index_box_info a:hover { }
.index_box_section .index_box_btn { padding-top:14px; text-align:center; }
.index_box_section .index_box_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:201px; height:39px; background-color:#7aa354; text-align:center; line-height:39px; font-size:14px; color:#ffffff; font-weight:bold; transition:all 0.3s ease; }
.index_box_section .index_box_btn a:hover { }

.index_news_section { padding:38px 0; background:url(../img/index_news_bg.jpg) no-repeat center center; background-size:cover; }
.index_news_section .index_news_area { width:100%; padding:0 4px; box-sizing:border-box; }
.index_news_section .index_news_title { padding-bottom:20px; font-size:35px; color:#000000; text-align:center; }
.index_news_section .index_news_title span { color:#669966; }
.index_news_section .index_news_list { width:100%; }
.index_news_section .index_news_item { float:left; width:254px; padding:0 8px; box-sizing:border-box; }
.index_news_section .index_news { width:100%; background-color:#ffffff; }
.index_news_section .index_news_photo { width:100%; position:relative; font-size:0; }
.index_news_section .index_news_photo > img { width:100%; }
.index_news_section .index_news_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; }
.index_news_section .index_news_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_news_section .index_news_photo .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }
.index_news_section .index_news_info { width:100%; height:180px; padding:16px 16px 27px 16px; box-sizing:border-box; position:relative; }
.index_news_section .index_news_cate { position:absolute; left:0; top:-30px; width:100%; padding:0 16px; box-sizing:border-box; font-size:20px; color:#ffffff; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.index_news_section .index_news_topic { height:84px; overflow:hidden; font-size:14px; color:#000000; line-height:21px; }
.index_news_section .index_news_img { width:100%; height:137px; padding-top:5px; box-sizing:border-box; text-align:center; }
.index_news_section .index_news_img img { max-width:100%; max-height:100%; vertical-align:middle; }
.index_news_section .index_news_btn { padding-top:28px; }
.index_news_section .index_news_btn span { display:block; width:102px; height:25px; background-color:#7aa354; font-size:14px; color:#ffffff; text-align:center; line-height:25px; transition:all 0.3s ease; }
.index_news_section .index_news_btn span:hover { }

.index_contact_section { padding:26px; background-color:#efc76c; }
.index_contact_section p { line-height:99px; text-align:center; font-size:35px; color:#063722; }
.index_contact_section a { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:151px; height:99px; background:url(../img/index_contact_img.png) no-repeat left top; margin-left:24px; text-align:center; font-size:25px; color:#7aa354; line-height:90px; }
.index_contact_section a:hover { }

.index_brands_section { padding:46px 50px 40px 50px; }
.index_brands_section .index_brands_area { padding:0 50px; }
.index_brands_section .index_brands_title { padding-bottom:22px; text-align:center; font-size:28px; color:#000000; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.index_brands_section .index_brands_title span { color:#336633; }
.index_brands_section .index_brands_list { width:100%; }
.index_brands_section .index_brands_item { float:left; width:132px; padding:0 10px; box-sizing:border-box; }
.index_brands_section .index_brands { width:100%; height:96px; text-align:center; font-size:0; }
.index_brands_section .index_brands:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_brands_section .index_brands img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }

.index_brands_section .index_brands_list .owl-item .index_brands_item { width:100%; }
.index_brands_section .index_brands_list .owl-controls { position:absolute; left:0; top:50%; width:100%; }
.index_brands_section .index_brands_list .owl-nav { width:100%; max-width:1024px; margin:0 auto; position:relative; }
.index_brands_section .index_brands_list .owl-prev, 
.index_brands_section .index_brands_list .owl-next { position:absolute; top:-13px; font-size:26px; color:#727272; font-weight:bold; line-height:1; }
.index_brands_section .index_brands_list .owl-prev { left:-35px; }
.index_brands_section .index_brands_list .owl-next { right:-35px; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

.about_us_content { }


.cert_content { padding-bottom:42px; }
.cert_content .cert_page_title { padding-bottom:6px; border-bottom:1px dotted #666666; font-size:30px; color:#333333; }
.cert_content .cert_format_info { width:100%; padding-top:32px; padding-bottom:20px; }
.cert_content .cert_format_title { font-size:23px; color:#7aa354; font-weight:bold; }
.cert_content .cert_format_desc { padding-top:14px; font-size:16px; color:#000000; line-height:23px; }

.cert_content .cert_bar_section { width:100%; padding-top:18px; }
.cert_content .cert_bar_title { padding:10px 64px 10px 4px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; position:relative; font-size:20px; color:#7aa354; }
.cert_content .cert_bar_title:before { position:absolute; right:22px; top:10px; content:"\f105"; font-size:28px; color:#7aa354; font-family:'FontAwesome'; transition:all 0.3s ease; }
.cert_content .cert_bar_info_area { width:100%; display:none; }
.cert_content .cert_bar_info { padding:22px 0; font-size:14px; color:#000000; line-height:24px; }
.cert_content .cert_bar_logo { margin:0 -8px; }
.cert_content .cert_bar_logo .cert_logo_item { float:left; width:25%; padding:8px; box-sizing:border-box; }
.cert_content .cert_bar_logo .cert_logo { width:100%; height:168px; }
.cert_content .cert_bar_logo .cert_logo img { max-width:100%; }
.cert_content .cert_bar_title.active:before { transform:rotate(90deg); }

.download_content { padding-top:32px; padding-bottom:44px; }
.download_content .download_title { padding-bottom:16px; font-size:30px; color:#333333; text-align:center; }
.download_content .download_info { padding-bottom:26px; font-size:17px; color:#000000; }
/*.download_content .download_info span { color:#336633; }*/
.download_content .download_box_area { width:100%; padding:4px 10px; background-color:#f0f0f0; box-sizing:border-box; display:table; table-layout:fixed; }
.download_content .download_box_item { display:table-cell; vertical-align:top; width:50%; background-color:#ffffff; border:14px solid #f0f0f0; box-sizing:border-box;}
.download_content .download_box { width:100%; padding:36px 15px 22px 15px; box-sizing:border-box; }
.download_content .download_box_icon { float:left; width:140px; text-align:right; }
.download_content .download_box_icon img { max-width:100%; }
.download_content .download_box_info { float:right; width:285px; }
.download_content .download_box_title { padding-bottom:4px; font-size:32px; color:#336633; }
.download_content .download_box_list { width:100%; }
.download_content .download_box_list ul { }
.download_content .download_box_list ul li { padding:8px 0 8px 24px; position:relative; }
.download_content .download_box_list ul li input[type=radio] { position:absolute; left:0; top:8px; }

.download_content .download_list_area { padding-top:36px; }
.download_content .download_list_title { padding:6px 26px; background-color:#98afbb; font-size:19px; color:#ffffff; }
.download_content .download_list { width:100%; }
.download_content .download { padding:12px 26px; box-sizing:border-box; font-size:16px; color:#00000; }
.download_content .download a { color:#000000; transition:all 0.3s ease; }
.download_content .download a:hover { }
.download_content .download:nth-child(odd) { background-color:#ffffff; }
.download_content .download:nth-child(even) { background-color:#f0f0f0; }

.information_list { margin:0 -10px; padding-bottom:64px; }
.information_list .information_row { float:left; width:50%; padding:0 10px; box-sizing:border-box; }
.information_list .information { width:100%; }
.information_list .information_title { padding:24px 30px 20px 14px; position:relative; border-bottom:1px solid #cccccc; font-size:19px; color:#333333; font-weight:bold; }
.information_list .information_title:before { position:absolute; right:4px; top:20px; content:"\f105"; font-size:28px; color:#7aa354; font-weight:normal; font-family:'FontAwesome'; transition:all 0.3s ease; }
.information_list .information_info { display:none; padding:12px 14px 6px 14px; border-bottom:1px solid #cccccc; font-size:15px; color:#000000; line-height:24px; text-align:justify; }
.information_list .information_title.active:before { transform:rotate(90deg); }

/*-------------------------------------------------------------------------------------*/
/* PRODUCTS */

.filter_mobile_btn { width:100%; height:36px; line-height:36px; text-align:center; background-color:#7aa354; font-size:20px; color:#ffffff; display:none; }

.filter_overlay { position:fixed; left:0; bottom:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.2); opacity:0; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }

.products_filter_area { float:left; width:200px; padding-top:20px; padding-left:4px; box-sizing:border-box; }
.products_filter_area .products_filter_box { width:100%; }
.products_filter_area .products_filter_item { width:100%; padding-top:15px; }
.products_filter_area .products_filter_item a { width:100%; height:36px; padding:8px 15px; border:1px solid #7cb55e; box-sizing:border-box; position:relative; outline:none; font-size:14px; color:#000000; font-weight:bold; }
.products_filter_area .products_filter_item select { width:100%; height:36px; padding:8px 15px; border:1px solid #7cb55e; box-sizing:border-box; position:relative; outline:none; font-size:14px; color:#000000; font-weight:bold; }
.products_filter_area .products_filter_item option[disabled] { display:none; }
.products_filter_area .products_filter_item button{ width: 48%; background-color: #7aa354;border: none;text-align: center;line-height: 30px;font-size: 16px;color: #ffffff;font-weight: bold;cursor: pointer;transition: all 0.3s ease; }

.products_content { float:right; width:772px; padding-top:20px; padding-right:8px; padding-bottom:30px; box-sizing:border-box; position:relative; }

.products_search { position:absolute; right:0; top:-50px; width:423px; height:35px; }
.products_search input[type=text] { width:100%; height:35px; padding:0 54px 0 14px; border:1px solid #cccccc; background-color:#ffffff; box-sizing:border-box; font-size:14px; color:#333333; }
.products_search button { position:absolute; right:1px; top:1px; width:40px; height:33px; padding:0; background-color:#7aa354; border:none; text-align:center; line-height:33px; font-size:18px; color:#ffffff; font-weight:bold; cursor:pointer; transition:all 0.3s ease; }
.products_search button:hover { }
.products_search button span { display:inline-block; transform:rotate(90deg); }

.products_cate_list { margin:0 -22px 0 -27px; padding-bottom:100px; }
.products_cate_list .products_cate_item { float:left; width:271px; padding:15px 14px; box-sizing:border-box; }
.products_cate_list .products_cate { display:block; width:100%; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.2); position:relative; }
.products_cate_list .products_cate_photo { width:100%; position:relative; font-size:0; text-align:center; }
.products_cate_list .products_cate_photo > img { width:100%; }
.products_cate_list .products_cate_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.products_cate_list .products_cate_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.products_cate_list .products_cate_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.products_cate_list .products_cate_name { position:absolute; left:0; bottom:0; width:100%; padding:10px; background:rgba(0,0,0,0.45); box-sizing:border-box; text-align:center; font-size:16px; color:#ffffff; }

.products_list_title { padding:8px; border-bottom:1px solid #d7c8a3; font-size:27px; color:#000000; }
.products_list_title span { color:#669966; }
.products_list { padding-top:4px; }
.products_list .products_item { padding-top:17px; }
.products_list .products { width:100%; padding:18px 0 16px 22px; background-color:#ffffff; border:3px solid #ececec; box-sizing:border-box; box-shadow:5px 5px 5px rgba(0,0,0,0.3); }
.products_list .products_logo { float:right; width:124px; height:120px; padding-right:20px; }
.products_list .products_logo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.products_list .products_logo img { max-width:100%; max-height:100%; vertical-align:middle; }

.products_list .products_info { float:left; width:430px; }
.products_list .products_title { font-size:18px; color:#0a3622; font-weight:bold; }
.products_list .products_table { width:100%; padding-top:6px; display:table; }
.products_list .products_table .table_row { display:table-row; }
.products_list .products_table .table_cell { display:table-cell; vertical-align:top; font-size:14px; color:#000000; }
.products_list .products_table .table_cell:first-child { width:88px; }
.products_list .products_btn { padding-top:8px; }
.products_list .products_btn span { display:block; width:60px; height:23px; background-color:#7aa354; font-size:14px; color:#ffffff; line-height:23px; text-align:center; }
.products_list .products_btn span:hover { }

.products_detail { width:100%; padding-top:28px; padding-bottom:45px; }
.products_detail .products_detail_title { float:left; width:100%; padding:0 6px 18px 6px; box-sizing:border-box; font-size:27px; color:#0a3622; font-weight:bold; }
.products_detail .products_detail_photo { float:left; width:496px; padding-left:6px; padding-bottom:22px; box-sizing:border-box; }
.products_detail .products_detail_photo .large_photo { width:100%; position:relative; }
.products_detail .products_detail_photo .large_photo > img { width:100%; display:block; }
.products_detail .products_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; }
.products_detail .products_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.products_detail .products_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.products_detail .products_detail_photo .large_photo .row { position:absolute; left:0; top:50%; width:100%; }
.products_detail .products_detail_photo .large_photo .row_prev, 
.products_detail .products_detail_photo .large_photo .row_next { position:absolute; top:-17px; font-size:40px; color:#c1c1c1; display:block; cursor:pointer; transition:all 0.2s ease; }
.products_detail .products_detail_photo .large_photo .row_prev { left:-46px; }
.products_detail .products_detail_photo .large_photo .row_next { right:-46px; }
.products_detail .products_detail_photo .large_photo .row_prev:hover, 
.products_detail .products_detail_photo .large_photo .row_next:hover { color:#1653a6; }

.products_detail .products_detail_photo .sub_photo_area { width:100%; padding-top:19px; }
.products_detail .products_detail_photo .sub_photo_list { margin:0 -5px; }
.products_detail .products_detail_photo .sub_photo { float:left; width:115px; margin:0 5px; position:relative; font-size:0; }
.products_detail .products_detail_photo .sub_photo > img { width:100%; display:block; }
.products_detail .products_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; display:block; box-sizing:border-box; text-align:center; }
.products_detail .products_detail_photo .sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.products_detail .products_detail_photo .sub_photo .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }

.products_detail .products_detail_logo { float:right; width:502px; }
.products_detail .products_detail_logo .logo_list { margin:0 -8px; padding-bottom:18px; }
.products_detail .products_detail_logo .logo { /*float:left;*/ width:124px; padding:8px; vertical-align: middle; display: inline-block; } 
.products_detail .products_detail_logo .logo img { }

.products_detail .products_detail_info { float:right; width:490px; padding-right:6px; padding-bottom:22px; box-sizing:border-box; }
.products_detail .products_detail_info .info_table { display:table; width:100%; }
.products_detail .products_detail_info .info_table .table_row { display:table-row; }
.products_detail .products_detail_info .info_table .table_cell { display:table-cell; vertical-align:top; padding-top:7px; padding-left:14px; border-left:1px solid #7aa354; }
.products_detail .products_detail_info .info_table .table_cell:first-child { width:126px; padding-left:0; border-left:none; color:#0a3622; }
.products_detail .products_detail_info .info_table .table_row:first-child .table_cell { padding-top:0; }
.products_detail .products_detail_info .info_btn { padding-top:37px; }
.products_detail .products_detail_info .info_btn a { display:block; width:188px; height:35px; background-color:#61853e; font-size:16px; color:#ffffff; font-weight:bold; text-align:center; line-height:35px; vertical-align:middle; transition:all 0.3s ease; }
.products_detail .products_detail_info .info_btn img { padding-right:4px; vertical-align:middle; }

.products_detail .products_detail_desc { float:left; width:100%; padding:26px 6px 0 6px; border-top:1px dotted #666666; }
.products_detail .products_detail_desc .tab_item { background-color:#f0ede7; border-top:1px solid #dcd4c5; }
.products_detail .products_detail_desc .tab_item:first-child { border-top:none; }
.products_detail .products_detail_desc .tab_bar { padding:8px 42px; box-sizing:border-box; position:relative; font-size:19px; color:#65583d; font-weight:bold; cursor:pointer; }
.products_detail .products_detail_desc .tab_bar:hover , .products_detail .products_detail_desc .tab_bar.active { background: #61853e; color: #ffffff; }

.products_detail .products_detail_desc .tab_bar:before { position:absolute; right:18px; top:8px; content:"+"; width:24px; height:24px; text-align:center; line-height:24px; font-size:30px; font-weight:normal; }
.products_detail .products_detail_desc .tab_content { padding:12px 42px; border-top:1px solid #dcd4c5; display:none; }
.products_detail .products_detail_desc .active:before { content:"-"; }

.products_detail .products_detail_btn { float:left; width:100%; padding-top:22px; text-align:right; }
.products_detail .products_detail_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:34px; padding:0 17px; background-color:#61853e; margin-left:10px; font-size:16px; color:#ffffff; font-weight:bold; line-height:34px; }
.products_detail .products_detail_btn a i { font-size:20px; }
.products_detail .products_detail_btn a i, 
.products_detail .products_detail_btn a img { vertical-align:middle; padding-right:4px; }
.products_detail .products_detail_btn a.back { background-color:#8a8a8a; }
.products_detail .products_detail_btn a:hover { }

.food_packaging_highlight { width:100%; background:#fafafa; background:-moz-linear-gradient(top,  #fafafa 50%, #e9e9e9 100%); background:-webkit-linear-gradient(top,  #fafafa 50%,#e9e9e9 100%); background:linear-gradient(to bottom,  #fafafa 50%,#e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); position:relative; padding-bottom:42px; }
.food_packaging_highlight .highlight_title_area { padding-bottom:18px; text-align:center; }
.food_packaging_highlight .highlight_title { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:172px; height:40px; padding-top:14px; background-color:#7aa354; position:relative; box-sizing:border-box; margin-top:-21px; margin-bottom:59px; text-align:center; font-size:19px; color:#ffffff; font-weight:bold; }
.food_packaging_highlight .highlight_title:before { position:absolute; left:0; bottom:-59px; content:""; width:0; height:0; border-style:solid; border-width:59px 86px 0 86px; border-color:#7aa354 transparent transparent transparent; }
.food_packaging_highlight .highlight_title:after { position:absolute; left:50%; bottom:-34px; content:""; width:44px; height:29px; background:url(../img/food_packaging_highlight_icon.png) no-repeat left top; margin-left:-22px; }
.food_packaging_highlight .highlight_content { display:table; width:100%; }
.food_packaging_highlight .highlight_photo { display:table-cell; vertical-align:middle; width:473px; }
/*.food_packaging_highlight .highlight_photo img { width:100%; }*/
.food_packaging_highlight .highlight_info { display:table-cell; vertical-align:middle; padding-bottom:40px; padding-left:50px; text-align:center; }
.food_packaging_highlight .highlight_info h3 { padding-bottom:28px; position:relative; font-size:33px; color:#000000; }
.food_packaging_highlight .highlight_info h3:before { position:absolute; left:50%; bottom:13px; content:""; width:194px; height:2px; background-color:#7aa354; margin-left:-97px; }
.food_packaging_highlight .highlight_info p { padding-bottom:20px; font-size:28px; }
.food_packaging_highlight .highlight_info a { color:#7aa354; }
.food_packaging_highlight .highlight_info a:hover { }

.food_packaging_title { padding-top:8px; font-size:31px; color:#000000; font-weight:bold; text-align:center; }
.food_packaging_title span { color:#669966; }
.food_packaging_info { padding-top:18px; font-size:16px; color:#333333; line-height:28px; text-align:justify; }
.food_packaging_list_area { width:100%; padding:40px 35px 0 35px; box-sizing:border-box; }
.food_packaging_list_area .food_packaging_list { margin:0 -8px; position:relative; }
.food_packaging_list_area .food_packaging_item { float:left; width:50%; padding:0 8px; box-sizing:border-box; }
.food_packaging_list_area .food_packaging { width:100%; position:relative; }
.food_packaging_list_area .food_packaging img { width:100%; }
.food_packaging_list_area .food_packaging_list.owl-carousel { margin:0; }
.food_packaging_list_area .food_packaging_list .owl-item .food_packaging_item { width:100%; padding:0; }
.food_packaging_list_area .food_packaging_list .owl-controls { position:absolute; left:0; top:50%; width:100%; }
.food_packaging_list_area .food_packaging_list .owl-nav { width:100%; max-width:1024px; margin:0 auto; position:relative; }
.food_packaging_list_area .food_packaging_list .owl-prev, 
.food_packaging_list_area .food_packaging_list .owl-next { position:absolute; top:-13px; font-size:26px; color:#727272; font-weight:bold; line-height:1; }
.food_packaging_list_area .food_packaging_list .owl-prev { left:-35px; }
.food_packaging_list_area .food_packaging_list .owl-next { right:-35px; }

.food_packaging_contact_box { width:100%; padding:58px 20px; background:#fafafa; background:-moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%); background:-webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); background:linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); box-sizing:border-box; margin-top:56px; }
.food_packaging_contact_box .food_packaging_contact_title { padding-bottom:12px; position:relative; font-size:28px; color:#000000; font-weight:bold; text-align:center; }
.food_packaging_contact_box .food_packaging_contact_title:before { position:absolute; left:50%; bottom:0; content:""; width:150px; height:2px; background-color:#669966; margin-left:-75px; }
.food_packaging_contact_box .food_packaging_contact_title span { color:#669966; }
.food_packaging_contact_box .food_packaging_contact_list { width:100%; padding-top:50px; }
.food_packaging_contact_box .food_packaging_contact_item { float:left; width:33.33%; padding:0 10px; box-sizing:border-box; text-align:center; }
.food_packaging_contact_box .food_packaging_contact_icon { height:72px; }
.food_packaging_contact_box .food_packaging_contact_icon img { max-width:100%; max-height:100%; }
.food_packaging_contact_box .food_packaging_contact_info { padding-top:10px; font-size:17px; color:#000000; line-height:25px; }
.food_packaging_contact_box .food_packaging_contact_btn { padding-top:40px; text-align:center; width: }
.food_packaging_contact_box .food_packaging_contact_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:130px; height:40px; background-color:#385723; font-size:15px; color:#ffffff; font-weight:bold; text-align:center; line-height:40px; }

.food_packaging_standard_area { padding:75px 0 45px 0; }
.food_packaging_standard_area .food_packaging_standard_title { padding-bottom:12px; position:relative; font-size:28px; color:#000000; font-weight:bold; text-align:center; }
.food_packaging_standard_area .food_packaging_standard_title:before { position:absolute; left:50%; bottom:0; content:""; width:150px; height:2px; background-color:#669966; margin-left:-75px; }
.food_packaging_standard_area .food_packaging_standard_title span { color:#669966; }
.food_packaging_standard_area .food_packaging_standard_info { padding-top:14px; font-size:17px; color:#333333; font-weight:bold; text-align:center; }
.food_packaging_standard_area .food_packaging_standard_img { width:100%; padding-top:14px; }
.food_packaging_standard_area .food_packaging_standard_img img { max-width:100%; }
.food_packaging_standard_area .food_packaging_standard_btn { padding-top:6px; text-align:center; }
.food_packaging_standard_area .food_packaging_standard_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:130px; height:40px; background-color:#385723; font-size:15px; color:#ffffff; font-weight:bold; text-align:center; line-height:40px; }

/*-------------------------------------------------------------------------------------*/
/* SUSTAINABILLITY */

.sustainbillity_content { padding-bottom:42px; }
.sustainbillity_content .sustainbillity_title { padding-bottom:6px; border-bottom:1px dotted #666666; font-size:30px; color:#333333; }
.sustainbillity_content .sustainbillity_info { padding:6px 0 10px 0; }

.sustainbillity_content .sustainbillity_operations_list { margin:16px 0; border-top:1px solid #cccccc; }
.sustainbillity_content .sustainbillity_operations { width:100%; }
.sustainbillity_content .sustainbillity_operations_title { padding:10px 64px 10px 4px; border-bottom:1px solid #cccccc; position:relative; font-size:20px; color:#333333; }
.sustainbillity_content .sustainbillity_operations_title:before { position:absolute; right:22px; top:4px; content:"\f105"; font-size:28px; color:#7aa354; font-weight:normal; font-family:'FontAwesome'; transition:all 0.3s ease; }
.sustainbillity_content .sustainbillity_operations_info { padding:22px 0; border-bottom:1px solid #cccccc; display:none; }
.sustainbillity_content .sustainbillity_operations_title.active:before { transform:rotate(90deg); }

/*-------------------------------------------------------------------------------------*/
/* NEWS */

.news_content { padding-top:8px; padding-bottom:100px; }

.news_cate_title { padding:14px 20px; border-bottom:1px dotted #666666; font-size:27px; color:#333333; }
.news_filter_area { padding:13px 20px; border-bottom:1px dotted #666666; }
.news_filter_area label { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-right:45px; line-height:40px; font-size:27px; color:#669966; }
.news_filter_area select { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:250px; height:40px; padding:0 10px; background-color:#61853e; border:none; color:#ffffff; font-size:16px; }

.news_list { width:100%; }
.news_list .news_item { padding:26px 8px 26px 20px; border-bottom:1px dotted #666666; box-sizing:border-box; }
.news_list .news { width:100%; }
.news_list .news_photo { float:left; width:182px; }
.news_list .news_photo img { max-width:100%; }
.news_list .news_info { float:right; width:100%; }
.news_list .news_date { font-size:18px; color:#333333; }
.news_list .news_title { font-size:18px; color:#60b113; }
.news_list .news_title a { color:#7aa354; transition:all 0.3s ease; font-size: 23px;}
.news_list .news_title a:hover { }
.news_list .news_desc { font-size:16px; color:#000000; line-height:23px; padding-top: 14px;}
.news_list .news_photo+.news_info { width:496px; }

.news_detail { padding:20px 30px 18px 42px; }
.news_detail .news_detail_date { font-size:18px; color:#333333; }
.news_detail .news_detail_title { font-size:31px; color:#7aa354; }
.news_detail .news_detail_desc { font-size:17px; color:#333333; padding-top: 14px; line-height:27px; text-align:justify; }
.news_detail .news_detail_back { float: right; padding: 50px; padding-right: 0;}
.news_detail .news_detail_back a{ 
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 100px;
    height: 39px;
    background-color: #7aa354;
    text-align: center;
    line-height: 39px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    transition: all 0.3s ease;
}
.news_detail .news_detail_photo { width:100%; }
.news_detail .news_detail_photo .photo { width:100%; padding-top:24px; }
.news_detail .news_detail_photo .photo img { max-width:100%; }
.news_detail .news_detail_photo .photo p { padding-top:24px; text-align:justify; font-size:17px; color:#333333; line-height:27px; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

.contact_us_content { padding-top:32px; padding-bottom:44px; }

#login input{
	margin: 20px 0px 20px 0px;
	line-height: 2;
	font-size: 16px;
	width: 30%;
}

#login input[type="submit"]{
	margin: 20px 0px 20px 0px;
	line-height: 2;
	font-size: 16px;
	width: 10%;
}

.login_area { width:100%; max-width:350px; }
.login_title{ font-size: 12px;}

.contact_us_content .contact_us_form { float:left; width:700px; padding:0 0 40px 0; border-top:2px solid rgba(255,255,255,0.4); }
.contact_us_content .contact_us_form.inquiry_sp1000px { float:left; width:1000px; padding:0 0 40px 0; border-top:2px solid rgba(255,255,255,0.4); }
.contact_us_content .contact_us_form .contact_us_form_info { padding-bottom:6px; }
.contact_us_content .contact_us_form .contact_us_form_info p.txt_right { text-align:right; font-size: 12px;}

.contact_us_content .contact_us_form .form_area { width:100%; background-color:#f9f9f9; box-sizing:border-box; }
.contact_us_content .contact_us_form .inquiry_form_area { max-width: 1000px;}
.contact_us_content .contact_us_form .form_section { width:100%; padding:15px; box-sizing:border-box; }
.contact_us_content .contact_us_form .form_topic { width:100%; padding:10px 15px; box-sizing:border-box; font-size:18px; color:#ffffff; }
.contact_us_content .contact_us_form .form_topic.topic_bg_gary { background-color:#757171; }
.contact_us_content .contact_us_form .form_topic.topic_bg_yellow { background-color:#bf8f00; }
.contact_us_content .contact_us_form .form_topic.topic_bg_green { background-color:#548235; }
.contact_us_content .contact_us_form .form_row { width:100%; padding-bottom:14px; box-sizing:border-box; position:relative; }
.contact_us_content .contact_us_form .form_row .title { padding-bottom:6px; font-size:16px; line-height:20px; }
.contact_us_content .contact_us_form .form_row .field { width:100%; font-size:0; }
.contact_us_content .contact_us_form .form_row .remark { width:100%; padding-top:4px; font-size:12px; margin-top: 34px; }
.contact_us_content .contact_us_form .form_row .forgotpw { text-align:right; margin-top: -34px;}
.contact_us_content .contact_us_form .form_row .option { display:inline-block; vertical-align:top; box-sizing:border-box; font-size:16px; line-height:35px; }

.contact_us_content .contact_us_form .form_row .option { width:50%; padding-right:10px; box-sizing:border-box; }

.contact_us_content .contact_us_form .form_row .option_field { display:inline-block; vertical-align:top; }
.contact_us_content .contact_us_form .form_row .field label { font-size:16px; line-height:35px; }
.contact_us_content .contact_us_form .form_row .field input[type=text], 
.contact_us_content .contact_us_form .form_row .field input[type=tel], 
.contact_us_content .contact_us_form .form_row .field input[type=email], 
.contact_us_content .contact_us_form .form_row .field input[type=password], 
.contact_us_content .contact_us_form .form_row .field select,
.contact_us_content .contact_us_form .form_row .field textarea { width:100%; background-color:#ffffff; border:none; xborder:1px solid #999999; box-sizing:border-box; outline:none; border-radius:2px; font-size:16px; color: gray;}
.contact_us_content .contact_us_form .form_row .field option { color:#000000; }

.contact_us_content .contact_us_form .form_row .field input[type=text][readonly], 
.contact_us_content .contact_us_form .form_row .field input[type=tel][readonly], 
.contact_us_content .contact_us_form .form_row .field input[type=email][readonly], 
.contact_us_content .contact_us_form .form_row .field input[type=password][readonly], 
.contact_us_content .contact_us_form .form_row .field select[readonly],
.contact_us_content .contact_us_form .form_row .field textarea[readonly] { background-color:#f9f9f9; color:#000000; }

.contact_us_content .contact_us_form .form_row .field input[type=checkbox],
.contact_us_content .contact_us_form .form_row .field input[type=radio] { width:18px; height:18px; vertical-align:sub; }

.contact_us_content .contact_us_form .form_row .field input[name=phone_code] { width:120px; }
.contact_us_content .contact_us_form .form_row .field input[name=phone_code]+label { display:inline-block; vertical-align:top; width:20px; text-align:center; }
/*.contact_us_content .contact_us_form .form_row .field input[name=phone] { width:calc(100% - 140px); }*/

.contact_us_content .contact_us_form .form_row .field input[type=text].empty, 
.contact_us_content .contact_us_form .form_row .field input[type=tel].empty, 
.contact_us_content .contact_us_form .form_row .field input[type=email].empty, 
.contact_us_content .contact_us_form .form_row .field input[type=password].empty, 
.contact_us_content .contact_us_form .form_row .field input[type=checkbox].empty, 
.contact_us_content .contact_us_form .field input[type=checkbox].empty, 
.contact_us_content .contact_us_form .form_row .field select.empty, 
.contact_us_content .contact_us_form .form_row .field textarea.empty { box-shadow:0 0 5px #ff0000; border:1px solid #cccccc; }
.contact_us_content .contact_us_form .form_row .field input[type=text], 
.contact_us_content .contact_us_form .form_row .field input[type=tel], 
.contact_us_content .contact_us_form .form_row .field input[type=password], 
.contact_us_content .contact_us_form .form_row .field input[type=email], 
.contact_us_content .contact_us_form .form_row .field select { height:35px; padding:0 5px; }
.contact_us_content .contact_us_form .form_row .field textarea { height:120px; padding:5px; resize:none; }
.contact_us_content .contact_us_form .form_row .field select { line-height: 30px; font-size: 16px; }

.contact_us_content .contact_us_form .form_row .checkbox_option { padding-right:20px; }
.contact_us_content .contact_us_form .form_row .title_option { width:210px; }
.contact_us_content .contact_us_form .form_row .title_option+.option_field { width:calc(100% - 210px); }
.contact_us_content .contact_us_form .form_row .phone_code_field { display:inline-block; vertical-align:top; width:140px; }
.contact_us_content .contact_us_form .form_row .phone_field { display:inline-block; vertical-align:top; width:calc(100% - 140px); }

.contact_us_content .contact_us_form .form_hidden { display:none; }

.contact_us_content .contact_us_form .form_captcha { padding-right:155px; }
.contact_us_content .contact_us_form .form_captcha .captcha_img { position:absolute; right:0; bottom:0; }
.contact_us_content .contact_us_form .form_captcha .refresh_btn { position:absolute; right:135px; bottom:0; line-height:30px; cursor:pointer; }

.contact_us_content .contact_us_form .form_btn {display:inline-block; padding-top:20px; padding-left:0; }
.contact_us_content .contact_us_form .form_btn { text-align:left; }
.contact_us_content .contact_us_form .form_btn input[type=submit], 
.contact_us_content .contact_us_form .form_btn input[type=reset], 
.contact_us_content .contact_us_form .form_btn input[type=button], 
.contact_us_content .contact_us_form .form_btn button { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:120px; height:34px; background-color:#7e7e7e; margin:0 8px 0 0; border:0; font-size:18px; color:#ffffff; transition:all 0.3s ease; cursor:pointer; outline:none; }
.contact_us_content .contact_us_form .form_btn input[type=submit]:hover, 
.contact_us_content .contact_us_form .form_btn input[type=reset]:hover, 
.contact_us_content .contact_us_form .form_btn input[type=button]:hover, 
.contact_us_content .contact_us_form .form_btn button:hover { background-color:#7aa354; color:#ffffff; }


.contact_us_info{
   background-color: #f9f9f9;
    padding-top: 32px;
    box-sizing: border-box;
    
    margin-top:20px;
        padding: 20px 24px;
    xtext-align: justify;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.contact_us_content .contact_us_form .login_area div.form_row{ padding-left: 0;}
.contact_us_content .contact_us_form .login_area .form_btn { padding-top: 0;}
.contact_us_content .contact_us_form .login_area .form_btn input[type=submit]{ min-width: 100px;}

/*-------------------------------------------------------------------------------------*/
/* REGISTER FORM */
.reg_ul{
    list-style: disc;
    margin: 0;
    padding-left: 20px;
    padding-top: 10px;
    line-height: 2;
}

.register_content p , .register_content ul{ color:gray; }

.reg_h2{ color: #7aa354; font-size: 34px;}

.inquiry_show_list{ max-width: 1000px; padding-bottom: 35px;}
.products_option{ font-size: 14px; height: 25px; margin-top: 10px;}
.products_option input { width: 50%;}


#main .news_search_result{  float: unset; width: 100%; }
.news_search_result .news_list .news_photo+.news_info { width:700px; }

.contact_us_content .contact_us_form .login_area div.form_row .field_item{    width: 85%;}
.contact_us_content .contact_us_form .login_area div.form_row .field_item .login_title{ float: right;}

.my_account_form .form_btn input[type=submit], 
.my_account_form .form_btn input[type=reset] { display:none !important; }

.form_editing .form_btn input[type=button] { display:none !important; }
.form_editing .form_btn input[type=submit], 
.form_editing .form_btn input[type=reset] { display:inline-block !important; }


/*-------------------------------------------------------------------------------------*/
/* CMS Editor */
/*
.cms_content li { list-style: disc;}*/