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

/* 基本樣式
---------------------------------------------*/

body { background: url(../images/2016/new_bg01.gif);}

body, table, tr, button, th, form, select, input, textarea {
	padding: 0; margin: 0; color: #7d7d7d;
	font-family: 'Droid Sans',"微軟正黑體", Arial, Helvetica, serif;
	font-size: 15px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Droid Sans',"微軟正黑體", Arial, Helvetica, serif;
}


img{border:0; vertical-align: bottom;} /** vertical-align: bottom; 用於圖片產生一些空隔高度的bug */

table {
	border: 0px;
	border-collapse:collapse;
}

a:link         {color: #4f4f4f; text-decoration: none;}
a:visited      {color: #4f4f4f; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
a:active       {color: #4f4f4f; text-decoration: none;}
a:hover        {color: #ff33CC; text-decoration: none;}


/* 清除浮動 */
.clear{display: block; visibility: hidden; clear: both; height: 0px; margin:0px; padding:0px; font-size: 0px;}

/* 清除 p 上下 的原產生值 */
.p_none p{ padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}


/* 不繼承 */
#none p, #none div, #none ul, #none span{ text-align: left; line-height: 100%;}


#wrapper {
	position: relative;
	margin: 0px auto;
}
#header {
	position: relative;
	width: 950px;
	margin: 0 auto;
	z-index: 10;
	background: #fff;
	-moz-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.2);
	box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.2);
}







div.toggleDiv { display: none;}
nav.nav_index{ display: block;}










/* top_pic
---------------------------------------------*/
div#top_pic { background: url(../images/2016/top_pic.jpg); width: 950px; height: 410px;}
div#top_pic ul { float: right; right: 0; top: 0; margin: 0; padding: 0;}
div#top_pic ul li { list-style: none; float: right; padding-top: 7px;}
div#top_pic ul li a { border-right: 1px solid #595959; font-size: 12px; padding: 0 12px;}
div#top_pic ul li:first-child a { border-right: none;}
div#top_pic ul li.computer { display: none;}
div#top_pic ul li.web { display: block;}

div#top_pic h1 { position: absolute; top: 0; margin: 0; padding: 0; background: url(../images/2016/logo.png) no-repeat; background-position: 27px 15px;}
div#top_pic h2 { position: absolute; width: 407px; height: 286px; top: 124px; margin: 0; padding: 0;}





/* nav_menu
---------------------------------------------*/
ul#nav_menu {
	background: url(../images/2025/nav_menu.jpg);
/*	background: url(../images/2016/nav_menu.jpg);*/
	margin: 0; padding: 0; height: 36px;
}
ul#nav_menu li {
	list-style: none; float: left;
}
ul#nav_menu li a {
	display: block;
	font-size: 0px;
	text-indent:-5000px;
/*	width: 190px; height: 36px; 5個*/
	width: 158px; height: 36px;
}







/* index_main
---------------------------------------------*/
div#index_main { background: #fff url(../images/2016/bg_left.jpg) top repeat-x; border-bottom: 1px solid #dedede; overflow: hidden;}
/*margin-top: 30px;  overflow: hidden; */

div#links { width: 220px; float: right; overflow: hidden; margin-right: 53px; background: #d0f3ff url(../images/2016/bg_right.gif) repeat-x top;}
div#content_index { width: 580px; float: left; overflow: hidden; padding: 29px 0 0 67px;}


div#content_index h1 { background: url(../images/2016/title_01_bg.png); width: 576px; height: 25px; margin: 0; padding: 0;}
/*
div#content_index h1 a {
	display: block;
	font-size: 0px;
	text-indent:-5000px;
	width: 576px; height: 22px;
}
*/
@media (min-width: 768px) {
    div#content_index h1 a {
        display: block;
        width: 556px; height: 25px;
        font-size: 17px;
        padding: 0 0 0 20px;
    }
}


div#content_index ul { padding: 0; margin: 5px 0 20px 16px;}
div#content_index ul li { list-style: none; border-bottom: 1px dashed #CCC; padding: 9px 0; line-height: 170%;}
div#content_index ul li span { color: #5999d6; font-weight: bold; display: block;}


div#links { text-align: center;}
div#links img { margin: 35px 0 0 0;}
div#links img:last-child { margin-bottom: 35px;}


/* footer_index
---------------------------------------------*/
div#footer_index { margin: 30px 0 0 0; clear: both; text-align: center;}
div#footer_index div#footer_menu { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; background: #f3f3f3; padding: 10px 0; overflow: hidden; text-align: center;}
div#footer_index div#footer_menu ul { margin: 0 auto; padding: 0; width: 80%;}
div#footer_index div#footer_menu ul li { background: url(../images/2016/icon_arrow_01.png) left no-repeat; padding: 0 10px 0 15px; display: inline-block; list-style: none;}
div#footer_index div#footer_info {text-align: center; padding: 15px 0 35px 0;}
div#footer_index div#footer_info ul { margin: 0 auto; padding: 0;}
div#footer_index div#footer_info ul li { padding: 0 10px 0 15px; display: inline-block; list-style: none; background: none;}











/* 2025增加之首頁項目
---------------------------------------------*/
div.indexAbout { margin: 0 auto; width: 750px;}
div.indexAbout ul { margin: 0; padding: 0;}
div.indexAbout ul li { list-style: none;}
div.indexAbout ul li span { display: none;}
div.indexAbout ul li.aboutCont {
    padding: 20px 0px 20px 43px;
    width: 659px;
    color: #5b5a5a;
    font-size: 15px;
    line-height: 25px;
}