/* --共用區------------------------------------- */

*{	-webkit-box-sizing:border-box; box-sizing:border-box; }
html,body{ margin:0; padding:0; -webkit-text-size-adjust:none; font-family:"微軟正黑體",Arial, Helvetica, sans-serif;	}
img{ margin:0; padding:0; border:none; width:100%; height:auto;}
	
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 75px;
    font-size: 20px;
    background:#e60012; opacity:.5;
    color: white;
    cursor: pointer;
    border-radius: 100%;
    z-index: 999999;
    width: 45px;
    text-align: center;
    line-height: 45px;
}
#goindex{
	display:block;
    position: fixed;
    right: 20px;
    bottom: 20px;
	background:#111; opacity:.6;
    cursor: pointer;
    border-radius: 100%;
    z-index: 999999;
    padding: 9px;
}
#goindex img{ display:block; overflow:hidden; width:26px;}
/*-----PC版型-----------------------------------------------------*/

/*-------------首頁區CSS------------------*/

#WRAPPER{width:100%; background:url(images/vison_bg.jpg) no-repeat center top; overflow:hidden;}
#IN_WRAPPER{width:100%; background:url(images/vison_inbg.png) no-repeat center top; overflow:hidden;}


#TOP_BG{ display:block; width:100%; height:110px; border-top:5px solid #ccc; border-bottom:1px solid #fff; background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ overflow:hidden; }
#TOP{ display:block; width:1100px; height:110px; margin:0 auto; overflow:hidden; }		
#LOGO{ display:block; float:left; width:434px; height:70px; margin-top:17px; }
#LINK{ display:block; float:right; margin-top:40px;}
#LINK img{ display:block; 
	-moz-transition: -moz-transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -ms-transition: -ms-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    width: 100%
}
#LINK img:hover{
	-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}	
#L_1{ display:block; width:223px; height:36px; float:left; margin-right:15px;}
#L_2{ display:block; width:33px; height:36px; float:left;}


#VISON{ display:block; width:100%; height:640px; margin:0 auto; }
#IN_VISON{ display:block; width:100%; height:460px; margin:0 auto; }

#VISON_middle{ display:none; }
#VISON_phone{ display:none; }


/*-------------中間區CSS------------------*/

