@charset "utf-8";

/*====== Css Reset ==============================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*====== Basic style ==============================*/
html { overflow-x:hidden; overflow-y:scroll; height:100%; font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; }
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height:26px;
	color: #333;
	font-family: Helvetica, "新細明體", "微軟正黑體", Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	background: url(../images/body_bg.gif);
}

a, a:link { text-decoration:none; color:#555; }
a:visited { color:#555; }
a:hover { color:#ff3401; }
a:active { color:#00822e; }
a:focus, a:active, a:hover, img a, a, a img { outline: none; }

b, strong { font-weight:bold; }

img { -ms-interpolation-mode:bicubic; }
input, select { vertical-align:baseline; *vertical-align:middle; }

.clear { clear:both; margin:0; padding:0; line-height:0; font-size:0; }
.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }



/*====== Global Style ==============================*/
/*title*/
.title { margin:0 0 16px; padding:0 0 0 11px; color:#1387d7; font: bold 26px/25px "微軟正黑體", Arial, Helvetica, sans-serif; border-left:5px solid #0c0045; }
.title em { margin-left:7px; color:#9e9e9e; font: normal 15px/14px Arial,"新細明體", Helvetica, sans-serif; }

/*box*/
.box { background:#fff; border:1px solid #ebebeb; margin-bottom:30px; }

/*list*/
.list li { border-bottom:1px dotted #ccc; padding:10px 0; font-size:13px; line-height:26px; }
.list li:last-child { border:none; }

/*photo*/
.photo { border:1px solid #f3f3f3; padding:5px; }



/*====== Layout ==============================*/
.layout { width:980px; margin:0 auto; padding:0; zoom:1; }
.wrap_center { text-align:center; }



/*====== Header ==============================*/
.header { margin-bottom:25px; }

/*logo*/
.logo { float:left;  margin:39px 0 0; padding:0; text-align:center; }
.logo a { display:block; width:150px;  }

/*nav*/
.nav { float:right; width:810px; height:55px; margin-top:29px; background: url(../images/img.gif) repeat-x 0 0; border-bottom:1px solid #d5d5d5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nav ul { margin:0; padding:0; }
.nav li { float:left; width:88px; line-height:55px; text-align:center; font-size:18px; font-family:Helvetica, "微軟正黑體", "新細明體", Arial, sans-serif; text-shadow:0px 0px 1px #133888; border-left:1px solid #133887; border-right:1px solid #1a51c4; }
.nav li.first { width:89px; border-left:none; }
.nav li.last { width:89px; border-right:none; }

.nav a { display:block;  color:#fff; }
.nav a:hover {  background: url(../images/img.gif) repeat-x 0 -55px; }



/*====== Slider ==============================*/
.slider {padding:15px; background:#fff; width:950px; height:360px; margin:0 auto; overflow:hidden; }
.slider_bottom { width:980px; height:19px; margin:0 auto; background: url(../images/slider_shadow.png) no-repeat top center; }
.slider_txt { float:right; width:280px; height:360px;  background:#3475ff;  font-family:"微軟正黑體", Helvetica, sans-serif, Arial; color:#fff; line-height:36px; }
.slider_txt h3, .slider_txt p { width:220px; margin:40px 30px; }
.slider_txt h3 { font-size:36px; margin-bottom:25px; height:40px; overflow:hidden;}
.slider_txt p { font-size:18px; margin-top:0; height:220px; overflow:hidden; }
.slider_img { float:left; }


/*====== Content ==============================*/
.content {}
.section {}

/*---news---*/
.news { float:left; width:595px; padding:24px 29px; }
.news .list ul { padding:0 17px; }
.news .list li { background:url(../images/img.gif) no-repeat 0 -134px; padding-left:12px;}


/*---about---*/
.about { float:right; overflow: hidden;  width:255px;  padding:24px 19px; height:208px; }
.about_info_wrap { overflow:hidden; height:170px; }
.about_photo { float:left; width:80px; height:125px; margin:0 10px 2px 0; background:url(../images/index_photo.jpg) no-repeat 5px 5px;  }
.content_txt { line-height:24px; font-size:13px; }


/*------section------*/
.section {}

/*title_bg*/
.title_bg { position:relative; width:288px; height:95px; margin-bottom:13px; background:url(../images/index_photo.jpg) no-repeat 0 -135px; }
.title_bg .title_bg_color { position:absolute; left:0; bottom:0; zoom:1; width:253px; height:32px; padding:2px 10px; background:#fff; filter : alpha(opacity=75); /* IE, 0 ~ 100 */  opacity : 0.75; /* Others, 0 ~ 1 */}

.qa .title_bg { background-position: 0 -135px; }
.qa .title_bg_color { width:288px; }
.team .title_bg { width:253px; background-position: 0 -240px; }
.time .title_bg { width:253px; background-position: 0 -345px; }
.title_bg .title { margin:4px 0 0; }
.title_bg em { color:#555; }


.section li { float:left; padding:20px; width:253px; margin-right:30px; font-size:13px; line-height:22px; }
.section li.qa { width:288px; height:301px; }
.section li.team { height:301px;}
.section li.time { height:301px;  margin-right:0;}
.section li.last, .section li:last-child { margin-right:0;}


/*---QA---*/
.qa_list p { width:290px; margin-bottom:5px; display:block; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.qa_list i { margin-right:10px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; }
.qa_list li { width:100%; margin:0; padding:5px 0; border-bottom:1px dotted #ccc; }
.qa_list li:last-child { border:none; }
.qa_list a { dispaly:block; color:#000; padding:5px 0;}
.qa_list a:hover { color:#666; }

.team_txt, .time_txt { height:180px; overflow:hidden; padding:5px 0; line-height:23px; }
ul.qa_list {height:189px; overflow:hidden;  }
ul.qa_list li {line-height:20px;}


/*====== Footer ==============================*/
.footer { width:100%; margin-top:40px; padding:20px 0; background:#133886; border-top:#8799c1 1px solid; text-align:center; text-align:center; color:#fff; font-size:15px; font-family:Helvetica, "微軟正黑體", "新細明體", Arial, sans-serif;}
.footer h2 { font-size:18px; display:inline; font-weight:normal; margin:0 5px; padding:5px; }
.footer a { color:#fff;  padding:5px; }
.footer a:hover { color:#43deff; }
.footer span { margin:0 5px; padding:5px 8px;}


/*======================================================*/
/*====== Pages ==============================*/
.pages { padding:40px 50px; }
.pages .title { margin-bottom:26px; }
.pages address { font-style:normal; }
.pages p { margin-bottom:15px; line-height:26px; }
.pages strong { color:#1387d7; }
.pages h3 { margin-bottom:10px; line-height:30px; font-size:18px; font-family:"微軟正黑體", Helvetica, "新細明體", Arial, sans-serif; color:#000; }
.article { margin-bottom:20px; }
.article .img_left { width:250px; height:400px;  margin:2px 20px 5px 0; padding:8px; border:1px solid #e6e6e6; }
.article .img_right { float:right; margin:2px 0 5px 20px; padding:4px; border:1px solid #e6e6e6; }

.sidebar { float:left; width:270px; }
.main_content { float:right; width:590px; }

/*time_table*/
.time_table { margin-bottom: 30px; }
.time_table table { border-collapse: collapse; border-spacing: 0; }
.time_table th, .time_table td { padding:15px 5px; font-family:Arial, Helvetica, sans-serif; text-align: center; border-bottom:1px solid #e6e6e6; }
.time_table th { background:#e5f4f7; border-bottom:1px solid #BADAE4; color:#333; }
.time_table td { color:#0C98C5; padding:30px 5px;  }
.time_table td.color_time { background:#e5f4f7; color:#333; }
.time_table td.color_rest { background:#eee; color:#999; }


.article_list { margin-bottom:25px; }
.article_list li { border-bottom:1px dotted #c6c6c6; padding:15px 0; }
.article_list li h3 { font-size:18px; font-family:"微軟正黑體", Helvetica, "新細明體", Arial, sans-serif; line-height:26px; margin-bottom:1px; height: 28px;
overflow: hidden; }
.article_list li p {  line-height:24px; max-height: 48px; overflow: hidden; margin-bottom:0; }

.qna_list { margin-bottom:25px; }
.qna_list ol { list-style:decimal; margin:0 5px 0 25px; }
.qna_list li { border-bottom:1px dotted #c6c6c6; padding:15px 0; }
.qna_list li p {  line-height:24px; max-height: 48px; overflow: hidden; margin-bottom:0; }
.qna_list .answer { background:#f5f5f5; margin:5px 0 10px; padding:15px 20px;   }
.qna_list .answer p { max-height: none; overflow: auto; }


.news_list { margin-bottom:25px; }
.news_list ul { list-style: circle; margin:0 5px 0 25px; }
.news_list li { border-bottom:1px dotted #c6c6c6; padding:15px 0; }


.links_list {  }
.links_list ul {  }
.links_list li { float:left; width:30%; margin:12px; border-bottom:1px dotted #c6c6c6;  }
.links_list li a { display:block; padding:10px;}
.links_list li a:hover { background:#f5f5f5; }


.path { margin-bottom:10px; font-size:13px; }
.path a { font-size:13px; color:#888; padding:3px; }
.path span { margin:0 10px 0 8px; }

.writer { text-align:right; font-size:13px; color:#666; margin-bottom:10px;}



/*pagination*/
.pagination {
            font-size: 13px; text-align:center; 
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #000;
	color: #1387d7;
}

.pagination a, .pagination span {
    display:inline-block;
    padding: 0.1em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    background: #1387d7;
    color: #fff;
	border: solid 1px #0D67A5;
}

.pagination .current.prev, .pagination .current.next{
	color:#bbb;
	border-color:#bbb;
	background:#fff;
}




.company-info { margin-top:18px; color:#666; }
.company-info h2 { display:block; padding:15px 0 0 10px; font: normal 20px/28px "微軟正黑體", Arial, sans-serif, "新細明體"; }
.company-info li { height:30px; line-height:30px; padding:10px; border-bottom:1px solid #f3f3f3;  }
.company-info li:hover { background:#f7f7f7; }
.company-info a { color:#666; text-decoration:none; }
.company-info a:hover { color:#180052; }
.company-info i { margin-right:10px; vertical-align: middle; }
.icon_address { display:inline-block; width:15px; height:14px; background:url(../images/icon.gif) no-repeat 0 0; } 
.icon_tel { display:inline-block; width:14px; height:14px; background:url(../images/icon.gif) no-repeat 0 -30px; } 
.icon_fax { display:inline-block; width:14px; height:13px; background:url(../images/icon.gif) no-repeat 0 -60px; } 
.icon_fb { display:inline-block; width:14px; height:13px; background:url(../images/icon.gif) no-repeat 0 -90px; } 
.icon_email { display:inline-block; width:14px; height:13px; margin-top:5px; background:url(../images/icon.gif) no-repeat 0 -120px; }