﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap');
@import url("bootstrap-grid.css");

/* 伊勢機工程 CSS Document */
* { margin:0; padding:0;}
.ie6 img{width:100%;}


@media only screen and (max-width: 991px) { 	
.mobile{display:block;}
.desktop{display:none;}	
}

@media (min-width: 992px) {
.mobile{display:none;}
.desktop{display:block;}
	
}


.Mtitle{font-size:18pt;font-family: 'Noto Serif TC', serif;color:#000000;padding:1.5em 0 0.7em 0;border-bottom:2px #000000 solid;text-indent:1em;margin-bottom:2em;}
.Mtitle01{font-size:18pt;font-family: 'Noto Serif TC', serif;color:#000000;padding:1.5em 0 0.7em 0;text-indent:1em;margin-bottom:2em;}


#main_pic_block {width:100%;min-width:1200px;height:249px;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((249px/2) - 30px);left:10px;/*left:calc((100%/2) - 170px);*/}
#main_pic_block #Mpic .Tfont span .tspan{font:22.5pt  "微軟正黑體";font-weight:700;background:url(../images/title_icon.png) no-repeat left 4px;padding-left:38px;}
#main_pic_block #Mpic .Tfont span .eng{font:13.5pt "微軟正黑體";font-weight: 700;color:rgba(255,255,255,0.6);padding-left:40px;}	

#Mcontents {width:100%;padding:0;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;}

#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:2em 1em 8em 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:2em 1em 8em 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:2em 1em 8em 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:2em 1em 8em 1em;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; background:url(../images/home_icon.jpg) no-repeat left 1px;}
#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:#272727;}
#Mcontainer .location_info .location strong a {color:#8f8f8f;}
#Mcontainer .location_info .location span.searchWord {background:none; color:#7e7e7e;}




/*footer*/
#footer{width:100%;height:440px;background:#ebebeb url(../images/footer_bg.jpg) center top no-repeat;padding:0.5em 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:3em 0 0 0;padding:0;}
#footer .footer_top:after {content:''; display:block; clear:both;}


#footer .footer_top .footer_info_block{width:32%;}

#footer .footer_top .footer_info_block .logo{margin-bottom:0em;}
#footer .footer_top .footer_info_block .addressinfo{font:12pt "微軟正黑體";font-weight:700;color:#000000;margin:2em 0 0 1.3em;}
#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 .txt02 a{color:#d2d2d1;}
#footer .footer_top .footer_info_block .addressinfo .txt02 a:hover{color:#ffffff;}
#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 .footer_info_block .addressinfo a{color:#00679e;} 
#footer .footer_top .footer_info_block .addressinfo a:hover{color:#000000;}


#footer .footer_top .menuList{width:68%;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%/8) - 0.3em);margin-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;  line-height:20px;clear:both;}


@media only screen and (max-width: 991px) { 
	
/*footer*/	
#footer{width:100%;height:auto;background:#ebebeb url(../images/footer_bg.jpg) center top no-repeat;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 .menuList{width:100%;margin:3em 0 0 1.3em;}	
#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_copy*/
#footer_info{ width:100% !important;overflow:hidden;background:linear-gradient(300deg,#00a493, #00639f);}
#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_profession*/
#Iprofession_title{width:100%;text-align: center;margin-top: 3em;font: 20pt 'Noto Serif TC', serif;color:#000;font-weight: 700}
#Iprofession_block{width:100%;margin:2em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}


#Iprofession_block #Iprofession_list{width:calc((100%/3) - 1em);margin:0 0.5em}
#Iprofession_block #Iprofession_list #Iprofession_photo{width: 100%;}
#Iprofession_block #Iprofession_list #Iprofession_subtitle{width: 100%;font:17.25pt "微軟正黑體";font-weight: 600;color:#000000;margin:1.5em 0;text-align: center;}
#Iprofession_block #Iprofession_list #Iprofession_button{width: 100%;text-align: center;margin: 0 0 2em 0}
#Iprofession_block #Iprofession_list #Iprofession_button a{display:inline-block;background:#ffffff;color:#000000;border:2px solid #000000;padding:0.2em 2em;border-radius: 30em;}
#Iprofession_block #Iprofession_list #Iprofession_button a:hover{display:inline-block;background:#000000;color:#ffffff;border:2px solid #000000;padding:0.2em 2em;}
#Iprofession_block #Iprofession_list #Iprofession_subtitle a{color:#000;}
#Iprofession_block #Iprofession_list #Iprofession_subtitle a:hover{color:#000;}


/*index_new*/
#Inews_block {width:100%;height:auto;min-height: 400px; margin:0;padding:0;background:#e6ded8 url(../images/new_bg.jpg) no-repeat center top; zoom:1;}
#Inews_block #Inews{margin:0 0em 0 32em;padding:1em 2em;min-height: 400px;background: #ffffff;width:calc(100% - 36em);height:calc(100% - 2em);/*box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);*/}

#Inews_block #Inews .Inews_list{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#Inews_block #Inews .Inews_list .text03_1{width:100px;margin-top:1em;}
#Inews_block #Inews .Inews_list .text03_2{width:120px;margin-top:1em;}
#Inews_block #Inews .Inews_list .text03_2 span{display:inline-block;font:10.5pt "微軟正黑體";font-weight: 500; border-radius: 30px;padding:0.2em 1em;background:#000;color:#ffffff;} 
#Inews_block #Inews .Inews_list .text03_3{width:calc(100% - 220px);margin-top:1em;}
#Inews_block #Inews .Inews_list a{font:13pt "微軟正黑體";font-weight: 700;color:#000000}
#Inews_block #Inews .Inews_list a:hover{color:rgba(78,78,78,1.00);}

/*index_cate*/
#Icate_title{width:100%;text-align: center;margin-top: 5em;}
#Icate_title_note{font:11.25pt "微軟正黑體";font-weight: 600;line-height: 28px;text-align: center;width:50%;margin:0.5em 25%;}
#Icate_block{width:100%;background:#989898;padding:1em 0;}
#Icate_block #Icate_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0;}
#Icate_block #Icate_list_block #Icate_list{width:calc((100%/3) - 0em);padding:0.5em;cursor: pointer}

#Icate_block #Icate_list_block #Icate_list .photo{position:relative;width:100%;background: #000000;}
#Icate_block #Icate_list_block #Icate_list .image{opacity:0.7;display:block;width:100%;height:auto;}
#Icate_block #Icate_list_block #Icate_list .middle{width:100%;opacity:0.7;position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);text-align:center}
#Icate_block #Icate_list_block #Icate_list .photo:hover .image{opacity:0.9}
#Icate_block #Icate_list_block #Icate_list .photo:hover .middle{opacity:1}
#Icate_block #Icate_list_block #Icate_list .text{color:#fff;font:18pt "微軟正黑體";font-weight: 700;text-align:center;}	



/*index_about*/
#Iabout_block {width:100%;height:auto;/*padding:180px 0 50px 0;*/margin:0;padding:8em 0;background:#fff; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0;}
#Iabout_block #Iabout .about_content{width:45%;margin:0 auto;height:auto !important;color:#535353;font:13.5pt "微軟正黑體";font-weight:700;letter-spacing:1px;line-height:36px;}
#Iabout_block #Iabout .about_content .about_title{width:100%;margin-bottom: 4em;}
#Iabout_block #Iabout .about_img{width:55%;padding-top: 6em;}
#Iabout_block #Iabout .about_img img{width:100%;max-width: 100%;}

#Iabout_block #Iabout .about_content ol {list-style:decimal;padding:0 0 0 2em;}

/*index_link01*/

#Ilink01_block {width:100%;height:auto;margin:0;padding:2em 0;background:#6e6e6e;zoom:1;}
#Ilink01_block:after {content:''; clear:both; display:block;}
#Ilink01_block #Ilink01{width:100%;height:auto ;display: flex;flex-wrap: wrap;align-content:flex-start;align-items:stretch;justify-content: space-between;}
#Ilink01_block #Ilink01 #Ilink01_list{width:calc((100%/3) - 1em);padding:0.5em;cursor: pointer}

#Ilink01_block #Ilink01 #Ilink01_list .photo{position:relative;width:100%;}
#Ilink01_block #Ilink01 #Ilink01_list .image{opacity:0.7;display:block;width:100%;height:auto;}
#Ilink01_block #Ilink01 #Ilink01_list .photo .middle{width:100%;pacity:0.7;position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);text-align:center}
#Ilink01_block #Ilink01 #Ilink01_list .photo .middle .text01{background:rgba(0,141,217,0.8);color:#ffffff;display: inline-block;padding:0.5em;font:16pt "微軟正黑體";font-weight: 700;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
#Ilink01_block #Ilink01 #Ilink01_list .photo .middle .text02{background:rgba(0,170,157,0.8);color:#ffffff;display: inline-block;padding:0.5em;font:16pt "微軟正黑體";font-weight: 700;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
#Ilink01_block #Ilink01 #Ilink01_list .photo .middle .text03{background:rgba(255,162,1,0.8);color:#ffffff;display: inline-block;padding:0.5em;font:16pt "微軟正黑體";font-weight: 700;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
#Ilink01_block #Ilink01 #Ilink01_list .photo:hover .image{opacity:0.9}



/*news_block*/

/*#news_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 0em;}
#news_block:after {content:''; clear:both; display:block;}
#news_block .list{height:auto !important;cursor:pointer;}
#news_block .list:after {content:''; clear:both; display:block;}

#news_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;border:1px #dcdcdc solid;}
#news_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;border:1px #dcdcdc solid;}
#news_block .list .photo img{width:100%;max-width: 100%;}
#news_block .list .photo .note{width:calc(100% - 4%);margin:2%;padding:0;}
#news_block .list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
#news_block .list .photo .note .date{width:100%;color:#8c919b;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .title{width:100%;color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .title a{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .title a:hover{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}*/

#news_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 0em;}
#news_block:after {content:''; clear:both; display:block;}
#news_block .list{height:auto !important;cursor:pointer;/*-moz-box-sizing: border-box;box-sizing: border-box;*/}
#news_block .list:after {content:''; clear:both; display:block;}
#news_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px, rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;/*box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2);*/}
#news_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;/*box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2);*/}


#news_block .list .photo .note{width:calc(100% - 4%);margin:2%;padding:0 0 4em;}
#news_block .list .photo .note .category{/*display:inline-block;*/width: 100%; text-align: right; padding:0.15em 1em;font:10pt "微軟正黑體";font-weight:700;}


#news_block .list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
#news_block .list .photo .note .date{width:100%;color:#8c919b;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .title{width:100%;color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .title a{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .title a:hover{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .phnumber{width:100%;color:#FF9E00;font:10.5pt "微軟正黑體";font-weight:700;}
#news_block .list .photo .note .phnumber .txt01{display:inline-block;color:#b44d01;width:45%;}
#news_block .list .photo .note .phnumber .txt02{display:inline-block;color:#949494;width:50%;text-align:right;}



/*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:17pt "微軟正黑體";font-weight:700;line-height:30px;color:#000;}
#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;min-height: 300px; letter-spacing:1;}


@media only screen and (max-width: 991px) {
#news_content_block img{width:100%;max-width: 100%;}	
#news_content_block .video_container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
#news_content_block .video_container iframe,.video_container object,.video_container embed{position:absolute;top:0;left:0;width:100%;height:100%}

}
#news_content_block01{width:100%;font:13pt "微軟正黑體";color:#7F7F7F;font-weight:700;line-height:25px;min-height: 300px; letter-spacing:1;}


@media only screen and (max-width: 991px) {
#news_content_block01 img{width:100%;max-width: 100%;}	
#news_content_block01 iframe::before{clear: both;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
/*#news_content_block01 iframe::after{position:absolute;top:0%;left:0;width:100%;height:100%}*/

#news_content_block01 iframe:not([allowfullscreen]) + *::after
{
 background-color: #f00;
 border: #f00 solid 4px;
 color: #fff;
 content: 'Missing allowfullscreen attribute on iframe!' !important;
 font-size: 24px;
 padding: 4px;
}	
	
}


#news_files_block{width:100%;background:#f6f6f6;margin:1em 0;padding:1em;}

#news_files_block a{color:#00679e;} 
#news_files_block a:hover{color:#000000;}



#news_photo_list_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 0em;}
#news_photo_list_block:after {content:''; clear:both; display:block;}
#news_photo_list_block .list{height:auto !important;cursor:pointer;}
#news_photo_list_block .list:after {content:''; clear:both; display:block;}
#news_photo_list_block .list .photo{width:100%;height:auto !important;z-index:1;position:relative;}
#news_photo_list_block .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}



#news_title_block .line{clear:both;height:10px;line-height:10px;border-bottom:1px solid #7f7f7f;width:100%;margin-bottom:1em;}

/*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;}

/*contact*/
#contact_info{font:15pt "微軟正黑體";letter-spacing:1px;color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;}
#contact_info:after {content:''; clear:both; display:block;}
#contact_info .text02_1{width:calc(20% - 2em);padding: 0.5em 1em;margin:0.1em 0; background: #f6f6f6;font-weight: 700;}
#contact_info .text02_2{width:calc((100% - 20%) - 2em);padding: 0.5em 1em;margin:0.1em 0;background: #ffffff;}
#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 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; background: linear-gradient(0deg, #E3E3E3 56%, #A1A1A1 29%);  border: none; }

@media only screen and (max-width: 730px) {
	
#contact_info .text02_1{width:calc(100% - 2em);padding: 0.5em 1em;margin:0.1em 0; background: #f6f6f6;font-weight: 700;}
#contact_info .text02_2{width:calc((100% - 0%) - 2em);padding: 0.5em 1em;margin:0.1em 0;background: #ffffff;}

#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  .line{display:none;}	
	
	
}




/*login_block*/
#loginbg{background:#f6f6f6;padding:2em;margin:0 4em;}
#loginbg .text01_1{width:100%;font:15pt "微軟正黑體";font-weight: 700;padding:0.2em;color:#282828;}
#loginbg .text01_1 .input{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:calc((100% - 2px) - 0.6em);}
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0.5em 0;}

#loginbg .button_block .text04_1{width:calc((100%/4) - 0.4em);margin:0 0.2em;}


#loginbg .button_block .text04_1 #addbutton a{display: inline-block;background: #0076b6;color:#ffffff;font:15pt "微軟正黑體";font-weight: 700;padding:0.52em 2em;border-radius: 3px}
#loginbg .button_block .text04_1 #addbutton a:hover{display: inline-block;background: #00486f;color:#ffffff;padding:0.52em 2em;border-radius: 3px;}
#loginbg .button_block .text04_1 #loginbutton a{display: inline-block;background: #666666;color:#ffffff;font:15pt "微軟正黑體";font-weight: 700;padding:0.52em 3em;border-radius: 3px}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: inline-block;background: #000000;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}

#loginbg .button_block span{display: inline-block;margin:0 0.5em}

/*member style*/
#gray_block{width:calc(100% - 0em);height:auto;background:#f6f6f6;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:1em 0; background: linear-gradient(0deg, #E3E3E3 56%, #A1A1A1 29%);  border: none; }

.member_title{font:15pt "微軟正黑體";font-weight: 700;color:#282828;background:url(../images/qu_icon.svg) no-repeat left 15px;width: calc(100% - 30px);padding: 0.7em 0 0.7em 30px;border-bottom: 2px solid #000000;}

#Mchange_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 3em;}
#Mchange_block:after {content:''; clear:both; display:block;}
#Mchange_block .text01_1{width:100%;font:15pt "微軟正黑體";}
#Mchange_block .text02_1{width:130px;font:15pt "微軟正黑體";font-weight: 700;color:#282828;}
#Mchange_block .text02_2{width:calc(100% - 130px);}

#Mchange_block .input{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;}
#Mchange_block .textarea{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:calc((100% - 0.6em) - 2px);}

@media only screen and (max-width: 767px) {	
#Mchange_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 1em;}	
#Mchange_block .text02_1{width:100%;font:15pt "微軟正黑體";font-weight: 700;color:#282828;}
#Mchange_block .text02_2{width:calc(100% - 0px);}	
	
#Mchange_block .input{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:calc((100% - 0.6em) - 2px);}
#Mchange_block .textarea{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:calc((100% - 0.6em) - 2px);}	
}


/*discuss_block*/
.discuss_title_block{font:15pt "微軟正黑體";font-weight: 700;color:#ffffff;background:#939393;border-radius: 3px; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;}
.discuss_title_block:after {content:''; clear:both; display:block;}
.discuss_title_block .text04_1{width:calc(100% - 310px);}
.discuss_title_block .text04_2{width:80px;text-align: center;}
.discuss_title_block .text04_3{width:80px;text-align: center;}
.discuss_title_block .text04_4{width:150px;text-align: center;}

.discuss_list_block{font:15pt "微軟正黑體";font-weight: 700;color:#282828;border-radius: 3px; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;}
.discuss_list_block:after {content:''; clear:both; display:block;}

.discuss_list_block .discuss_list_mobile{display:none;}

.discuss_list_block a{color:#282828;}
.discuss_list_block a:hover{color:#000000;}

.discuss_list_block .text04_1{width:calc(100% - 310px);}
.discuss_list_block .text04_2{width:80px;text-align: center;font:12pt "微軟正黑體";}
.discuss_list_block .text04_3{width:80px;text-align: center;font:12pt "微軟正黑體";}
.discuss_list_block .text04_4{width:150px;text-align: center;font:12pt "微軟正黑體";}

@media only screen and (max-width: 991px) {
.discuss_title_block{display:none;}
.discuss_list_block .discuss_list_mobile{display:inline-block;}
	
.discuss_list_block .text04_1{width:100%;}
.discuss_list_block .text04_2{width:100%;text-align: left;font:13pt "微軟正黑體";font-weight: 700;color: #0076b6;}

.discuss_list_block .text04_3{display:none;}
.discuss_list_block .text04_4{width:100%;text-align: left;font:13pt "微軟正黑體";font-weight: 700;}
	
}

/*member_add_list*/
.member_list{width:100%;background:#f1f1f1;padding:2em 1.5em;font:13pt "微軟正黑體";display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.member_list:after {content:''; clear:both; display:block;}

.member_list .text01{width:20%;padding:0.5em 0;font-weight:700;color:#323232;text-align:right;vertical-align:middle;}
.member_list .text02{width:calc(80% - 2%);padding:0.5em 1%;color:#888888;}
.member_list .line{clear:both;height:10px;line-height:10px;margin-bottom:10px;border-bottom:1px dotted #868686;width:100%;}
.member_list .text02 .input{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:auto;/*width:calc((100% - 2px) - 0.6em);*/}


.message_block{margin:1% 0;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;border-bottom: 2px solid #000000;}
.message_block:after {content:''; clear:both; display:block;}



.message_block .Frometitle{font:15pt "微軟正黑體";font-weight: 700;color:#282828;background:url(../images/qu_icon.svg) no-repeat left 0;padding-left: 30px;width: calc(100% - 30px);}
.message_block .Fromedate{width:calc(50% - 30px);margin-left: 30px; font:12pt "微軟正黑體";color:#7B7B7B;}
.message_block .Frometime{width:50%;font:12pt "微軟正黑體";color:#7B7B7B;text-align:right;}
.content_block .content{width:calc(100% - 2em);padding:1em;margin:1% 0;font:13pt "微軟正黑體";color:#282828;}


.remessage_block{margin:1% 0;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;}
.remessage_block .Fromedate{width:50%;float:left;font:13pt "微軟正黑體";font-weight: 700; color:#000000;}
.remessage_block .Fromedate span{font:10pt '微軟正黑體';background:#0076b6;color:#ffffff;padding:3px;margin-right:5px;border-radius: 3px;}
.remessage_block .Frometime{width:50%;float:right;font:12pt "微軟正黑體";color:#7B7B7B;text-align:right;}
.remessage_block .content{width:100%;margin:1% 0;padding-bottom:1%;font:13pt "微軟正黑體";color:#282828;border-bottom:1px dotted #A0A0A0;float:left;}


/*discuss_list*/
.discuss_block01{width:100%;font:15pt "微軟正黑體";font-weight:700;margin:0;padding-bottom:10px;padding-top:10px;border-bottom:2px solid #535353;}
.discuss_block01 .list{width:100%;height:35px;line-height:35px;padding-botom:15px;border-bottom:1px #E0E0E0 dotted;}
.discuss_block01 li{float:left;font:12pt "微軟正黑體";color:#7B7B7B;margin:0.5% 0;}
.discuss_block01 .txt01{width:3%;font-family:Arial;}
.discuss_block01 .txt02{width:80%;}
.discuss_block01 a{color:#0245c0;}
.discuss_block01 a:hover{color:#000000;}

.discuss_block{width:100%;}
.discuss_block .title{width:100%;height:35px;line-height:35px;margin:15px 0;font:13pt "微軟正黑體";font-weight:700;color:#000000;border-bottom:2px #373737 solid;display: inline-block;}
.discuss_block .list{width:100%;}
.discuss_block .list .mobile{display:none;}
.discuss_block li{float:left;}
.discuss_block .title .txt01{width:70%;}
.discuss_block .title .txt02{width:10%;text-align:center;}
.discuss_block .title .txt03{width:10%;text-align:center;}
.discuss_block .title .txt04{width:10%;text-align:center;}


.discuss_block .list .txt01{width:70%;font:12pt "微軟正黑體";font-weight: 500;}
.discuss_block a{color:#000000;}
.discuss_block a:hover{color:#727272;}
.discuss_block p{font:9.75pt "微軟正黑體";color:#CB7E00;}
.discuss_block .list .txt02{width:10%;text-align:center;margin-top:10px;font:10pt Arial;}
.discuss_block .list .txt03{width:10%;text-align:center;margin-top:10px;font:10pt Arial;}
.discuss_block .list .txt04{width:10%;text-align:center;margin-top:10px;font:10pt Arial;}
.discuss_block .list .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #ececec 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}


.discuss_block02{width:100%;}
.discuss_block02 .title{width:100%;height:35px;line-height:35px;margin:15px 0;font:13pt "微軟正黑體";font-weight:700;color:#000000;border-bottom:2px #373737 solid;}
.discuss_block02 .list{width:100%;height:35px;line-height:35px;padding-botom:15px;border-bottom:1px #E0E0E0 dotted;}
.discuss_block02 li{float:left;}
.discuss_block02 .title .txt01{width:8%;text-align:center;}
.discuss_block02 .title .txt02{width:77%;}
.discuss_block02 .title .txt03{width:15%;text-align:center;}

.discuss_block02 .list .txt01{width:8%;text-align:center;}
.discuss_block02 .list .txt02{width:77%;}
.discuss_block02 .list .txt03{width:15%;text-align:center;}
.discuss_block02 a{color:#0245c0;}
.discuss_block02 a:hover{color:#000000;}

@media only screen and (max-width: 479px) {
.discuss_block .title{display: none;}
.discuss_block .list .mobile{display:block;}
.discuss_block .list .txt01{width:100%;font:calc(12pt*1.1) "微軟正黑體";font-weight:700;}
.discuss_block .list .txt01 .txt2_3{font:10.5pt "微軟正黑體";font-weight: 600;color:#727272}	
.discuss_block .list .txt02{display:none;}
.discuss_block .list .txt03{display:none;}	
.discuss_block .list .txt04{display:none;}
}


/*document_block*/
#document_title_block{padding:0.7em 0.5em;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;background:rgba(66,66,66,1.00);color:#ffffff;}
#document_title_block .Dtext03_1{width:calc(100% - 240px);}
#document_title_block .Dtext03_2{width:120px;}
#document_title_block .Dtext03_3{width:120px;}

div#document_list_block:nth-of-type(even){background-color:#f6f6f6;}
#document_list_block{padding:0.7em 0.5em;font:13pt "微軟正黑體";font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
#document_list_block a{color:#000000;}
#document_list_block a:hover{color:#014488;}
#document_list_block .Dtext03_1{width:calc(100% - 240px);}
#document_list_block .Dtext03_2{width:120px;}
#document_list_block .Dtext03_3{width:120px;}

/*document_content*/
#document_contetn_date{font:13pt "微軟正黑體";font-weight: 600;color:#424242;}
#document_contetn_title{font:18pt "微軟正黑體";font-weight:700;color:#000000;padding:0 0 0.7em 0;border-bottom:2px #000000 solid;margin-bottom:1em;}

#document_contetn_block{width:100%;padding:0.5em;min-height: 300px;background: #f6f6f6;margin:0.5em 0;}
#document_contetn_files{width:100%;margin:0.5em 0;font:13pt "微軟正黑體";font-weight: 600;}


#prenext_block{width:100%;float:left;font:12pt "微軟正黑體";border-top: 2px #000000 solid;padding-top:1em ; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#prenext_block #prenext_l{width:50%;padding: 0 0.5em 0 0;}
#prenext_block #prenext_r{width:50%;padding: 0 0 0 0.5em;text-align: right;}
#prenext_block a{color:#666666;}
#prenext_block a:hover{color:#000000;}
#prenext_block .note{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;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;}


/*mobile_style*/
@media only screen and (max-width: 479px) {	

	
/*Registration_form*/
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title_479.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:15pt "微軟正黑體";font-weight:700;line-height:40px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:15pt "微軟正黑體";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;}	

	
/*login*/	
	
#loginbg{background:#f6f6f6;padding:2em;margin:0 0.5em;}	
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0.5em 0;}	

#loginbg .button_block .text04_1{width:calc((100%/1) - 0.4em);margin:0.5em 0.2em;text-align: center;}
#loginbg .button_block .text04_1 #addbutton a{display: block;background: #0076b6;color:#ffffff;font:15pt "微軟正黑體";width:auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #addbutton a:hover{display:  block;background: #00486f;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
	
	
#loginbg .button_block .text04_1 #loginbutton a{display: block;background: #666666;color:#ffffff;font:15pt "微軟正黑體";width: auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: block;background: #000000;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}

/*member_list*/
.member_list .text01{width:100%;padding:0.5em 0;font-weight:700;color:#323232;text-align:left;vertical-align:middle;}
.member_list .text02{width:100%;padding:0.5em 0;color:#888888;}	
.member_list .text02 .input{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:auto;width:calc((100% - 2px) - 0.6em);}

/*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;}

	
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	
	
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title_767.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;}	

	
/*login*/	
#loginbg{background:#f6f6f6;padding:2em;margin:0 0.5em;}	
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0.5em 0;}	

#loginbg .button_block .text04_1{width:calc((100%/2) - 0.4em);margin:0.5em 0.2em;text-align: center;}
#loginbg .button_block .text04_1 #addbutton a{display: block;background: #0076b6;color:#ffffff;font:15pt "微軟正黑體";width:auto;font-weight: 700;text-align: center; padding:0.52em 2em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #addbutton a:hover{display:  block;background: #00486f;color:#ffffff;padding:0.52em 2em;border-radius: 3px;}
	
	
#loginbg .button_block .text04_1 #loginbutton a{display: block;background: #666666;color:#ffffff;font:15pt "微軟正黑體";width: auto;font-weight: 700;text-align: center; padding:0.52em 2em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: block;background: #000000;color:#ffffff;padding:0.52em 2em;border-radius: 3px;}

/*member_list*/
.member_list .text01{width:100%;padding:0.5em 0;font-weight:700;color:#323232;text-align:left;vertical-align:middle;}
.member_list .text02{width:100%;padding:0.5em 0;color:#888888;}	
.member_list .text02 .input{padding:0.5em 0.3em;font:13pt "微軟正黑體";border: 1px solid #c5c5c5;width:auto;width:calc((100% - 2px) - 0.6em);}	

}
@media screen and (min-width: 768px) and (max-width: 991px) {
	

	
	
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title_992.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;}	

	
/*login*/	
#loginbg{background:#f6f6f6;padding:2em;margin:0 0.5em;}	
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0.5em 0;}	

#loginbg .button_block .text04_1{width:calc((100%/2) - 0.4em);margin:0.5em 0.2em;text-align: center;}
#loginbg .button_block .text04_1 #addbutton a{display: block;background: #0076b6;color:#ffffff;font:15pt "微軟正黑體";width:auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #addbutton a:hover{display:  block;background: #00486f;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
	
	
#loginbg .button_block .text04_1 #loginbutton a{display: block;background: #666666;color:#ffffff;font:15pt "微軟正黑體";width: auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: block;background: #000000;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}


}
/*forget*/
#forget_block{background:#f1f1f1 ;padding:calc(10%/2);width:auto;color:#000000;font:13pt "微軟正黑體";font-weight:700;line-height:30px;}
#forget_block .input{width:calc(100% - 2px);border:1px #a5a5a5 solid;background:#ffffff;padding:5px;font:13pt "微軟正黑體";font-weight: 700;color:#7d7d7d;margin:0.2em 0;}	
/*Member_modify*/

#Member_modify{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 3em;color: #282828;}
#Member_modify:after{content:''; clear:both; display:block;}

#Member_modify .text02_1{width:calc(20% - 1em);font:15pt "微軟正黑體";font-weight: 700; padding:1.5em 0 1.5em 1em;margin-bottom: 0.2em; background: #f6f6f6}
#Member_modify .text02_2{width:calc(80% - 1em);padding:1.5em 0 1.5em 1em;margin-bottom: 0.2em;font:13pt "微軟正黑體";font-weight: 700;color:#5e5e5e;}



@media only screen and (max-width: 767px) {	
#Member_modify{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 1em;color: #282828;}	
#Member_modify .text02_1{width:calc(100% - 0em);font-weight: 700; padding:1.5em 0 1.5em 0em;margin-bottom: 0.2em; background: #f6f6f6}
#Member_modify .text02_2{width:calc(100% - 0em);padding:1.5em 0 1.5em 0em;margin-bottom: 0.2em;font:13pt "微軟正黑體";font-weight: 700;color:#5e5e5e;}	

}



/*full_page*/
@media only screen and (max-width: 991px) {
.M_note img{width:100%;max-width: 100%;}	
.M_note .video_container{position:relative;margin:2em 0;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%}

}
/*@media screen and (min-width: 480px) and (max-width: 767px) { 
.M_note img{width:100%;max-width: 100%;}	
.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%}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	
}*/



.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: 2em 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 .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.M_note .M_note_r .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

.M_note .M_note_f{width:100%;}
.M_note .M_note_f .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.M_note .M_note_f .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height: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);}

.M_note ul {list-style:disc;padding:0 0 0 2em;}
.M_note ol {list-style:decimal;padding:0 0 0 2em;}



@media only screen and (max-width: 350px) {
.icon_block .icon_item img{width:100%;max-width: 100%;}	

}
/*mobile_style*/
@media only screen and (max-width: 479px) {
.M_note .M_note_l{width:100%;}
.M_note .M_note_l img{width:100%;max-width: 100%;}
.M_note .M_note_r{width:100%;padding:0.2em 1em;}
.icon_block{width:100%;display: flex;flex-wrap: wrap;justify-content:center;align-content:  space-between;align-items:stretch;  height: auto;}	
.icon_block .icon_item{width:calc(100%/2);text-align: center}	
/*pic*/	

#mobile_pic_block {width:100%;height:205px;background:#000000 url(../images/title/title00.jpg) no-repeat center top;zoom:1;text-align: left}
#mobile_pic_block #mobile_tfont{font:22pt  "微軟正黑體";font-weight:700;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);color:#ffffff;padding-top:calc((205px/2) - 30px);padding-left:calc(50% - (250px/2));}
#mobile_pic_block #mobile_tfont div{width:250px;}
#mobile_pic_block #mobile_tfont div .tspan{background: url(../images/title_icon.png) no-repeat left 4px;padding-left:38px;}		
#mobile_pic_block #mobile_tfont div .eng{font:13.5pt "微軟正黑體";font-weight: 700;color:rgba(255,255,255,0.6);padding-left:38px;}	
/*Ilink*/	
#Ilink01_block #Ilink01 #Ilink01_list{width:calc((100%/1) - 1em);padding:0.5em;cursor: pointer}
	
/*Index_profession*/
#Iprofession_title{width:100%;text-align: center;margin-top: 1em;font: 22pt 'Noto Serif TC', serif;color:#000;font-weight: 700}		
#Iprofession_block #Iprofession_list #Iprofession_subtitle{width: 100%;font:17.25pt "微軟正黑體";font-weight: 600;color:#000000;margin:0.5em 0;text-align: center;}		
	
#Iprofession_block #Iprofession_list{width:calc((100%/1) - 1em);margin:0 0.5em}	
#Iprofession_block #Iprofession_list img{width:100%;max-width: 100%;}		
	
/*index_cate*/
#Icate_title{width:100%;text-align: center;margin-top: 0.5em;}	
#Icate_title_note{font:11.25pt "微軟正黑體";font-weight: 600;line-height: 28px;text-align: center;width:100%;margin:0.5em 0;}
	
#Icate_block #Icate_list_block #Icate_list{width:calc((100%/1) - 0em);padding:0.5em;cursor: pointer}		

/*index_new*/
#Inews_block {width:100%;height:auto;margin:0;padding:0;background:#e6ded8 ; zoom:1;}
#Inews_block #Inews{margin:0 0.5em;padding:1em 0.5em;background: #ffffff;width:calc(100% - 2em);}	
#Inews_block #Inews .Inews_list .text03_1{width:100px;}
#Inews_block #Inews .Inews_list .text03_2{width:calc(100% - 100px);}
#Inews_block #Inews .Inews_list .text03_2 span{display:inline-block;border-radius: 30px;padding:0.2em 1em;background:#000;color:#ffffff;} 
#Inews_block #Inews .Inews_list .text03_3{width:calc(100% - 0px);}	
/*index_about*/	
#Iabout_block {width:100%;height:auto;margin:0;padding:1.5em 0;background:#fff; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}	
	
#Iabout_block #Iabout .about_content{width:100%;margin:0 auto;height:auto !important;color:#535353;font:13.5pt "微軟正黑體";font-weight:700;letter-spacing:1px;line-height:36px;}
#Iabout_block #Iabout .about_content .about_title{width:100%;margin-bottom: 1em;}

	
	
#Iabout_block #Iabout .about_img{width:100%;padding-top: 2em;}
	
	
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.M_note .M_note_l{width:100%;}
.M_note .M_note_l img{width:100%;max-width: 100%;}
.M_note .M_note_r{width:100%;padding:0.2em 1em;}
.icon_block .icon_item{width:calc(100%/3);}		
/*pic*/	
#mobile_pic_block {width:100%;height:205px;background:#000000 url(../images/title/title00.jpg) no-repeat center top;zoom:1;text-align: left}
#mobile_pic_block #mobile_tfont{font:22pt "微軟正黑體";font-weight:700;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);color:#ffffff;padding-top:calc((205px/2) - 30px);padding-left:calc(50% - (250px/2));}
#mobile_pic_block #mobile_tfont div{width:250px;}
#mobile_pic_block #mobile_tfont div .tspan{background: url(../images/title_icon.png) no-repeat left 4px;padding-left:38px;}		
#mobile_pic_block #mobile_tfont div .eng{font:13.5pt "微軟正黑體";font-weight: 700;color:rgba(255,255,255,0.6);padding-left:38px;}	
/*Ilink*/	
#Ilink01_block #Ilink01 #Ilink01_list{width:calc((100%/2) - 1em);padding:0.5em;cursor: pointer}

	
/*Index_profession*/
#Iprofession_title{width:100%;text-align: center;margin-top: 1em;font: 22pt 'Noto Serif TC', serif;color:#000;font-weight: 700}	
#Iprofession_block #Iprofession_list #Iprofession_subtitle{width: 100%;font:17.25pt "微軟正黑體";font-weight: 600;color:#000000;margin:0.5em 0;text-align: center;}		
	
#Iprofession_block #Iprofession_list{width:calc((100%/2) - 1em);margin:0 0.5em}	
#Iprofession_block #Iprofession_list img{width:100%;max-width: 100%;}		

/*index_cate*/
#Icate_title{width:100%;text-align: center;margin-top: 2em;}	
		
#Icate_block #Icate_list_block #Icate_list{width:calc((100%/2) - 0em);padding:0.5em;cursor: pointer}	
#Icate_title_note{font:11.25pt "微軟正黑體";font-weight: 600;line-height: 28px;text-align: center;width:100%;margin:0.5em 0;}


/*index_new*/
#Inews_block {width:100%;height:auto;margin:0;padding:0;background:#e6ded8 ; zoom:1;}	
#Inews_block #Inews{margin:0 0.5em;padding:1em 0.5em;/*background: #ff6600;*/width:calc(100% - 2em);}	
#Inews_block #Inews .Inews_list .text03_1{width:100px;}
#Inews_block #Inews .Inews_list .text03_2{width:120px;}
#Inews_block #Inews .Inews_list .text03_2 span{display:inline-block;border-radius: 30px;padding:0.2em 1em;background:#000;color:#ffffff;} 
#Inews_block #Inews .Inews_list .text03_3{width:calc(100% - 220px);}
	
	
/*index_about*/	

#Iabout_block {width:100%;height:auto;margin:0;padding:2.5em 0;background:#fff; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}	
	
#Iabout_block #Iabout .about_content{width:100%;margin:0 auto;height:auto !important;color:#535353;font:13.5pt "微軟正黑體";font-weight:700;letter-spacing:1px;line-height:36px;}
#Iabout_block #Iabout .about_content .about_title{width:100%;margin-bottom: 2em;}
#Iabout_block #Iabout .about_img{width:100%;padding-top: 3em;}	
	

	
}
@media screen and (min-width: 768px) and (max-width: 959px) {
/*pic*/	
#mobile_pic_block {width:100%;height:249px;background:#000000 url(../images/title/title00.jpg) no-repeat center top;zoom:1;text-align: left}
#mobile_pic_block #mobile_tfont{font:22.5pt  "微軟正黑體";font-weight:700;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);color:#ffffff;padding-top:calc((205px/2) - 30px);padding-left:calc(50% - (250px/2));}
#mobile_pic_block #mobile_tfont div{width:250px;}
#mobile_pic_block #mobile_tfont div .tspan{background: url(../images/title_icon.png) no-repeat left 4px;padding-left:38px;}		
#mobile_pic_block #mobile_tfont div .eng{font:13.5pt "微軟正黑體";font-weight: 700;color:rgba(255,255,255,0.6);padding-left:38px;}		
	
/*Ilink*/	
#Ilink01_block #Ilink01 #Ilink01_list{width:calc((100%/3) - 1em);padding:0.5em;cursor: pointer}	
	
/*Index_profession*/
#Iprofession_title{width:100%;text-align: center;margin-top: 1em;font: 22pt 'Noto Serif TC', serif;color:#000;font-weight: 700}		
#Iprofession_block #Iprofession_list #Iprofession_subtitle{width: 100%;font:17.25pt "微軟正黑體";font-weight: 600;color:#000000;margin:0.5em 0;text-align: center;}		
	
	
#Iprofession_block #Iprofession_list{width:calc((100%/2) - 1em);margin:0 0.5em}		
#Iprofession_block #Iprofession_list img{width:100%;max-width: 100%;}	
/*index_cate*/
#Icate_title{width:100%;text-align: center;margin-top: 3em;}	
#Icate_title_note{font:11.25pt "微軟正黑體";font-weight: 600;line-height: 28px;text-align: center;width:100%;margin:0.5em 0;}
	
#Icate_block #Icate_list_block #Icate_list{width:calc((100%/3) - 0em);padding:0.5em;cursor: pointer}


/*index_new*/
#Inews_block {width:100%;height:auto;margin:0;padding:0;background:#e6ded8; zoom:1;}	
#Inews_block #Inews{margin:0 0.5em;padding:1em 0.5em;/*background: #ff0000;*/width:calc(100% - 2em);}
#Inews_block #Inews .Inews_list .text03_1{width:100px;}
#Inews_block #Inews .Inews_list .text03_2{width:120px;}
#Inews_block #Inews .Inews_list .text03_2 span{display:inline-block;border-radius: 30px;padding:0.2em 1em;background:#000;color:#ffffff;} 
#Inews_block #Inews .Inews_list .text03_3{width:calc(100% - 220px);}
	

	
/*index_about*/	

#Iabout_block {width:100%;height:auto;margin:0;padding:3.5em 0;background:#fff; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}	
	
#Iabout_block #Iabout .about_content{width:100%;margin:0 auto;height:auto !important;color:#535353;font:13.5pt "微軟正黑體";font-weight:700;letter-spacing:1px;line-height:36px;}
#Iabout_block #Iabout .about_content .about_title{width:100%;margin-bottom: 3em;}
#Iabout_block #Iabout .about_img{width:100%;padding-top: 4em;}		
	
	
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
/*pic*/	
#mobile_pic_block {width:100%;height:249px;background:#000000 url(../images/title/title00.jpg) no-repeat center top;zoom:1;text-align: left}
#mobile_pic_block #mobile_tfont{font:22.5pt  "微軟正黑體";font-weight:700;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);color:#ffffff;padding-top:calc((205px/2) - 30px);padding-left:calc(50% - (250px/2));}
#mobile_pic_block #mobile_tfont div{width:250px;}
#mobile_pic_block #mobile_tfont div .tspan{background: url(../images/title_icon.png) no-repeat left 4px;padding-left:38px;}		
#mobile_pic_block #mobile_tfont div .eng{font:13.5pt "微軟正黑體";font-weight: 700;color:rgba(255,255,255,0.6);padding-left:38px;}		
	
#Iprofession_block #Iprofession_list{width:calc((100%/3) - 1em);margin:0 0.5em}	
#Iprofession_block #Iprofession_list img{width:100%;max-width: 100%;}	
/*index_cate*/
#Icate_title{width:100%;text-align: center;margin-top: 4em;}	
#Icate_title_note{font:11.25pt "微軟正黑體";font-weight: 600;line-height: 28px;text-align: center;width:100%;margin:0.5em 0;}
#Icate_block #Icate_list_block #Icate_list{width:calc((100%/3) - 0em);padding:0.5em;cursor: pointer}
/*index_new*/
#Inews_block {width:100%;height:420px;margin:0;padding:0;background:#e6ded8 url(../images/new_bg.jpg) no-repeat center top; zoom:1;}	
#Inews_block #Inews{margin:0 0em 0 20em;padding:1em 2em;background: #ffffff;width:calc(100% - 24em);height:calc(100% - 2em);/*box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);*/}

#Inews_block #Inews .Inews_list .text03_1{width:100px;}
#Inews_block #Inews .Inews_list .text03_2{width:120px;}
#Inews_block #Inews .Inews_list .text03_2 span{display:inline-block;border-radius: 30px;padding:0.2em 1em;background:#000;color:#ffffff;} 
#Inews_block #Inews .Inews_list .text03_3{width:calc(100% - 220px);}	
	
/*index_about*/	

#Iabout_block {width:100%;height:auto;margin:0;padding:3.5em 0;background:#fff; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}	
	
#Iabout_block #Iabout .about_content{width:40%;margin:0 auto;height:auto !important;color:#535353;font:13.5pt "微軟正黑體";font-weight:700;letter-spacing:1px;line-height:36px;}
#Iabout_block #Iabout .about_content:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout .about_content .about_title{width:100%;margin-bottom: 4em;}
#Iabout_block #Iabout .about_img{width:60%;padding-top: 5em;}		
	
}

/*news_more_list_block*/
#news_more_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;height: auto;padding:1em 0;}
#news_more_list_block .Mtext03_0{width:40%;}
#news_more_list_block .Mtext03_1{width:40%;background:url(../images/previous01.png) no-repeat left 0.3em;margin:1.5em 0 0 0;padding:0 0 0 1.5em;}
#news_more_list_block .Mtext03_1 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_1 a:hover{color:#000000;}
#news_more_list_block .Mtext03_2mob{display: none;}
#news_more_list_block .Mtext03_line{display: none;}

#news_more_list_block .Mtext03_2{width:calc(100% - 80%);}
#news_more_list_block .Mtext03_3{width:40%;text-align: right;background:url(../images/next01.png) no-repeat right 0.3em;margin:1.5em 0 0 0;padding:0 1.5em 0 0;}
#news_more_list_block .Mtext03_3 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_3 a:hover{color:#000000;}

@media only screen and (max-width: 479px) {
/*news_more_list_block*/
#news_more_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;height: auto;padding:1em 0;}
#news_more_list_block .Mtext03_1{width:100%;background:url(../images/previous01.png) no-repeat left 0.3em;margin:0;padding:0 0 0 1.5em;}
#news_more_list_block .Mtext03_1 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_1 a:hover{color:#000000;}
#news_more_list_block .Mtext03_2mob{width:100%;display:block;}
#news_more_list_block .Mtext03_line{display:none;clear:both;height:10px;line-height:10px;border-bottom:1px dotted #7f7f7f;width:100%;margin-bottom:1em;}	
#news_more_list_block .Mtext03_2{display:none;}
#news_more_list_block .Mtext03_3{width:100%;text-align: right;background:url(../images/next01.png) no-repeat right 0.3em;margin:0;padding:0 1.5em 0 0;}
#news_more_list_block .Mtext03_3 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_3 a:hover{color:#000000;}		
	
}
@media screen and (min-width: 480px) and (max-width: 767px) {
/*news_more_list_block*/
#news_more_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;height: auto;padding:1em 0;}
#news_more_list_block .Mtext03_1{width:100%;background:url(../images/previous01.png) no-repeat left 0.3em;margin:0;padding:0 0 0 1.5em;}
#news_more_list_block .Mtext03_1 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_1 a:hover{color:#000000;}
#news_more_list_block .Mtext03_2mob{width:100%;display:block;}
#news_more_list_block .Mtext03_line{display:none;clear:both;height:10px;line-height:10px;border-bottom:1px dotted #7f7f7f;width:100%;margin-bottom:1em;}	
#news_more_list_block .Mtext03_2{display:none;}
#news_more_list_block .Mtext03_3{width:100%;text-align: right;background:url(../images/next01.png) no-repeat right 0.3em;margin:0;padding:0 1.5em 0 0;}
#news_more_list_block .Mtext03_3 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_3 a:hover{color:#000000;}		
}
@media screen and (min-width: 768px) and (max-width: 959px) {
/*news_more_list_block*/
#news_more_list_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items:stretch;height: auto;padding:1em 0;}
#news_more_list_block .Mtext03_0{width:calc((100% - 135px)/2);}
#news_more_list_block .Mtext03_1{width:calc((100% - 135px)/2);background:url(../images/previous01.png) no-repeat left 0.3em;margin:1.5em 0 0 0;padding:0 0 0 1.5em;}
#news_more_list_block .Mtext03_1 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_1 a:hover{color:#000000;}
#news_more_list_block .Mtext03_2mob{display: none;}
#news_more_list_block .Mtext03_line{display: none;}

#news_more_list_block .Mtext03_2{width:135px;}
#news_more_list_block .Mtext03_3{width:calc((100% - 135px)/2);text-align: right;background:url(../images/next01.png) no-repeat right 0.3em;margin:1.5em 0 0 0;padding:0 1.5em 0 0;}
#news_more_list_block .Mtext03_3 a{font:13pt "微軟正黑體";font-weight: 700;color:#3D3D3D;}
#news_more_list_block .Mtext03_3 a:hover{color:#000000;}		
	
}


