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

/* 網站基本設定
---------------------------------------------*/
html,body {
	height:100%; /*垂直延伸*/
	color: #4e4e4e;
	font: 85% "微軟正黑體", verdana, Geneva;
	background: #f5f5f5 url(../images/header_bg_320.png) repeat-x;
}
a {
	color: #444;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: none;
	}
img {	
    display: block;
}
.clean-float {
	clear: both;
}

/* 網站結構設定
---------------------------------------------*/
#wrapper {
	width:100%;
	margin: 0 auto;
	padding:0; 
	position: relative;
}
#header{
	height:50px;
	position:relative;
	margin-bottom:8px;
}
#logo{
	position:absolute;
	left:10px;
	top:18px;
}
#mainMenu{
	position:absolute;
	right:10px;
	top:13px;
}
#content{ width:320px; margin:0 auto;}
#search{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	height:76px;
	position:relative;
	padding:10px;
	background: url(../images/search_bg.png) no-repeat;
}
#phone{
	position:absolute;
	width:113px;
	height:25px;
	background: url(../images/phone_no.png) no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding:9px 0 0 32px;
	top:10px; left:10px;
}
#mail{
	position:absolute;
	top:10px;
	right:10px;
	width:148px;
	height:34px;
}
#mail a{
	display:block;
	height:100%;
	}
#searchBar{
	position:absolute;
	bottom:10px;
	left:10px;
	display:block;
	width:300px;
}
#searchBar .data{
	float:left;
	background: #FFF;
	border: 3px solid #1e1e1e;
	height:19px;
	width:220px;
	padding:4px 6px;
}
#searchBar .btn{
	float:right;
	}
#searchBar .input{
	padding:2px 3px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	width:98%;
	}
#kind{
	height:304px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	display:block;
	background: url(../images/kind_bg.png) no-repeat;
	padding:10px;
	}
#kind li{
	display:block;
	float:left;
	}
#feature{
	padding:10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	display:block;
	}
#feature h1{
	padding:5px 0 0 32px;
	height:24px;
	background: url(../images/feature_title_bg.png) no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	margin-bottom:8px;
	border-bottom: 1px solid #59002a;
	}
#feature li{
	display:block;
	float:left;
	margin-right:3px;
	border: 2px solid #333;
	}
#feature li.nospace{
	float:right;
	margin-right:0;
	}
#feature .content{
	padding:4px 3px;
	width:288px;
	background: #FFF;
	border: 3px solid #d72177;
    }
#feature .input{
	padding:4px 6px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	width:98%;
	}
#featureOther{
	padding:10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	display:block;
	}
#featureOther img{
	border: 2px solid #333;
}
#material{
	display:block;
	padding:10px 10px 0 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	}
#material img{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#material .text{
	padding:2px 3px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #000;
	}
#material li{
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	border: 2px solid #000;
	width:67px;	height:76px;
	overflow:hidden;
	}
#material li.nospace{
	float:right;
	margin-right:0;
	}
#material a{
	display:block;
	color: #000;
	text-decoration: none;
}
	
#fast{
	padding:10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	display:block;
	}
#fast h1{
	padding:5px 0 0 32px;
	height:24px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #456D01;
	background: url(../images/fast_title_bg.png) no-repeat;
	}
#fast li{
	padding:6px 0 ;
	display:block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #878787;
	background: #e6e6e6 url(../images/fast_content_bg.png) repeat-x;
	}
#fast li.nospace{padding:0;}
#fast .btn{}
#fastContent{}
#fastContent .left{
	padding:1px 0;
	float:left;
	margin-right:5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	width:90px;
}
#fastContent .right{ width:45%; float:right;}
#fastContent .input{
	padding:3px 6px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	width:98%;
	border: 1px solid #3a3a3a;
	}
#fast .submitBtn{
	background: url(../images/fast_btn.png) repeat-x;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}
#fast .submitBtn a{
	padding:10px 0px;
	display:block;
	height:100%;
	color: #FFF;
	text-decoration: none;
}

#otherMenu{
	padding:10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	display:block;
	}
#otherMenu li{
	float:left;
	display:block;
	margin-right:5px;
	}
#otherMenu li.nospace{
	float:right;
	margin-right:0;
	}

