@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
/*成大智慧創新 CSS Document */

* {margin:0;padding:0;}

.mlogost{width:100%;min-width:1200px;height:0px;position:relative;z-index:1;text-align:right;}
.mlogost .mlogo{color:#221815;font:18pt "微軟正黑體";text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);font-weight:700;width:315px;height:auto;position:absolute;top:3.5em;right:10em;z-index:1;}
.mlogost .mlogo p{color:#221815;}
.mlogost .mlogo span{font:9pt Arial;font-weight:500;color:#565656;}


/**/

#main_pic_block {width:100%;min-width:1200px;height:224px;background:#000000 url(../nimages/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:150px;text-align:right;font:18pt "微軟正黑體";font-weight:700;text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);color:#221815;position:absolute;top:3.5em;right:2em;}
#main_pic_block #Mpic .Tfont span p{font:9pt Arial;font-weight:500;color:#565656;}


#contents {width:100% !important;min-width:1200px;height:100% !important; margin:0; padding:0;zoom:1;}
#contents:after {content:''; clear:both; display:block;}

#container{width:1200px;min-width:1200px;height:100% !important;margin:0 auto;padding:0 !important;background:transparent;}
#Mcontainer{width:1140px;min-width:1140px;height:100% !important;margin:0 auto;padding:2em 0 8em 0;background:transparent;}


#top_info{position:relative; width:100%;min-width:1200px;height:0px;background:#ffffff;}
#top_info .top_block{width:100%;min-width:1200px;height:100px;position:absolute;z-index:9999999;left:0px;top:1em;float:left;}

#top_info .top_block #logo{width:407px;height:91px;float:left;margin-top:-1em;}
#top_info .top_block #navMenu{width:calc(100% - 407px);height:32px;line-height:32px;float:right;display:block;font:13pt "微軟正黑體";font-weight:bolder;}
#top_info .top_block #navMenu .menu1{z-index:6;}
#top_info .top_block #navMenu .menu1 a{display:block;margin:0;width:auto;color:#ffffff;text-align:center}
#top_info .top_block #navMenu .menu1,.menu1 ul{padding:0;margin:0;list-style-type:none;}
#top_info .top_block #navMenu .menu1 .nav{margin-left:20px;display:inline-block; padding-right:20px; vertical-align:middle;}
#top_info .top_block #navMenu .menu1 .nav p{display:block; color:rgba(255,255,255,0.7);font:7pt "微軟正黑體";}

/*#top_info .top_block #navMenu .menu1 .navsp{font:11pt "微軟正黑體";color:#ffffff;background:#87be1a;padding:0.5em 1em;vertical-align:middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top:1px}
#top_info .top_block #navMenu .menu1 .navsp a{color:#ffffff;padding:0;display: block;}
#top_info .top_block #navMenu .menu1 .navsp a:hover{color:#ffffff;display: block;}*/

#top_info .top_block #navMenu .menu1 .navsp{font:11pt "微軟正黑體";font-weight:700;color:#ffffff;background:#87be1a;width:130px;height:40px;line-height:40px;vertical-align:middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top:-7px}
#top_info .top_block #navMenu .menu1 .navsp a{color:#ffffff;padding:0;display: block;}
#top_info .top_block #navMenu .menu1 .navsp a:hover{color:#ffffff;background:#619200;display: block;border-radius: 3px;}



#top_info .top_block #navMenu .menu1 a .user { vertical-align:middle;background:url(../Nimages/user.svg)  no-repeat center center;background-position:0 0;background-size:18px;height:18px;width:18px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#top_info .top_block #navMenu .menu1 a:hover .user {vertical-align:middle;background-position:0 -18px;background-size:18px;height:18px;width:18px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}
#top_info .top_block #navMenu .menu1 .nav a{color:#ffffff;}
#top_info .top_block #navMenu .menu1 .nav a:hover{color:#ffffff;}
#top_info .top_block #navMenu .menu1 li a:hover{text-decoration:none}
#top_info .top_block #navMenu .menu1 li,.menu1 li .dropdown li {float:left;padding:0;margin:0}
#top_info .top_block #navMenu .menu1 li .dropdown01 li {font:10.5pt "微軟正黑體";font-weight:700;clear:both;padding:0;margin:0;width:100%;/*height:27px;line-height:27px;*//*padding-bottom:5px;*/border-bottom:1px solid #dfdfdf;}
#top_info .top_block #navMenu .menu1 li .dropdown02 li {font:10.5pt "微軟正黑體";font-weight:700;clear:both;padding:0;margin:0;width:100%;border-bottom:1px solid #dfdfdf;}
#top_info .top_block #navMenu .menu1 li .dropdown01 li a{width:auto;/*height:28px;*/line-height:28px;text-align:left;color:#6d6d6d;padding-right:10px;}
#top_info .top_block #navMenu .menu1 li .dropdown01 li a:hover{width:auto;/*height:28px;*/line-height:28px;color:#000000;/*text-align:left;*/padding-right:10px; vertical-align:middle; background:url(../nimages/index/menu_arrow.png) no-repeat right 1px;}
#top_info .top_block #navMenu .menu1 li .dropdown02 li a{width:auto;line-height:28px;text-align:left;color:#6d6d6d;}
#top_info .top_block #navMenu .menu1 li .dropdown02 li a:hover{width:auto;line-height:28px;color:#000000; vertical-align:middle; background:url(../nimages/index/menu_arrow.png) no-repeat right 1px;}
#top_info .top_block #navMenu .menu1 li .dropdown{margin-left:-999em;position:absolute}
#top_info .top_block #navMenu .menu1 li .dropdown01{margin-left:-999em;position:absolute}
#top_info .top_block #navMenu .menu1 li:hover .dropdown01{margin:0;width:auto;padding:10px;z-index:5;filter:alpha (opacity=90);border:#e2e2e2 1px solid;position:absolute;background-color:#f8f8f8;opacity:.9;+clear:both;+margin-top:0;_clear:both;_margin-top:0; box-shadow: 0px 2px 3px #dddddd; }
#top_info .top_block #navMenu .menu1 li .dropdown02{margin-left:-999em;position:absolute}
#top_info .top_block #navMenu .menu1 li:hover .dropdown02{margin:0;width:auto;padding:10px;z-index:5;filter:alpha (opacity=90);border:#e2e2e2 1px solid;position:absolute;background-color:#f8f8f8;opacity:.9;+clear:both;+margin-top:0;_clear:both;_margin-top:0; box-shadow: 0px 2px 3px #dddddd; }

/**/
#top_info .top_block #navMenu .menu2{z-index:6;}
#top_info .top_block #navMenu .menu2 a{display:block;margin:0;width:auto;color:#231b1b;text-align:center}
#top_info .top_block #navMenu .menu2{padding-top:10px;margin:0;list-style-type:none;}
#top_info .top_block #navMenu .menu2 ul{padding:0;margin:0;list-style-type:none;}
#top_info .top_block #navMenu .menu2 .nav{margin-left:20px;display:inline-block; padding-right:20px; vertical-align:middle;}
#top_info .top_block #navMenu .menu2 .nav p{display:block; color:rgba(145,141,141,0.7);font:7pt "微軟正黑體";}

#top_info .top_block #navMenu .menu2 .navsp{font:11pt "微軟正黑體";font-weight:700;color:#ffffff;background:#87be1a;width:130px;height:40px;line-height:40px;vertical-align:middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top:-7px}
#top_info .top_block #navMenu .menu2 .navsp a{color:#ffffff;padding:0;display: block;}
#top_info .top_block #navMenu .menu2 .navsp a:hover{color:#ffffff;background:#619200;display: block;border-radius: 3px;}
/*#top_info .top_block #navMenu .menu2 .navsp{font:11pt "微軟正黑體";color:#ffffff;background:#87be1a;padding:0.5em 1em;vertical-align:middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-top:1px}
#top_info .top_block #navMenu .menu2 .navsp a{color:#ffffff;padding:0;display: block;}
#top_info .top_block #navMenu .menu2 .navsp a:hover{color:#ffffff;display: block;}*/


#top_info .top_block #navMenu .menu2 a .user { vertical-align:middle;background:url(../Nimages/user.svg)  no-repeat center center;background-position:0 0;background-size:18px;height:18px;width:18px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#top_info .top_block #navMenu .menu2 a:hover .user {vertical-align:middle;background-position:0 -18px;background-size:18px;height:18px;width:18px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}
#top_info .top_block #navMenu .menu2 .nav a{color:#231b1b;}
#top_info .top_block #navMenu .menu2 .nav a:hover{color:#231b1b;}
#top_info .top_block #navMenu .menu2 li a:hover{text-decoration:none}
#top_info .top_block #navMenu .menu2 li,.menu1 li .dropdown li {float:left;padding:0;margin:0}
#top_info .top_block #navMenu .menu2 li .dropdown01 li {font:10.5pt "微軟正黑體";font-weight:700;clear:both;padding:0;margin:0;width:100%;/*height:27px;line-height:27px;*//*padding-bottom:5px;*/border-bottom:1px solid #dfdfdf;}
#top_info .top_block #navMenu .menu2 li .dropdown02 li {font:10.5pt "微軟正黑體";font-weight:700;clear:both;padding:0;margin:0;width:100%;border-bottom:1px solid #dfdfdf;}
#top_info .top_block #navMenu .menu2 li .dropdown01 li a{width:auto;/*height:28px;*/line-height:28px;text-align:left;color:#6d6d6d;padding-right:10px;}
#top_info .top_block #navMenu .menu2 li .dropdown01 li a:hover{width:auto;/*height:28px;*/line-height:28px;color:#000000;/*text-align:left;*/padding-right:10px; vertical-align:middle; background:url(../nimages/index/menu_arrow.png) no-repeat right 1px;}
#top_info .top_block #navMenu .menu2 li .dropdown02 li a{width:110px;line-height:28px;text-align:left;color:#6d6d6d;}
#top_info .top_block #navMenu .menu2 li .dropdown02 li a:hover{width:110px;line-height:28px;color:#000000; vertical-align:middle; background:url(../nimages/index/menu_arrow.png) no-repeat right 1px;}
#top_info .top_block #navMenu .menu2 li .dropdown{margin-left:-999em;position:absolute}
#top_info .top_block #navMenu .menu2 li .dropdown01{margin-left:-999em;position:absolute}
#top_info .top_block #navMenu .menu2 li:hover .dropdown01{margin:0;width:auto;padding:10px;z-index:5;filter:alpha (opacity=90);border:#e2e2e2 1px solid;position:absolute;background-color:#f8f8f8;opacity:.9;+clear:both;+margin-top:0;_clear:both;_margin-top:0; box-shadow: 0px 2px 3px #dddddd; }
#top_info .top_block #navMenu .menu2 li .dropdown02{margin-left:-999em;position:absolute}
#top_info .top_block #navMenu .menu2 li:hover .dropdown02{margin:0;width:auto;padding:10px;z-index:5;filter:alpha (opacity=90);border:#e2e2e2 1px solid;position:absolute;background-color:#f8f8f8;opacity:.9;+clear:both;+margin-top:0;_clear:both;_margin-top:0; box-shadow: 0px 2px 3px #dddddd; }



/*a .member1{background:#87be1a;padding:0.5em 1em;border-radius:5px;}
a:hover .member1 {background:#619200;}

a .member2{background:#87be1a;color:#ffffff;padding:0.5em 1em;border-radius:5px;}
a:hover .member2 {background:#619200;}*/



/*a .member { vertical-align:middle;background:url(../nimages/member.svg)  no-repeat center center;background-position:0 0;background-size:28px;height:28px;width:28px;display:inline-block;margin-right:0.5em;}
a:hover .member {vertical-align:middle;background-position:0 -28px;background-size:28px;height:28px;width:28px;display:inline-block;text-indent:0;margin-right:0.5em;}
*/
/*footer*/
#footer_block{position:relative; width:100%;min-width:1200px;height:auto;background:#0e0e10 url(../Nimages/index/footer.jpg) center top no-repeat;}
#footer_block #footer{width:1200px;min-width:1200px;height:auto; margin:0 auto; padding:0; zoom:1;/*margin-bottom:20px;*/}
#footer_block #footer .footer_info{font:11pt "微軟正黑體";font-weight:500;color:#ffffff;width:100%;height:100px;margin:0 auto;padding:15px 0;letter-spacing:1px;}
/*#footer_block #footer .footer_info a{color:#757575;}
#footer_block #footer .footer_info a:hover{color:#ffffff;}*/
#footer_block #footer .footer_info .Flogo{width:350px;float:left;}


#footer_block #footer .footer_info .Faddress{width:450px;float:left;margin-top:2.3em;color:#b1b1b1;font:11pt "微軟正黑體";font-weight:500;}
#footer_block #footer .footer_info .Faddress a{color:#ffffff;}
#footer_block #footer .footer_info .Faddress a:hover{color:#FFDD00;}

#footer_block #footer .footer_info .Ffb{width:calc(100% - 800px);float:left;margin-top:2.3em;}


#footer_block #footer .footer_info .Faddress p{padding:0.2em 0;}
#footer_block #footer .footer_info .Faddress .phone{vertical-align:middle;background:url(../nimages/phone.svg)  no-repeat center center;background-position:0 0;background-size:15px;height:15px;width:15px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Faddress .email{vertical-align:middle;background:url(../nimages/email.svg)  no-repeat center center;background-position:0 0;background-size:15px;height:15px;width:15px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Faddress .site{vertical-align:middle;background:url(../nimages/site.svg)  no-repeat center center;background-position:0 0;background-size:15px;height:15px;width:15px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}

#footer_block #footer .footer_info .Flink{width:16%;float:left;margin-top:1.2em;}
#footer_block #footer .footer_info .Flink ol{marign:0;padding:0;}
#footer_block #footer .footer_info .Flink ol li{float:left;marign:0;padding:0;list-style:none;}
#footer_block #footer .footer_info .Flink a .instagram { vertical-align:middle;background:url(../nimages/instagram.svg)  no-repeat center center;background-position:0 0;background-size:43px;height:43px;width:43px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Flink a:hover .instagram {vertical-align:middle;background-position:0 -43px;background-size:43px;height:43px;width:43px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Flink a .facebook { vertical-align:middle;background:url(../nimages/facebook.svg)  no-repeat center center;background-position:0 0;background-size:43px;height:43px;width:43px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Flink a:hover .facebook {vertical-align:middle;background-position:0 -43px;background-size:43px;height:43px;width:43px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Flink a .youtube { vertical-align:middle;background:url(../nimages/youtube.svg)  no-repeat center center;background-position:0 0;background-size:43px;height:43px;width:43px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
#footer_block #footer .footer_info .Flink a:hover .youtube {vertical-align:middle;background-position:0 -43px;background-size:43px;height:43px;width:43px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}



#footer_block #footer .footer_top {width:95%;margin:0 auto;padding:20px 0 40px 0;  zoom:1;border-top:1px solid #353535;}
#footer_block #footer .footer_top:after {content:''; display:block; clear:both;}
#footer_block #footer .footer_top .menuList{width:94%;margin:0 auto;}
#footer_block #footer .footer_top .menuList li{float:left;list-style:none;}
#footer_block #footer .footer_top .menuList a{color:#757575;}
#footer_block #footer .footer_top .menuList a:hover{color:#ffffff;}
#footer_block #footer .footer_top .menuList .column1 .title,#footer_block #footer .footer_top .menuList .column2 .title,#footer_block #footer .footer_top .menuList .column3 .title,#footer_block #footer .footer_top .menuList .column4 .title,#footer_block #footer .footer_top .menuList .column5 .title,#footer_block #footer .footer_top .menuList .column6 .title,#footer_block #footer .footer_top .menuList .column7 .title{width:100%;font:12pt "微軟正黑體";font-weight:700;color:#ffffff;text-align:left;display:inline-block; #display:inline; margin-bottom:10px;zoom:1}
#footer_block #footer .footer_top .menuList .column1{width:calc(100% / 8);bottom:2em;text-align:center;}
#footer_block #footer .footer_top .menuList .column1 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
#footer_block #footer .footer_button{width:1000px;height:50px;margin:0 auto;padding:15px 0;}
#footer_block #footer .footer_button ul{width:100%;height:50px;margin:0 auto;float:left;}
#footer_block #footer .footer_button ul li{float:left;list-style:none;}
/*copy*/

#Fwrap {position:relative; width:100%;min-width:1200px;padding:1em 0;background:#6e991b;}
#Fwrap .copy{color:#ffffff;font:10pt "微軟正黑體";/*margin:10px 0 0 0;*/text-align:center;word-spacing:0.1em;}
#Fwrap .copy a{color:#ffea00;}
#Fwrap .copy a:hover{color:#ffffff;}

/*index_new*/
#Inews_block {width:100%;min-width:1200px;height:605px;padding:9em 0 0 0;margin:0;background:#abc10d url(../nimages/index/news_bg.jpg) center top no-repeat; zoom:1;}
#Inews_block:after {content:''; clear:both; display:block;}
#Inews_block #Inews{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:baseline;  height: auto;padding: 0 3em;}
#Inews_block #Inews #list{width:330px;margin-right:calc((100%/3) - 330px);height:376px;float:left;background:#ffffff;box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.36);}
#Inews_block #Inews #list:hover{opacity: 0.7;filter: alpha(opacity=70);}
#Inews_block #Inews #list .pic{width:330px;height:260px;}
#Inews_block #Inews #list .note{width:90%;height:auto;padding:5%;background:#ffffff;}

#Inews_block #Inews #list .pic .category{clear:both;position:relative;width:100%;height:0px;z-index:9;}
#Inews_block #Inews #list .pic .category .icon{width:150px;position:absolute;top:10px;left:calc((100% - 150px)/2);}
#Inews_block #Inews #list .pic .category .icon{text-align: center;}
#Inews_block #Inews #list .pic .category .icon span{font:9.75pt "微軟正黑體";padding:0.1em 1em;background:#ffffff;color:#666666;border-radius:50px;}


#Inews_block #Inews #list .note .title{font:12.75pt "微軟正黑體";font-weight:700;color:#333333;padding:0.5em 0;}
#Inews_block #Inews #list .note .title a{color:#333333}
#Inews_block #Inews #list .note .title a:hover{color:#000000}
#Inews_block #Inews #list .note .snote{font:10.5pt "微軟正黑體";color:#404040;}
#Inews_block #Inews #list .note .date{display:inline-block; line-height:25px;vertical-align:middle; font:13px Arial; color:#747474; background:url(../Nimages/index/date_icon.jpg) no-repeat left 0px;}
#Inews_block #Inews #list .note .annex{width:100%;}









/*index_about*/
#Iabout_block {width:100%;min-width:1200px;height:658px;margin:0;background:#ffffff url(../nimages/index/about_bg.jpg) center top no-repeat; zoom:1;}
#Iabout_block:after {content:''; clear:both; display:block;}
#Iabout_block #Iabout{width:100%;min-width:1200px;height:auto !important;}
#Iabout_block #Iabout .about_content{float:left;width:40%;height:auto !important;color:#221815;font:13.5pt "微軟正黑體";font-weight:700;margin-top:12em;margin-left:8.8em;letter-spacing:1px;font-weight:700;line-height:34px;}
#Iabout_block #Iabout .about_content .block{padding:2px;background:#ffd200;color:#221815;font:22.275pt "微軟正黑體";font-weight:700;}


/*index_photo*/
#Iphoto_block {width:100%;min-width:1200px;height:546px;background:#efefef url(../Nimages/index/photo_bg.jpg) no-repeat center top;/*margin-bottom:5.em;*/zoom:1;}
#Iphoto_block:after {content:''; clear:both; display:block;}
#Iphoto_block #Iphoto{width:100%;float:left;height: auto;padding-top: 10em;}
#Iphoto_block #Iphoto #list{width:255px;height:255px;float:left;margin-right:calc((100%/4) - 255px);}
#Iphoto_block #Iphoto #list:hover{opacity: 0.7;filter: alpha(opacity=70);}
#Iphoto_block #Iphoto #list .pic{width:255px;height:255px;float: left; position:absolute;z-index:99}
#Iphoto_block #Iphoto #list .pic #radius{width:255px;height:255px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius:100%;}
#Iphoto_block #Iphoto #list .pic .picnum{width:100%;height:auto !important;z-index:1;position:relative;}
#Iphoto_block #Iphoto #list .pic .picnum .img{position:absolute;z-index:2;top:0.7em;left:0.8em;}
#Iphoto_block #Iphoto #list .pic .picnum .img p{background:#221815;color:#ffffff;border-radius: 100%; padding:0.5em 1.3em;display:inline-block;font:10pt "微軟正黑體";font-weight:700;}

#Iphoto_block #Iphoto #list .pic .date_block{clear:both;position:relative;width:60px;height:25px;}
#Iphoto_block #Iphoto #list .pic .date_block .date{position:absolute;width:72px;height:72px;color:#ffffff;z-index:999999;top:1em;left:0.8em;display: inline-block;position: relative;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius: 100%;background:#221815;}
#Iphoto_block #Iphoto #list .pic .date_block .date .dateblock{position:absolute;width:72px;z-index:999999;top:15px;text-align:center;}
#Iphoto_block #Iphoto #list .pic .date_block .date .dateblock .date_d{font:13pt Arial;font-weight:700;line-height:20px;}
#Iphoto_block #Iphoto #list .pic .date_block .date .dateblock .date_Y{font:13pt Arial;font-weight:700;}



#Iphoto_block #Iphoto #list .note{width:100%;height:auto;padding:0;margin-top:280px;}
#Iphoto_block #Iphoto #list .note .title{font:12.75pt "微軟正黑體";font-weight:700;color:#333333;padding:0.5em 0;}
#Iphoto_block #Iphoto #list .note .title a{color:#333333}
#Iphoto_block #Iphoto #list .note .title a:hover{color:#000000}
#Iphoto_block #Iphoto #list .note .date{display:inline-block; line-height:25px;vertical-align:middle; font:13px Arial; color:#747474;}
#Iphoto_block #Iphoto #list .note .date .publisher{font:10.35pt "微軟正黑體";font-weight:700;color:#1c97c0;}


/*index_category*/
#Iclass_block {width:100%;min-width:1200px;height:924px;padding:0;margin:0;background:#ffffff url(../Nimages/index/class_bg.jpg) center top no-repeat; zoom:1;}
#Iclass_block:after {content:''; clear:both; display:block;}
#Iclass_block #Iclass{width:100%;height:0px;background:#626262;position:relative;z-index:1;}
#Iclass_block #Iclass #list_block{width:calc(90% - 6em);position:absolute;z-index:2;top:15em;left:6em;}
#Iclass_block #Iclass #list_block .left{width:35%;margin-right: 4.375em; float:left;}
#Iclass_block #Iclass #list_block .left .list{width:100%;float:left;}
#Iclass_block #Iclass #list_block .left .list .info{width:100%;float:left;margin-bottom: 0.8em;}
#Iclass_block #Iclass #list_block .left .list .info ol{width:100%;float: left;margin:0;padding:0;}
#Iclass_block #Iclass #list_block .left .list .info ol li{float:left;font:11.25pt "微軟正黑體";color:#7B7B7B;margin:0;}
#Iclass_block #Iclass #list_block .left .list .info .text01{width:10%;float:left;}
#Iclass_block #Iclass #list_block .left .list .info .text01 span{display:inline-block;color:#ffffff;background:#221815;padding:0.2em 0.5em;font:11pt Arial;font-weight:700;}
#Iclass_block #Iclass #list_block .left .list .info .text02{width:90%;float:left;font:13.5pt "微軟正黑體";font-weight:700;color:#221815;}
#Iclass_block #Iclass #list_block .left .list .info .text03{width:30%;float:left;margin-left:10%;}
#Iclass_block #Iclass #list_block .left .list .info .text04{width:90%;float:left;margin-left:10%;font:9.75pt "微軟正黑體";margin-bottom:1em;color:#7f7f7f;font-weight:700;margin-bottom:1em;}
#Iclass_block #Iclass #list_block .left .list .pic{with:335px;float:left;}

#Iclass_block #Iclass #list_block .right{width:calc((100% - 35%) - 4.375em);float:right;}
#Iclass_block #Iclass #list_block .right .list01{width:100%;float:left;margin-bottom: 2.8em;}
#Iclass_block #Iclass #list_block .right .list01 .pic{width:180px;float:left;margin-right: 1em;}
#Iclass_block #Iclass #list_block .right .list01 .info{width:calc((100% - 180px) - 1em);float:left;}

#Iclass_block #Iclass #list_block .right .list01 .info .text01{width:10%;float:left;}
#Iclass_block #Iclass #list_block .right .list01 .info .text01 span{display:inline-block;color:#ffffff;background:#221815;padding:0.2em 0.5em;font:11pt Arial;font-weight:700;}
#Iclass_block #Iclass #list_block .right .list01 .info .text02{width:90%;float:left;font:13.5pt "微軟正黑體";font-weight:700;color:#221815;}
#Iclass_block #Iclass #list_block .right .list01 .info .text03{width:30%;float:left;margin-left:10%;font:11.25pt "微軟正黑體";color:#7B7B7B;}
#Iclass_block #Iclass #list_block .right .list01 .info .text04{width:90%;float:left;margin-left:10%;font:9.75pt "微軟正黑體";color:#7f7f7f;font-weight:700;margin-bottom:1em;}



.Mtitle{font:20pt 'Source Sans Pro', sans-serif;font-weight:700;color:#222222;padding:0;margin-bottom:2em;text-align:center;}
.Mtitle01{font:18pt "微軟正黑體";font-weight:bold;color:#222222;padding:1.5em 0 0.1em 0;border-bottom:2px #676767 solid;}

/*main_location_info*/
#Mcontainer .location_info {float:left; width:100%; height:40px; padding:0;margin-bottom:1.7em;clear:both;}
#Mcontainer .location_info .location {line-height:40px;text-align:left;}
#Mcontainer .location_info .location .home{display:inline-block;  vertical-align:middle; font:9pt "微軟正黑體";font-weight:bold; color:#bebebe; }
#Mcontainer .location_info .location span {display:inline-block; padding-right:10px; vertical-align:middle; font:9pt "微軟正黑體";font-weight:bold; color:#bebebe; background:url(../nimages/arr_location.gif) no-repeat right 5px;}
#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:9pt "微軟正黑體";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;}

#Mcontents {width:96%;padding:0 2%;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;}

/*news_list*/
#news_block {width:100%;min-width:1200px;height:auto !important;margin:0 auto; zoom:1;}
#news_block:after {content:''; clear:both; display:block;}
#news_block #newsst{width:100%;height:auto !important;margin:0 auto;padding:0em;}
#news_block #newsst #list{width:350px;height:auto;margin-right:calc((100% - (352px*3))/3);float:left;background:#ffffff;border:1px solid #E5E5E5;cursor: pointer;}
#news_block #newsst #list:hover{border:1px solid #bebebe;filter:alpha (opacity=70); opacity: 0.7;}
#news_block #newsst #list .pic{width:350px;height:258px;}
#news_block #newsst #list .icon_block{clear:both;position:relative;width:38px;height:1px;z-index:9;}
#news_block #newsst #list .icon_block .icon{position:absolute;width:38px;height:38px;top:10px;left:10px;}

#news_block #newsst #list .note{width:90%;height:auto;padding:2% 5%;}
#news_block #newsst #list .note .category{font:10.35pt "微軟正黑體";font-weight:700;margin:0 0 0.5em 0;}
#news_block #newsst #list .note .title{font:12.75pt "微軟正黑體";font-weight:700;color:#333333;padding:0.5em 0;}
#news_block #newsst #list .note .title a{color:#333333}
#news_block #newsst #list .note .title a:hover{color:#000000}
#news_block #newsst #list .note .date{display:inline-block; line-height:25px; vertical-align:middle; font:9pt Arial;  }
#news_block #newsst #list .note .date p{display:inline-block;padding:0.2em 1em;color:#000000;background:#d6d6d6;border-radius: 15px;}
#news_block #newsst #list .note .icon{margin:0.5em 0;}

/*.newlist{width:1000px;margin:0 auto;height:100% !important;overflow:hidden;}
.newlist .list{float:left;width:330px;height:auto !important;}
.newlist .list .photo{width:300px;height:auto !important;z-index:1;position:relative;}
.newlist .list .photo:hover{filter:alpha (opacity=50); opacity: 0.5;}
.newlist .list .photo .arrow_st{width:30px;height:30px;z-index:2;position:absolute;top:300px;left:20px;}
.newlist .list .photo .arrow_st .arrow-up {width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 17px solid #ffffff;font-size: 0;line-height: 0;}
.newlist .list .photo .note{width:300px;}
.newlist .list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
.newlist .list .photo .note .date{width:100%;color:#8c919b;font:9pt "微軟正黑體";font-weight:700;}

.newlist .list .photo .note .right{float:left;}
.newlist .list .photo .note .icon{width:auto;height:26px;}
.newlist .list .photo .note .icon li{float:left;padding-top:5px;padding-bottom:20px;}*/


/*news_content*/
#news_title_block{width:100%;overflow:hidden;}
#news_title_block .link_block{width:50%;float:left;}
#news_title_block .link_block .Poster{font:9pt "微軟正黑體";font-weight:700;color:#9c9c9c;}
#news_title_block .link_block .date{display:inline-block;padding:0.15em 1em;margin-left:0;background:#d6d6d6;color:#000000;font:9pt "微軟正黑體";font-weight:700;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#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_title_block .news_title_block_files{width:100%;}
#news_title_block .news_title_block_files li{float:left;padding:5px 5px 5px 0;}
#news_title_block .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:2em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 0, 0, 0) 100%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}

#news_content_block{width:100%;min-height:100px;font:12pt "微軟正黑體";color:#7F7F7F;font-weight:500;line-height:25px;letter-spacing:1;}

/*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(../nimages/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{width:100%;overflow:hidden;}
.Registration_form .Rform ol{width:100%;float:left;padding:0;margin:0.2em 0;}
.Registration_form .Rform .Rtxt01{width:15%;padding-right:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;}
.Registration_form .Rform .Rtxt02{width:83%;padding-left:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.Registration_form .Rform .input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;}
.Registration_form .Rform .textarea{width:700px;max-width:700px;height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;}

/*more_list*/
.more_list_title01{width:100%;font:13pt "微軟正黑體";font-weight:700;margin:0 0 10px 0;padding-bottom:2px;border-bottom:2px solid #535353;color:#414141;}

.more_list_block{width:100%;font:15pt "微軟正黑體";font-weight:700;margin:0;padding-bottom:5px;padding-top:5px;border-bottom:2px solid #535353;margin-bottom:0.5em;}
.more_list_block:after {content:''; clear:both; display:block;}
.more_list_block .list{width:100%;/*height:35px;line-height:35px;padding-botom:5px;border-bottom:1px #E0E0E0 dotted;*/}
.more_list_block li{float:left;font:11pt "微軟正黑體";color:#7B7B7B;margin:0;}
.more_list_block .txt01{width:3%;font-family:Arial;}
.more_list_block .txt02{width:80%;}
.more_list_block a{color:#4D4D4D;}
.more_list_block a:hover{color:#000000;}
.more_list_block .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;}

/*search*/
.search{width:165px;font:12px Arial;height:30px;line-height:30px;float:right;}
.search01{width:200px;font:12px Arial;height:30px;line-height:30px;float:right;}
.search li{float:left;display:block;}
.search .left {width:848px;display:block;text-align:left;}
.search .right{width:152px;}

.btn-select{font:9pt "微軟正黑體";position:relative;display:inline-block;width:200px;height:22px;line-height:22px;border:1px #bbbbbb solid;background-color:#ffffff;color:#888888;}
.btn-select .cur-select{position:absolute;display:block;width:200px;height:22px;line-height:22px;background:#ffffff url(../nimages/drow_arrow.jpg) no-repeat 180px center;text-indent:10px}
.btn-select:hover .cur-select{background-color:#ffffff}
.btn-select select{position:absolute;top:0;left:0;width:200px;height:22px;line-height:22px;opacity:0;filter:alpha(opacity: 0;);color:#888888}
.btn-select select option{text-indent:10px}
.btn-select select option:hover{background-color:#c1c1c1;color:#888888}


/*news_fb_button*/
.fb_button{clear:both;width:100%;}
.fb_button li{float:left;height:35px;line-height:35px;margin-right:5px;}

/*qa*/
.qa_block{width:100%;}
.qa_block .title{width:100%;height:35px;line-height:35px;margin:15px 0;padding:5px 0;border-bottom:2px #373737 solid;}
.qa_block .list{width:100%;}
.qa_block li{float:left;font:12pt "微軟正黑體";color:#7B7B7B;margin:0;}
.qa_block .txt01{width:5%;font-family:Arial;}
.qa_block .txt01 span{display:inline-block;padding:0.1em 0.2em;background:#2F2F2F;color:#ffffff;}
.qa_block .txt02{width:95%;}
.qa_block .txt02 a{color:#000000;font-weight:700;}
.qa_block .txt02 a:hover{color:#454545;}
.qa_block .txt02 p{font:9pt Arial;}
.qa_block .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}

/*qa_content*/
.qa_date{color:#8c919b;font:9pt "微軟正黑體";font-weight:700;height:25px;line-height:25px;}
.qa_title{width:96%;float:left;font:15pt "微軟正黑體";font-weight:700;}
.qa_circle{width:4%;float:left;margin-top:0.5em;}
.qa_circle span{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius: 100%;background:#221815;padding:0.5em 0.8em;color:#ffffff;font:10pt "微軟正黑體";}
.qa_line{margin:0 0 10px 0;padding-bottom:5px;border-bottom:2px solid #333333;}
.qa_content{width:97.5%;padding:1%;margin:1% 0;font:10pt  "微軟正黑體";min-height:100px;}


/*member_list*/
.member_title01{width:100%;font:13pt "微軟正黑體";font-weight:700;margin:0 0 10px 0;padding-bottom:2px;border-bottom:2px solid #7a7a7a;color:#7c7c7c;}

/*.member_title{width:100%;font:15pt "微軟正黑體";font-weight:700;margin:0 0 20px 0;padding-bottom:10px;border-bottom:2px solid #333333;}
.member_list{width:100%;background:#f0f0f0;margin-top:10px;padding:10px 0;font:11pt "微軟正黑體";}*/
.member_list .member_pic{width:100%;height:1px;z-index:1;position:relative;}
.member_list .member_pic .img{position:absolute;z-index:2;top:0.7em;right:2em;}
.member_list .member_pic .img .imgbg{border:3px solid #ffffff;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.36);}

.member_title{width:100%;font:15pt "微軟正黑體";font-weight:700;margin:0 0 20px 0;padding-bottom:10px;border-bottom:2px solid #333333;}
.member_list{width:100%;background:#f0f0f0;margin-top:10px;padding:10px 0;font:11pt "微軟正黑體";}
.member_list li{float:left;display:block;}
.member_list .text01{width:15%;padding:10px 0 10px 20px;font-weight:700;color:#444444;}
.member_list .text02{width:75%;padding:10px 0 10px 20px;color:#888888;}
.input{border:1px solid #DDDDDD;line-height:25px;height:25px;padding:1px;}

.member_note{font:10pt "微軟正黑體";color:#747474;border-bottom:1px solid #E1E1E1;margin:2% 0;padding-bottom:2%;letter-spacing:2px;line-height:23px;}
.member_note a{color:#ffffff;background:#636363;padding:3px;}
.member_note a:hover{color:#ffffff;background:#000000;padding:3px;}


/**/
.pagest{width:700px;height:35px;line-height:35px;margin:0 auto;}
.page{width:auto;height:35px;line-height:35px;}
.page .link00{padding:5px 10px;margin:0 10px;color:#ffffff;background:#7C7C7C;font:12pt "微軟正黑體";font-weight:700;}
.page .link01 a{padding:5px;margin:0 10px;color:#000000;font:12pt "微軟正黑體";font-weight:700;}
.page .link01 a:hover{padding:5px;margin:0 10px;color:#000000;font:12pt "微軟正黑體";font-weight:700;}

.pre a{width:80px;padding:5px;font-family: 'Ubuntu', sans-serif;font:12pt;background:#ffffff;color:#000000;margin:0 10px;}
.pre a:hover{padding:5px;font-family: 'Ubuntu', sans-serif;font:12pt;background:#000000;color:#ffffff;margin:0 10px;}
.next a{width:80px;padding:5px;font-family: 'Ubuntu', sans-serif;font:12pt;background:#ffffff;color:#000000;margin:0 10px;}
.next a:hover{padding:5px;font-family: 'Ubuntu', sans-serif;font:12pt;background:#000000;color:#ffffff;margin:0 10px;}

/*login*/
#loginbg{width:94%;background:#bababa;margin:2em 0;padding:30px;font:11pt "微軟正黑體"; zoom:1;}


#loginbg .textArea01{width:48%;float:left;padding-left:2%;}
#loginbg .textArea01 .title{padding-bottom:50px;}
#loginbg .textArea01 .textArea01_input ol li{float:left;}
#loginbg .textArea01 .textArea01_input .txt00{width:98%;margin-bottom:0.5em;}
#forgetbu a{width:200px;color:#ffffff;display: block;text-align:right;font:8pt "微軟正黑體";padding:2px;}
#forgetbu a:hover{width:200px;color:#000;display: block;text-align:right;font:8pt "微軟正黑體";padding:2px;}

#loginbg .textArea01 .textArea01_input .txt01{width:20%;line-height:35px;height:35px;margin-left:18px;}
#loginbg .textArea01 .textArea01_input .txt01 p{height:30px;margin-top:8px;}
#loginbg .textArea01 .textArea01_input .txt01 #pnote{font:8pt "微軟正黑體";color:#fff;}
#loginbg .textArea01 .textArea01_input .txt011{width:20%;line-height:35px;height:35px;margin-left:18px;}
#loginbg .textArea01 .textArea01_input .txt011 p{height:30px;margin-top:20px;}
#loginbg .textArea01 .textArea01_input .txt011 #pnote{font:8pt "微軟正黑體";color:#a09f9f;}

#loginbg .textArea01 .textArea01_input .txt02{width:75%;border-bottom:1px #424242 solid;line-height:35px;height:35px;margin:8px 0;}
#loginbg .textArea01 .textArea01_input .txt03{width:75%;line-height:35px;height:35px;margin:8px 0;}
#loginbg .textArea01 .textArea01_input .txt03 div li{float:left;padding:0 5px;}
#loginbg .textArea01 .textArea01_input .txt02 .inputbg{padding:5px; border:0px solid #464646;background:transparent;width:170px;height:17px}

#loginbg .textArea02{width:46%;float:right;}
#loginbg .textArea02 .title{padding-bottom:50px;}
#loginbg .textArea02 .reg_bg{background:url(../nimages/reg_bg.jpg) no-repeat left top;width:402px;height:218px;}
#loginbg .textArea02 .reg_bg .regst{padding:168px 0 0 153px;}

#regbu a{width:93px;height:33px;background:#ffda44;color:#000000;display: block;text-align:center;line-height:33px;}
#regbu a:hover{width:93px;height:33px;background:#ffffff;color:#000000;display: block;text-align:center;line-height:33px;}

/*prolist*/
/*product01*/
.productst{width:100%;height:100% !important;overflow:hidden;}

.productst #list{width:250px;height:auto;margin:0 auto;-moz-box-shadow: 0px 8px 13px -8px rgba(0,0,0,0.75);
box-shadow: 0px 8px 13px -8px rgba(0,0,0,0.75);float:left;background:#ffffff;border:1px solid #E5E5E5;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;cursor: pointer;}





.productst #list:hover{border:1px solid #bebebe;filter:alpha (opacity=70); opacity: 0.7;}
.productst #list .pic{width:250px;height:250px;}
.productst #list .pic img{-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.productst #list .note{width:90%;height:auto;padding:5%;}
.productst #list .note .title{font:13pt "微軟正黑體";font-weight:900;color:#333333;padding:0.5em 0;}
.productst #list .note .title a{color:#000000}
.productst #list .note .title a:hover{color:#666666}
.productst #list .note .item{color:#acb3ba;font:11.25pt "微軟正黑體";font-weight:700;}
.productst #list .icon_block{clear:both;position:relative;width:38px;height:1px;z-index:9;}
.productst #list .icon_block .icon{position:absolute;width:38px;height:38px;top:10px;left:10px;}


.productst .prolist01 .photo{width:250px;height:auto !important;z-index:1;position:relative;border:1px #bdbdbd solid;margin-bottom:20px;margin-right:30px;}
.productst .prolist01 .photo:hover{border:1px #bdbdbd solid;filter:alpha (opacity=50); opacity: 0.5;}

.productst .prolist02 .photo{width:250px;height:auto !important;z-index:1;position:relative;border:1px #bdbdbd solid;margin-top:0px;margin-right:30px;}
.productst .prolist02 .photo:hover{border:1px #bdbdbd solid;filter:alpha (opacity=50); opacity: 0.5;}


.prolist01{float:left;width:25%;margin:1% 0;border:1px #bdbdbd solid;}
.prolist02{float:left;width:25%;margin:1% 0;}

.productst .protitle{line-height:20px;height:20px;font:10pt  "微軟正黑體";padding-top:8px;}
.productst .protitle a{color:#424242;}
.productst .protitle a:hover{color:#590c07;}

.productst a{color:#424242;font:10pt  "微軟正黑體";}
.productst a:hover{color:#590c07;font:10pt  "微軟正黑體";}

/*product_contents*/
.product_contents{width:100% !important;clear:both;}
.pro_left{float:left;width:60%;}
.pro_left li div { margin:0; padding:0;}
.pro_right{float:left;width:39%;margin-left:1%;}

/*.*/

.pro_right .fbst{clear:both;width:100%;margin-right:0px;}
.pro_right .fbst ul li{float:left;height:35px;line-height:35px;margin-right:5px;}

.pro_right div ol li{width:100%; padding:0;margin:0;}
.pro_right div .prie .txt01{width:200px;margin-right:2%;font:10pt  "微軟正黑體";}
.pro_right div ol li{width:100%;}
.pro_right div .title{margin:4% 0 0 0;font:18pt "微軟正黑體";font-weight:700;}
.pro_right div .notetitle{font:11pt "微軟正黑體";font-weight:700;color:#9b9b9b;}
.pro_right div .prie{width:100%;margin:2% 0;}
.pro_right div .prie div ol li{float:left;}
.pro_right div .prie div .txt01{width:20%;margin:5px 0;height:30px;line-height:30px;}
.pro_right div .prie div .txt02{width:80%;margin:5px 0;height:30px;line-height:30px;}

.pr_button a{color:#888888;letter-spacing:0px;font: 11pt "微軟正黑體";height: 30px;line-height: 30px;width:80px;padding: 3px 15px 0 15px;margin-top:10px;cursor: pointer;background:#444444;display:block;}
.pr_button a:hover{color:#ffffff;background:#000000;}
.pr_button01 {color:#ffffff;text-indent: 6px;letter-spacing:6px;font: 11pt "微軟正黑體";height: 30px;line-height: 30px;width:50px;padding: 3px 15px 0 15px;margin-top:10px;background:#6E0001;display:block;}

.pro_right div .prie div .txt02 .size_red a{width:50px;font: 13px Arial;color:#ff0000;border:1px solid #ff0000;padding:2px 10px;}
.pro_right div .prie div .txt02 .size_black{clear:both;width:68px;font: 13px Arial;color:#767676;border:1px solid #767676;padding:2px 7px;text-align:center;}
.pro_right div .prie div .txt02 .size_blue a{width:50px;font: 13px Arial;color:#767676;border:1px solid #767676;padding:2px 10px;}
.pro_right div .prie div .txt02 .size_blue a:hover{width:50px;font: 13px Arial;color:#000000;border:1px solid #000000;}

.fxui-tab {font: 11pt "微軟正黑體";margin-top:30px;}
.fxui-tab-hand {height: 34px;font-weight:bold;border-bottom:2px #444444 solid;}
.fxui-tab-tit {display: block;float: left;color:#888888;font-size: 15px;height: 30px;line-height: 30px;padding: 3px 15px 0 15px;margin-right:0px;cursor: pointer;background: #eeeeee;border:1px #cccccc solid;border-bottom:2px #444444 solid;}
.fxui-tab-hand .curr {background: #ffffff;color:#222222;border:2px #444444 solid;border-bottom:2px #ffffff solid;}
.fxui-tab-nav {padding: 13px;background: #ffffff;word-wrap:break-word; overflow:hidden;width:1000px;color:#6c6c6c;line-height:20px;}
.apitable{ margin-left:10px;margin-top:15px;}
.apitable thead td{ background:#ccc;border:1px solid #fff; padding:5px;}
.apitable tbody td{ background:#efefef;border:1px solid #fff;padding:5px;}


/*contact*/
.contact_block{width:calc(100% - 1em);padding:0.5em;margin:0;background:#f0f0f0;}
.contact_block .contact{width:100%;overflow:hidden;}
.contact_block .contact ol{width:100%;float:left;padding:0;margin:0.2em 0;}
.contact_block .contact .txt01{width:15%;padding-right:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;}
.contact_block .contact .txt02{width:83%;padding-left:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.contact_block .contact .input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;}
.contact_block .contact .textarea{width:calc((100% - 2px) - 1em);height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;margin:0.5em 0;}


/*.contact{padding:0;}
.contact_info{background:#f0f0f0;margin:0;padding:1em;}
.contact_info li{padding-top:5px;float:left;width:100%;}
.contact_info:after {content:''; clear:both; display:block;}
.contact_info .line{padding-bottom:10px;line-height: 25px;}
.contact_info .red{color:#FF0000;font-weight:900;padding:0 5px;}
.contact_info .txt01{padding-right:20px;width:10%;}
.contact_info .txt02{width:80%;}
.contact_info .input{font:10pt  "微軟正黑體";border:1px #bbbbbb solid;padding:0.5em;color:#727272;}
.contact a{padding:0 1%;color:#61bd22;font:10pt}
.contact a:hover{padding:0 1%;color:#BFBFBF;font:10pt}


.contact_info .textarea{width:700px;max-width:700px;height:150px;max-height:150px; border:1px #bbbbbb solid;padding:2px;}*/


/*photo*/

.photost{width:100%;margin:0 auto;height:100% !important;overflow:hidden;}
.photost .list{float:left;width:300px;height:auto !important;margin-bottom:30px;cursor:pointer;margin-right:calc((100% - 300px*3)/3);}
.photost .list .photo{width:300px;height:auto !important;z-index:1;position:relative;border:1px #D0D0D0 solid;}
.photost .list .photo:hover{border:1px #404040 solid;filter:alpha (opacity=50); opacity: 0.5;}

.photost .list .photo .date_block{clear:both;position:relative;width:1px;height:1px;}
.photost .list .photo .date_block .date{position:absolute;width:72px;height:72px;color:#ffffff;z-index:999999;top:1em;left:0.8em;display: inline-block;position: relative;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius: 100%;background:#87be1a;}
.photost .list .photo .date_block .date .dateblock{position:absolute;width:72px;z-index:999999;top:15px;text-align:center;}
.photost .list .photo .date_block .date .dateblock .date_d{font:13pt Arial;font-weight:700;line-height:20px;}
.photost .list .photo .date_block .date .dateblock .date_Y{font:13pt Arial;font-weight:700;}


.photost .list .photo .note{width:280px;margin:10px;}
.photost .list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
.photost .list .photo .note .date{width:100%;color:#8c919b;font:9pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title{width:100%;color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title a{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title a:hover{color:#1E1E1E;font:10pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .phnumber{width:100%;color:#8a6500;font:10.5pt "微軟正黑體";font-weight:700;}



/*photo2 title*/
.photo{width:100%;margin:0 auto;height:100% !important;overflow:hidden;}
.photo .tlist{float:left;width:100%;height:auto !important;margin-bottom:30px;margin-left:0px;}
.photo .tlist .photo{width:100%;height:auto !important;z-index:1;position:relative;background:#f1f1f1;}
.photo .tlist .photo .note{width:970px;margin:15px;font-weight:700;}
.photo .tlist .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
.photo .tlist .photo .note .date{width:100%;color:#8c919b;font:9pt "微軟正黑體";font-weight:700;}

/*photo2 photo*/

.photost .photoimg{float:left;width:170px;height:auto !important;border:1px #D0D0D0 solid;margin:15px 13px;}

/*message*/
.titlesub{font:11pt "微軟正黑體";color:#8C8C8C;}
.titlesub a{font:11pt "微軟正黑體";color:#8C8C8C;}
.titlesub a:hover{color:#000000;}


.message_block{width:97.5%;padding:1%;margin:1% 0;background:#f4f4f4;}
.message_block .Frometitle{font:11pt "微軟正黑體";}
.message_block .Fromedate{width:50%;float:left;font:10pt "微軟正黑體";color:#7B7B7B;}
.message_block .Frometime{width:50%;float:right;font:13px Arial;color:#7B7B7B;text-align:right;}
.content_block .content{width:97.5%;padding:1%;margin:1% 0;font:11pt "微軟正黑體";color:#686868;}
.message_line{border-top:#4A4A4A solid 2px;}

.remessage_block{width:97.5%;padding:1%;margin:1% 0;background:#f9f9f9;}
.remessage_block .Fromedate{width:50%;float:left;font:10pt  "微軟正黑體";color:#7B7B7B;}
.remessage_block .Frometime{width:50%;float:right;font:13px Arial;color:#7B7B7B;text-align:right;}
.remessage_block .content{width:100%;margin:1% 0;padding-bottom:1%;font:11pt "微軟正黑體";color:#3A3A3A;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:11pt "微軟正黑體";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;}
.discuss_block .list{width:100%;}
.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%;}
.discuss_block .list .txt01 a{color:#000000;}
.discuss_block .list .txt01 a:hover{color:#727272;}
.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;}

/*download*/
.download_title{clear:both;font:18.75pt "微軟正黑體";font-weight:bold;color:#222222;padding:0.5em 1.5em;margin:3em 0 1em 0;background:url(../nimages/arrow.jpg) no-repeat left 15px;border-bottom:2px solid #000000;/*box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#f6f6f6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/}
.download_block{width:100%;line-height:35px;}
.download_block:after {content:''; clear:both; display:block;}
.download_block .list ol{width:100%;}
.download_block .list{width:100%;color:#424242;font:12pt "微軟正黑體";}
.download_block  li{float:left;padding:0;margin:0;background:url(../nimages/line01.gif) repeat-x 0 8px;}
.download_block .list .txt01{width:15%;float:left;text-align:center;background:#ffffff;}
.download_block .list .txt02{width:75%;float:left;}
.download_block .list .txt03{width:10%;float:left;}
.download_block .list .txt03 img{margin-left:0.5em;}
.download_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;}


/*video*/
.video_title{clear:both;font:18.75pt "微軟正黑體";font-weight:bold;color:#222222;padding:0.5em 1.5em;margin:3em 0 1em 0;background:url(../nimages/arrow.jpg) no-repeat left 15px;border-bottom:2px solid #000000;/*box-shadow:2px 3px 0px 0px rgba(213,213,213,1);background-color:#f6f6f6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/}
.video_block{width:100%;padding:0;margin:1em 0;}
.video_block:after {content:''; clear:both; display:block;}
.video_block .list{width:100%;color:#424242;font:12pt "微軟正黑體";font-weight:700;}
.video_block .list ol{width:100%;}
.video_block  li{float:left;padding:0;margin:0;}
.video_block .list .txt01{width:15%;float:left;text-align:left;}
.video_block .list .txt02{width:85%;float:left;}
.video_block .list .txt02 a{color:#000000;}
.video_block .list .txt02 a:hover{color:#417800;}
.video_block .list .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:2em;background-image: linear-gradient(to right, #7d7d7d 10%, rgba(0, 0, 0, 0) 50%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}

/*video_content*/
.video_content{width:100%;padding:0;margin:1em 0;}
.video_content .left{width:55%;float:left;display: inline-block;}
.video_content .right{width:45%;float:left;display: inline-block;}
.video_content .right .title{font:17pt "微軟正黑體";font-weight:900;margin-bottom:1em;color:#000000}
.video_content .right .date{font:10pt Arial;font-weight:700;color:#004E01;}
.video_content .right .note{font:12pt "微軟正黑體";font-weight:700;line-height:30px;color:#565656}

.video_content .line,.Questionnaire_form #line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:2em;background-image: linear-gradient(to right, #7d7d7d 10%, rgba(0, 0, 0, 0) 50%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}

/*Registration_form*/
.Questionnaire_form{border:1px solid #C3C3C3 ;padding:0.7em;margin-top:2em;}
.Questionnaire_form .Qform_pic{width:auto;height:178px;/*padding:10px;*/background:url(../nimages/Qform_title.jpg) center top no-repeat;}
.Questionnaire_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;}
.Questionnaire_form .Qform{width:100%;overflow:hidden;}
.Questionnaire_form .Qform ol{width:100%;float:left;padding:0;margin:0.2em 0;}
.Questionnaire_form .Qform .Rtxt00{width:calc(100% - 0.5em);float:left;font:14pt "微軟正黑體";font-weight:700;color:#ffffff;padding:0.5em 0 0.5em 0.5em;background:#1F1F1F;}
.Questionnaire_form .Qform .Rtxt01{width:25%;padding-right:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;}
.Questionnaire_form .Qform .Rtxt02{width:73%;padding-left:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.Questionnaire_form .Qform .input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;}
.Questionnaire_form .Qform .textarea{width:calc((100% - 2px) - 1em);height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;margin:0.5em 0;}

/*link*/
.link_block{width:100%;padding:0;margin:0;}
.link_block .list{width:200px;margin-right:calc((100% - 200px*5)/5);float:left;}

.link_block .list .pic{width:100%;}
.link_block .list .note{width:100%;color:#000000;font:12pt "微軟正黑體";font-weight:700;margin:0.5em 0; }