@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&display=swap');

@import url("bootstrap-grid.css");
/*台灣嘉利傳動 CSS Document */

iframe{  border: 0px;display: block;}
* { margin:0; padding:0;}
.ie6 img{width:100%;}

@media only screen and (max-width: 800px) { 
.table-responsive-md img{width:100%;}
}
@media (min-width: 801px) {
.table-responsive-md img{width:800px;}	
}


@media only screen and (max-width: 991px) { 	
.mobile{display:block;}
.desktop{display:none;}	

}

@media (min-width: 992px) {
.mobile{display:none;}
.desktop{display:block;}
			
}
/*@media only screen and (max-width: 992px) { 	
.mobile{display:block;}
.desktop{display:none;}	
	
}

@media (min-width: 993px) {
.mobile{display:none;}
.desktop{display:block;}


}
*/

.Mtitle{font-size:27pt;font-family: 'Noto Sans TC', sans-serif;color:#000;text-align: center; padding:1.5em 0 0.7em 0;margin-bottom: 1em; text-indent:0.2em;}
.Mtitle01{font-size:27pt;font-family: 'Noto Sans TC', sans-serif;color:#000;padding:1.5em 0 0.7em 0;text-indent:0.2em;}

/*pic*/
#main_pic_block {width:100%;min-width:1200px;height:176px;background:url(../images/main_title.jpg) no-repeat center top;zoom:1;}
#main_pic_block:after {content:''; clear:both; display:block;}
#main_pic_block #Mpic{width:1200px;min-width:1200px;height:100% !important;margin:0 auto;padding:0 !important;}
#main_pic_block #Mpic .Tfont{clear:both;position:relative;width:100%;height:0px;z-index:9;}
#main_pic_block #Mpic .Tfont span{width:auto;text-align:left;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);color:#ffffff;position:absolute;top:calc((249px/2) - 30px);left:10px;/*left:calc((100%/2) - 170px);*/}
#main_pic_block #Mpic .Tfont span .tspan{font:22.5pt  "微軟正黑體";font-weight:700;}
#main_pic_block #Mpic .Tfont span .eng{font:13.5pt "微軟正黑體";font-weight: 700;color:rgba(255,255,255,0.6);padding-left:0px;}	


#main_SPpic_block{width:100%;height: 100px;background:#959595;margin:88px 0 0 0;}
#main_SPpic_block #MSPpic{width:1200px;min-width:1200px;height:100% !important;margin:0 auto;padding:25px 0 0 0;font:22.5pt  "微軟正黑體";font-weight:700;color:#ffffff;}


/*pic*/	
#mobile_pic_block {width:100%;height:176px;background:url(../images/main_title_en.jpg) no-repeat center 0em;zoom:1;text-align: left}
#mobile_picSP_block {width:100%;background: url(../images/main_title01.jpg) repeat-x left top;height:30px;}

@media only screen and (max-width: 479px) {
#mobile_pic_block {width:100%;height:calc(176px + 6.75em);background:url(../images/main_title_479_en.jpg) no-repeat center 6.75em;zoom:1;text-align: left}
#mobile_picSP_block {width:100%;background: url(../images/main_title01.jpg) repeat-x left top;height:calc(30px + 4.875em);}	
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#mobile_pic_block {width:100%;height:calc(176px + 6.75em);background:url(../images/main_title_767_en.jpg) no-repeat center 6.75em;zoom:1;text-align: left}
#mobile_picSP_block {width:100%;background: url(../images/main_title01.jpg) repeat-x left top;height:calc(30px + 4.875em);}	
	
}
@media screen and (min-width: 768px) and (max-width: 992px) {
#mobile_pic_block {width:100%;height:calc(176px + 6.75em);background:url(../images/main_title_992_en.jpg) no-repeat center 6.75em;zoom:1;text-align: left}	
#mobile_picSP_block {width:100%;background: url(../images/main_title01.jpg) repeat-x left top;height:calc(30px + 4.875em);}	
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
#mobile_pic_block {width:100%;height:calc(176px + 4.875em);background:url(../images/main_title_1199_en.jpg) no-repeat center 0em;zoom:1;text-align: left}	
#mobile_picSP_block {width:100%;background: url(../images/main_title01.jpg) repeat-x left top;height:30px;}	
}


#Mcontents {width:100%;padding:0;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;}
#Mcontents:after {content:''; clear:both; display:block;}


/*
background: linear-gradient(120deg, #ffffff, #ffffff 40%, #d6d6d6 20%);}
ackground: linear-gradient(107deg, rgba(255, 255, 255, 1)50%, rgba(0, 0, 0, 0.1)0%); */


#contents{width:100% !important;height:100% !important;margin:0; padding:0;background:transparent;}


#container{width:1200px;height:100% !important;margin:0 auto;padding:0 !important;background:transparent;}
#Mcontainer{width:calc(1200px - 2em);height:100% !important;margin:0 auto;padding:1em 1em;background:transparent;}

@media only screen and (max-width: 479px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0;background:transparent;}
#container:after {content:''; clear:both; display:block;}
#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 1.5em;background:transparent;}		
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0;background:transparent;}
#container:after {content:''; clear:both; display:block;}
	
#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 1.5em;background:transparent;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0;background:transparent;}
#container:after {content:''; clear:both; display:block;}
	
#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 2em;background:transparent;}
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0;background:transparent;}
#container:after {content:''; clear:both; display:block;}
	
