/***************************** 版面設計 *****************************/

#header {
	padding-bottom: 5px;
	background-position:bottom;
	background-image: url(../Images/middle-nav-bg-02.png);
	background-repeat: repeat-x;
}
#header:after {
	content: '';
	display: block;
	clear: both;
}

/***************************** Header *****************************/
.logo {
	width:70%;
}
.logo img {
	text-align:center;
	width:100%;
	max-width: 300px;
}
.login{
	width: 13%;
	margin-left: 1%;
	margin-right: 3%;
	margin-top: 3%;
	float: left;
	display: block;
}
.login img {
	width: 100%;
}

/***************************** Top Nav *****************************/
.nav {
	background-image: none;
	height: auto; /*選單下拉畫面跟著延長*/
	float: left;
	width: 8%; /*menu跟dropdown icon對齊 因為設得很小所以menu會自動斷行*/
	margin-top: 3%;
}
.nav ul {
	padding: 80px 0 0 0; /*menu items 距離top 高度*/
	float: right; /*menu items滑動時的對齊方式*/
	display: none; /*一開始隱藏menu items*/
}
.nav li {
	float: right; /*主要menu items對齊方式*/
	margin-bottom: 18px;/*menu items上下間距*/
}
nav a#pull {
	display: block;
	position: absolute; /*固定dropdown icon位置 不會跟著滑動*/
}
nav a#pull img{	
	width: 100%;
}
.middle-nav-text {
	padding: 4px 18px;/*menu items長寬擴充*/
	background-color:#054588;
}

/***************************** Price Nav *****************************/
.price_nav {
	padding-bottom: 0;;
}
.price_nav li {
	width:33.33%;
	padding-bottom: 10px;
	border-bottom:#FFFFFF 1px solid;
	border-right: none;
}
.price_nav li + li + li + li{
	border-bottom: none;
	padding-top: 10px;
}

/***************************** Price Tab *****************************/
.index-price-title strong.index-price-title-text {
	margin: 0 0 0 5%;
}
.index-price-title strong.index-price-title-date {
	margin: 0 5% 0 5%;
}
.index-price-ann {
	-margin: 0 5% 0 5%;
	padding: 5px 5%;
}