@import url("../css/normalize.css");
/* HTML5 Boilerplate */
/*html5*/ 
article,aside,dialog,footer,header,section,footer{display:block;}

html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:13px; color:#555; line-height:1.5; font-family:Helvetica, Arial, serif; font-weight:400;
	background:url(../images/wide-background.png) repeat-x #e6e1dd;
	height:auto!important;min-height:100%;height:100%;}

::-moz-selection {background:#b3e0fc; text-shadow:none;}
::selection {background:#b3e0fc; text-shadow:none;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}
a{color:#026e4d; text-decoration:none;}
a,a:hover, a:active, a:focus{outline:0; color:#2a72ee;}
/* --- ! --- */



/* --- GLOBAL --- */
body{-webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;}
.wrapper{min-width:980px; width:980px; margin:0 auto; }

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#aaa;}
:-moz-placeholder{color:#aaa;}
.placeholder{color:#ccc;}
/* --- ! --- */


/* --- HEADER --- */
#header-container{background:url(../images/top-background.png) center 0 no-repeat; height:195px; position:relative;}

#header-container .top-links{height:35px; line-height:32px; font-size:12px; text-align:right; overflow:hidden; padding-right:5px;}
#header-container .top-links a{text-decoration:none; color:#026e4d; }
#header-container .top-links a:hover{color:#2a72ee;}
#header-container .top-links em{padding:0 3px; color:#aaa; font-style:normal;}

#header-container .resizer{font-weight:bold;}
#header-container .resizer .small {font-size:12px;}
#header-container .resizer .medium{font-size:16px;}
#header-container .resizer .large {font-size:20px;}
#header-container .resizer a{color:#aaa;display:inline-block; *display:inline; zoom:1; }
#header-container .resizer a.selected{color:#2a72ee;}

#header-container .top-links .fb{display:inline-block; *display:inline; zoom:1; 
	width:16px; height:16px; line-height:16px; text-align:left; text-indent:-9999em;
	background:url(../images/icon-share-fb.png) 0 0 no-repeat; vertical-align:2px;}

#header-container header{position:relative; height:105px; min-width:980px; width:980px; margin:0 auto;}
#header-container header .logo{float:left; width:303px; padding-top:13px; margin-left:10px;}
#header-container header h1{margin:0; background:url(../images/hei-logo.png) no-repeat; width:317px; height:82px; text-indent:-9999em;}
#header-container header .top-bans{float:right; width:640px; height:80px; padding:13px 0px; overflow:hidden;}
#header-container header .top-bans .ban1{float:left; width:128px; overflow:hidden;}
#header-container header .top-bans .ban2{float:left; width:502px; overflow:hidden; margin-left:6px;}
/* --- ! --- */


/* --- Header 輪播
#abgneBlock {float:left; width:502px; height:80px; position:relative; overflow:hidden;}
#abgneBlock ul.list{padding:0; margin:0; list-style:none; position:absolute; width:9999px; height:100%;}
#abgneBlock ul.list li{float:left; width:502px; height:100%;}
#abgneBlock ul.list figure{width502px; height:80px;}
#abgneBlock ul.playerControl{margin:0; padding:0; list-style:none; position:absolute; bottom:3px; right:3px; height:14px;}
#abgneBlock ul.playerControl li {float:left; width:10px; height:10px; cursor:pointer; margin:0px 2px; background:url(../images/cir_ctrl.png) no-repeat -10px 0;}
#abgneBlock ul.playerControl li.current {background-position:0 0;}
--- */
/* --- Header 輪播 2014.07.02--- */
#ban_slider{position:relative; top:0px; left:0px; width:502px; height:80px;}
#ban_slider figure{width:502px; height:80px;}
.ban_slider_nav{position:absolute; bottom:0px; right:5px;}
.ban_slider_nav a, .ban_slider_nav a:hover, .ban_slider_nav .av{background:url(../images/cir_ctrl.png) no-repeat -10px 0; overflow:hidden; cursor:pointer;
	text-indent:-99999em;}
.ban_slider_nav a{position:absolute; width:10px; height:10px; line-height:10px;}
.ban_slider_nav a:hover, .ban_slider_nav .av:hover {background-position:0 0; }
.ban_slider_nav .av{background-position:0 0; }
/* --- ! --- */


/* --- SEARCH --- */
.top-search{font-size:13px; padding:14px 0; }
.top-search input[type=text]{width:220px; padding:6px; margin-left:15px;}
.top-search input[type=submit], #search_block input[type=button]{}
.top-search input[type=submit]{margin-left:3px; outline:none;}
.top-search a{color:#026e4d;}
.search-block{float:left; width:310px;}
.search-keyword{float:left; width:640px; height:24px; line-height:18px; padding-top:1px; margin-left:10px; overflow:hidden;}
.top-search .badge{display:inline-block; display:inline; zoom:1; padding:3px 5px; margin:0 2px 5px; background:#e3e3e3; border-radius:5px; font-size:12px;}
.top-search .badge:hover{color:#2a72ee; background:#fff;}
/* --- ! --- */


/* --- Left Block --- */
#menu ul{list-style:none; padding:0; margin:0 0 20px; width:190px;}
#menu ul li{border-bottom:1px solid #80baa7; }
#menu a{display:block; color:#026848; font-size:15px; font-family:"微軟正黑體"; padding:5px; 
	background-image:url(../images/menu-arr.png); background-position:98% 50%; background-repeat:no-repeat;}
#menu a:hover{background-image:url(../images/menu-arr2.png); background-color:#2bad82; color:#fff;}

.separated-shadow{background:url(../images/left-separated.png) center 0 no-repeat; height:14px; margin:10px 0;}

.left-search{height:auto!important;min-height:350px;height:350px; font-size:12px;}
.left-search h3{margin:0; background:url(../images/home-title-search.png) no-repeat; height:22px; text-indent:-9999em; margin-bottom:25px;}
.left-search h3 small{text-align:left; text-indent:0; color:#c57840; font-weight:normal;}
.left-search .Zip-Code, .left-search .City{float:left; width:49%; margin-bottom:5px;}
.left-search .Area, .left-search .Name{margin-bottom:8px;}
.left-search .Zip-Code input{width:66px;}
.left-search .City select{width:85px;}
.left-search .Area select{width:100%;}
.left-search .Name input{width:95%;}
.left-search .btn-search{width:100%;}
.left-search select{padding:5px 3px; border:1px solid #ccc;}
/* --- ! --- */


/* --- CONTAINER --- */
#content-container{height:auto!important;min-height:400px;height:400px;}
.page-left{width:190px; margin:15px 0 30px 10px;}
.page-right{width:735px; height:auto!important;min-height:400px;height:400px; margin:15px 10px 30px 0;
	background:#fff;
	padding-top:13px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 2px 3px rgba(0,0,0,.2); -moz-box-shadow:0 2px 3px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);}
.main-content{padding:10px 20px 30px; border:0px solid #f00;word-wrap:break-word; word-break:normal;}
/* --- ! --- */


/* --- TITLE & BREADCRUMB --- */
.title-breadcrumb {height:30px; border-bottom:3px solid #e4dad1; margin-bottom:18px;}
.title-breadcrumb  .title{margin:0; font-size:18px; color:#111; float:left; width:120px;}
#breadcrumb{float:right; font-size:12px; color:#999;}
#breadcrumb a{color:#999;}
/* --- ! --- */


/* ---  List Search --- */
.search-list-block{padding:10px 0;}
.search-list-block select{padding:4px;}


/* --- NEWS --- */
.latest-news{position:relative; }
.latest-news strong{margin:0; font-size:18px; line-height:35px; color:#fff;
	float:left; width:74px; height:20px; margin:10px 15px 0 10px;
	background:url(../images/home-title-news.png) no-repeat; text-indent:-9999em;}
.latest-news .more{float:right; text-indent:-9999em; text-align:left; margin-top:8px; margin-right:10px;}

#news-marquee{float:left; width:800px; height:35px; overflow:hidden;}
#news-marquee ul{margin:0; padding:0; list-style:none;}
#news-marquee ul li{float:left; width:800px; height:80px; padding:10px; line-height:18px;}
#news-marquee ul time{margin-right:10px; float:left; color:#111; font-size:12px; padding-top:1px;}
#news-marquee ul a{color:#90e4ca; text-decoration:none; display:inline-block; width:700px; height:18px; overflow:hidden;}
#news-marquee ul a:hover{color:#fff;}
#news-marquee  a.more{display:inline; font-weight:normal; color:#666; text-indent:0em;
	background:url(../images/btn-more.png) right 50% no-repeat; width:47px; height:19px;}
#news-marquee  a.more:hover{color:#0499ef; text-decoration:none;}
/* --- ! --- */



/* --- PAGE --- */
.page{font-size:12px; margin:0px 0px; padding:10px 0; text-align:center;}
.page span a, .page span a:hover, .page .current, .page .disabled{padding:3px 3px; margin:2px 0; border-radius:5px; line-height:28px;}
.page a{color:#333; border:1px solid #ccc; cursor:pointer; text-decoration:none; }
.page a:hover{color:#fff; background:#4062ab; border:1px solid #4062ab;}
.page .current{color:#333; background:#fff; font-weight:bold; border:1px solid #fff; }
.page .disabled{color:#ddd; border:1px solid #ddd;}
/* --- ! --- */


/* --- FOOTER --- */
footer{height:120px; font-size:12px; line-height:18px; color:#777; background:#1b1b1b; }
footer div{padding:15px 0;}
footer address{float:left; font-style:normal; padding-top:8px; margin-left:15px;}
footer address a{color:#777;}
footer .qrcode{float:right; width:66px; height:66px; text-align:center; margin-right:15px;}
footer .qrcode a{color:#fff;}
footer .qrcode figcaption{padding:3px 0;}
/* --- ! --- */


/* Hide from both screenreaders and browsers */
.hidden{display:none !important; visibility:hidden;}

/* Clearfix:contain floats */
.clearfix:before,
.clearfix:after {
    content:""; /* 1 */
    display:table; /* 2 */
}
.clearfix:after{clear:both;}
/* For IE 6/7 only */
.clearfix{*zoom:1;}


/* --- COMM --- */
.maxWidth { width:100%;}
.maxHeight { height:100%; margin:0 auto;}
.floatL{ float:left; }
.floatR{ float:right; }
.explanation{font-size:12px; color:#C60; font-weight:normal;}
.required{color:#f00; font-weight:normal;}
table tr.even{background:#f7f7f7;}
table tr.odd{background:#fff;}
#ui-datepicker-div{font-size:12px;}
.ui-datepicker-trigger{margin-left:3px;}
.noneData{font-size:12px; color:#999; text-align:center !important;}
form{display:inline;}
/* --- ! --- */


/* --- Input, Select, Textarea --- */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
	padding:6px 4px; 
	background:#fff;
	border:1px solid #bbb; 
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:inset 0 1px 1px #ddd; 
	-moz-box-shadow:inset 0 1px 1px #ddd;
	-webkit-box-shadow:inset 0 1px 1px #ddd;
}
select{padding:3px; border:1px solid #ccc;}
select option{padding:3px; background:#fff;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background:#fffeee;
	border:1px solid #67cfff; 
	box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-moz-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-webkit-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	-ms-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	webkit-appearance:none;
}
#search-block input.date{width:70px;}
/* --- ! --- */


/* --- Buttons --- */
input[type=submit], input[type=button], input[type=reset], a.btn{
	-webkit-appearance:none;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	background:#36ba92;
	color:#fff; font-size:13px;
	padding:5px 8px;
	border:1px solid #36ba92;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	cursor:pointer;
	text-decoration:none;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover{
	background:#179871;
	border-color:#179871;
	color:#fff;
	text-decoration:none;
}

.buttons{text-align:center;	padding-top:20px; border-top:1px solid #e3e3e3;}
.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
	padding:6px 30px;
}
/* --- ! --- */


/* --- Social Share --- */
#social-share{text-align:center; height:32px; padding:10px 3px;}
#social-share a{display:block; width:32px; height:32px; 
	float:left; margin-left:5px; 
	background-image:url(../images/icons-social.png); background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#social-share .fb     {background-position:0 0;}
#social-share .gl     {background-position:0 -32px;}
#social-share .twitter{background-position:0 -64px;}
#social-share .plurk  {background-position:0 -96px;}
#social-share .line   {background-position:0 -128px;}
/*
#social-share .line{display:block; width:32px; height:32px; float:left;}
#social-share .line a{display:block; width:32px; height:32px; background-position:0 -128px;}
#social-share .line img{display:none;}
*/
/* --- ! --- */