#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 2.5em;background:#transparent;}	
}

/*main_location_info*/

#Mcontainer .location_info {float:left; width:100%; height:40px; padding:0;margin-bottom:1.5em;clear:both;}
#Mcontainer .location_info .location {line-height:40px;text-align:left;}
#Mcontainer .location_info .location .home{display:inline-block; padding-left:0px; vertical-align:middle; font:11.25pt "微軟正黑體";font-weight:bold; color:#7e7e7e; }
#Mcontainer .location_info .location span {display:inline-block; padding-right:10px; vertical-align:middle; font:11.25pt "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../images/arr_location.png) no-repeat right 7px;}
#Mcontainer .location_info .location span a{color:#8f8f8f;}
#Mcontainer .location_info .location span a:hover{color:#000000;}
#Mcontainer .location_info .location span.last {background:none;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:11.25pt "微軟正黑體";font-weight:500; height:27px;line-height:27px; color:#d91010;}
#Mcontainer .location_info .location strong a {color:#8f8f8f;}
#Mcontainer .location_info .location span.searchWord {background:none; color:#7e7e7e;}



/*footer*/
#footer{width:100%;height:auto;background:#000000;padding:44px 0; margin:0 auto;}
#footer .footer_top {display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;margin:0;padding:0;}
#footer .footer_top:after {content:''; display:block; clear:both;}


#footer .footer_top .footer_info_block{width:40%;}

#footer .footer_top .footer_info_block .logo{margin-bottom:2em;}
#footer .footer_top .footer_info_block .addressinfo{font:12pt "微軟正黑體";font-weight:700;color:#ffffff;margin:0em 2em 0 1.1em;}
#footer .footer_top .footer_info_block .addressinfo .txt01{margin:0.2em 0;background:url(../Nimages/footer_icon01.png) no-repeat left 0px; padding-left:22px; vertical-align:middle;}
#footer .footer_top .footer_info_block .addressinfo .txt02{margin:0.2em 0;background:url(../Nimages/footer_icon02.png) no-repeat left 0px; padding-left:22px; vertical-align:middle;}
#footer .footer_top .footer_info_block .addressinfo a{color:rgba(255,255,255,0.7);}
#footer .footer_top .footer_info_block .addressinfo a:hover{color:rgba(255,255,255,1);}
#footer .footer_top .footer_info_block .addressinfo .txt03{margin:0.2em 0;background:url(../Nimages/footer_icon03.png) no-repeat left 0px; padding-left:22px; vertical-align:middle;}
#footer .footer_top .footer_info_block .addressinfo .txt04{margin:0.2em 0;background:url(../Nimages/footer_icon04.png) no-repeat left 0px; padding-left:22px; vertical-align:middle;}

#footer .footer_top .menuList{width:60%;margin-top: 1em;}
#footer .footer_top .menuList:after {content:''; display:block; clear:both;}


#footer .footer_top .menuList .list{width:100%;margin:0 auto;}

#footer .footer_top .menuList .list ul{width:100%;padding:0;margin:0;}
#footer .footer_top .menuList .list ul a{color:rgba(255,255,255,0.7);font:11pt "微軟正黑體";font-weight:700;}
#footer .footer_top .menuList .list ul a:hover{color:rgba(255,255,255,1)}

#footer .footer_top .menuList .list li{float:left;}
#footer .footer_top .menuList .list .title{font:12pt "微軟正黑體";font-weight:700;display:inline-block;vertical-align:middle;color:#ffffff;margin-bottom:1.5em;zoom:1}
#footer .footer_top .menuList .list .title a{display:inline-block;  font:13px Arial; color:#ffffff; }
#footer .footer_top .menuList .list .title a:hover{color:#ffffff;}
#footer .footer_top .menuList .list .title span{color:#ff0000;}

#footer .footer_top .menuList .list .column1{width:calc((100%/5) - 0.3em);margin-right:0.3em;bottom:0em;text-align:left;}
#footer .footer_top .menuList .list .column1 > ul >li{width:100%;text-align:left; margin-bottom: 0.5em; line-height:16px;clear:both;}


