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

html, body { margin:0px; }

body { width:100%; font-size-adjust:100%; -webkit-text-size-adjust:100%; box-sizing:border-box; position:relative; color:#333333; font-size:16px; font-family:"Lato","Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

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

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input, textarea { font-family:"Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

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

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

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

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

#wrap { width:100%; background-color:#f3f3f3; box-sizing:border-box; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:95%; padding-left:15px; padding-right:15px; 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; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; }

#top { width:100%; background-color:#fcfaec; position:relative; border-bottom:3px solid #3bb2cb; }
#top:before { position:absolute; left:0; bottom:-8px; content:""; width:100%; height:8px; background:url(../img/top_shadow.png) repeat-x center top; }
#top .logo { float:left; width: 200px; // width:536px; padding:11px 0 5px 0; }
#top .logo img { width:100%; display:block; }

#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:#3bb2cb; 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_side { float:right; padding-top:32px; }

#top .lang_area { float:right; padding-left:10px; padding-top:11px; }
#top .lang_area ul { }
#top .lang_area ul li { display:inline-block; vertical-align:top; padding-left:5px; }
#top .lang_area ul li a { font-size:0; }
#top .lang_area ul li a:hover { }

#top .menu_area { float:left; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#top .menu_area ul.menu_list { display:block; font-size:0; text-align:right; }
#top .menu_area ul.menu_list > li { display:inline-block; vertical-align:top; padding-left:14px; position:relative; }
#top .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px; font-size:17px; color:#333333; font-weight:bold; transition:all 0.3s ease; }
#top .menu_area ul.menu_list > li > a.lv1 i { padding-left:4px; font-size:13px; color:#53c0de; font-weight:normal; }
#top .menu_area ul.menu_list > li:hover > a.lv1,
#top .menu_area ul.menu_list > li > a.lv1:hover { color:#000000; }

#top .menu_area ul.dropdown_menu { position:absolute; left:0; top:41px; width:170px; padding:6px 0; background-color:#32a9e6; display:none; }
#top .menu_area ul.dropdown_menu > li { }
#top .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:6px 34px; box-sizing:border-box; font-size:16px; color:#ffffff; font-weight:bold; text-align:left; transition:all 0.3s ease; }
#top .menu_area ul.dropdown_menu > li > a.lv2:hover { background-color:#2a4bb6; }

#mobile_menu { position:fixed; top:0; left:0; z-index:1; width:280px; height:100%; padding-bottom:35px; background-color:#0a8eb3; 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 { }
#mobile_menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #ffffff;  position:relative; box-sizing:border-box; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 65px 15px 15px; margin:0; background-color:#36a4bb; box-sizing:border-box; position:relative; font-size:16px; text-transform:uppercase; letter-spacing:0.5px; color:#ffffff; line-height:20px; 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:20px; color:#ffffff; 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:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #ffffff; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i.openDrop { transform:rotate(90deg); }

#mobile_menu .menu_area ul.dropdown_menu { padding-top:6px; padding-bottom:12px; background-color:#0a8eb3; border-top:1px solid #ffffff; 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 15px; margin:0; box-sizing:border-box; font-size:16px; color:#ffffff; }

#mobile_menu .lang_area { width:100%; height:36px; padding:0; text-align:center; font-size:0; position:absolute; left:0; bottom:0; background-color:#36a4bb; border-top:1px solid #ffffff; box-sizing:border-box; display:table; table-layout:fixed; }
#mobile_menu .lang_area ul { display:table-row; }
#mobile_menu .lang_area ul li { display:table-cell; vertical-align:middle; width:50%; height:100%; background-color:#36a4bb; border-left:1px solid #ffffff; box-sizing:border-box; }
#mobile_menu .lang_area ul li:first-child { border-left:none; }
#mobile_menu .lang_area ul li a { display:block; width:100%; height:100%; line-height:35px; font-size:0; }
#mobile_menu .lang_area ul li img { display:inline-block; vertical-align:middle; }

#banner { width:100%; position:relative; z-index:1; }
#banner .banner_show { width:100%; }
#banner .banner_show .banner { width:100%; text-align:center; }
#banner .banner_show .banner img { width:100%; display:block; }
#banner .banner_show .owl-dots { position:absolute; left:0; bottom:25px; width:100%; text-align:center; }
#banner .banner_show .owl-dot { display:inline-block; vertical-align:top; width:16px; height:16px; border:2px solid #ffffff; padding:0; background-color:#f3f3f3; border-radius:100%; box-sizing:border-box; margin:0 8px; cursor:pointer; transition:all 0.3s ease; outline:none; font-size:0; }
#banner .banner_show .owl-dot.active, 
#banner .banner_show .owl-dot:hover { border-color:#53bfdd; }

#banner .inner_banner { width:100%; text-align:center; font-size:0; line-height:0; }
#banner .inner_banner img { width:100%; display:block; }
#banner .banner_title { position:absolute; left:0; bottom:48px; width:100%; text-align:center; font-size:59px; color:#ffffff; font-weight:600; }

#main { position:relative;background:#f3f3f3;}
#main .content_area { padding-top:48px; padding-bottom:55px; display:block; }

#main .left_side { float:left; width:20%; }
#main .left_side .left_title { padding:6px 5px; border-bottom:2px solid #99cc00; box-sizing:border-box; font-size:25px; color:#3bb2cb; font-weight:600; background-color: #d6d6d6; }
#main .left_side .left_menu { width:100%; padding:11px 0; background-color: #e1f4ef;}
#main .left_side .left_menu > ul { }
#main .left_side .left_menu > ul > li { padding:12px; border-top:1px dotted #cccccc; }
#main .left_side .left_menu > ul > li:first-child { border-top:none; }
#main .left_side .left_menu > ul > li > a { position:relative; font-size:17px; color:#333333; }
#main .left_side .left_menu > ul > li > a.active, 
#main .left_side .left_menu > ul > li > a:hover { color:#3399cc; }

#main .left_side .left_select { display:none; padding:0 6px; text-align:right; font-size:0; }
#main .left_side .left_select select { display:inline-block; vertical-align:top; width:100%; max-width:180px; height:32px; padding:0 10px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; margin:0 6px; outline:none; font-size:16px; color:#333333; }

#main .right_side { float:right; width:75%; }
#main .sub_title { padding-bottom:12px; font-size:43px; color:#3bb2cb; font-weight:600; text-transform:uppercase; }
#main .content { width:100%; min-height:400px; box-sizing:border-box; position:relative; }

#main .multipage { padding-top:52px; margin:0 -7px; font-size:0; text-align:right; clear:both; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:26px; height:26px; margin:0 3px; text-align:center; line-height:26px; font-size:17px; color:#000000; font-family:'Lato'; transition:all 0.2s ease; }
#main .multipage a.row,
#main .multipage a.back,
#main .multipage a.next { width:33px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#0a8eb3; color:#ffffff; }
#main .multipage select { width:120px; height:32px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; display:none; }

#footer { border-top:3px solid #3bb2cb; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#footer .footer_section { width:100%; padding:15px 0; font-size:18px; color:#333333; }
#footer .footer_section .row { display:table; width:calc(100% + 30px); margin:0 -15px; }
#footer .footer_section .cell { display:table-cell; padding:0 15px; border-left:2px solid #cccccc; box-sizing:border-box; }
#footer .footer_section .cell:first-child { border-left:none; }
#footer .footer_section .cell.footer_logo { border-left:none; }
#footer .footer_sitemap { width:22%; }
#footer .footer_sitemap ul { display:inline-block; width:150px; vertical-align:top; }
#footer .footer_sitemap ul li { padding:3px 15px 3px 0; box-sizing:border-box; }
#footer .footer_sitemap ul li a { color:#333333; }
#footer .footer_sitemap ul li a:hover { }
#footer .footer_contact { width:44%; }
#footer .footer_contact p { padding:0 15px; line-height:32px; }
#footer .footer_logo { width:34%; text-align:right;}
#footer .footer_logo img { vertical-align:top; padding:4px 10px; box-sizing:border-box; max-width: 180px; max-height: 70px; }

#footer .copyright { width:100%; padding-top:5px; font-size:14px; }
#footer .copyright p { float:right; text-align:right; }
#footer .copyright p:first-child { float:left; text-align:left; }
#footer .copyright a { color:#333333; }
#footer .copyright a:hover { text-decoration:underline; }

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

.section { box-sizing:border-box; }
.section .section_title { height:28px; border-bottom:2px solid #99cc00; box-sizing:border-box; position:relative; text-align:center; }
.section .section_title:before { position:absolute; left:-50%; bottom:-2px; content:""; width:200%; height:2px; background-color:#99cc00; }
.section .section_title span { display:inline-block; vertical-align:top; padding:0 22px; background-color:#f3f3f3; position:relative; font-size:41px; color:#3bb2cb; font-weight:600; line-height:49px; }
.section .section_content { padding:20px 0; }

.category_section { padding:40px 0; }

.index_category_list { margin:0 -15px; display:block; }
.index_category_list .index_category_item { float:left; width:25%; padding:15px; box-sizing:border-box; }
.index_category_list .index_category { width:100%; position:relative; display:block; }
.index_category_list .index_category_img { width:100%; border:3px solid #d6d6d6; box-sizing:border-box; overflow:hidden; }
.index_category_list .index_category_img img { width:100%; display:block; transition:all 0.3s ease; }
.index_category_list .index_category_title { position:absolute; left:0; bottom:0; width:100%; padding:5px 10px; background-color:rgba(0,0,0,0.4); box-sizing:border-box; font-size:0; }
.index_category_list .index_category_title:after { content:""; display:inline-block; vertical-align:middle; height:46px; }
.index_category_list .index_category_title p { display:inline-block; vertical-align:middle; width:100%; font-size:19px; color:#ffffff; font-weight:600; text-align:center; line-height:23px; }

.index_category_list .index_category:hover .index_category_img img { transform:scale(1.2); }

.manufacturer_section { background-color:#3bb2cb; }
.manufacturer_section .manufacturer_photo { position:absolute; left:0; top:0; width:50%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/manufacturer_photo.jpg); }
.manufacturer_section .manufacturer_info { width:50%; padding:64px 0 42px 50px; margin-left:50%; box-sizing:border-box; }
.manufacturer_section .manufacturer_info h3 { padding-bottom:6px; font-size:29px; color:#ffffff; font-weight:600; }
.manufacturer_section .manufacturer_info p { font-size:18px; color:#ffffff; font-weight:200; line-height:24px; text-align:justify; }
.manufacturer_section .manufacturer_info a { display:block; width:210px; height:58px; background-color:#3bb2cb; border:2px solid #ffffff; box-sizing:border-box; margin-top:26px; font-size:21px; color:#ffffff; font-weight:bold; text-align:center; line-height:54px; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; transition:all 0.3s ease; }
.manufacturer_section .manufacturer_info a:hover { background-color:#f3f3f3; color:#3bb2cb; }

.product_section { padding:30px 0 10px 0; }

.index_product_list { padding-top:20px; margin:0 -15px; display:block; }
.index_product_list .index_product_item { float:left; width:25%; padding:15px; box-sizing:border-box; }
.index_product_list .index_product { width:100%; display:block; }
.index_product_list .index_product_photo { width:100%; position:relative; font-size:0; text-align:center; }
.index_product_list .index_product_photo > img { width:100%; display:block; }
.index_product_list .index_product_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.index_product_list .index_product_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.index_product_list .index_product_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.index_product_list .index_product_name { padding-top:18px; text-align:center; font-size:19px; color:#0a8eb3; font-weight:600; transition:all 0.3s ease; }

.index_product_more { padding:20px 0; text-align:center; }
.index_product_more a { display:block; width:210px; height:58px; background-color:#ffffff; border:2px solid #3bb2cb; box-sizing:border-box; margin:0 auto; font-size:21px; color:#3bb2cb; font-weight:bold; text-align:center; line-height:54px; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; transition:all 0.3s ease; }
.index_product_more a:hover { background-color:#3bb2cb; color:#ffffff; }

.news_section { padding:34px 0; background-color:#f0f0f0; }
.news_section .news_section_title { text-align:center; }
.news_section .news_section_title span { display:inline-block; vertical-align:top; padding:0 9px 12px 9px; border-bottom:2px solid #99cc00; font-size:41px; color:#3bb2cb; font-weight:600; }
.news_section .news_section_content { width:100%; padding-top:20px; }

.index_news_list { margin:0 -15px; display: block; }
.index_news_list .index_news_item { float:left; width:33.33%; padding:12px 15px; box-sizing:border-box; }
.index_news_list .index_news { width:100%; display:block; }
.index_news_list .index_news_photo { float:left; width:169px; }
.index_news_list .index_news_photo img { max-width:100%; }
.index_news_list .index_news_info { float:right; width:calc(100% - 192px); font-size:18px; color:#333333; line-height:29px; }
.index_news_list .index_news_date { color:#669900; }
.index_news_list .index_news_title { word-break: break-all; }
.index_news_list .index_news_title a { color:#333333; transition:all 0.3s ease; }
.index_news_list .index_news_title a:hover { }

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

.about_us_content { }
.about_us_content img { max-width:100%; }
.about_us_content img.about_photo { max-width:25%;float:left; }
.about_us_content p { font-size:18px; color:#333333; line-height:24px; text-align:justify; }

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

.prd_list { margin:-15px -9px; font-size:0; text-align:left; }
.prd_list .prd_item { display:inline-block; vertical-align:top; width:33.33%; padding:15px 9px; box-sizing:border-box; }
.prd_list .prd { width:100%; display:block; }
.prd_list .prd_photo { width:100%; border:3px solid #d6d6d6; position:relative; box-sizing:border-box; font-size:0; text-align:center; }
.prd_list .prd_photo > img { width:100%; display:block; }
.prd_list .prd_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; background:#FFFFFF; }
.prd_list .prd_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.prd_list .prd_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.prd_list .prd_info { width:100%; padding:15px 3px 0 3px; box-sizing:border-box; font-size:19px; color:#333333; font-weight:600; line-height:24px; }
.prd_list .prd_name { color:#0a8eb3; }
.prd_list .prd_code { color:#333333; }

.prd_detail { width:100%; display:block; }
.prd_detail .prd_detail_photo { float:left; width:49%; padding-bottom:36px; }
.prd_detail .prd_detail_photo .large_photo { width:100%; border:3px solid #d6d6d6;background:#FFFFFF;  box-sizing:border-box; position:relative; font-size:0; text-align:center; }
.prd_detail .prd_detail_photo .large_photo > img { width:100%; display:block; }
.prd_detail .prd_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.prd_detail .prd_detail_photo .large_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.prd_detail .prd_detail_photo .enlarge_btn { padding-top:12px; text-align:center; }
.prd_detail .prd_detail_photo .enlarge_btn a { font-size:21px; color:#000000; font-weight:600; }
.prd_detail .prd_detail_photo .sub_photo_area { width:100%; padding-top:18px; }
.prd_detail .prd_detail_photo .sub_photo_list { margin:0 -2px; }
.prd_detail .prd_detail_photo .sub_photo_item { float:left; width:25%; padding:2px; box-sizing:border-box; }
.prd_detail .prd_detail_photo .sub_photo { width:100%; border:1px solid #d6d6d6; position:relative; box-sizing:border-box; font-size:0; text-align:center; }
.prd_detail .prd_detail_photo .sub_photo > img { width:100%; display:block; }
.prd_detail .prd_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; display:block; box-sizing:border-box; }
.prd_detail .prd_detail_photo .sub_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .sub_photo .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_detail_info { float:right; width:47%; padding-bottom:36px; }
.prd_detail .prd_detail_desc { float:right; width:100%; padding-bottom:36px; }

.prd_detail .prd_detail_row { display:table; font-size:20px; color:#333333; font-weight:600; line-height:36px; }
.prd_detail .prd_detail_row .title { display:table-cell; vertical-align:top; padding-right:4px; white-space:nowrap; color:#0a8eb3; }
.prd_detail .prd_detail_row .info { display:table-cell; vertical-align:top; }
.prd_detail .prd_detail_row.code { font-size:23px; }
.prd_detail .prd_detail_row.code .title { color:#999999; }
.prd_detail .prd_detail_row.block, 
.prd_detail .prd_detail_row.block .title, 
.prd_detail .prd_detail_row.block .info { display:block;word-wrap: break-word; }
.prd_detail .prd_detail_space { width:100%; height:36px; }

.prd_detail .prd_detail_back { width:100%; text-align:right; clear:both; }
.prd_detail .prd_detail_back a { display:inline-block; vertical-align:top; width:210px; height:58px;  background:#FFFFFF; border:2px solid #cccccc; box-sizing:border-box; font-size:18px; color:#0a8eb3; font-weight:bold; text-align:center; line-height:54px; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; transition:all 0.3s ease; }
.prd_detail .prd_detail_back a:hover { border-color:#0a8eb3; background-color:#0a8eb3; color:#ffffff; }


.form_area { width:100%; }
.form_info { padding-bottom:16px; font-size:18px; color:#333333; line-height:24px; word-spacing: 1.5px; }
.form_info span { xfont-size:14px; }
.form_info em { color:#ff0000; }
.form_row { padding-bottom:16px; padding-left:150px; box-sizing:border-box; position:relative; }
.form_title { position:absolute; left:0; top:0; width:150px; line-height:30px; font-size:17px; color:#0062a5; font-weight:bold; }
.form_title em { color:#ff0000; }
.form_field { width:100%;}
.form_field input[type=text],
.form_field select, 
.form_field textarea { width:100%;  background:#FFFFFF; border:1px solid #cccccc; border-radius:4px; box-sizing:border-box; outline:none; font-size:16px; color:#333333; }
.form_field input[type=text],
.form_field select { height:30px; padding:0 10px; }
.form_field textarea { height:120px; padding:6px 10px; resize:none; }
.form_field button, 
.form_field input[type=submit], 
.form_field input[type=reset], 
.form_field input[type=button] { width:126px; height:36px; background:#FFFFFF; border:none; border-radius:4px; font-size:16px; color:#0061a5; font-weight:bold; line-height:36px; cursor:pointer; }
.form_field button:hover, 
.form_field input[type=submit]:hover, 
.form_field input[type=reset]:hover, 
.form_field input[type=button]:hover { background-color:#0061a5; color:#ffffff; }


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

.news_content { width:100%; max-width:94%; margin:0 auto; }

.news_list { margin:-30px -24px; }
.news_list .news_item { float:left; width:33.33%; padding:40px 24px; box-sizing:border-box; }
.news_list .news { width:100%; padding:1px; border:3px solid #e2e2e2; box-sizing:border-box; }
.news_list .news_photo { width:100%; position:relative; text-align:center; font-size:0; }
.news_list .news_photo > img { width:100%; display:block; }
.news_list .news_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.news_list .news_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.news_list .news_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.news_list .news_info { width:100%; height:310px; padding:24px 40px; box-sizing:border-box; }
.news_list .news_title { width:100%; height:58px; overflow:hidden; font-size:24px; color:#333333; font-weight:600; line-height:29px; }
.news_list .news_desc { max-height:133px; padding-top:8px; box-sizing:border-box; overflow:hidden; font-size:17px; color:#999999; line-height:25px; }
.news_list .news_btn { padding-top:24px; text-align:center; }
.news_list .news_btn a { display:inline-block; vertical-align:top; width:170px; height:46px; background-color:#ffffff; border:2px solid #3bb2cb; box-sizing:border-box; font-size:21px; color:#3bb2cb; font-weight:bold; text-align:center; line-height:42px; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; transition:all 0.3s ease; }
.news_list .news_btn a:hover { background-color:#3bb2cb; color:#ffffff; }

.news_list .news_item.highlight_item { width:100%; }
.news_list .news_item.highlight_item .news { padding:0; border:none; display:block; }
.news_list .news_item.highlight_item .news_photo { float:left; width:48%; }
.news_list .news_item.highlight_item .news_info { float:right; width:46%; height:auto; padding:0; }
.news_list .news_item.highlight_item .news_title { height:auto; padding:6px 0 18px 0; border-bottom:2px solid #99cc00; font-size:31px; color:#3bb2cb; line-height:normal; }
.news_list .news_item.highlight_item .news_desc { max-height:none; padding-top:34px; font-size:17px; line-height:30px; }
.news_list .news_item.highlight_item .news_btn { text-align:right; }

.news_detail { display:block; }
.news_detail .news_detail_photo { float:left; width:48%; }
.news_detail .news_detail_photo .large_photo { width:100%; box-sizing:border-box; position:relative; font-size:0; text-align:center; }
.news_detail .news_detail_photo .large_photo > img { width:100%; display:block; }
.news_detail .news_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.news_detail .news_detail_photo .large_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.news_detail .news_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.news_detail .news_detail_photo .enlarge_btn { padding-top:12px; text-align:center; }
.news_detail .news_detail_photo .enlarge_btn a { font-size:21px; color:#000000; font-weight:600; }
.news_detail .news_detail_photo .sub_photo_area { width:100%; padding-top:14px; }
.news_detail .news_detail_photo .sub_photo_list { margin:0 -6px; }
.news_detail .news_detail_photo .sub_photo_item { float:left; width:25%; padding:6px; box-sizing:border-box; }
.news_detail .news_detail_photo .sub_photo { width:100%; position:relative; box-sizing:border-box; font-size:0; text-align:center; }
.news_detail .news_detail_photo .sub_photo > img { width:100%; display:block; }
.news_detail .news_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; display:block; box-sizing:border-box; }
.news_detail .news_detail_photo .sub_photo .photo:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.news_detail .news_detail_photo .sub_photo .photo img { display:inline-block !important; width:auto !important; max-width:100%; max-height:100%; vertical-align:middle; }

.news_detail .news_detail_info { float:right; width:46%; }
.news_detail .news_detail_title { padding:6px 0 18px 0; border-bottom:2px solid #99cc00; font-size:31px; color:#3bb2cb; font-weight:600; }
.news_detail .news_detail_desc { padding-top:34px; font-size:17px; color:#999999; line-height:30px; }

/*-------------------------------------------------------------------------------------*/
/* QUALIFICATION */

.qualification_content img{ max-width: 25%;max-height: 230px; display:inline-block;}
.qualification_content p { font-size:18px; color:#333333; line-height:24px; text-align:justify; margin-bottom:20px;}
.qualification_content .qualification_item {display:block;margin-bottom:10px;width:100%;}
.qualification_content .qualification_item .qualification_icon{width:100%;vertical-align: middle;text-align: center;}
.qualification_content .qualification_item .qualification_icon img{max-width:100%;max-height:200px;margin-right: 40px;}
.qualification_content .qualification_item .qualification_desc {width:100%;text-align: center;}
.qualification_content .qualification_item .qualification_desc p{width:75%;text-align: center;font-size:18px;line-height:24px;margin-bottom:20px;}
.qualification_content * {display:inline-block !important; }



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

.contact_content { display:block; }
.contact_content .contact_info { float:left; width:48%; font-size:20px; color:#333333; font-weight:600; line-height:36px; }
.contact_content .contact_info .row { display:table; }
.contact_content .contact_info .cell { display:table-cell; vertical-align:top; text-align:left; }
.contact_content .contact_info .cell:first-child { padding-right:4px; white-space:nowrap; color:#0a8eb3; }
.contact_content .contact_info .cell a { color:#333333; }
.contact_content .contact_info .cell a:hover { text-decoration:underline; }
.contact_content .contact_map { float:right; width:50%; }
.contact_content .contact_map .map { width:100%; height:380px; border:3px solid #d6d6d6; box-sizing:border-box; }
.contact_content .contact_map .map iframe { width:100%; height:100%; }