@charset "utf-8";
@import url("bootstrap-grid.css");
/*yoke CSS Document */
* { margin:0; padding:0;}

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

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

a{color:#000000;}
a:hover{color:#ff6600;}

#bottom_link{color:#000;background:linear-gradient(90deg,#fabf01, #fee101);padding:0.5em}
#bottom_link a{color:#000;display: inline-block}
#bottom_link a:hover{color:#000;}

.Mtitle{font-size:20pt;color:#000000;padding:1.5em 0 0.7em 0;border-bottom:1px #d5d5d5 solid;margin-bottom: 1em; text-indent:0.2em;}
.Mtitle01{font-size:20pt;color:#000000;padding:1.5em 0 0.7em 0;text-indent:0.2em;}

/*pic*/	
#main_pic_block {width:100%;min-width:1200px;height:243px;background:#000000 url(../images/title/title01.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((243px/2) - 30px);left:10px;}
#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;}	

#mobile_pic_block {width:100%;;height:auto}
#mobile_pic_block img{width:100%;max-width: 100%;}
@media only screen and (max-width: 460x) {
#mobile_pic_block {width:100%;height:auto;}
#mobile_pic_block img{width:100%;max-width: 100%;}	
}

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


#contents {width:100% !important;height:100% !important; margin:0; padding:0;zoom:1;}
#contents:after {content:''; clear:both; display:block;}
#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:90%;height:100% !important;margin:0 auto;padding:0 5%;background:transparent;}
#container:after {content:''; clear:both; display:block;}
#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 1em;background:#transparent;}		
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#container{width:94%;height:100% !important;margin:0 auto;padding:0 3%;background:transparent;}
#container:after {content:''; clear:both; display:block;}	
#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 1em;background:#transparent;}
	
}

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

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


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


#footer .footer_top .menuList{width:100%;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:#353535;font:11pt "微軟正黑體";font-weight:700;}
#footer .footer_top .menuList .list ul a:hover{color:#000000;}

#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:#000000;margin-bottom:1.5em;zoom:1}
#footer .footer_top .menuList .list .title a{display:inline-block;  font:13px Arial; color:#000000; }
#footer .footer_top .menuList .list .title a:hover{color:#000000;}


#footer .footer_top .menuList .list .column1{width:calc(((100% - (23%*2))/5) - 0em); padding-right:0.3em;bottom:0em;text-align:left;}
#footer .footer_top .menuList .list .column1 > ul >li{width:100%;font:9.75pt "微軟正黑體";font-weight:700;text-align:left;padding:0.5em 0;  /*line-height:32px;*/clear:both;}

#footer .footer_top .menuList .list .column2{width:23%;padding-right:0.3em;bottom:0em;text-align:left;}
#footer .footer_top .menuList .list .column2 > ul >li{width:100%;font:9.75pt "微軟正黑體";font-weight:700;text-align:left;padding:0.5em 0;  /*line-height:32px;*/clear:both;}


@media only screen and (max-width: 991px) { 
	
/*footer*/	
#footer{width:100%;height:auto;background:#ebebeb;padding:0; margin:0 auto;}	
#footer .footer_top {padding:1em 0 1em 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 .menuList{width:100%;margin:1em 0 0 1em;}	
#footer .footer_top .menuList .list .title{font:calc(11.25pt*1.25) "微軟正黑體";font-weight:900;display:inline-block;vertical-align:middle;color:#000000;margin:0.5em 0;zoom:1}
#footer .footer_top .menuList .list .column1{width:50%;margin-left:0%;bottom:0.3em;text-align:left;}
#footer .footer_top .menuList .list .column1 > ul >li{width:100%;font:calc(9.75pt*1.25) "微軟正黑體";font-weight:700;text-align:left;  line-height:20px;clear:both;}
#footer .footer_top .menuList .list .column2{width:50%;margin-left:0%;bottom:0.3em;text-align:left;}
#footer .footer_top .menuList .list .column2 > ul >li{width:100%;font:calc(9.75pt*1.25) "微軟正黑體";font-weight:700;text-align:left;  line-height:20px;clear:both;}
	
}



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





/*index_prolist_block*/
#btn_prolist_download01{clear: both;width:100%;background:#343434;color:#ffffff;padding:0.5em 1em;font:16pt "微軟正黑體";font-weight: 700}
a>#btn_prolist_download01{width:100%;background:#343434;color:#ffffff;animation: 0.9s myCustomAnimate; animation-iteration-count: infinite;}

a:hover>#btn_prolist_download01{width:100%;background:#000;color:#ffffff;animation-play-state:paused;}
#btn_prolist_download02{width:100%;color:#ff0000;background:#ffdf00;padding:0.5em 1em;font:16pt "微軟正黑體";font-weight: 700}
a>#btn_prolist_download02{width:100%;background:#ffdf00;color:#ff0000;}
a:hover>#btn_prolist_download02{width:100%;background:#000;color:#ffffff;}
@keyframes myCustomAnimate{from {color: #ffffff;}to {color: #ffdf00;}}


/*Iproduct_category*/
#Iproduct_category_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#Iproduct_category_block .Iproduct_category_list{width:calc((100%/5) - 1em);margin:0.5em;}
#Iproduct_category_block .Iproduct_category_list img{width:100%;max-width: 100%;}


/*Ivideo*/
#Ivideo_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0.5em 0 2em 0;}
#Ivideo_block .Ivideo_video{width:50%;}
#Ivideo_block .Ivideo_note{width:calc(50% - 1em);margin:0 0 0 1em;}
#Ivideo_block .Ivideo_note .Ivideo_date{font:12pt "微軟正黑體";font-weight: 500;color:#000}
#Ivideo_block .Ivideo_note .Ivideo_title{font:16pt "微軟正黑體";font-weight: 700;color:#2353cd;margin-bottom: 1em;}
#Ivideo_block .Ivideo_note .Ivideo_notes{font:12pt "微軟正黑體";font-weight: 500;}

/*quality_list*/
#quality_list_title{width:100%;font:15pt "微軟正黑體";font-weight: 700;color:#000000;background: url(../images/block.svg) no-repeat left top;padding-left:25px;height:auto;line-height:40px;border-bottom:1px solid #000000;margin-bottom:1em;}
#quality_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#quality_list_block #quality_list{width:calc(100%/6);}


/*main_location_info*/

#Mcontainer .location_info {float:left; width:100%; height:40px; padding:0;margin-bottom:1.5em;clear:both;}
#Mcontainer .location_info:after {content:''; clear:both; display:block;}
#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:bold; height:27px;line-height:27px; color:#f87f00;}
#Mcontainer .location_info .location strong a {color:#8f8f8f;}
#Mcontainer .location_info .location span.searchWord {background:none; color:#7e7e7e;}

/*news*/
.news_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 1em;font:12pt "微軟正黑體";font-weight: 700;}
.news_list_block .text02_1{width:100px;padding:0.7em 0;}
.news_list_block .text02_2{width:calc(100% - 100px);padding:0.7em 0;}
.news_list_block .line{width:100%;margin-bottom: 0px; padding-top:0px;height:1px;line-height:1px;border-bottom:1px #666666 dotted;}


/*news_content*/
.news_title_block{width:100%;}
.news_title_block .news_date{width:100%;font:12pt "微軟正黑體";font-weight: 700;color:#666666;}
.news_title_block .news_title{width:100%;font:14pt "微軟正黑體";font-weight: 700;border-bottom:1px #d5d5d5 solid;padding:0.5em 0 1em;margin-bottom: 1em;color: #000000;}

.news_content{color:#000000;background: #f1f1f1;padding:1.5em;}
.news_content .news_content_photo_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
.news_content .news_content_photo_block .news_content_photo_list{width:calc((100%/2) - 2em);margin:1em;}

.news_content .news_content_list_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
.news_content .news_content_list_block .news_content_list_02_1{width:100px;font:13pt "微軟正黑體";font-weight: 700;}
.news_content .news_content_list_block .news_content_list_02_2{width:calc(100% - 100px);font:12pt "微軟正黑體";font-weight: 500;color:#333333;line-height: 30px}


.news_file_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;padding:0.5em 0;}
.news_file_block .link_icon a { vertical-align:middle;background:url(../images/link_icon.svg)  no-repeat center center;background-position:0 0;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.news_file_block .link_icon a:hover{vertical-align:middle;background-position:0 -25px;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}
.news_file_block .file_icon a { vertical-align:middle;background:url(../images/file_icon.svg)  no-repeat center center;background-position:0 0;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.news_file_block .file_icon a:hover{vertical-align:middle;background-position:0 -25px;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}
.news_file_block .down_icon a { vertical-align:middle;background:url(../images/down_icon.svg)  no-repeat center center;background-position:0 0;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.news_file_block .down_icon a:hover{vertical-align:middle;background-position:0 -25px;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}



/*download*/
.download_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;}
.download_list_block .download_list{width:calc((100%/3) - 2em);margin:1em;}
.download_list_block .download_list .download_list_photo{}
.download_list_block .download_list .download_list_title{font:13pt "微軟正黑體";font-weight:700;width:80%;}

/*video*/
.video_block{width:100%;height:100% !important;overflow:hidden;}
.video_block .video_list{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;height: auto;}
.video_block .video_list .video_info{width:calc((100%/2) - 4%);height:auto;margin:2%;padding:2%;}
.video_block .video_list .video_info .vdate{font:12pt Arial;font-weight:700;}
.video_block .video_list .video_info .vtitle{font:14pt "微軟正黑體";font-weight:700;color:#0053A0;}
.video_block .video_list .video_info .vsub{font:12pt "微軟正黑體";font-weight:500;color:#767676;margin-top:0.5em;}

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

#product_category_block .product_category_list .IC_block{position:relative;width:1px;height: 1px;z-index: 9999}
#product_category_block .product_category_list .IC_block .ICon{left:10px;top:10px;position:absolute; z-index: 10000;}	


#product_category_block .product_category_list .photo{width:100%;height:auto !important;text-align: center;}
/*#product_category_block .product_category_list .photo img{width:100%;max-width: 100%} */
#product_category_block .product_category_list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}
#product_category_block .product_category_list .photo .note{width:calc(100% - 1em);margin:0.5em;}
#product_category_block .product_category_list .photo .note .title{color:#1E1E1E;font:13.5pt "微軟正黑體";font-weight:700;}

/*product_content*/
#product_title_block{width:100%;}
#product_title_block .product_title{width:100%;font:15pt Arial,"微軟正黑體";font-weight: 700;}
#product_title_block .product_category{width:100%;color:#7b7b7b;font:13pt Arial,"微軟正黑體";font-weight: 600;padding:0em 0 0.7em 0;border-bottom:1px #d5d5d5 solid;margin-bottom: 1em; text-indent:0.2em; }

#product_content_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#product_content_block:after{content:'';clear:both;display: block;} 
#product_content_block #product_photo_block{width:35%;height: auto;}
#product_content_block #product_photo_block:after{content:'';clear:both;display: block;} 
#product_content_block #product_note_block{width:65%;}
#product_content_block #product_note_block .note_subtitle{display:inline-block;background:#666666;color:#ffffff;border-radius: 30px;padding:0 1em;font:12pt Arial,"微軟正黑體";font-weight: 700;}
#product_content_block #product_note_block .note_subnote{width:100%;margin:0 0 1em 1em;font:12pt Arial,"微軟正黑體";font-weight: 500;}

#product_content_block #product_note_block .note_subnote ul {list-style:disc;padding:0 0 0 2em;}
#product_content_block #product_note_block .note_subnote ol {list-style:decimal;padding:0 0 0 2em;}

#product_download_block{width:100%;}
#product_download_block #product_download a{display:inline-block;background:#fac201;color:#000;padding:0.2em 1em;font:12pt Arial,"微軟正黑體";font-weight: 700;border-radius: 30px;}
#product_download_block #product_download a:hover{background:#000000;color:#fff;padding:0.2em 1em;}


#product_down_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items: stretch;height: auto;}
#product_down_block .product_down_icon a { vertical-align:middle;background:url(../images/down_icon.svg)  no-repeat center center;background-position:0 0;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#product_down_block .product_down_icon a:hover{vertical-align:middle;background-position:0 -25px;background-size:25px;height:25px;width:25px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}


/*member_login*/
#member_login_block{width:100%;}
#member_login_block .member_input_block{width:50%;margin:0 25%;display: flex;flex-wrap:wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#member_login_block .member_input_block .text02_1{width:100px;padding:0.5em 0;font:13pt "微軟正黑體";font-weight: 700;color:#000;}
#member_login_block .member_input_block .text02_2{width:calc(100% - 100px);padding:0.5em 0;}
#member_login_block .member_input_block .text02_2 .input{width:100%;padding:0.5em;}
#member_login_block .input_line{width:100%;height:10px ;line-height:10px ; padding:1.5em 0 0.7em 0;border-bottom:1px #d5d5d5 solid;margin-bottom: 1em;}


/*member*/
#member_list_block{clear: both; display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#member_list_block .text02-1{width:150px;font:13pt Arial,"微軟正黑體";font-weight: 700;color:#000;background: #f6f6f6;padding:0.5em;}
#member_list_block .text02-2{width:calc(100% - 150px);padding:0.5em;}
#member_list_block .dotted_line{clear:both;height:5px;line-height:5px;border-bottom:1px dotted #000;width:100%;margin-bottom:5px;}

/*member_change*/
#member_change_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between; align-items: stretch;height: auto;}

#member_change_block #member_change_content{width:60%;margin:0 20%;}
#member_change_block #member_change_content .member_change_input_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between; align-items: stretch;height: auto;}
#member_change_block #member_change_content .member_change_input_block .text02-1{width:100px;padding:0.5em 0;font:13pt "微軟正黑體";font-weight: 700;color:#000;}
#member_change_block #member_change_content .member_change_input_block .text02-2{width:calc(100% - 100px);padding:0.5em 0;}
#member_change_block #member_change_content .member_change_input_block .text02-2 .input{width:100%;padding:0.5em;}


#member_change_block .input_line{width:100%;height:10px ;line-height:10px ; padding:1.5em 0 0.7em 0;border-bottom:1px #d5d5d5 solid;margin-bottom: 1em;}



/*member_download*/
#member_download_list_block:nth-child(odd){background:#f6f6f6;padding:0.7em 0.5em;margin:0.2em 0;font-weight: 700;}
#member_download_list_block{width:100%;padding:0.7em 0.5em;margin:0.2em 0;font-weight: 700;}

.member_download_search_title_mob{width:100%;font:15pt Arial,"微軟正黑體";font-weight: 700;color:#000;line-height: 40px;display:none;}
#member_download_search_block{background:#ebebeb;border:1px solid rgba(195,195,195,0.3);border-radius: 10px;padding:0.5em;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between; align-items: stretch;height: auto;}
#member_download_search_block .member_download_search_title{width:50%;font:15pt Arial,"微軟正黑體";font-weight: 700;color:#000;line-height: 40px}

#member_download_search_block .member_download_search_input{width:50%;}
#member_download_search_block .member_download_search_input .search_input_block{font:12pt Arial,"微軟正黑體";font-weight: 700;width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between; align-items: stretch;height: auto;}
#member_download_search_block .member_download_search_input .search_input_block .text03-1{width:80px;}
#member_download_search_block .member_download_search_input .search_input_block .text03-1 select{padding:0.5em;margin:0.3em 0;}
#member_download_search_block .member_download_search_input .search_input_block .text03-2{width:calc(100% - 180px);}
#member_download_search_block .member_download_search_input .search_input_block .text03-2 .input{width:100%;padding:0.5em;border:1px solid #DDDDDD;}
#member_download_search_block .member_download_search_input .search_input_block .text03-3{width:100px;display: flex;justify-content:center;}
#member_download_search_block .member_download_search_input .search_input_block .text03-3 a{font:13pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.4em 0.6em;background:#fcc300;color:#2c2e2d;display:inline-block;}
#member_download_search_block .member_download_search_input .search_input_block .text03-3 a:hover{font:13pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.4em 0.6em;background:#2c2e2d;color:#fcc300;display:inline-block;}


/*full_page*/

.M_note{width:100%;font:13pt "微軟正黑體";color:#333333;line-height:28px;font-weight:400;letter-spacing:1px;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_r{width:60%;padding:0.2em 1em;}
.M_note .M_note_r img{width:100%;max-width: 100%;}

.M_note_title{width:100%;font:18pt "微軟正黑體";font-weight:700;color:#222222;padding:1em 0;}
.icon_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.icon_block .icon_item{width:calc(100%/5);}

.icon_block .certificate_item{width:calc(100%/2);}
.icon_block .certificate_item img{width:100%;max-width: 100%;}


.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:#292929;font:12pt "微軟正黑體";font-weight:600;}
.M_note a:hover{color:#ff6600;}

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


/*mobile_style*/
@media only screen and (max-width: 479px) {	
/*index_prolist_block*/
	
#Iproduct_category_block .Iproduct_category_list{width:calc((100%/2) - 1em);margin:0.5em;}
/*Ivideo*/	
#Ivideo_block .Ivideo_video{width:100%;padding:0.5em 1em}
#Ivideo_block .Ivideo_note{width:calc(100% - 0em);margin:0 0 0 0em;padding:0.5em 1em}

	
/*quality_list*/
#quality_list_title{width:100%;font:15pt "微軟正黑體";font-weight: 700;color:#000000;background: url(../images/block.svg) repeat-y left top;padding-left:25px;height:auto;line-height:40px;border-bottom:1px solid #000000;margin-bottom:1em;}
#quality_list_block{display:flex;flex-wrap: wrap;justify-content:center;align-content: center;align-items: stretch;height: auto;}	
#quality_list_block #quality_list{width:calc(100%/2);}	
#quality_list_block #quality_list img{width:90%;max-width: 90%;}	 	
/*news_content*/
.news_content img{width: 100%;max-width: 100%;}
.news_content .news_content_photo_block .news_content_photo_list{width:calc((100%/1) - 2em);margin:1em;}	
/*download*/

.download_list_block .download_list{width:calc((100%/1) - 2em);margin:1em;}
.download_list_block .download_list .download_list_photo img{width:100%;max-width: 100%;}
.download_list_block .download_list .download_list_title{font:13pt "微軟正黑體";font-weight:700;width:100%;}
	
	
/*video*/
.video_block{width:100%;height:100% !important;overflow:hidden;}
.video_block .video_list{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;}
.video_block .video_list .video_info{width:calc((100%/1) - 4%);height:auto;margin:2%;padding:2%;}
.video_block .video_list .video_info .vdate{font:12pt Arial;font-weight:700;}
.video_block .video_list .video_info .vtitle{font:14pt "微軟正黑體";font-weight:700;color:#0053A0;}
.video_block .video_list .video_info .vsub{font:12pt "微軟正黑體";font-weight:500;color:#767676;margin-top:0.5em;}	
	
/*product_category*/
#product_category_block .product_category_list{width:calc((100%/2) - 1em);margin:0.5em;height:auto !important;cursor:pointer;}	
#product_category_block .product_category_list .photo img{width:100%;max-width: 100%} 
	
#product_content_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#product_content_block #product_photo_block{width:100%;}
#product_content_block #product_note_block{width:100%;}
	
/*member_login*/
#member_login_block{width:100%;}
#member_login_block .member_input_block{width:100%;margin:0 0%;display: flex;flex-wrap:wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#member_login_block .member_input_block .text02_1{width:100px;padding:0.5em 0;font:13pt "微軟正黑體";font-weight: 700;color:#000;}
#member_login_block .member_input_block .text02_2{width:calc(100% - 100px);padding:0.5em 0;}
#member_login_block .member_input_block .text02_2 .input{width:100%;padding:0.5em;}
#member_login_block .input_line{width:100%;height:10px ;line-height:10px ; padding:1.5em 0 0.7em 0;border-bottom:1px #d5d5d5 solid;margin-bottom: 1em;}

	
/*member_change*/
#member_change_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between; align-items: stretch;height: auto;}

#member_change_block #member_change_content{width:100%;margin:0 0;}	
	
	
/*member_download*/
.member_download_search_title_mob{width:100%;font:15pt Arial,"微軟正黑體";font-weight: 700;color:#000;line-height: 40px;display:inline-block;}	
#member_download_search_block .member_download_search_title{display:none;}	
#member_download_search_block .member_download_search_input{width:100%;}	
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	
/*Ivideo*/
#Ivideo_block .Ivideo_video{width:50%;padding:0.5em 1em}
#Ivideo_block .Ivideo_note{width:calc(50% - 0em);margin:0 0 0 0em;padding:0.5em 1em}	
	
/*index_prolist_block*/
#Iproduct_category_block .Iproduct_category_list{width:calc((100%/3) - 1em);margin:0.5em;}	
#quality_list_title{width:100%;font:15pt "微軟正黑體";font-weight: 700;color:#000000;background: url(../images/block.svg) repeat-y left top;padding-left:25px;height:auto;line-height:40px;border-bottom:1px solid #000000;margin-bottom:1em;}
#quality_list_block{display:flex;flex-wrap: wrap;justify-content:center;align-content: center;align-items: stretch;height: auto;}	
#quality_list_block #quality_list{width:calc(100%/3);text-align: center;}	
	
/*news_content*/
.news_content img{width: 100%;max-width: 100%;}	
	
/*download*/

.download_list_block .download_list{width:calc((100%/2) - 2em);margin:1em;}
.download_list_block .download_list .download_list_photo img{width:100%;max-width: 100%;}
.download_list_block .download_list .download_list_title{font:13pt "微軟正黑體";font-weight:700;width:90%;}

/*product_category*/
#product_category_block .product_category_list{width:calc((100%/3) - 1em);margin:0.5em;height:auto !important;cursor:pointer;}	
#product_category_block .product_category_list .photo img{width:100%;max-width: 100%} 
	
#product_content_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#product_content_block #product_photo_block{width:40%;}
#product_content_block #product_note_block{width:60%;}	
	
/*member_download*/
.member_download_search_title_mob{width:100%;font:15pt Arial,"微軟正黑體";font-weight: 700;color:#000;line-height: 40px;display:inline-block;}	
#member_download_search_block .member_download_search_title{display:none;}	
#member_download_search_block .member_download_search_input{width:100%;}		
		
}
@media screen and (min-width: 768px) and (max-width: 959px) {
/*Ivideo*/
#Ivideo_block .Ivideo_video{width:50%;padding:0.5em 1em}
#Ivideo_block .Ivideo_note{width:calc(50% - 0em);margin:0 0 0 0em;padding:0.5em 1em}	
/*index_prolist_block*/
#Iproduct_category_block .Iproduct_category_list{width:calc((100%/4) - 1em);margin:0.5em;}	
	
/*news_content*/
.news_content img{width: 100%;max-width: 100%;}	
/*product_category*/
#product_category_block .product_category_list{width:calc((100%/3) - 1em);margin:0.5em;height:auto !important;cursor:pointer;}	
#product_category_block .product_category_list .photo img{width:100%;max-width: 100%} 	

#product_content_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#product_content_block #product_photo_block{width:40%;}
#product_content_block #product_note_block{width:60%;}	
		
}
@media screen and (min-width: 760px) and (max-width: 1199px) {
/*Ivideo*/
#Ivideo_block .Ivideo_video{width:50%;padding:0.5em 1em}
#Ivideo_block .Ivideo_note{width:calc(50% - 0em);margin:0 0 0 0em;padding:0.5em 1em}	
/*news_content*/
.news_content img{width: 100%;max-width: 100%;}
/*product_category*/
#product_category_block .product_category_list{width:calc((100%/3) - 1em);margin:0.5em;height:auto !important;cursor:pointer;}	
#product_category_block .product_category_list .photo img{width:100%;max-width: 100%} 	
}
@media screen and (min-width: 1200px){
/*news_content*/
.news_content img{width: 100%;max-width: 100%;}
}