@media only screen and (max-width: 991px) { 
	
/*footer*/	
#footer{width:100%;height:auto;background:#000000;padding:0; margin:0 auto;}	
#footer .footer_top {padding:1em 0 2em 0em;  zoom:1;}	
#footer .footer_top .footer_info_block{width:100%;margin:0%;float:left;}
#footer .footer_top .footer_info_block .logo{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#footer .footer_top .footer_info_block .addressinfo{font:calc(12pt*1.25) "微軟正黑體";font-weight:700;color:#ffffff;margin:0 1.1em 0 1.1em;}

#footer .footer_top .menuList{width:100%;margin:3em 0 0 1.3em;}	
#footer .footer_top .menuList .list .title{font:calc(12pt*1.25) "微軟正黑體";font-weight:900;display:inline-block;vertical-align:middle;color:#ffffff;margin:0.5em 0;zoom:1}
#footer .footer_top .menuList .list .column1{width:50%;margin-left:0;margin-right:0;bottom:0.3em;text-align:left;}
#footer .footer_top .menuList .list .column1 > ul >li{width:100%;text-align:left;  line-height:20px;clear:both;}
	
#footer .footer_top .menuList .list ul a{color:rgba(255,255,255,0.7);font:calc(11pt*1.25) "微軟正黑體";font-weight:700;}
#footer .footer_top .menuList .list ul a:hover{color:rgba(255,255,255,1)}
	
}


/*footer_copy*/
#footer_info{ width:100% !important;overflow:hidden;background:#1f1f1f;}
#footer_info .address{font:9.75pt "微軟正黑體";font-weight:700;margin:1em 0;padding:0 1em;zoom:1;}
#footer_info .address a{color:rgba(0,0,0,0.35);}
#footer_info .address a:hover{color:rgba(0,0,0,0.7);}




/*index_about*/
#Iabout_block {width:100%;height: 100% !important;min-height: 724px; margin:0;padding:0;background:url(../images/Iabout_bg.png) no-repeat center top; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{width:100%;height: 100%;padding-top: 11em;}
#Iabout_block #Iabout:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout .Iabout_relative{width:100%;height: auto; position: relative;z-index: 0;}


#Iabout_block #Iabout .Iabout_relative .Iabout_content{position: absolute;z-index:2;display: block;left:80px;top:30px;width:530px; color:#ffffff;font:12.5pt "微軟正黑體";font-weight:600;letter-spacing:1px;line-height:33px;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content .Iabout_title{ font:25pt "微軟正黑體";font-weight:700;color:#ff1200;margin-bottom: 1em;margin-top: 1em;}
#Iabout_block #Iabout .Iabout_relative .Iabout_img{position:absolute;z-index: 1;top:-1vh; right:70px;}
#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img{display:none;}





/*index_news*/
#Inews_block{width:100%;padding:6em 0 7em;}

#Inews_block .Inews_title{width:100%;font:25pt "微軟正黑體";font-weight:700;color:#000000;text-align: center;margin-bottom: 1.5em;}
#Inews_block .Inews{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#Inews_block .Inews .Inews_img{width:calc(100%/4)}
#Inews_block .Inews .Inews_img img{width:100%;max-width: 100%;}

#Inews_block .Inews .Inews_img .Itext_block{position:relative;}
#Inews_block .Inews .Inews_img .Itext_block .Itext{font:24pt "微軟正黑體";font-weight:700;color:#000000;text-align: center; position:absolute;background:rgba(0,0,0,0);width:90%; bottom:37px;  text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;/* left:50%;transform: translate(-50%, -50%);*/}
#Inews_block .Inews .Inews_img .Itext_block .Itext span{color:#c70c11}
/*news_block*/
#news_block{font:14pt "微軟正黑體";line-height:28px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#news_block .text02-1{width:120px;font-weight:500;}
#news_block .text02-2{width:calc(100% - 120px);font-weight:700;}
#news_block .text02-2 a{color:#000000}
#news_block .text02-2 a:hover{color:#c30507}


/*news_content*/
#news_title_block{width:100%;overflow:hidden;}
#news_title_block .link_block{width:50%; float:left;}
#news_title_block .link_block .category{display:inline-block;padding:0.15em 1em;font:10pt "微軟正黑體";font-weight:700;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#news_title_block .news_title_block_title{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:25px;color:#000;border-bottom: 1px solid #616161;padding-bottom: 0.7em; margin-bottom: 0.7em;}
#news_title_block .news_title_block_date{width:100%;font:12pt Arial;font-weight:700;color:#a0a0a0;}
#news_content_block{width:100%;font:13pt "微軟正黑體";color:#7F7F7F;font-weight:700;line-height:25px; letter-spacing:1;border-bottom: 1px solid #616161;padding-bottom: 0.7em; margin-bottom: 0.7em;}
#news_files_block{width:100%;margin:1em 0;padding:0;}


