/* --共用區------------------------------------- */
*{	-webkit-box-sizing:border-box; box-sizing:border-box; }

	
/*-----PHONE 版型-----------------------------------------------------*/

/*-------------首頁區CSS------------------*/
#WRAPPER{min-width:320px; overflow:hidden; }

#TOP_BG{ width:100%; position:relative; position:fixed; top:0; z-index:9999; box-shadow:0 8px 15px #666; background: linear-gradient(to bottom, #f1f7e6 0%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ overflow:hidden;}
#TOP{ display:block; width:100%; z-index:9999; overflow:hidden;}
#TOP h3{ margin:0;}
#TOP h3 a{ display:block; width:140px; height:40px; margin:15px; z-index:666;}

#LINK{ position:absolute; top:24px; right:65px; display:block; overflow:hidden;}

/*-------------手機按紐------------------*/
#TOP-MENU h4{ display:block; width:36px; height:36px; margin:0; position:absolute; top:18px; right:15px; background:url(/ezfiles/812/1812/img/787/list_open.png) no-repeat #09a098 center center; background-size:auto 36px; text-indent:-9999px;}

/*-------------雙層選單------------------*/
#qaContent{display:block; width:100%; height:auto; float:none; overflow:hidden; }
#qaContent ul.accordionPart { display:none; margin:0; padding:0; width:100%; overflow:hidden;}
#qaContent ul.accordionPart li { display:block; float:none; width:100%; border-bottom:1px solid #9cab8c; border-right:none; text-align:left; background:url(/ezfiles/812/1812/img/787/list_H.png) no-repeat 95% center #f1f6e8; background-size:10px 10px;}
#qaContent ul.accordionPart li a{ display:block; width:100%; padding-left:25px; font:bold 18px/49px "微軟正黑體",Arial, Helvetica, sans-serif; color:#000; }
#qaContent ul.accordionPart li a:hover{ color:#fff; background:url(/ezfiles/812/1812/img/787/list_H.png) no-repeat 95% center #09a098; background-size:10px 10px;}
#qaContent ul.accordionPart li:last-child{border-right:none;}

#qaContent ul.accordionPart li .qa_title {
	margin:0; padding:0; list-style:none; 
	display:block; 
    cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on { color:#ad0d01; }
#qaContent ul.accordionPart li .qa_content ul{	
	/* 固定寬度 */
	width:100%;
	/* 避免出現捲軸 */
	overflow:visible;
	/* 讓ul與母階層li相同位置 */
	margin: 0;
	padding:0;
	list-style: none;
	z-index:9999;
}
#qaContent ul.accordionPart li .qa_content ul li{margin: 0; padding:0; display:block; width:100%; background-image:none !important; border-bottom:none;}
#qaContent ul.accordionPart li .qa_content ul li a{margin: 0; padding:0; display:block; padding-left:42px; background:#f6f6f6; border-top:1px solid #666; font:bold 16px/35px "微軟正黑體",Arial, Helvetica, sans-serif !important; color:#666; text-align:left; }
#qaContent ul.accordionPart li .qa_content ul li a:hover{ background:#82aa43; color:#fff; }
#qaContent ul.accordionPart li .qa_content ul li:last-child{border-bottom:none !important;}

@media (min-width:769px){
#VISON, #IN_VISON, #VISON_phone{ display:none; }
#VISON_pad{ display:block; width:100%; margin-top:70px;}
}
@media (max-width:768px){
#VISON_pad{ display:none;}
#VISON_phone{ display:block; width:100%; margin-top:70px;}	
}

/*-------------中間區CSS------------------*/
#MAIN{ width:100%; padding:0; overflow:hidden; }
#MAIN img{ width:100%; height:auto;}

.M_1600, .M_1200, .M_1000{ clear:both; width:100%; padding:0 15px; clear:both; overflow:hidden;}
.M_870{ clear:both; display:block; width:870px; margin:0 auto; margin-top:40px; overflow:hidden;}

