@charset "utf-8";

/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
body { background:url(langs/tw/images/bg.png) repeat-x #ffffff; font-size: 13px; color:#373737; line-height: 170%; font-family:Arial, Helvetica, sans-serif; }
input, select, textarea { font-size: 14px; font-family:Arial, Helvetica, sans-serif; }
button { font-family:微軟正黑體, Arial, sans-serif; border:0; cursor:pointer; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#373737; border:none; outline:none; }
a img { border:0; outline:none; }
a:hover { color:#373737; }



/*---------------layout---------------------*/
#wrapper{ width:1080px; height:100%; margin:0 auto; background-color:#ffffff; }

#header{width:1080px; padding:0; display:block; height:100px; border-bottom:2px solid #e95388; background:url(langs/tw/images/iaptc_03.jpg) repeat-x; }
#header h1{width:340px; height:100px; float:left; display:block; }

#menu_wrap{ width:740px; height:100px; float:left; }
#submenu{ float:right; margin:0px 15px 15px 0; text-align:right; }
#submenu ul{ list-style:none; width:auto; padding:2px 10px 2px 10px; background-color:#e4e4e4; border-radius:0px 0px 4px 4px; }
#submenu li{ display:inline-block; color:#585858; font-size:13px; margin:0px 5px 0 5px; font-family:微軟正黑體, Arial, sans-serif; }
#submenu li a{color:#585858; }
#submenu li a:hover{text-decoration:none; color:#e95389; }

#navi_block{ width:740px; clear:both; }
#navi_center{ margin:0 auto; display:table; }

#navi { text-align:center; }
#navi ul{ list-style-type:none; margin:0px; }
#navi li{ float:left; height:40px; font-size:16px; font-weight:bold; color:#434343; padding:0 29px 0 29px; border-left:1px dotted #bbbbbb; font-family:微軟正黑體, Arial, sans-serif; line-height:40px; }
#navi li a{ color:#080808; }
#navi li a:hover{ color:#fa5b15; }


#content { width:1080px; float:left; height:100%; margin:0px 0px 50px 0px; position:relative; }

#left_wrap{ width:188px; float:left; margin:0px 43px 40px 11px; }

.leftnavi_title{ width:123px; height:46px; font-size:16px; font-weight:bold; color: #ffffff; padding:25px 0 0px 65px; background:url(langs/tw/images/iaptc_09.jpg) no-repeat; font-family:微軟正黑體, Arial, sans-serif; }

.leftnavi{ width:188px; padding:0 0 40px 0; }
.leftnavi dl{ margin:0; padding:0; display:block; }
.leftnavi dt{ font-size:16px; font-weight:bold; color:#2b2b2b; list-style:none; display:block; border-top:1px solid #ffffff; font-family:微軟正黑體, Arial, sans-serif; line-height:20px; }
.leftnavi dt a{ color:#2b2b2b; display:block; padding:12px 0px 12px 40px; background:url(langs/tw/images/icon.png) no-repeat 21px 19px; background-color:#f2eff0; }
.leftnavi dt a:hover{ color:#ec3475; text-decoration:none; display:block; background-color:#fcd9e6; }
.leftnavi dt.on a{ color:#ec3475; text-decoration:none; background-color:#fcd9e6; }
.leftnavi dt:first-child{border-top:none; }

.leftnavi dd { font-size:15px; margin:0; display:block; font-family:微軟正黑體, Arial, sans-serif; line-height:20px; }
.leftnavi dd a{ color:#000000; padding:0px 0px 10px 55px; display:block; background:url(langs/tw/images/icon_03.png) no-repeat 42px 8px #f2eff0;  }
.leftnavi dd a:hover{ color:#ec3475; text-decoration:none; }
.leftnavi dd.on a{ color:#ec3475; text-decoration:none; }

.leftnavi_empty{ height:50px; background-color:#f2eff0; border-radius:0px 0px 4px 4px; }

.pic_menu{ margin:40px 0px 0px 0px; }
.pic_menu ul{ list-style-type:none; margin:0px; }
.pic_menu li{ margin:0px 0px 17px 0px; }
.pic_menu li img{ display:block; }

.pic_menu02{ position:absolute; bottom:37px; }
.pic_menu02 ul{ list-style-type:none; margin:0px; }
.pic_menu02 li{ margin:0px 0px 17px 0px; }
.pic_menu02 li img{ display:block; }


#right_block { width:838px; float: left; margin:0; min-height:500px; }

.title{ width:783px; height:42px; font-size: 22px; color: #232323; margin:0px 0px 35px 0px; padding:29px 0 0px 55px; background:url(langs/tw/images/iaptc_11.jpg) no-repeat; font-family:微軟正黑體, Arial, sans-serif; }

.site{ float:right; margin:8px 3px 0px 20px; font-size:14px; color:#666666; text-align:right; }
.site a{ color:#666666; }
.site a:hover{color:#eb3778; text-decoration:none; }
.site span{ margin:0 5px 0 5px }
.site span.on{ color:#eb3778; margin:0; }
.site span.home{ vertical-align:top; margin:0; }


.right_content{ width:836px; float:left; height:100%; margin:0 0 0 2px; }
.right_content a:hover{ color: #fa5b15; text-decoration: underline; }
.right_content02{ width:836px; float:left; height:100%; margin:0 0px 25px 2px; line-height:25px; }
.right_content02 a:hover{ color: #fa5b15; text-decoration: underline; }




/*---------------index---------------------*/
.indexbg{ width:100%; height:100%; background:url(langs/tw/images/indexbg.jpg) repeat-x; }
.index_bg{ width:100%; height:100%; background:url(langs/tw/images/index_bg.png) repeat-x; }

/** home flash */
#indexflash{position:relative; }

#indexflash p.indexflash_prev_btn{z-index:999; position:absolute; width:50px; height:50px; top:157px; left:0px; background:url(langs/tw/images/prev.png) no-repeat center rgba(0, 0, 0, 0.18); background-color:#000000 \9;  filter:alpha(opacity=18) \9; }
#indexflash p.indexflash_prev_btn:hover{background:url(langs/tw/images/prev.png) no-repeat center rgba(0, 0, 0, 0.5); background-color:#000000 \9; filter:alpha(opacity=50) \9; cursor:pointer; }

#indexflash p.indexflash_next_btn{z-index:999; position:absolute; width:50px; height:50px; top:157px; right:0px; background:url(langs/tw/images/next.png) no-repeat center rgba(0, 0, 0, 0.18); background-color:#000000 \9; 	filter:alpha(opacity=18) \9; }

#indexflash p.indexflash_next_btn:hover{background:url(langs/tw/images/next.png) no-repeat center rgba(0, 0, 0, 0.5); background-color:#000000 \9; filter:alpha(opacity=50) \9; cursor:pointer; }


#index_content { width:1021px; float:left; height:100%; margin:30px 24px 35px 35px; }

#index_left{ width:670px; float:left; margin:0px 45px 0px 0px; }
.index_news_title{ font-size:20px; color:#1b1b1b; padding:0 0 10px 0; border-bottom:1px solid #dddddd; font-family:微軟正黑體, Arial, sans-serif; }
.index_news_more{ float:right; margin:6px 1px 0 0; }

.first_news{ float:left; width:670px; border-bottom:1px dashed #9e9e9e; padding:15px 0 15px 0px; }
.indexnews_pic{ float:left; width:144px; height:85px; margin:4px 30px 0 5px; border:1px solid #d1d1d1; background:url(langs/tw/images/news_pic.jpg) no-repeat; }
.indexnews_text{ float:left; width:489px; color:#5a5a5a; }
.indexnews{ font-weight:bold; color:#404040; margin:0px 0 8px 0; }
.indexnews a{ color:#404040; }
.indexnews a:hover{ color:#eb6214; }
.indexnews_date{ float:right; font-size:12px; font-weight:normal; color:#eb6214; margin:0 1px 0 25px; }

.indexnews_table td{ border-bottom:1px dashed #9e9e9e; padding-top:6px; padding-bottom:6px; }
.indexnews_list{ padding-left:29px; background:url(langs/tw/images/icon_02.png) no-repeat 5px 9px; }
.indexnews_list a:hover{ color:#eb6214; }
.indexnews_date02{ font-size:12px; font-weight:normal; color:#eb6214; text-align:right; padding:0 2px 0 0; }


#index_right{ width:306px; height:372px; float:left; position:relative; background:url(langs/tw/images/index_05.jpg) no-repeat; }
#index_right_en{ width:306px; height:372px; float:left; position:relative; background:url(langs/en/images/index_05.jpg) no-repeat; }
.index_photo{ margin:125px 0 0 31px; }
.index_photo_name{ font-size:14px; color:#013c37; margin:18px 36px 0 24px; font-family:Arial, 微軟正黑體, sans-serif; text-align:center; line-height:20px; }
.index_photo_name a{ color:#013c37; }
.index_photo_name a:hover{ color:#013c37; top:1px; left:1px; position:relative; }
.index_photo_more{ right:12px; bottom:0; position:absolute; }


#index_event_block { width:1021px; float:left; height:100%; margin:45px 0px 0px 0px; }

#index_event{ width:715px; float:left; }
.index_event_title{ font-size:20px; color:#1b1b1b; margin:0 0 18px 0; font-family:微軟正黑體, Arial, sans-serif; }
.index_event_list{ width:715px; float:left; }
.index_event_list ul{ list-style-type: none; float:left; width:300px; margin:0 48px 17px 0; }
.index_event_list li.event_pic02{ width:298px; border:1px solid #bebebe; }
.index_event_list li.event_name{ width:298px; font-size:15px; font-weight: bold; color:#373737; margin:9px 0 0 0; font-family:微軟正黑體, Arial, sans-serif; text-align:center; }
.index_event_list li.event_name a{ color:#373737;  }
.index_event_list li.event_name a:hover{ color:#e9407c; }
.index_event_list li img{ display:block; }

#index_link{ width:294px; float:left; margin:43px 0 0 0; }



/*---------------news & event---------------------*/
.news_list{ width:836px; float:left; }
.news_list ul{ list-style-type: none; float:left; width:794px; margin:0 0 25px 0; padding:20px; border:1px solid #ebdca1; background-color:#fdf9ee; }
.news_list li.newspic{ width:220px; height:130px; float:left; display:block; }
.news_list li.newsblock{ width:549px; float:left; margin:0px 25px 0 0; }
.news_list02{ width:836px; }
.news_list02 ul{ list-style-type: none; width:784px; margin:0 0 25px 0; padding:20px 25px 20px 25px; border:1px solid #f5c9cc; background-color:#fff3f4; }
.newstitle{ font-size: 15px; font-weight: bold; color: #3a3a3a; line-height: 23px; }
.newstitle a{ color:#3a3a3a;}
.newstitle a:hover{ color:#fa5b15; text-decoration:none;}
.newsdate{ font-size: 12px; font-weight: bold; color: #f67450; margin:4px 0 8px 0; }
.newstext{ color:#6e6e6e; }

.news_title_block{ width:836px; float:left; border-bottom:1px solid #c3c3c3; padding:0 0 13px 0px; }
.newstitle02{ width:720px; float:left; font-size: 16px; font-weight: bold; color: #fa5b15; line-height: 24px; }
.newsdate02{ width:75px; float:left; font-size: 13px; color: #848484; border-left:1px solid #c3c3c3; padding:0 5px 0 15px; margin:4px 0 0 20px; text-align:right; line-height:18px; }
.news_con {padding:25px 0px 25px 2px; border-bottom:1px solid #c3c3c3; clear:both; line-height:25px; }
.news_con a:hover{ color:#fa5b15; }

.news_back {margin:15px 0 0 0; text-align:right; }


.event_list{ width:836px; float:left; }
.event_list ul{ list-style-type: none; float:left; width:794px; margin:0 0 25px 0; padding:20px; border:1px solid #ebdca1; background-color:#fdf9ee; }
.event_list li.event_pic{ width:220px; height:130px; float:left; display:block; }
.event_list li.event_block{ width:549px; float:left; margin:0px 25px 0 0; }
.event_title{ font-size: 15px; font-weight: bold; color: #3a3a3a; line-height: 23px; }
.event_title a{ color:#3a3a3a;}
.event_title a:hover{ color:#fa5b15; text-decoration:none;}

.eventtitle{ width:720px; float:left; font-size: 16px; font-weight: bold; color: #fa5b15; line-height: 24px; }


.page_block{ margin:0 auto; display:table; clear:both; padding:5px 0px 0px 0px; }

.page{ font-size: 12px; text-align:center; margin:0; height:100%; }
.page ul{ list-style-type: none; margin:0px ; }
.page li { float:left; margin:0px 5px 0px 0px; text-align:center; }
.page li a{color:#ababab; width:16px; height:16px; padding:3px; border:1px solid #ababab; display:block; text-decoration:none; line-height: 16px; }
.page li a:hover{color:#c9a000; border:1px solid #c9a000; display:block; background-color:#fdf8e7; text-decoration:none; }
.page li.on{color:#c9a000; font-weight: bold; width:16px; height:16px; padding:3px; border:1px solid #c9a000; background-color:#fdf8e7; display:block; line-height: 16px;}

.page02{ font-size: 12px; text-align:center; margin:0; height:100%; }
.page02 ul{ list-style-type: none; margin:0px ; }
.page02 li { float:left; margin:0px 5px 0px 0px; text-align:center; }
.page02 li a{color:#ababab; width:16px; height:16px; padding:3px; border:1px solid #ababab; display:block; text-decoration:none; line-height: 16px; }
.page02 li a:hover{color:#c9a000; border:1px solid #c9a000; display:block; background-color:#fdf8e7; text-decoration:none; }
.page02 li.on{color:#c9a000; font-weight: bold; width:16px; height:16px; padding:3px; border:1px solid #c9a000; background-color:#fdf8e7; display:block; line-height: 16px;}



/*---------------link---------------------*/
.link{ width:836px; float:left; margin:0 0 35px 0; }
.link ul.category{ list-style-type: none; float:left; margin:0 0 17px 0; }
.link ul.category p.linkcate{ float:left; min-width:150px; height:23px; font-size:16px; font-weight: bold; color: #ffffff; padding:0px 0 1px 10px; background-color:#0085cf; font-family:微軟正黑體, Arial, sans-serif; line-height: 23px;  }
.link ul.category p.linkbg{ float:left; width:40px; height:24px; background:url(langs/tw/images/link_bg.png) no-repeat; }
.link ul.linkblock{ list-style-type: none; width:794px; float:left; padding:8px 20px 27px 20px; background-color:#f2f8fb; border:1px solid #baddf5; border-radius:8px 8px; }
.link li{ width:794px; float:left; padding:8px 0 8px 0; border-bottom:1px solid #baddf5; }
.link li p.list{ width:353px; float:left; padding:0px 15px 0px 29px; background:url(langs/tw/images/icon_01.png) no-repeat 7px 5px; }
.link li p.list a{ color: #484848; }
.link li p.list a:hover{ color: #006fac; }



/*---------------about---------------------*/
.about_declaration{ width:770px; margin:0 auto; min-height:605px; padding:50px 0 0 0; background:url(langs/tw/images/about_bg.jpg) no-repeat; }
.about_declaration ul{ list-style-type: none; }
.about_declaration li{ background:url(langs/tw/images/icon_04.png) no-repeat 40px 2px; padding:0px 0px 20px 66px; font-size: 16px; color: #370706; font-family:Arial, 微軟正黑體, sans-serif; }

.about_history{ width:820px; float:left; height:100%; font-size: 15px; line-height: 37px; margin:0 0 0 18px; font-family:微軟正黑體, Arial, sans-serif; }
.about_date{ color: #740A32; font-weight: bold; }
.about_space{ margin:0 0 0 122px; }


.team{ width:836px; float:left; margin:0 0 20px 0; }
.team ul{ list-style-type: none; float:left; width:786px; padding:25px; border-bottom:1px dotted #afafaf; }
.team li.team_photo{ width:160px; height:160px; float:left; border:1px solid #cccccc; margin:5px 50px 0 0; background:url(langs/tw/images/team_photo.jpg) no-repeat; position: relative; }
.team li.team_photo img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:100%; max-width:100%;}
.team li.team_con{ width:574px; float:left; }
.team li.team_con .name{ font-size: 16px; font-weight: bold; color: #7a460a; margin:0 0 9px 0; font-family:微軟正黑體, Arial, sans-serif;}
.team li.team_con .position{ float:right; font-size: 16px; font-weight: bold; color: #7a460a; padding:0 40px 0 0; font-family:微軟正黑體, Arial, sans-serif;}
.team li.team_con .profile, .profile a{ font-size: 14px; color: #373737; font-family:微軟正黑體, Arial, sans-serif; line-height:25px; }
.team li.team_con .profile a:hover{ color: #fa5b15; text-decoration: underline; }
.team ul:first-child{ padding:20px 25px 20px 25px; border-bottom:none; background-color:#fdf6e3; }
.team ul:first-child li.team_photo{ border:1px solid #dfb950; }



/*---------------business---------------------*/
.business_menu{ float:left; margin:0 0 25px 2px; }
.business_menu ul{ width:836px; list-style-type: none; float:left; }
.business_menu li{ float:left; min-width:66px; margin:0px 25px 0 0; padding:4px 16px 4px 17px; font-size: 14px; color: #ffffff; border-radius:4px 4px; background-color:#cb76b8; font-family:微軟正黑體, Arial, sans-serif; text-align:center; }
.business_menu li a, a:hover{ color: #ffffff; }
.business_menu li:hover{ color: #ffffff; background-color:#f7a020; }
.business_menu li.on{ color: #ffffff; background-color:#f7a020; }




/*---------------photo---------------------*/
.photo_list{ margin:15px 0 0 0; height:100%; float:left; }
.photo_list ul {list-style-type:none; width:242px; margin:0 17px 35px 18px; float:left; }
.photo_list li.pics{width:232px; height:174px; padding:5px; border:1px solid #dedddd; display:block; }
.photo_list li.pics:hover{border:1px solid #ff9f75; }
.photo_list li.name {width:244px; font-size:15px; font-weight: bold; color:#474747; padding:12px 0 5px 0px; text-align:center; font-family:微軟正黑體, Arial, sans-serif; min-height:50px; }
.photo_list li.name a{color:#474747; }
.photo_list li.name a:hover{text-decoration:none; color:#fa5b15; }

.photo_name{ font-size:17px; font-weight: bold; color:#fa5b15; margin:0 0 20px 60px; font-family:微軟正黑體, Arial, sans-serif; }

.photo_menu{ margin:0px 0px 25px 60px; }

.photo{ width:700px; margin:0 auto; height:525px; padding:7px; border:1px solid #d7d7d7; clear:both; }
.photo_text{ font-size: 15px; font-weight: bold; margin:20px 0 10px 0; text-align:center; }


.photo_small_block{ margin:30px 0 25px 0; }

.photo_small{ float:left; display:block; position:relative; }
.photo_small ul{ list-style-type: none; margin: 0px; }
.photo_small li{ float:left; margin:0px 4px 0 4px; display:block; position: relative; border:1px solid #afafaf; }
.photo_small li img{ display:block; }




/*---------------contact---------------------*/
.contact_text{ width:650px; margin:0 auto; margin-bottom:25px; padding:0 0 0px 2px; }
.contact_text span{font-size:13px; color: #e60012; margin:0px 0px 0px 10px; }

.contact_form{ width:650px; margin:0 auto; }
.contact_table th{ font-weight: normal; color: #5a5a5a; text-align:left; }
.star{ font-size:13px; color: #e60012; margin:0 3px 0 0; }
.contact_item{ margin:0px 15px 0px 0px; }
.contact_item02{ margin:0px 12px 0px 0px; }
.contact_need{ padding:5px 0 5px 0; line-height:27px; }

.contact_button{ padding:20px 8px 0px 0px; }
.contact_button ul{ list-style-type: none; margin:0px; }
.contact_button li{ float:right; margin:0 0 0 12px; }
.submit{ width:90px; height:29px; font-size: 14px; color: #ffffff; text-align:center; background-color:#f7a020; display:block; padding:0 0 1px 0; }
.submit:hover, .submit:focus{ background-color:#cb76b8; }
.reset{ width:90px; height:29px; font-size: 14px; color: #ffffff; text-align:center; background-color:#979797; display:block; padding:0 0 1px 0; }
.reset:hover, .reset:focus{ background-color:#979797; }




/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { border: #d6d6d6 1px solid; width: 540px; height: 26px; COLOR: #333333; background-color: #fbfbfb; font-family: Arial, Helvetica, sans-serif; }
.textarea {border: #d6d6d6 1px solid; width: 540px; height: 150px; COLOR: #333333; background-color: #fbfbfb; margin:10px 0 10px 0; }
.select { border: 1px solid #c2c2c2; color: #505050; font-family:Arial, Helvetica, sans-serif; height:27px; padding:3px 3px 3px 3px; }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #d6d6d6 1px solid; width: 200px; height: 26px; COLOR: #333333; background-color: #fbfbfb; font-family: Arial, Helvetica, sans-serif; }




/*---------------------------- footer css----------------------------------------------------- */
#footer{ clear:both; background-color: #e3e3e3; }
#footer_con{ width:1063px; margin:0 auto; padding:17px 0px 15px 17px; position:relative; font-family:Arial, 微軟正黑體, sans-serif; }

#footer_text{ float:left; font-size:13px; color: #626262; line-height: 23px; margin:0 40px 0; }
#footer_text p{ font-size:12px; color: #7f7f7f; }
#footer_text p a{ color: #7f7f7f; }
#footer_text p a:hover{ color: #fa5b15; text-decoration:none;}

#footer_email{ float:left; margin:5px 0 0 0; }

#footer_logo{ float:left; margin-top: 3px; }