@charset "utf-8";
/* CSS Document */

html, body{ font:14px/120% "微軟正黑體", Arial, "新細明體"; color:#333;}
a { text-decoration:none;}
a{ outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover { text-decoration: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{ margin:0; padding:0;}
table{font-size:inherit;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul{list-style:none;margin:0;padding:0;}
img{border:0;}
body{ background:url(../images/body_bg.jpg) repeat-x;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}
.tLeft{ text-align:left;}
.clr{ clear: both; height: 0; overflow: hidden;}
.fL{ float: left;}
.fR{ float: right;}
.tB{ font-weight:bold;}
.red{ color:#d90303;}
.org{ color:#f26000; font-style:italic;}


/*page size*/
.pagesize{ width:990px; margin:0 auto;}

/*header*/
.header{ height:130px; position:relative;}
h1{ width:260px; height:66px; background:url(../images/logo.png) no-repeat; position:absolute; top:30px; left:0; text-indent:-9999px;}
h1 a{ width:260px; height:66px; display:block;}
.top_links{ width:540px; height:40px; position:absolute; top:45px; right:0;}
.top_links .icon_ch{ width:40px; height:40px; background:url(../images/icon_ch.jpg) no-repeat; float:right; margin-left:10px;}
.top_links .icon_ch a{ width:40px; height:40px; display:block;}
.top_links .icon_en{ width:40px; height:40px; background:url(../images/icon_en.jpg) no-repeat; float:right; margin-left:10px;}
.top_links .icon_en a{ width:40px; height:40px; display:block;}
.top_links .icon_home{ width:40px; height:40px; background:url(../images/icon_home.jpg) no-repeat; float:right; margin-left:10px;}
.top_links .icon_home a{ width:40px; height:40px; display:block;}
.top_links .txt_link{ line-height:40px; color:#000062; font-size:13px; float:right;}
.top_links .txt_link a{ color:#000062;}
.top_links .txt_link a:hover{ text-decoration:underline;}

/*top_nav*/
.top_nav{ border-top:5px solid #000062; height:80px; margin-bottom:20px;}
.top_nav ul{}
.top_nav li{ width:165px; height:80px; float:left; text-indent:-9999px;}
.top_nav li a.nav01{ width:165px; height:80px; display:block; background:url(../images/nav01.jpg) no-repeat;}
.top_nav li a.nav02{ width:165px; height:80px; display:block; background:url(../images/nav02.jpg) no-repeat;}
.top_nav li a.nav03{ width:165px; height:80px; display:block; background:url(../images/nav03.jpg) no-repeat;}
.top_nav li a.nav04{ width:165px; height:80px; display:block; background:url(../images/nav04.jpg) no-repeat;}
.top_nav li a.nav05{ width:165px; height:80px; display:block; background:url(../images/nav05.jpg) no-repeat;}
.top_nav li a.nav06{ width:165px; height:80px; display:block; background:url(../images/nav06.jpg) no-repeat;}
.top_nav li a:hover/*, .top_nav li a.on*/{ background-position:0 -80px;}


/*bn_Area*/
.bn_Area{ width:990px; height:300px; margin:0 auto; position:relative; margin-bottom:20px;}
.bn_Area img{ width:100%; height:auto;}
.slidesjs-pagination{ list-style:none; position:absolute; bottom:15px; right:30px; z-index:100;}
.slidesjs-pagination li{ width:10px; height:10px; float:left; margin-right:12px;}
.slidesjs-pagination li a{ width:10px; height:0px; padding-top:10px; display:block; background:url(../images/bn_pagination.png) no-repeat ;background-position: 0 0; overflow: hidden;}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active{ background-position:0 -10px;}


/*content*/
.content{ padding-bottom:30px; min-height:300px;}
.about_SD{ margin-bottom:40px;}
.about_SD h3{ height:30px; background:url(../images/title_aboutSD.jpg) no-repeat;}
.about_SD h3.ch{ height:30px; background:url(../images/title_aboutSD_c.jpg) no-repeat;}
.about_SD h4{ color:#057fad; font-size:16px; font-style:italic; line-height:18px; font-family:"Arial Black", "微軟正黑體"; padding:20px 0;}
.about_SD p{ margin-bottom:20px;}

.news{ width:480px; overflow:hidden; float:left; margin-right:30px;}
.news h3{ height:20px; background:url(../images/title_news.jpg) no-repeat; position:relative; margin-bottom:10px;}
.news h3 .btn_more{ width:46px; height:12px; background:url(../images/btn_more.png) no-repeat; position:absolute; top:4px; right:0;}
.news h3 .btn_more a{ width:46px; height:12px; display:block;}
p.news{ width:480px; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-bottom:1px dotted #a2aabf;}
p.news a{ color:#333;}
p.news a:hover{ color:#f26000;}

.events{ width:480px; float:left;}
.events h3{ height:20px; background:url(../images/title_events.jpg) no-repeat; position:relative; margin-bottom:10px;}
.events h3 .btn_more{ width:46px; height:12px; background:url(../images/btn_more.png) no-repeat; position:absolute; top:4px; right:0;}
.events h3 .btn_more a{ width:46px; height:12px; display:block;}
.events .pic{ width:120px; height:120px; border:1px solid #dfdfdf; float:left; margin:5px 8px 0 0;}
.events .in_txt{}
.events .in_txt p.title{ font-weight:bold; margin-bottom:10px;}
.events .in_txt p a{ color:#333;}
.events .in_txt p.title a{ color:#000063;}



/*txt style*/
ul.list{ padding:0 0 0 20px; margin-bottom:20px;}
ul.list li{ list-style:url(../images/dote_blue.png); margin-bottom:10px; padding-left:10px;}
ul.list li a{ color:#333; text-decoration:underline;}
ul.list li a:hover{ color:#f26000;}
.lev02{ padding:10px 0 0 20px;}
.lev02 ul li{ list-style:circle;}

h5{ background:url(../images/title_line.jpg) 0 bottom no-repeat; padding-bottom:10px; font-family:"Arial Black", "微軟正黑體"; font-size:24px; line-height:28px; color:#000063; position:relative;}
h5 .btn_back{ width:48px; height:12px; background:url(../images/btn_back.png) no-repeat; position:absolute; bottom:0; right:0;}
h5 .btn_back a{ white-space:48px; height:12px; display:block;}
p.grayDate{ color:#858585; line-height:30px;}
h5.namelist{ text-align:center;}

.txtIn_box{ padding-top:10px;}
.txtIn_box p{ margin-bottom:30px;}
.txtIn_box p.dark{ font-weight:bold; font-size:16px; line-height:20px; margin-bottom:0;}
.txtIn_box p a{ color:#f26000; text-decoration:underline;}
.txtIn_box img{ margin:5px}

.info_box{ min-height:120px; margin-bottom:20px;}
.info_box .title_name{ color:#000063; font-size:16px; font-weight:bold; margin-bottom:15px;}
.info_box .title_name a{ color:#000063;}
.info_box .title_name a:hover{ color:#f26000;}
.info_box p{ line-height:20px;}
.info_box span{ margin-right:5px;}

.article{ background:url(../images/article_bg.jpg) 40px 0 repeat-y;}
.article .article_box{ background:url(../images/article_item.png) 8px 0 no-repeat; padding:0 0 20px 90px;}
.article_box h4{ font-family:"Arial Black", "微軟正黑體"; font-size:24px; line-height:28px; color:#000063; margin-bottom:18px; padding-top:15px;}
.article_box p{ margin-bottom:20px;}
.article_box p a{ color:#f26000; text-decoration:underline;}

.moretoCome{ border-top:1px dotted #a2aabf; padding-top:10px;}
.moretoCome a{ color:#f26000; text-decoration:underline;}



/*route*/
.routeBox{ height:120px; background:url(../images/route_bg.jpg) no-repeat; position:relative; margin-bottom:20px;}
.routeBox .title{ position:absolute; top:32px; left:30px; font-family:"Arial Black"; font-size:34px; line-height:34px; font-weight:bold; color:#f9f9fa;}
.routeBox p.route{ position:absolute; top:70px; left:30px; color:#0f5475; font-size:13px;}
.routeBox p.route span{ color:#000062;}
.routeBox p.route a{ color:#0f5475;}
.routeBox p.route a:hover{ text-decoration:underline;}

/*table*/
table.newsList{ background:url(../images/title_line.jpg) 0 35px no-repeat;}
table.newsList th{ color:#000063; padding:0 10px; line-height:40px; height:40px;}
table.newsList th.title{ text-align:left;}
table.newsList td{ padding:15px 10px;}
table.newsList td a{ color:#333;}
table.newsList tr:hover, table.newsList td a:hover{ color:#000063;}
table.newsList td.num{ /*border-right:1px solid #cacadb;*/ text-align:center;}
table.newsList td.lightB{ background-color:#ededf2;}

table.distributors{}
table.distributors td{ padding:15px; border-bottom:1px solid #cacadb;}
table.distributors td.info{ border-left:1px solid #cacadb;}
table.distributors td.none{ border-bottom:none;}
table.location{}
table.location th{ background-color:#000063; color:#fff; font-weight:normal; line-height:26px; height:26px;}
table.location td{ border:none; padding:5px 12px;}

table.partners{}
table.partners td{ padding:0 15px 30px 15px; border-bottom:1px solid #cacadb; border-right:1px solid #cacadb;}
table.partners tr.pic td{ border-bottom:none; padding:30px 15px;}
table.partners td.last{ border-right:none;}
table.partners td.bot{ border-bottom:none;}


/*footer*/
.footer{ width:100%; height:190px; padding-top:30px; background-color:#09092d;}
.footer .footer_in{ width:990px; margin:0 auto; position:relative; color:#888; font-size:12px; line-height:15px;}
.rightInfo{ width:390px; height:110px; position:absolute; top:0; left:30px;}
.tolink{ width:130px; height:22px; position:absolute; top:128px; left:30px;}
.icon_fb{ width:20px; height:20px; float:left; margin-right:10px; padding-top:2px;}
.icon_fb a{ width:20px; height:20px; display:block; background:url(../images/icon_fb.png) no-repeat;}
.icon_fb a:hover{ background-position:0 -20px;}
.icon_in{ width:20px; height:20px; float:left; margin-right:10px; padding-top:2px;}
.icon_in a{ width:20px; height:20px; display:block; background:url(../images/icon_in.png) no-repeat;}
.icon_in a:hover{ background-position:0 -20px;}
.icon_blg{ width:20px; height:20px; float:left; margin-right:10px; padding-top:2px;}
.icon_blg a{ width:20px; height:20px; display:block; background:url(../images/icon_blogger.png) no-repeat;}
.icon_blg a:hover{ background-position:0 -20px;}
.icon_youtube{ width:22px; height:22px; float:left; margin-right:10px;}
.icon_youtube a{ width:22px; height:22px; display:block; background:url(../images/icon_youtube.png) no-repeat;}
.icon_youtube a:hover{ background-position:0 -22px;}

.important_links{ width:220px; height:170px; padding-left:30px; background:url(../images/footer_line.png) no-repeat; position:absolute; top:0; left:450px;}
.support_menu{ width:220px; height:170px; padding-left:30px; background:url(../images/footer_line.png) no-repeat; position:absolute; top:0; left:740px;}
.footer_in p.title{ font-size:18px; font-weight:bold; color:#d36012; margin-bottom:20px; font-family:Arial;}
.footer_in ul{}
.footer_in li{ list-style:inside; line-height:25px;}
.footer_in li a{ color:#888;}
.footer_in li a:hover{ color:#dedede; text-decoration:underline;}