@media (max-width:899px){
.M_870{width:93%; margin-top:30px;}
}
@media (max-width:499px){
.M_870{width:93%; margin-top:12px;}
}

/*第1種標題*/
.M_T_b{ position:relative; overflow:hidden; text-align:center;}
.M_T_b h2{ display:inline-block; padding:0 25px; margin:0 0 8px 0; position:relative; font:bold 28px/32px "微軟正黑體", Aller, Arial, Helvetica, sans-serif; color:#333;}
.M_T_b h2:before, .M_T_b h2:after {
background: #bbb;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100px;
}
.M_T_b h2:before {right: 100%;}
.M_T_b h2:after {left: 100%;}

.M_T_s{ margin-bottom:20px; font:bold 19px/25px "微軟正黑體", Aller, Arial, Helvetica, sans-serif; color:#aac132; text-align:center;}
.M_T_p{ display:block; width:65px; height:65px; margin:0 auto; margin-bottom:8px;}

/*第一欄*/
.MA_pp{ display:block; width:16%; margin:0 0.33%; float:left; overflow:hidden;}
.MA_pp a:hover{ opacity:0.7;}
.MA_pp_word{ display:block; font:bold 22px/30px "微軟正黑體",Calibri, Arial, Helvetica, sans-serif; color:#004126; text-align:center; }

#MA_sh{ clear:both; display:block; width:100%; margin:25px 0; height:35px; background:url(/ezfiles/812/1812/img/787/sh_line.png) no-repeat center center; background-size:auto 35px; overflow:hidden;}

@media (max-width:768px){
.MA_pp{ width:29%; margin:0 2%; margin-bottom:10px;}
}

/*第二欄*/
#MB_BK{ display:block; width:100%; padding-bottom:65px; background: linear-gradient(to bottom, #ffffff 50%,#c7e7cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ overflow:hidden;}

.MB_pp{ display:block; width:46%; margin:0 2%; float:left; overflow:hidden;}
.MB_pp_bg{ display:block; background:url(/ezfiles/812/1812/img/787/main_B_bg_re.png) repeat-y; background-size:100% auto; overflow:hidden;}

#MB_pp_Abg{ display:block; padding:30px 35px 0 20px; background:url(/ezfiles/812/1812/img/787/main_B_bg_1.png) no-repeat; background-size:100% auto; overflow:hidden;}
#MB_pp_Bbg{ display:block; padding:30px 35px 0 20px; background:url(/ezfiles/812/1812/img/787/main_B_bg_2.png) no-repeat; background-size:100% auto; overflow:hidden;}
#MB_pp_Cbg{ display:block; padding:30px 35px 0 20px; background:url(/ezfiles/812/1812/img/787/main_B_bg_3.png) no-repeat; background-size:100% auto; overflow:hidden;}

.MB_title_A{ font:bold 24px/40px "微軟正黑體",Arial, Helvetica, sans-serif; color:#51a539;}
.MB_title_B{ font:bold 24px/40px "微軟正黑體",Arial, Helvetica, sans-serif; color:#09a098;}
.MB_title_C{ font:bold 24px/40px "微軟正黑體",Arial, Helvetica, sans-serif; color:#127ec0;}
.MB_word{ font:bold 15px/22px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666; text-align:justify;}
.MB_word span{color:#09a098;}

.MB_link_A a{ display:block; width:90px; float:left; margin:10px 8px 0 0; border:1px solid #aac132; font:bold 18px/32px "微軟正黑體",Arial, Helvetica, sans-serif; color:#51a539; text-align:center; }
.MB_link_A a:hover{ background:#51a539; color:#fff;}
.MB_link_B a{ display:block; width:90px; float:left; margin:10px 8px 0 0; border:1px solid #68daad; font:bold 18px/32px "微軟正黑體",Arial, Helvetica, sans-serif; color:#09a098; text-align:center; }
.MB_link_B a:hover{ background:#09a098; color:#fff;}
.MB_link_C_img{ display:block; width:90px; margin:0 auto; margin-top:10px;}
.MB_link_C a{ display:block; font:bold 15px/20px "微軟正黑體",Arial, Helvetica, sans-serif; color:#127ec0; text-align:center; }
.MB_link_C a:hover{ text-decoration:underline; }

@media (max-width:768px){
#MB_BK{ padding-bottom:45px; background: linear-gradient(to bottom, #ffffff 80%,#c7e7cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.MB_pp{ float:none; width:85%; margin:0 auto; margin-bottom:12px;}
#MB_pp_Abg, #MB_pp_Bbg, #MB_pp_Cbg{ padding:30px 85px 0 20px;}
.MB_link_C_img{ float:left; margin-right:8px;}
.MB_link_C a{ margin:18px 0 0 0; text-align:left; }
}
@media (max-width:585px){
.MB_pp{ width:100%; }
#MB_pp_Abg, #MB_pp_Bbg, #MB_pp_Cbg{ padding:30px 105px 0 20px;}
}
@media (max-width:450px){
#MB_pp_Abg, #MB_pp_Bbg, #MB_pp_Cbg{ padding:30px 65px 0 20px;}
}

/*第三欄*/
#MC_BK{ display:block; height:530px; padding:60px 0; background:url(/ezfiles/812/1812/img/787/main_C_bg.jpg) no-repeat top center; background-size:auto 100%; overflow:hidden; }

#MC_padding{ display:block; padding:60px 0 0 45px; margin-left:55px; overflow:hidden; }
#MC_pp_bg{ display:block; margin:0 0 0 -45px; width:21.5%; height:170px; float:left; background:url(/ezfiles/812/1812/img/787/MC_pp_bg.png) no-repeat; background-size:100% auto; overflow:hidden; }
.MC_img{ display:block; width:32%; margin:0 auto; padding-top:45px;}
.MC_img a:hover{ opacity:0.8;}
.MC_word a{ display:block; font:bold 20px/24px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center;}

#MC_pp_bg:nth-child(even){ margin:98px 0 0 -45px;}

@media (max-width:899px) {
#MC_BK{ height:auto;}
#MC_padding{ padding:60px 0 0 0; margin-left:0;}
#MC_pp_bg{ margin:0 1.5%; width:31.33%; height:auto; padding-bottom:90px;}
#MC_pp_bg:nth-child(even){ margin:0;}
.MC_img{ padding-top:55px;}
}
@media (max-width:768px){
#MC_pp_bg{ padding-bottom:65px;}
}
@media (max-width:585px){
#MC_pp_bg{ margin:0; width:33%; padding-bottom:55px;}
.MC_img{ padding-top:40px;}
}
@media (max-width:499px){
#MC_pp_bg{ margin:0; width:50%; padding-bottom:45px;}
}

/*第四欄*/
#MD_BK .M_T_b h2:before, #MD_BK .M_T_b h2:after {background:none;}
#MD_BK{ display:block; height:460px; padding:75px 0; background:url(/ezfiles/812/1812/img/787/main_D_bg.jpg) no-repeat top center #c2e485; background-size:auto 460px; overflow:hidden; }

.MD_tel{ margin:10px 0 50px 0; font: italic bold 52px/60px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; text-shadow:2px 3px 8px #333; text-align:center;}
.MD_link{  width:270px; margin:0 auto;}
.MD_link a{ display:block; width:125px; float:left; margin:0 5px; background:rgba(30,100,55,0.65); font:bold 18px/45px "微軟正黑體",Arial, Helvetica, sans-serif; color:#f3dc5b; text-align:center;}
.MD_link a:hover{ background:#206237;}

@media (max-width:768px){
#MD_BK{ background-position:95% top;}
}

/*第五欄*/
#ME_BK{ display:block; padding:55px 15px 0 15px; background:#eee; border-top:2px solid #fff; overflow:hidden; }
#ME_BK img{ border:4px solid rgba(255,255,255,0.75);}

#ME_BK .owl-controls{ position:relative; margin-top:8px;}


/*-------------底部區CSS------------------*/
#FOOT_BK{display:block; width:100%; padding:25px 0 15px 0; background: linear-gradient(to bottom, #107575 0%,#09a098 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ overflow:hidden;}
#FOOT{ display:block; width:865px; margin:0 auto; overflow:hidden;}
#FOOT img{ width:100%; height:auto;}

#F_float{display:block; float:left; padding:2px 10px; border-right:1px solid #57c4ae; overflow:hidden;}
#F_float:last-child{ border:none;}

#F_logo{display:block; width:70px; margin:5px 0 0 0; overflow:hidden;}
.F_word_img{display:block; width:18px; height:18px; float:left; margin:3px 5px 0 0;}

.F_word{ font:15px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; }
.F_word a{ font:15px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; }
.F_word a:hover{ color:#8ee0c0;}

@media (max-width:865px){
#FOOT{width:100%; padding:0 15px;}
#F_float{ float:none; padding:5px; border-bottom:1px solid #57c4ae; border-right:none;}
#F_logo{ margin:0 auto;}
.F_word_img{ display:none;}
.F_word{ text-align:center; margin:0;}
}



/*-------------內頁區CSS------------------*/
#IN_MAIN{ display:block; width:100%; padding:30px 0 50px 0; border-top:2px solid #fff; background:linear-gradient(to bottom, #daefdf 0%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ overflow:hidden;}
#IN_MAIN img{ width:100%; height:auto;}

.in_title{ display:block; margin:15px 0; padding-left:14px; font:bold 22px/24px "微軟正黑體",Arial, Helvetica, sans-serif; color:#51a539; background:url(/ezfiles/812/1812/img/788/in_title_icon.png) no-repeat; background-size:8px 24px;}
.in_title_B{ display:block; margin:15px 0; padding-left:14px; font:bold 22px/24px "微軟正黑體",Arial, Helvetica, sans-serif; color:#09a098; background:url(/ezfiles/812/1812/img/788/in_title_icon_B.png) no-repeat; background-size:8px 24px;}

.WORD_title{ display:block; margin:20px 0 12px 0; padding:8px 20px; border-radius:8px; background:#dfedc5; font:bold 20px/30px "微軟正黑體",Arial, Helvetica, sans-serif; color:#000;}
.G_title{ margin:15px 0; font:bold 25px/30px "微軟正黑體",Arial, Helvetica, sans-serif; color:#004126;}
.G_title_bg{ display:block; margin:8px 0; border-radius:30px; background:#38bfa8; font:bold 18px/35px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-shadow:2px 2px 4px #000;}

.M_f_96{ display:block; width:96%; margin:0 2%; overflow:hidden;}
.M_f_71{ display:block; width:57%; float:left; margin:0 2%; overflow:hidden;}
.M_f_63{ display:block; width:59%; float:left; margin:0 2%; overflow:hidden;}
.M_f_56{ display:block; width:47%; float:left; margin:0 2%; overflow:hidden;}
.M_f_50{ display:block; width:46%; float:left; margin:0 2%; overflow:hidden;}
.M_f_44{ display:block; width:45%; float:left; margin:0 2%; overflow:hidden;}
.M_f_37{ display:block; width:33%; float:left; margin:0 2%; overflow:hidden;}
.M_f_33{ display:block; width:30%; float:left; margin:0 1.5%; overflow:hidden;}
.M_f_29{ display:block; width:35%; float:left; margin:0 2%; overflow:hidden;}

.M_50_L{ display:block; width:48%; float:left; margin-right:2%; overflow:hidden;}
.M_50_R{ display:block; width:48%; float:left; margin-left:2%; overflow:hidden;}
.M_65_L{ display:block; width:53%; float:left; margin-right:2%; overflow:hidden;}
.M_35_R{ display:block; width:43%; float:left; margin-left:2%; overflow:hidden;}

@media (max-width:899px){
.M_f_96{ width:88%; margin:0 auto; }
.M_f_71{ width:64%; float:left; margin:0 2%;}
.M_f_63{ width:100%; margin:0; float:none;}
.M_f_56{ width:100%; margin:0; float:none;}
.M_f_50{ width:88%; margin:0 auto; float:none; margin-bottom:12px; }
.M_f_44{ width:100%; max-width:485px; float:none; margin:0 auto;}
.M_f_37, .M_f_33{ width:100%; max-width:485px; margin:0 auto; float:none; margin-top:20px; }
.M_f_29{ width:28%; float:left; margin:0 2%;}

.M_50_L, .M_50_R, .M_65_L{ width:100%; margin:0; float:none;}
.M_35_R{ width:100%; max-width:485px; margin:0 auto; float:none;}
}
@media (max-width:599px){
.M_f_71{ width:100%; margin:0; float:none;}
.M_f_29{width:100%; max-width:300px; margin:0 auto; float:none;}
}
@media (max-width:499px){
.M_f_96, .M_f_50{ width:100%; }
}


/*about_A*/
#ABOUT_A_bg{ display:block; padding:25px 270px 100px 15px; height:390px; background:url(/ezfiles/812/1812/img/788/about-1_05.png) no-repeat right bottom; background-size:auto 250px; position:relative; overflow:hidden;}
#A_sh{ display:block; position:absolute; bottom:12px; right:0; width:70%; height:20px; background:url(/ezfiles/812/1812/img/787/sh_line.png) no-repeat right bottom; background-size:auto 20px; overflow:hidden;}
#ABOUT_B_bg{ display:block; width:100%; padding:55px 15px 25px 45%; margin-top:-65px; background:url(/ezfiles/812/1812/img/788/about-1_08.png) no-repeat 40% top; background-size:auto 100%;overflow:hidden;}
@media (max-width:830px){
#ABOUT_A_bg{ height:auto; padding:25px 15px 240px 15px;}
#A_sh{ width:100%;}
#ABOUT_B_bg{ height:auto; padding:230px 30px 25px 30px; margin-top:0; background:url(/ezfiles/812/1812/img/788/about-1_08_phone.png) no-repeat center top; background-size:auto 225px; }
}
@media (max-width:499px){
#ABOUT_B_bg{ padding:175px 30px 25px 30px; background-size:auto 160px;}
}

/*about_B*/
#ABOUT_C_bg{ display:block; padding:25px 15px 0 245px; height:131px; background:url(/ezfiles/812/1812/img/788/about-2_03.png) no-repeat -6% bottom; background-size:auto 131px; overflow:hidden;}

#ABOUT_D_left{ display:block; width:55%; float:left; padding:25px 30px 0 15px; overflow:hidden;}
#ABOUT_D_right{ display:block; width:45%; float:left; overflow:hidden;}

.cer_bg{ display:block; margin-top:20px; border-radius:12px; padding:15px 10px; background:#eee; overflow:hidden;}
.cer_bg_img{ width:17%; float:left; margin:0 1%;}
.cer_bg_img_b{ width:22%; float:left; margin:0 1%;}

@media (max-width:885px){
#ABOUT_C_bg{ padding:25px 15px 0 210px; height:175px; background-position:-54px 40px;}
#ABOUT_D_left{ width:100%; float:none; padding:15px; margin-bottom:15px;}
#ABOUT_D_right{ width:100%; max-width:450px; margin:0 auto; float:none; }
}
@media (max-width:499px){
#ABOUT_C_bg{ padding:25px 15px 240px 15px; background-position:center bottom;}
}


/*investor*/
.form_left{ padding:12px 15px; border-bottom:1px dotted #ccc; font:bold 18px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222;}
.form_right{ padding:12px 15px 12px 0; border-bottom:1px dotted #ccc; font:bold 16px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#777; }

#INV_A_bg{ display:block; width:96%; margin:0 2%; padding:15px 20px 145px 20px; background:url(/ezfiles/812/1812/img/788/investor_07.jpg) no-repeat left bottom #ebf6f7; background-size:270px auto; overflow:hidden;}
#INV_B_bg{ display:block; height:175px; padding:15px 20px; background:url(/ezfiles/812/1812/img/788/investor_11.jpg) no-repeat #ebf6f7; background-size:auto 100%; overflow:hidden;}
.INV_B_bg_icon{ width:100px; height:auto; float:left; margin:35px 20px 0 0;}
#INV_C_bg{ display:block; width:98%; height:337px; background:url(/ezfiles/812/1812/img/788/investor_19.jpg) no-repeat top right; background-size:auto 337px; overflow:hidden;}

@media (max-width:899px){
#INV_A_bg, #INV_C_bg{ width:100%; margin:0;}
#INV_B_bg{height:auto;}
.INV_B_bg_icon{margin:12px 20px 20px 0;}
}
@media (max-width:649px){
#INV_C_bg{ height:auto; padding-bottom:200px; background-position:bottom right; background-size:auto 240px;}
}
@media (max-width:499px){
#INV_A_bg{ padding:15px 20px 120px 20px;}
.INV_B_bg_icon{ width:75px; margin:12px 15px 60px 0;}
}


/*society*/
#SOC_D_A_bg{ display:block; width:100%; padding:20px 0 0 0; background:url(/ezfiles/812/1812/img/1284/society-4_03.png) no-repeat top right; background-size:430px auto; overflow:hidden;}
.soc_bg{ display:block; margin:0 8px 8px 0; background:#ddd; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center;}
#S_W1{ display:block; width:50%; margin:45px 0;}

#SOC_D_B_bg{ display:block; width:100%; padding:0 0 450px 0; background:url(/ezfiles/812/1812/img/1284/society-4_07.jpg) no-repeat bottom center; background-size:585px auto; overflow:hidden;}
#S_W2{ display:block; width:100%; }
/*-----------------*/
#SOC_E_bg{ display:block; width:100%; height:auto; padding:20px 20px 20px 360px; background:url(/ezfiles/812/1812/img/788/society-5_03.jpg) no-repeat #efefef; background-size:360px auto; overflow:hidden;}

@media (max-width:768px){
#S_W1{ width:100%;}
#SOC_D_A_bg{ padding:0 0 330px 0; background-position:bottom center; background-size:360px auto; }
#W1{ width:100%; margin:20px 0;}
#SOC_D_B_bg{ padding:0 0 360px 0; background-size:450px auto; }
/*-----------------*/
#SOC_E_bg{ padding:45% 15px 20px 15px; background-size:100% auto;}
}
@media (max-width:499px){
#SOC_D_B_bg{ padding:0 0 290px 0; background-size:360px auto; }
}


/*quality*/
#Q_W1{ display:block; margin:60px 35px 0 35px;}
.Q_cer_bg{ display:block; margin-top:20px; border-radius:12px; padding:15px 10px; background:#eee; overflow:hidden; font:bold 18px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666; text-align:center;}
.Q_cer_bg_img{ width:17%; float:left; margin:0 1%;}
.Q_cer_bg_img_b{ width:22%; float:left; margin:0 1%;}

#QUA_A_bg{ display:block; width:100%; padding:80px 0 0 0; background:url(/ezfiles/812/1812/img/788/quality_10.png) no-repeat left 15px; background-size:476px auto; overflow:hidden;}
#QUA_B_bg{ display:block; width:80%; margin:0 auto; overflow:hidden;}

.Q_cer_bg .M_f_50 span{ color:#666 !important;}
.M_f_33 .G_title_bg{ margin-left:40px;}

@media (max-width:899px){
#Q_W1{ margin:20px 0 0 0;}

#QUA_B_bg{ width:100%; max-width:485px; }

.Q_cer_bg .M_f_50{width:50% !important; float:left;}
.Q_cer_bg .M_f_50 img{width:35% !important; margin:0 auto;}
.Q_cer_bg .M_f_50 span img{width:43% !important; margin:0 auto;}
}
@media (max-width:599px){
.Q_cer_bg_img{ width:30%; float:left; margin:0 1.5%;}
.Q_cer_bg_img_b{ width:50%; float:left; margin:0 1.5%;}
}
@media (max-width:499px){
.Q_cer_bg_img{ width:40%; margin:0 5%;}
.Q_cer_bg_img_b{ width:50%; float:none; margin:0 auto;}

#QUA_A_bg{ padding:65px 0 0 0; background-position:left top; background-size:100% auto;}
.Q_cer_bg .M_f_50{width:100% !important; float:none;}
.Q_cer_bg .M_f_50 img, .Q_cer_bg .M_f_50 span img{width:50% !important; margin:0 auto;}
}

/*contact*/
#CON_A_bg{ display:block; width:40%; height:200px; float:left; background:url(/ezfiles/812/1812/img/788/contact_03_phone.png) no-repeat top left; background-size:auto 100%; overflow:hidden;}
#CON_B_bg{ display:block; width:60%; height:200px; float:left; padding:20px; background:url(/ezfiles/812/1812/img/788/contact_04.png) no-repeat left bottom #ededed; background-size:100% 100%; overflow:hidden;}

#C_float{display:block; float:left; padding:2px 0 2px 12px; overflow:hidden;}
.C_float_border{ display:block; float:left; margin:14px 5px 0px 14px; font:bold 18px/35px "微軟正黑體",Arial, Helvetica, sans-serif; text-align:center;}
.C_float_map{ display:block; float:left; width:118px; height:47px; margin:8px 12px;}

.C_word_img{ display:block; background:#f0f0f0; border-radius:50%; width:30px; height:30px; float:left; margin:3px 5px 0 0; padding:3px 5px;}
.C_word{ font:bold 18px/30px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; }
.C_word a{ font:bold 18px/30px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-decoration:underline; }
.C_word a:hover{ color:#8ee0c0;}

.C_map_bg{ display:block; margin:30px 2% 0 2%; padding:45px 35px 25px 35px; border-radius:15px; background:url(/ezfiles/812/1812/img/788/contact_25.png) no-repeat top right #eee; background-size:419px auto; overflow:hidden;}
.C_car_icon{ display:block; position:absolute; top:0; left:40px; font:bold 20px/60px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333;}
.C_car_icon_img{ width:70px; height:70px; float:left; margin:0 5px 0 0;}

@media (max-width:899px){
#CON_B_bg{ margin-bottom:20px;}
.C_float_border{margin:0 5px 8px 14px;}
.C_float_map{margin:-5px 12px 8px 12px;}
}
@media (max-width:570px){
#CON_A_bg{ width:100%; height:220px; float:none; background-size:auto 100%;}
#CON_B_bg{ width:100%; height:auto; float:none; padding:5px 15px 15px 15px; background-size:100% auto;}
}


/*join*/
.M_f_56 .G_title{ margin:45px 0 10px 0;}
.M_f_56 #MA_sh{ margin:22px 0;}

.M_f_50 .owl-controls{ position:relative; margin-top:5px;}
.pp_img_word{ display:block; width:100%; z-index:9; position:absolute; bottom:0; background:rgba(0,0,0,0.5); color:#fff; text-align:center; text-shadow:1px 1px 3px #000; font:bold 20px/40px "微軟正黑體",Arial, Helvetica, sans-serif; overflow:hidden; }

.J_link { display:block; width:100%; float:left; padding:10px 20px; font:bold 18px/22px "微軟正黑體",Arial, Helvetica, sans-serif; color:#38bfa8;}
.J_link a{ font:bold 18px/22px "微軟正黑體",Arial, Helvetica, sans-serif; color:#38bfa8; text-decoration:underline;}
.J_link a:hover{ color:#e97521;}
.J_link img{ width:225px !important; height:22px !important; float:left; margin-right:3px;}

@media (max-width:899px){
.M_f_56 .G_title{ margin:20px 0 10px 0;}
.M_f_56 #MA_sh{ margin:20px 0 10px 0;}
}


/*PRODUCTS*/
.PP_all_color{display:block; width:85%; margin:0 auto; margin-top:10px; padding:5px; border-radius:35px; background:#b5e2e0; font:bold 16px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center; overflow:hidden;}
.PP_all_white{display:block; float:left; width:95px; height:65px; border-radius:35px; background:#fff; font:bold 22px/65px "微軟正黑體",Arial, Helvetica, sans-serif; text-align:center; overflow:hidden;}
.PP_all_black{display:block; padding:20px 0 0 10px; font:bold 19px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:left; overflow:hidden;}

.M_f_50 .PP_all_color{ width:100%;}

@media (max-width:415px){
.PP_all_color{letter-spacing:-1px;}
.PP_all_white{width:90px;}
.PP_all_black{padding:20px 0 0 5px; font-size:17px; }
}

.PP_img_left{ display:block; width:57%; float:left; margin:0 2% 0 0; overflow:hidden;}
.PP_word_right{ display:block; width:39%; float:left; margin:0 0 0 2%; margin-top:20px; padding:15px; overflow:hidden;}
.PP_word_T{ border-bottom:1px solid #fff; margin-bottom:12px; font:bold 18px/32px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222;}

.PP_f_70{ display:block; width:62%; float:left; margin:0 2% 0 0; overflow:hidden;}
.PP_f_30{ display:block; width:34%; float:left; margin:0 0 0 2%; overflow:hidden;}

.PP_contact{ display:block; width:540px; margin:0 auto; margin-top:50px; margin-bottom:60px; border-radius:50px; background:#e1edcb; padding:10px 15px; overflow:hidden;}
.PP_contact_w{ display:block; float:left; font:bold 20px/55px "微軟正黑體",Arial, Helvetica, sans-serif; color:#004126; text-align:center; overflow:hidden;}
.PP_contact_img{display:block; width:55px; height:55px; float:left; margin-left:15px; }

@media (max-width:899px){
.PP_img_left, .PP_f_30{ width:100%; max-width:620px; float:none; margin:0 auto;}
.PP_word_right, .PP_f_70{ width:100%; float:none; margin:0 0 10px 0; }
}
@media (max-width:559px){
.PP_contact{ width:95%; margin-top:35px;}
.PP_contact_w{ width:87%; line-height:25px;}
.PP_contact_img{ width:12%; margin-left:1%; }
}


/*PP_A*/
.table {
  width: 100%; margin:0 auto; max-width: 100%; border-spacing: 0; border-collapse: collapse;
  font:bold 16px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666;
}
.table-striped>tbody>tr:nth-of-type(even) { background-color: #fff;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{ background:#eee;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {  
  padding: 10px 8px;
  line-height: 1.42857143;
  vertical-align: middle; border-right:1px solid #ccc; border-bottom:1px solid #ddd;
}
.table td:last-child{ border-right:none; }

.table-responsive {  overflow-x: auto;  min-height: 0.01%; margin-top:3px;}
.table_left{ font-size:18px; color:#09a098; border-right:1px solid #ccc;}




.word_gray_B{ font:bold 18px/30px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666;}
.word_gray{ font:bold 16px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666; text-align:justify;}
.word_gray span{ color:#09a098;}

.word_gray ol{ margin:0; padding-left:25px; }
.word_gray ol li{ list-style:cjk-ideographic; font:bold 16px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666;  }
.word_gray li{ list-style:none; font:bold 16px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666;}

.word_black{ font:bold 18px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333; text-align:justify;}
.word_black a{ font:bold 18px/35px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333; text-decoration:underline;}
.word_black a:hover{ color:#09a098;}

.word_geeen_B{ font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#005b27;}
.word_geeen_B span{ color:#619250; line-height:38px;}
.word_org_B{ font:bold 20px/35px "微軟正黑體",Arial, Helvetica, sans-serif; color:#e97521;}

.word_in_T{ font:bold 35px/40px AGOpus, Arial, Helvetica, sans-serif; color:#8dcb45;}
.word_in_T span{ color:#bbb;}