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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

html {
	min-height: 100%;
	_height:100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	_height:100%;
	height: 100%;
}
a{
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

/*--reset_END--*/

/*--共用版型--*/
body{ font-family:'微軟正黑體'; position:relative; min-width:1050px;}

.clear{ float:none; clear:both;}
.tall_01{ height:10px; clear:both; float:none;}
.tall_02{ height:20px; clear:both; float:none;}
.tall_03{ height:30px; clear:both; float:none;}
.tall_04{ height:40px; clear:both; float:none;}
.tall_05{ height:50px; clear:both; float:none;}
.tall_06{ height:60px; clear:both; float:none;}

.wp_960{ width:960px; margin:0 auto;}

/*--首頁--*/
.top_line{ height:4px; background-color:#2183f1;}

.header{ height:50px; background-color:#f7f7f7; border-bottom:1px solid #efefef;}

.logo{ float:left; height:40px; width:145px; background-image:url(../img/theme/logo.png); background-repeat:no-repeat; background-position:0 5px; padding-top:5px; padding-left:45px; margin-right:70px;}
.logo a{ text-decoration:none; text-align:right;}
.logo a:hover{}

.logo a h1{ font-size:23px; color:#23469c; line-height:25px; font-style:normal; text-align: center; font-weight: 500;}
.logo a span{ display:block; font-size:9px; color:#7d7d7d; line-height:13px; letter-spacing:1px;}

.header_nav{ float:left; width:550px; font-size:13px; color:#666; line-height:40px; text-align: right;}
.header_nav a{ color:#666; text-decoration:none; padding:0 8px;}
.header_nav a:hover{ color:#000;}

.header_search_box{ position: relative; float:right; width:140px; height:23px; border:1px solid #d2d2d2; background-color:#FFF; margin-top:10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.header_search_box input[type="text"]{ position: absolute; width:105px; height:23px; background:none; border:none; padding-left:10px; line-height:23px; font-family:"微軟正黑體"; font-size:10px;}
.header_search_box input[type="submit"]{ position: absolute; right:0; width:25px; height:23px; background:none; border:none; cursor:pointer; background-image:url(../img/theme/search_btn.png); background-repeat:no-repeat; background-position:center;}
.search_title{
font-size: 24px;
color: #131111;
line-height: 30px;
padding-bottom: 10px;
font-weight: normal;
}

.menu{ width:1050px; margin:0 auto; text-align:center; height:75px; border-bottom:1px solid #efefef; padding-top:15px; overflow: hidden;}
/*.menu{ text-align:center; height:75px; border-bottom:1px solid #efefef; padding-top:15px;}*/
.menu a{ display:inline-table; width:65px; height:65px; background-repeat:no-repeat; background-position:top center; font-size:14px; color:#2b2b2b; text-decoration:none; padding:40px 23px 0 23px;}
.menu a:hover{ color:#1b6cc7; background-position:36px 2px;}

.menu a.m_01{ background-image:url(../img/theme/menu_icon_01.png);}
.menu a.m_02{ background-image:url(../img/theme/menu_icon_02.png);}
.menu a.m_03{ background-image:url(../img/theme/menu_icon_03.png);}
.menu a.m_04{ background-image:url(../img/theme/menu_icon_04.png);}
.menu a.m_05{ background-image:url(../img/theme/menu_icon_05.png);}
.menu a.m_06{ background-image:url(../img/theme/menu_icon_06.png);}
.menu a.m_07{ background-image:url(../img/theme/menu_icon_07.png);}
.menu a.m_08{ background-image:url(../img/theme/menu_icon_08.png);}
.menu a.m_09{ background-image:url(../img/theme/menu_icon_09.png);}

.kv{ background-color:#f7f7f7; height:350px; padding-top:15px;}

.kv_pic{ width:655px; height:330px; float:left;}
.kv_pic_box{ width:655px; height:330px; position:relative; background-repeat:no-repeat; overflow: hidden}
.kv_pic_box span{ position:absolute; bottom:0; left:0; display:block; width:100%; height:40px; background-image:url(../img/theme/kv_bg.png); background-repeat:repeat-x; font-size:26px; color:#FFF; padding-top:50px; padding-left:10px;}

.cycle-pager{ font-size:20px; color:#999; width:100%; text-align:center; cursor:pointer; line-height:20px;}
.cycle-pager-active{ color:#2183f1;}

.kv_banner{ float:right; width:290px;}
.kv_banner a{ display:block; width:290px; height:160px; margin-bottom:10px; position:relative;background-repeat:no-repeat; overflow: hidden;}
.kv_banner a:hover{}

.kv_banner a span{ position:absolute; width:99% ;bottom:0px; font-size:18px; color:#FFF; line-height:25px; background-image:url(../img/theme/kv_bg.png); background-repeat:repeat-x; padding: 45px 0 5px 10px}

.home_con{ padding:20px 0;}

.home_con_left{ width:715px; float:left; padding-right:20px; border-right:1px solid #ebebeb;}

.home_con_title{ padding-bottom:15px; border-bottom:1px solid #8ec3ff;}

.home_con_title h1{ float:left; font-size:24px; color:#000; line-height:24px; background-image:url(../img/theme/title_icon.png); background-repeat:no-repeat; background-position:right bottom; padding-right:15px; font-weight:normal; line-height: 30px;}
.home_con_title a{ float:right; font-size:12px; color:#212121; text-decoration:none; background-image:url(../img/theme/more_icon.png); background-repeat:no-repeat; background-position:right center; padding-right:15px; margin-top:10px;}
.home_con_title a:hover{ color:#0b62c3;}

.prevControl{ position:absolute; width:30px; height:40px; top:150px; left:0; z-index:999;}
.prevControl a{ display:block; width:30px; height:40px; background-image:url(../img/theme/kv_prev_btn.png); background-repeat:no-repeat;}
.prevControl a:hover{
filter:alpha(opacity=50); /*IE,透明度50%*/
-moz-opacity:0.5; /*Firefox,透明度50%*/
opacity:0.5;/*其他浏览器,透明度50%*/
}

.nextControl{ position:absolute; width:30px; height:40px; top:150px; right:0; z-index:999;}
.nextControl a{ display:block; width:30px; height:40px; background-image:url(../img/theme/kv_next_btn.png); background-repeat:no-repeat;}
.nextControl a:hover{
filter:alpha(opacity=50); /*IE,透明度50%*/
-moz-opacity:0.5; /*Firefox,透明度50%*/
opacity:0.5;/*其他浏览器,透明度50%*/
}


.home_news_list{ margin-bottom:25px;}

.home_news_list td{ height:50px; line-height:50px; border-bottom:1px dashed #c8c8c8;}
.home_news_list td.news_date{ font-size:12px; color:#9a9a9a; line-height:50px;}
.home_news_list td.news_list_title{ font-size:15px; color:#212121; line-height:50px;}
.home_news_list td.news_list_title a{ color:#212121; text-decoration:none;}
.home_news_list td.news_list_title a:hover{ color:#0b62c3;}

.active_list_box{ float:left; width:340px; height:120px; margin:15px 15px 15px 0;;}
.active_list_box .active_pic{ width:160px; height:120px; float:left;}
.active_list_box .active_info_box{ width:165px; float:right;}
.active_list_box .active_info_box .active_date{ font-size:12px; color:#9a9a9a; margin-bottom:3px;}
.active_list_box .active_info_box .active_title{ font-size:15px; color:#000; margin-bottom:5px;; max-height: 40px; overflow: hidden;}
.active_list_box .active_info_box .active_title a{ color:#000; text-decoration:none;}
.active_list_box .active_info_box .active_title a:hover{ color:#0b62c3;}
.active_list_box .active_info_box .active_info{ font-size:13px; color:#717171; line-height:18px; max-height: 55px; overflow: hidden;}

.home_con_right{ width:200px; float:right;}

.right_banner_box{}
.right_banner_box a{ display:block; width:200px; height:70px; border:1px solid #d0d0d0; margin-bottom:20px;}
.right_banner_box a:hover{ border:1px solid #0b62c3;}

.right_book_box{ padding-bottom:20px;}
.right_book_box a{ display:block; width:200px; height:285px; border:1px solid #d0d0d0;}
.right_book_box a:hover{ border:1px solid #0b62c3;}

.right_book_pic{ padding-top:20px;}

.footer{ background-color:#e8e8e8; font-size:12px; color:#666; line-height:25px; text-align:center; padding:15px 0;}
.footer span{ padding:0 10px;}


/*--內頁樣式--*/
.in_kv{ width:960px; height:200px; position:relative; margin:15px auto;}
.in_kv img{ width:960px; height:200px; position:absolute; left:0; top:0;}

.bread{ font-size:12px; color:#808080; line-height:30px; width:960px; margin:0 auto;}
.bread a{ color:#808080; text-decoration:none;}
.bread a:hover{ color:#000;}

.tag_box{ font-size:15px; color:#212121; line-height:20px; padding-top: 30px; padding-bottom: 20px;}
.tag_box a{ display:inline-table; color:#212121; padding:7px 13px; background-color:#f4ece9; text-decoration:none; margin-right:10px; margin-bottom: 10px}
.tag_box a:hover{ color:#FFF; background-color:#0b62c3;}
.tag_box a.onlink{ color:#FFF; background-color:#0b62c3;}

.page_box{ font-size:14px; color:#444; line-height:25px; text-align:center; margin-top:25px;}
.page_box a{ color:#444; text-decoration:none; padding:3px 8px;}
.page_box a:hover{ background-color:#e7e7e7;}
.page_box a.onlink{ background-color:#e7e7e7;}

.download_btn{ font-size:15px; color:#212121; line-height:20px;}
.download_btn a{ color:#212121; padding:7px 35px 7px 13px; background-color:#f4ece9; text-decoration:none; background-image:url(../img/theme/download_icon.png); background-repeat:no-repeat; background-position:50px 10px;}
.download_btn a:hover{ color:#FFF; background-color:#0b62c3; background-image:url(../img/theme/download_icona.png);}

.magazine_con_box{ padding-top:30px; margin-bottom:50px;}

.maga_left{ width:280px; float:left;}

.showbox{ width:280px; height:410px; margin-bottom:10px;}
.abgne-block-20120106{ text-align:center;}
.abgne-block-20120106 a{ display:block; width:50px; height:50px; float:left; border:1px solid #d1d1d1; margin-right:5px;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.abgne-block-20120106 a img{ height:50px;}
.abgne-block-20120106 a:hover{
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

.showbox2{ width:705px; height:385px; margin-bottom:10px; border:1px solid #d1d1d1;overflow: hidden;}
.abgne-block{ text-align:center;}
.abgne-block a, { display:block; width:50px; height:50px; float:left; border:1px solid #d1d1d1; margin-right:5px;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.abgne-block a img{ width:50px; height:50px;}
.abgne-block a:hover{
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

.abgne-block-20120106 a:last-child{ margin-right:0px;}

#rent .flex-control-thumbs li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #d1d1d1;
}

#rent .flex-control-thumbs li img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#rent .flex-control-thumbs li img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#rent .flex-control-thumbs li + li {
    margin-left: 5px;
}

.order_box{ color:#f77400; text-align:center; font-size:24px; line-height:30px; border-top:1px dashed #b4b4b4; border-bottom:1px dashed #b4b4b4; margin-top:23px; padding:13px 0;}
.order_box span{ display:block; font-size:15px; background-image:url(../img/theme/tel_icon.png); background-repeat:no-repeat; background-position:90px 5px;}

.maga_right{ width:400px; float:right;}

.maga_tag{ font-size:13px; color:#9a9a9a; line-height:20px; margin-bottom:20px;}
.maga_tag span{ color:#FFF; font-size:12px; background-color:#0b62c3; padding:3px 10px; margin-right:10px;}

.maga_title{ font-size:17px; color:#0b62c3; line-height:20px; margin-bottom:10px;}

.maga_info{ font-size:15px; color:#212121; line-height:25px; margin-bottom:25px;}

.maga_select_box{ padding:30px; position:relative; text-align:center; font-size:15px; color:#212121; margin-bottom:30px;}
.maga_select_box a{ color:#212121; text-decoration:none;}
.maga_select_box a:hover{ color:#1b6cc7;}

.prevControl2{ position:absolute; width:20px; height:40px; top:135px; left:0; z-index:999;}
.prevControl2 a{ display:block; width:20px; height:40px; background-image:url(../img/theme/kv_prev_btn2.png); background-repeat:no-repeat; background-position:left top;}
.prevControl2 a:hover{ background-position:left bottom;}

.nextControl2{ position:absolute; width:20px; height:40px; top:135px; right:0; z-index:999;}
.nextControl2 a{ display:block; width:20px; height:40px; background-image:url(../img/theme/kv_next_btn2.png); background-repeat:no-repeat; background-position:left top;}
.nextControl2 a:hover{ background-position:left bottom;}

.maga_banner_box{ padding:25px 0 50px 0;}
.maga_banner_box a{ display:block; float:left; width:340px; height:65px; position:relative; margin-right:15px;}
.maga_banner_box a:hover{}

.maga_banner_box a img{ position:absolute; left:0; top:0;}
.maga_banner_box a span{ display:block; width:25px; height:25px; position:absolute; right:10px; top:20px; text-indent:-9999px; background-image:url(../img/theme/maga_banner_btn.png); background-repeat:no-repeat; background-position:left top;}
.maga_banner_box a:hover span{ background-position:left bottom;}

.space_list_box{ border-bottom:1px dashed #b4b4b4; padding-bottom:20px; margin-bottom:20px;}

.space_pic{ width:220px; float:left;}

.space_info{ width:470px; float:right;}
.space_info h2{ font-size:24px; color:#000; font-weight:normal; margin-bottom:10px;}
.space_info h2 a{ color:#000; text-decoration:none;}
.space_info h2 a:hover{ color:#999;}

.space_info table td{ font-size:15px; color:#212121; line-height:20px; padding-bottom:10px;}
.space_info table tr.blue_word td{ color:#0b62c3;}

.space_big_pic{ width:100%; margin-top:30px; margin-bottom:40px;}

.space_con_box img{ max-width: 100%;}
.space_con_box ul li{ background-image:url(../img/theme/list_icon.png); background-repeat:no-repeat; background-position:0px 9px; font-size:15px; color:#212121; line-height:27px; padding-left:15px;}
.space_con_box h2{ font-size:17px; color:#0b62c3; line-height:30px; font-weight:normal;}
.space_con_box p{ font-size:15px; color:#212121; line-height:25px;}
.space_con_box a{ font-size:15px; color:#f77400; text-decoration:none;}
.space_con_box a:hover{ color:#0b62c3;}
.space_con_box table{ line-height: 25px;}

.space_btn_box{ font-size:15px; color:#212121; line-height:20px; padding:30px 0;}
.space_btn_box .space_btn_left a{ color:#212121; padding:7px 35px 7px 13px; background-color:#f4ece9; text-decoration:none; background-image:url(../img/theme/download_icon.png); background-repeat:no-repeat; background-position:100px 10px; margin-right:10px;}
.space_btn_box .space_btn_left a:hover{ color:#FFF; background-color:#0b62c3; background-image:url(../img/theme/download_icona.png);}

.space_btn_left{ width:50%; float:left;}

.space_back_btn{ width:50%; float:right;}
.space_back_btn a{ float:right; font-size:12px; color:#212121; text-decoration:none; background-image:url(../img/theme/more_icon.png); background-repeat:no-repeat; background-position:right center; padding-right:15px; margin-top:10px;}
.space_back_btn a:hover{ color:#0b62c3;}

/*--活動剪影--*/
.album_list{ width:222px; height:190px; overflow:hidden; float:left; margin-bottom:30px; margin-right:24px;}
.album_list:nth-child(4n) { margin-right:0px;}
.album_list a{ font-size:15px; color:#212121; line-height:20px; text-decoration:none;}
.album_list a:hover{ color:#0b62c3;}
.album_list a img{ border:1px solid #d0d0d0; margin-bottom:5px;}
.album_list a p{}

.photo_wall_box{ padding:20px 0;}




/*summer*/
.page_box li{ display: inline-block;}

a.mobile_btn{ font-size:14px; line-height:20px; text-align:center; letter-spacing:3px; display:inline-table; color:#333; text-decoration:none; border:1px solid #333; padding:3px 20px; margin:0 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
a:hover.mobile_btn{ background-color:#fffefe; color:#666; border:1px solid #fffefe;}

/*--404--*/
.btn404{ font-size:15px; color:#212121; line-height:20px; padding:30px 0; margin-top:30px; border-top:1px solid #efefef;}
.btn404 a{ display:inline-table; color:#212121; padding:7px 13px; background-color:#f4ece9; text-decoration:none; margin-right:10px;}
.btn404 a:hover{ color:#FFF; background-color:#0b62c3;}
.btn404 a.onlink{ color:#FFF; background-color:#0b62c3;}


/*--行動版--*/
@media (max-width: 640px) {

}



/*--末端控制項--*/
.nobg{ background-image:none;}
.noborder{ border:none;}
.nomargin{ margin:0;}
.nopadding{ padding:0;}
