/* 主選單的設定
---------------------------------------------*/
.categories{
	position: absolute;
	color:#dadada;
	width:100%;
	top: 51px;
	z-index:999;
	font-size:13px;
	left: 0;
}
.categories li{border-bottom:solid 1px #002451; border-top:solid 1px #145bb4;}
.categories li a{background:#004294 url(../images/mobile_categories_icon.png) no-repeat right center; color:#f6f6f6; display:block; padding:6px 10px;}
.categories li a:hover{ background-color:#222222;}
.number{ font-size:11px; background:#001f4b; padding:2px 5px; margin-left:10px; -webkit-border-radius:3px; /*導圓角*/}

	
/* 系統的設定
---------------------------------------------*/
#system{
	clear:both;
	background: #E9E9E9;
	border-top: 1px solid #FFF;
	border-bottom:solid 1px #d1d1d1;
	padding:8px 10px;
	font-weight:bold;
}
#system a{color: #1B559F; text-decoration: none;}
#system p{text-align:center;font-size:13px;color:#333; display:block;}

/* Footer的設定
---------------------------------------------*/
#footer{
	clear:both;
	margin-top:0px;
	background:url(../images/footer_bg.jpg) repeat-x;
	padding:15px 10px;
}
#footer p{
	text-align:center;
	font-size:10px;
	color:#666;
	display:block;
}

/* 內頁結構設定
---------------------------------------------*/
#inside_wrapper {
	width:100%; 
	margin: 0 auto; 
	padding:0; 
	position: relative;
}
#inside_header{
	height:98px;
	position:relative;
	border-bottom: 1px solid #93b2b9;
}
#inside_logo{
	position:absolute;
	left:177px;
	top:36px;
}
#inside_back{
	position:absolute;
	left:20px;
	top:25px;
}

/* ABOUT結構設定
---------------------------------------------*/
#about{ display:block;}
#about h1{
	background: url(../images/about_title_bg.png) no-repeat;
	height:20px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	margin-top:20px;
	font-size: 24px;
	color: #FFF;
	padding:13px 0 15px 20px;
}
#about h2{
	font-size: 24px;
	font-weight: bold;
	color: #0094c7;
	margin-bottom:10px;
	padding-bottom:18px;
	border-bottom: 1px solid #3894C7;
}
#about h3{
	font-size: 24px;
	font-weight: bold;
	color: #0094c7;
	background: url(../images/about_title_arrow.png) no-repeat left center;
	padding:4px 0 0 25px;
	margin-bottom:8px;
	height:24px;
	}
#about .blue{
	font-weight: bold;
	color: #0094c7;
}
#about p{
	font-size: 15px;
	line-height: 26px;
	color: #333;
	margin-bottom:25px;
}
#about a{
	color: #0094C7;
	text-decoration: underline;
}
#about a:hover{}
#about .contentTop{ 
    padding:20px; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	}
#about .contentBottom{ display:block;}
#about .contentBottom li{ 
    display:block; 
	padding:20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	}
#about .visual{ margin-bottom:20px;}
#about .visual .left{ float:left;}
#about .visual .right{ float:right;}
#about .service{}
#about .service .left{
	width:133px;
	float:left;
	border: 2px solid #000;
}
#about .service .right{ width:440px; float:right;}
#about .phone{
	background: url(../images/about_phone_icon.png) no-repeat left center;
	padding-left:40px;
	padding-top:11px;
	font-size: 21px;
	font-weight: bold;
	color: #0094c7;
	height:30px;
}

/* SEARCH LIST 結構設定
---------------------------------------------*/
#searchList{ display:block;}
#searchList h1{
	background: #a5d115 url(../images/search_title_bg_320.png) repeat-y;
	height:26px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	margin-top:20px;
	font-size: 24px;
	color: #FFF;
	padding:7px 0 15px 20px;
	}
#searchList h2{
	font-size: 21px;
	color: #333;
	margin-bottom:8px;
	line-height: 24px;
}
#searchList p{
	font-size: 15px;
	line-height: 23px;
	color: #333;
}
#searchList li{
	display:block; 
	padding:20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #93b2b9;
	}
.searchListContent{
	position:relative;
	}
.searchListContent .left{
	float:left;
	width:120px;
	margin-right:20px;
	border: 2px solid #000;
	}
.searchListContent .right{ float:left; width:90%;}
.searchListContent .arrow{
	position:absolute;
	right:0px;
	top:48px;
	width:36px;
	height:36px;
	background: #008CC1 url(../images/search_list_arrow_while.png) no-repeat center center;
	-webkit-border-radius:5px;
	}
.searchListContent .arrow a{ 
    height:100%; 
	display:block;
	}