.PP_title{ position:relative; overflow:hidden; text-align: center;}
.PP_title h2{ display:inline-block; padding:0 15px; margin:0 0 15px 0; position:relative; font:bold 35px/40px "微軟正黑體",Arial, Helvetica, sans-serif; color:#000;}
.PP_title h2:before, .PP_title h2:after {
background: #e60012;
content: "";
display: block;
height: 2px;
position: absolute;
top: 50%;
width: 115px;
}
.PP_title h2:before {right: 100%;}
.PP_title h2:after {left: 100%;}

.PP_f_left{ background:#ddd; padding-left:15px; border-bottom:1px solid #fff; font:bold 18px/36px "微軟正黑體",Arial, Helvetica, sans-serif; color:#032b5a;}
.PP_f_right{ background:#fff; padding-left:15px; border-bottom:1px solid #ddd; font:bold 18px/36px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333;}


/*ABOUT*/
#AA_01{ display:block; width:945px; margin:0 auto; padding:30px 0 40px 0; overflow:hidden;}

/*MAIN*/
#MAIN_BG{ display:block; width:100%; background:url(images/PP_line.png) no-repeat top center #f4f7fa; background-size:1000px auto; overflow:hidden;}
#MAIN{ display:block; width:1000px; margin:0 auto; padding:20px 0 50px 0; overflow:hidden;}

/*產品*/
#PRODUCT{ display:block; width:100%; margin-top:30px; overflow:hidden;}
#P_wrap{ display:block; width:100%; overflow:hidden; padding-top:20px;}
.P_box{ display:block; overflow:hidden; width:50%; float:left; padding:0 40px 0 50px;}
.P_img{ display:block; overflow:hidden; width:100%;}
h3,h4{ margin:0;}
h3 a{ display:block; padding:15px 0 6px; margin:0; text-align:center; font-size:22px; color:#083485; text-decoration:none;}
h4 a{ display:block; padding:0; margin:0; text-align:center; font-size:22px; color:#666666; text-decoration:none;}
.P_box a:hover{ color:#15a2b0;}
.P_box span{ display:block; overflow:hidden; width:100%; height:2px; background:#d4dce7; margin:10px 0 15px; }
.P_word{ display:block; overflow:hidden; text-align:justify; font:bold 18px/26px "微軟正黑體",Arial, Helvetica, sans-serif; color:#666;}
.P_btn a{ display:block; overflow:hidden; width:95px; line-height:30px; padding-bottom: 5px; text-align:center; text-decoration:none; letter-spacing:2px; color:#fff; font-size:20px; border-radius:5px; margin:30px auto 0; background:linear-gradient(to bottom, #1ac0b7 0%,#043979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.P_btn a:hover{ color:#fff; text-decoration:none;  background: linear-gradient(to bottom, #afc7e2 0%,#25538b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*馬達*/
#TM_01{ display:block; width:1000px; margin:0 auto; padding:30px 0 40px 0; overflow:hidden;}

/*產品-PA*/
#PA{ display:block; width:100%; margin-top:30px; overflow:hidden;}
.PP_list{ display:block; margin-top:15px; padding:8px 0; border-radius:5px; box-shadow:2px 2px 4px #1b61b6; font:bold 20px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; background:linear-gradient(to bottom, #1ac0b7 0%,#043979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#PA_left{ display:block; width:63%; float:left; overflow:hidden;}
#PA_right{ display:block; width:37%; float:left; margin-top:125px; overflow:hidden;}

/*產品-PB*/
#PB{ display:block; width:100%; margin-top:30px; overflow:hidden;}
#PB_img{ display:block; width:100%; max-width:948px; margin:0 auto; margin-bottom:20px;}
#PB_left{ display:block; width:50%; float:left; overflow:hidden;}
#PB_right{ display:block; width:50%; float:left; overflow:hidden;}

/*產品-PC*/
#PC{ display:block; width:100%; margin-top:30px; overflow:hidden;}
#PC_left{ display:block; max-width:35%; float:left; margin-right:5%; overflow:hidden;}
#PC_right{ display:block; width:60%; float:left; margin-top:25px; overflow:hidden;}

/*產品-PD*/
#PD{ display:block; width:100%; margin-top:30px; overflow:hidden;}
.PD_pp{ display:block; width:18%; float:left; margin:15px 1% 0 1%;}
.PD_word{ font:bold 18px/30px "微軟正黑體",Arial, Helvetica, sans-serif; color:#032b5a; text-align:center;}

/*木百頁*/
#VN_01{ display:block; width:905px; margin:0 auto; padding:30px 0 40px 0; overflow:hidden;}
#VN_01_box{ display:block; overflow:hidden; width:100%; padding-top:30px;}
#VA_01_left{ display:block; overflow:hidden; width:45%; float:left; text-align:justify; padding-top:12px;}
#VA_01_pp img{ display:block; overflow:hidden; width:237px; padding-top:50px;}
#VA_01_right{ display:block; overflow:hidden; width:50%; float:right;}
.swiper-pagination_VN{ display:block; overflow:hidden; width:453px; text-align:center;}
.swiper-pagination_VN .swiper-pagination-bullet{ margin:10px 2px 0; width:13px !important; height:13px !important;}

#VN_02{ display:block; width:100%; margin-top:30px; overflow:hidden;}
.VN_02_box{ display:block; overflow:hidden; padding-top:25px;}
.VN_02_box_2{ display:block; overflow:hidden; margin-top: -20px;}
#VN_02_T_pp{ display:block; overflow:hidden; float:left; width:426px;}
.pc_T_pp,.pc_B_pp{ display:block;}
.m_T_pp,.m_B_pp{ display:none;}
#VN_02_T_text{ display:block; overflow:hidden; float:left; width:57%; text-align:justify; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333;}
#VN_02_B_pp{ display:block; overflow:hidden; float:left; width:275px;}
#VN_02_B_text{ display:block; overflow:hidden; float:left; width:72%; text-align:justify; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333; padding-top: 35px;}
#VN_02 ul{ margin:14px 0 0;}
#VN_02 ul li{ list-style-image:url(images/li.png); padding-left:8px;}

#VN_03{ display:block; width:100%; margin:50px 0 20px; overflow:hidden;}
.VN_03_box{ display:block; overflow:hidden; text-align:justify; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#333;}
#VN_03 ul li{ list-style-image:url(images/li.png); padding-left:8px;}
.VN_03_T{ display:block; overflow:hidden; width:864px; margin:0 auto; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#032b5a;}
.VN_03_T_pp{ display:block; overflow:hidden; width:392px; text-align:center; float:left; margin-right:80px;}
.VN_03_T_pp:last-child{ margin-right:0;}
.VN_03_T_pp img{ display:block; overflow:hidden; width:100%; margin-bottom:10px;}
.VN_03_line{ display:block; overflow:hidden; width:100%; height:2px; background:#d4dce7; margin:30px 0;}
.VN_03_B{ display:block; overflow:hidden; width:100%; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#032b5a;}
.VN_03_B_pp{ display:block; overflow:hidden; width:306px; text-align:center; float:left; margin-right:40px;}
.VN_03_B_pp:last-child{ margin-right:0;}


/*DOWNLOAD*/
#DD_BG{ display:block; width:100%; height:398px; padding-top:50px; background:url(images/down_bg_30.jpg) no-repeat top center; background-size:2000px auto; overflow:hidden;}
#DD{ display:block; width:1000px; margin:0 auto;}
.DD_pp{ display:block; width:14%; float:left; margin:8px 1% 0 1%;}
.DD_pp_img{  margin-bottom:8px;
		-webkit-transition: all 1.2s ease-out;
		-webkit-transform:rotateY(0deg);
	}	
.DD_pp_img:hover{
		-webkit-transform:rotateY(360deg);
	}
.DD_word_A { font:bold 20px/50px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center; }
.DD_word_A a{ font:bold 20px/50px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center; text-decoration:none;}
.DD_word_A a:hover{ color:#15a2b0; text-decoration:underline;}
.DD_word { font:bold 20px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center; }
.DD_word a{ font:bold 20px/25px "微軟正黑體",Arial, Helvetica, sans-serif; color:#222; text-align:center; text-decoration:none;}
.DD_word a:hover{ color:#15a2b0; text-decoration:underline;}


/*-------------底部區CSS------------------*/
#FOOT_BG{ display:block; width:100%; height:238px; padding-top:22px; background:url(images/foot_bg_31.jpg) no-repeat top center; background-size:2000px auto; overflow:hidden;}
#FOOT{ display:block; width:700px; margin:0 auto; overflow:hidden;}

#F_left{ display:block; width:78px; height:76px; float:left; margin-right:18px; overflow:hidden; }
#F_middle{ display:block; width:72px; height:76px; float:left; margin-right:3px; overflow:hidden; }
#F_right{ display:block; float:left; padding-top:15px; overflow:hidden; }
#F_right img{ max-width:313px; height:28px; }
.F_R_word{ font:16px/24px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff;}
.F_R_word a{ font:16px/24px "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff;}
.F_R_word a:hover{ color:#9adde4; }


.word_gray{ font:bold 20px/28px Arial, Helvetica, sans-serif; color:#666;}
.word_gray_s{ font:bold 18px/26px Arial, Helvetica, sans-serif; color:#666;}
.word_black{ font:bold 18px/28px Arial, Helvetica, sans-serif; color:#111; text-align:justify;}
.word_black ol{ margin:12px; padding-left:20px; }
.word_black ol li{ list-style:decimal; font:bold 18px/28px "微軟正黑體",Arial, Helvetica, sans-serif; color:#111;  }
.word_green{ font:bold 18px/26px Arial, Helvetica, sans-serif; color:#149faf;}