#news_files_block #case_list_content_block a{background:url(../images/icon.svg)  no-repeat;height:25px;width:25px;display:inline-block;text-indent:-9999px;	text-align:left;}
#news_files_block #case_list_content_block a.link_icon{background-position:0 0;}
#news_files_block #case_list_content_block a.link_icon:hover{background-position:0px -25px;}
#news_files_block #case_list_content_block a.doc_icon{background-position:-25px 0;}
#news_files_block #case_list_content_block a.doc_icon:hover{background-position:-25px -25px;}
#news_files_block #case_list_content_block a.pdf_icon{background-position:-50px 0;}
#news_files_block #case_list_content_block a.pdf_icon:hover{background-position:-50px -25px;}



/*Registration_form*/
.Registration_form{border:1px solid #C3C3C3 ;padding:0.7em ;margin-top:2em;}
.Registration_form .Rform_pic{width:auto;height:178px;/*padding:10px;*/background:url(../images/form_title.jpg) center top no-repeat;}
.Registration_form .line{float:left;width:100%;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #333 20%, rgba(51, 51, 51, 0) 20%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}
.Registration_form .Rform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0;}

.Registration_form .Rform .Rtxt01{width:15%;padding-left:1%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;color: #282828;margin-bottom: 0.4em;}
.Registration_form .Rform .Rtxt02{width:83%;padding-left:1%;float:left;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;margin-bottom: 0.4em;}
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:auto;font:12.5pt "微軟正黑體";font-weight:700;}
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((80px - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}
.Registration_form .Rform .Rform_textarea{width:calc((100% -  1em) - 2px);max-width:700px;height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;}
.Registration_form .Rform .Rtxt02 select{font:12.5pt "微軟正黑體";font-weight:700;padding:0.5em;}


/*full_page*/

.M_note{width:100%;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;word-wrap: break-word;word-break: break-all;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 1em;}
.M_note .M_note_l{width:40%;}
.M_note .M_note_l img{width:100%;max-width: 100%;}

.M_note .M_note_l .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.M_note .M_note_l .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

.M_note .M_note_r{width:60%;padding:0.2em 1em;}
.M_note .M_note_r img{width:100%;max-width: 100%;}

.M_note_title{width:100%;font-size:27pt;font-family: 'Noto Sans TC', sans-serif;color:#d2001a;}
.M_note_title_en{font:15pt "微軟正黑體";font-weight:700;color:rgba(205,17,49,0.7)}

.M_note_content{font:13pt "微軟正黑體";font-weight:700;color:#000;margin-top: 2em}
.M_note ul {list-style:disc;padding:0 0 0 2em;}
.M_note ol {list-style:decimal;padding:0 0 0 2em;}

.M_note a{color:#0245c0;font:14pt "微軟正黑體";font-weight:700;}
.M_note a:hover{color:#000000;}

.M_note .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.M_note .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}


/*member style*/
#gray_block{width:calc(100% - 0em);height:auto;background: rgba(225,225,225,0.7);margin:2em 0;padding:1.5em 1em;zoom:1;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#gray_block:after {content:''; clear:both; display:block;}

#gray_block_line{width:100%;  height: 1px;line-height: 1px;margin:0.5em 0; background: linear-gradient(0deg, #E3E3E3 56%, #A1A1A1 29%);  border: none; }


/*product_block*/

#product_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 0em;}
#product_block:after {content:''; clear:both; display:block;}
#product_block .list{width:calc((100%/4) - 1.6em); height:auto !important;margin:0.5em 0.8em;cursor:pointer;}
#product_block .list:after {content:''; clear:both; display:block;}

#product_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;margin-bottom: 3em; border-radius: 3px;border:1px solid #dadada;box-shadow: 0 50px 50px -50px rgba(0,0,0,0.5) }
#product_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}
#product_block .list .photo .photo_img img{width:100%;max-width: 100%;}

#product_block .list .photo .note{width:100%;padding:0 2em 4em;background: #ffffff;}
#product_block .list .photo .note .title{width:100%;color:#000000;font:14pt "微軟正黑體";font-weight:700;background:url(../images/product_icon.jpg) no-repeat left 1px;padding-left: 28px}


/*product_content*/
#product_content_block{width:100%;}
#product_content_block #product_content_cate{font:12pt "微軟正黑體";display:inline-block;color:#ffffff;background:#cd0600;border-radius: 30px;padding:0.2em 0.8em;}
#product_content_block #product_content_title{font:18pt "微軟正黑體";font-weight: 700;color:#000;}
#product_content_block #product_content_title_app{font:18pt "微軟正黑體";font-weight: 700;color:#000;border-bottom:1px #7f7f7f solid;}

#product_content_block #product_content_subtitle{font:18pt "微軟正黑體";font-weight: 700;color:#000000;padding:1.5em 0 0.7em 0;border-bottom:1px #7f7f7f solid;margin-bottom: 2em;}
#product_content_block #product_content_subtitle .product_file_block{display: inline-block;}
#product_content_block #product_content_subtitle .product_file_block .product_file a{background:url(../images/icon.svg)  no-repeat;height:25px;width:25px;display:inline-block;text-indent:-9999px;	text-align:left;}
#product_content_block #product_content_subtitle .product_file_block .product_file a.pdf_icon{background-position:-50px 0;}
#product_content_block #product_content_subtitle .product_file_block .product_file a.pdf_icon:hover{background-position:-50px -25px;}


#product_content_block #product_content_subtitle_app{font:18pt "微軟正黑體";font-weight: 700;color:#000000;padding:0.5em 0 0.7em 0;}
#product_content_block #product_content_subtitle_app .product_file_block{display: inline-block;}
#product_content_block #product_content_subtitle_app .product_file_block .product_file a{background:url(../images/icon.svg)  no-repeat;height:25px;width:25px;display:inline-block;text-indent:-9999px;	text-align:left;}
#product_content_block #product_content_subtitle_app .product_file_block .product_file a.pdf_icon{background-position:-50px 0;}
#product_content_block #product_content_subtitle_app .product_file_block .product_file a.pdf_icon:hover{background-position:-50px -25px;}



#product_content_block #product_photo_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#product_content_block #product_photo_block .product_photo{width:calc((100%/3) - 2em);margin:0.5em 1em;}
#product_content_block #product_photo_block .product_photo img{width:100%;max-width: 100%;border-radius: 15px;border:1px solid #b1b1b1;}


@media (max-width: 767.98px) {
.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
.table-responsive-md > .table-bordered{border:0}
}

#product_content_block #product_backbu a{font:14pt "微軟正黑體";font-weight: 700;display:inline-block;border:1px solid #5a5a5a; border-radius: 30px; background:#ffffff;color:#000000;text-align:center;padding:0.7em 2.5em;margin-top: 2em;}
#product_content_block #product_backbu a:hover{background:#5a5a5a;color:#ffffff;border:1px solid #5a5a5a; }



/*contact*/
#contact_info{font:15pt "微軟正黑體";letter-spacing:1px;color:#282828;background:rgba(255,255,255,0.3);border:1px solid rgba(0,0,0,0.2);display:  flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;border-radius: 5px; margin:0;}
#contact_info:after {content:''; clear:both; display:block;}
#contact_info .text02_1{width:calc(20% - 2em);padding: 0.5em 1em;margin:0.1em 0; font-weight: 700;}
#contact_info .text02_2{width:calc((100% - 20%) - 2em);padding: 0.5em 1em;margin:0.1em 0}
#contact_info .text02_2 .imgCaptcha_block{width:100%;}
#contact_info .text02_2 .imgCaptcha_block .text01_1{width:100%;display:inline-block;}
#contact_info .text02_2 .imgCaptcha_block .text01{width:100%;}

#contact_info select{font:13pt  "微軟正黑體";}
#contact_info input{font:13pt  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;background: #ffffff;width:auto}
#contact_info textarea{width:90%;height:150px;max-height:150px; border:1px #a5a5a5 solid;padding:5px;background:#ffffff;color:#282828;}		
#contact_info  .line{width:100%;  height: 1px;line-height: 1px;margin:0.2em 0;opacity: 0.3; background: linear-gradient(0deg, #E3E3E3 56%, #A1A1A1 29%);  border: none; }



/*************************************************************************************************************************/

/*mobile_style*/
@media only screen and (max-width: 479px) {
	
#Mcontainer .location_info .location .home{display:inline-block; padding-left:0px; vertical-align:middle; font:calc(11.25pt*1.25) "微軟正黑體";font-weight:bold; color:#7e7e7e; }
#Mcontainer .location_info .location span {display:inline-block; padding-right:10px; vertical-align:middle; font:calc(11.25pt*1.25) "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../images/arr_location.png) no-repeat right 7px;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:calc(11.25pt*1.25) "微軟正黑體";font-weight:500; height:27px;line-height:27px; color:#d91010;}
	
	

/*index_about*/
#Iabout_block {width:100%;height:auto;margin:0;padding:1em 1em 3em;background:#252525 url(../images/mob_Iabout_bg.jpg) no-repeat center top; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;padding-top: 3vh;}

#Iabout_block #Iabout .Iabout_relative{width:100%;height:auto !important;position:static;z-index: 0;top:0em;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content{position: static;z-index:2;left:0px;top:0px;width:100%; color:#ffffff;font:12.5pt "微軟正黑體";font-weight:600;letter-spacing:1px;line-height:33px;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content .Iabout_title{ font:25pt "微軟正黑體";font-weight:700;color:#ff1200;margin-bottom: 1em}
#Iabout_block #Iabout .Iabout_relative .Iabout_img{display: none;}

#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img{display: inline-block;margin-top: 2em}
#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img img{width:100%;max-width: 100%;}	


	
/*index_news*/

#Inews_block{width:100%;padding:6em 0 7em;}
#Inews_block .Inews_title{width:100%;font:25pt "微軟正黑體";font-weight:700;color:#000000;text-align: center;margin-bottom: 1.5em;}
#Inews_block .Inews{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#Inews_block .Inews .Inews_img{width:calc(100%/1)}
#Inews_block .Inews .Inews_img img{width:100%;max-width: 100%;}
#Inews_block .Inews .Inews_img .Itext_block .Itext{font:24pt "微軟正黑體";font-weight:700;color:#000000;text-align: center; position:absolute;background:rgba(0,0,0,0);width:90%; bottom:60px;  text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;/* left:50%;transform: translate(-50%, -50%);*/}

/*news_block*/
#news_block{font:14pt "微軟正黑體";line-height:28px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#news_block .text02-1{width:100%;font-weight:500;}
#news_block .text02-2{width:calc(100% - 0px);font-weight:700;}
#news_block .text02-2 a{color:#000000}
#news_block .text02-2 a:hover{color:#c30507}	
	
	
/*Registration_form*/
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:15pt "微軟正黑體";font-weight:700;line-height:25px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:15pt "微軟正黑體";font-weight:700;line-height:25px;color:#616161;}
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((25% - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:12.5pt "微軟正黑體";font-weight:700;padding:0.5em;}	
	
/*full_page*/	
.M_note .M_note_l{width:100%;padding:0 0 0em 0;}
.M_note .M_note_l img{width:100%;max-width: 100%;}
.M_note .M_note_r{width:100%;padding:0.2em 1em;}
	
.M_note_title{width:100%;font-size:calc(27pt*0.95);font-family: 'Noto Sans TC', sans-serif;color:#d2001a;line-height:35px ; margin-top: 0.5em}	

	
/*product_block*/

#product_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 0em;}
#product_block:after {content:''; clear:both; display:block;}
#product_block .list{width:calc((100%/1) - 1.6em); height:auto !important;margin:0.5em 0.8em;cursor:pointer;}
#product_block .list:after {content:''; clear:both; display:block;}

#product_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;margin-bottom: 3em; border-radius: 3px;border:1px solid #dadada;box-shadow: 0 50px 50px -50px rgba(0,0,0,0.5) }
#product_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}
#product_block .list .photo .photo_img img{width:100%;max-width: 100%;}

#product_block .list .photo .note{width:100%;padding:2em 2em 2em;background: #ffffff;}
#product_block .list .photo .note .title{width:100%;color:#000000;font:15pt "微軟正黑體";font-weight:700;background:url(../images/product_icon.jpg) no-repeat left 1px;padding-left: 28px}
	

#product_content_block #product_photo_block .product_photo{width:calc((100%/1) - 2em);margin:0.5em 1em;}	
/*contact*/	
#contact_info .text02_1{width:100%;padding: 0.3em 1em;margin:0; font-weight: 700;}
#contact_info .text02_2{width:100%;padding: 0.3em 1em;margin:0;}

#contact_info input{font:13pt  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;background: #ffffff;width:calc(100% - 2px);}
#contact_info textarea{width:calc(100% - 2px);height:150px;max-height:150px; border:1px #a5a5a5 solid;padding:5px;background:#ffffff;color:#282828;}	

#contact_info .text02_2 .imgCaptcha_block .text01_1 input{font:13pt  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;background: #ffffff;width:calc(35% - 2px);}	
#contact_info select{font:15pt  "微軟正黑體";}
#contact_info  .line{display:none;}		
}

@media screen and (min-width: 480px) and (max-width: 767px) {
#Mcontainer .location_info .location .home{display:inline-block; padding-left:0px; vertical-align:middle; font:calc(11.25pt*1.2) "微軟正黑體";font-weight:bold; color:#7e7e7e; }
#Mcontainer .location_info .location span {display:inline-block; padding-right:10px; vertical-align:middle; font:calc(11.25pt*1.2) "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../images/arr_location.png) no-repeat right 7px;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:calc(11.25pt*1.2) "微軟正黑體";font-weight:500; height:27px;line-height:27px; color:#d91010;}
	
		
	
	
/*index_about*/

#Iabout_block {width:100%;height:auto;margin:0;padding:1em 1em 3em;background:#252525 url(../images/mob_Iabout_bg.jpg) no-repeat center top; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{ display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;padding-top: 4vh;margin-bottom: 2em;}

#Iabout_block #Iabout .Iabout_relative{width:100%;height:auto !important;position:static;z-index: 0;top:0vh;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content{position: static;z-index:2;left:0px;top:0px;width:100%; color:#ffffff;font:12.5pt "微軟正黑體";font-weight:600;letter-spacing:1px;line-height:33px;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content .Iabout_title{ font:25pt "微軟正黑體";font-weight:700;color:#ff1200;margin-bottom: 1em}
#Iabout_block #Iabout .Iabout_relative .Iabout_img{display: none;}

#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img{width: 100%; display: inline-block;margin:0 auto;text-align: center;}
#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img img{width:100%;max-width: 100%;}	

/*index_news*/

#Inews_block{width:100%;padding:6em 0 7em;}

#Inews_block .Inews_title{width:100%;font:25pt "微軟正黑體";font-weight:700;color:#000000;text-align: center;margin-bottom: 1.5em;}
#Inews_block .Inews{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#Inews_block .Inews .Inews_img{width:calc(100%/2)}
#Inews_block .Inews .Inews_img img{width:100%;max-width: 100%;}
#Inews_block .Inews .Inews_img .Itext_block .Itext{font:24pt "微軟正黑體";font-weight:700;color:#000000;text-align: center; position:absolute;background:rgba(0,0,0,0);width:90%; bottom:37px;  text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;/* left:50%;transform: translate(-50%, -50%);*/}
	
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:14pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((25% - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:12.5pt "微軟正黑體";font-weight:700;padding:0.5em;}	
	
	
.M_note .M_note_l{width:100%;padding:0 0 1em 0;}
.M_note .M_note_l img{width:100%;max-width: 100%;}
.M_note .M_note_r{width:100%;padding:0.2em 1em;}

/*product_block*/

#product_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 0em;}
#product_block:after {content:''; clear:both; display:block;}
#product_block .list{width:calc((100%/2) - 1.6em); height:auto !important;margin:0.5em 0.8em;cursor:pointer;}
#product_block .list:after {content:''; clear:both; display:block;}

#product_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;margin-bottom: 3em; border-radius: 3px;border:1px solid #dadada;box-shadow: 0 50px 50px -50px rgba(0,0,0,0.5) }
#product_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}
#product_block .list .photo .photo_img img{width:100%;max-width: 100%;}

#product_block .list .photo .note{width:100%;padding:0 2em 4em;background: #ffffff;}
#product_block .list .photo .note .title{width:100%;color:#000000;font:14pt "微軟正黑體";font-weight:700;background:url(../images/product_icon.jpg) no-repeat left 1px;padding-left: 28px}
	

#product_content_block #product_photo_block .product_photo{width:calc((100%/2) - 2em);margin:0.5em 1em;}		
/*contact*/	
#contact_info .text02_1{width:100%;padding: 0.3em 1em;margin:0; font-weight: 700;}
#contact_info .text02_2{width:100%;padding: 0.3em 1em;margin:0;}

#contact_info input{font:13pt  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;background: #ffffff;width:calc(100% - 2px);}
#contact_info textarea{width:calc(100% - 2px);height:150px;max-height:150px; border:1px #a5a5a5 solid;padding:5px;background:#ffffff;color:#282828;}	

#contact_info select{font:14pt  "微軟正黑體";}	
#contact_info .text02_2 .imgCaptcha_block .text01_1 input{font:13pt  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;background: #ffffff;width:calc(35% - 2px);}	
#contact_info  .line{display:none;}		
}

@media screen and (min-width: 768px) and (max-width: 959px) {

#Mcontainer .location_info .location .home{display:inline-block; padding-left:0px; vertical-align:middle; font:calc(11.25pt*1.15) "微軟正黑體";font-weight:bold; color:#7e7e7e; }
#Mcontainer .location_info .location span {display:inline-block; padding-right:10px; vertical-align:middle; font:calc(11.25pt*1.15) "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../images/arr_location.png) no-repeat right 7px;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:calc(11.25pt*1.15) "微軟正黑體";font-weight:500; height:27px;line-height:27px; color:#d91010;}

	
/*index_about*/

#Iabout_block {width:100%;height:auto;margin:0;padding:1em 1em 3em;background:#252525 url(../images/mob_Iabout_bg.jpg) no-repeat center top; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{ display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;padding-top: 4vh;margin-bottom: 2em;}

#Iabout_block #Iabout .Iabout_relative{width:100%;height:auto !important;position:static;z-index: 0;top:0vh;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content{position: static;z-index:2;left:0px;top:0px;width:100%; color:#ffffff;font:12.5pt "微軟正黑體";font-weight:600;letter-spacing:1px;line-height:33px;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content .Iabout_title{ font:25pt "微軟正黑體";font-weight:700;color:#ff1200;margin-bottom: 1em}
#Iabout_block #Iabout .Iabout_relative .Iabout_img{display: none;}

#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img{width: 100%; display: inline-block;margin:0 auto;text-align: center;}
#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img img{width:100%;max-width: 100%;}	
	

/*index_news*/

#Inews_block{width:100%;padding:6em 0 7em;}

#Inews_block .Inews_title{width:100%;font:25pt "微軟正黑體";font-weight:700;color:#000000;text-align: center;margin-bottom: 1.5em;}
#Inews_block .Inews{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#Inews_block .Inews .Inews_img{width:calc(100%/3)}
#Inews_block .Inews .Inews_img img{width:100%;max-width: 100%;}
#Inews_block .Inews .Inews_img .Itext_block .Itext{font:24pt "微軟正黑體";font-weight:700;color:#000000;text-align: center; position:absolute;background:rgba(0,0,0,0);width:90%; bottom:37px;  text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;/* left:50%;transform: translate(-50%, -50%);*/}
	
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:13pt "微軟正黑體";font-weight:700;line-height:40px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:13pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100px - 1em) - 2px);font:12.5pt "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:12.5pt "微軟正黑體";font-weight:700;padding:0.5em;}	

/*product_block*/

#product_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 0em;}
#product_block:after {content:''; clear:both; display:block;}
#product_block .list{width:calc((100%/3) - 1.6em); height:auto !important;margin:0.5em 0.8em;cursor:pointer;}
#product_block .list:after {content:''; clear:both; display:block;}

#product_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;margin-bottom: 3em; border-radius: 3px;border:1px solid #dadada;box-shadow: 0 50px 50px -50px rgba(0,0,0,0.5) }
#product_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}
#product_block .list .photo .photo_img img{width:100%;max-width: 100%;}

#product_block .list .photo .note{width:100%;padding:0 2em 4em;background: #ffffff;}
#product_block .list .photo .note .title{width:100%;color:#000000;font:14pt "微軟正黑體";font-weight:700;background:url(../images/product_icon.jpg) no-repeat left 1px;padding-left: 28px}
	
#product_content_block #product_photo_block .product_photo{width:calc((100%/3) - 2em);margin:0.5em 1em;}		
/*contact*/

#contact_info .text02_1{width:20%;padding: 0.5em 1em;margin: 0; font-weight: 700;}
#contact_info .text02_2{width:calc(100% - 20%);padding: 0.5em 1em;margin:0}

#contact_info select{font:13pt  "微軟正黑體";}		
#contact_info  .line{display:inline-block;}	
	
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	
/*index_about*/
#Iabout_block {width:100%;height: 100% !important;min-height: 724px; margin:0;padding:0;background:url(../images/Iabout_bg.png) no-repeat center top; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{width:100%;height: 100%;padding-top: 8.5em;}
#Iabout_block #Iabout:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout .Iabout_relative{width:100%;height: auto; position: relative;z-index: 0;}


#Iabout_block #Iabout .Iabout_relative .Iabout_content{position: absolute;z-index:2;left:0px;top:0vh;width:50%;padding:0 1.5em; color:#ffffff;font:12.5pt "微軟正黑體";font-weight:600;letter-spacing:1px;line-height:33px;}
#Iabout_block #Iabout .Iabout_relative .Iabout_content .Iabout_title{ font:25pt "微軟正黑體";font-weight:700;color:#ff1200;margin-bottom: 1em;margin-top: 1em;}
#Iabout_block #Iabout .Iabout_relative .Iabout_img{position:absolute;z-index: 1;top:3.5vh; right:2vw;width:50%;}
#Iabout_block #Iabout .Iabout_relative .Iabout_img img{width:100%;max-width: 100%;}	
#Iabout_block #Iabout .Iabout_relative .mob_Iabout_img{display:none;}
	

/*index_about*/

#Inews_block{width:100%;padding:6em 0 7em;}

#Inews_block .Inews_title{width:100%;font:25pt "微軟正黑體";font-weight:700;color:#000000;text-align: center;margin-bottom: 1.5em;}
#Inews_block .Inews{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items:stretch;  height: auto;}
#Inews_block .Inews .Inews_img{width:calc(100%/3)}
#Inews_block .Inews .Inews_img img{width:100%;max-width: 100%;}
#Inews_block .Inews .Inews_img .Itext_block .Itext{font:24pt "微軟正黑體";font-weight:700;color:#000000;text-align: center; position:absolute;background:rgba(0,0,0,0);width:90%; bottom:37px;  text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;/* left:50%;transform: translate(-50%, -50%);*/}	

/*contact*/

#contact_info .text02_1{width:20%;padding: 0.5em 1em;margin: 0; font-weight: 700;}
#contact_info .text02_2{width:calc(100% - 20%);padding: 0.5em 1em;margin:0}

#contact_info select{font:13pt  "微軟正黑體";}		
#contact_info  .line{display:inline-block;}		
}