@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;}

.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;}

.tall_45{ height:45px; clear:both; float:none;}

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

/*--行動版NAV ICON--*/
.navicon {
    border-bottom: 3px solid #000;
    border-top: 9px double #000;
    font-size: 0;
    height: 3px;
    margin: 0px;
    width: 20px;
    display:block;
    position:absolute;
    left:10px;
    top:10px;
}

/*--首頁--*/
.sb-slidebar ul.main_menulist{}
.sb-slidebar ul.main_menulist li{ font-size:17px; color:#333;}
.sb-slidebar ul.main_menulist li a{ display:block; line-height:50px; padding:0 15px 0 56px; background-size:33px 33px; background-repeat:no-repeat; background-position:15px 10px; color:#333; text-decoration:none;}
.sb-slidebar ul.main_menulist li a:hover{ background-color:#f0f0f0;}

.sb-slidebar ul.main_menulist li.menu_style a{ background-color:#f4f4f4; border-bottom:1px solid #d3d3d3;}
.sb-slidebar ul.main_menulist li.menu_style a:hover{ background-color:#f0f0f0;}

.sb-slidebar ul.main_menulist li.menu_style a.menu_link1{ background-image:url(../img/theme/nav_icon1.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link2{ background-image:url(../img/theme/nav_icon2.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link3{ background-image:url(../img/theme/nav_icon3.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link4{ background-image:url(../img/theme/nav_icon4.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link5{ background-image:url(../img/theme/nav_icon5.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link6{ background-image:url(../img/theme/nav_icon6.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link7{ background-image:url(../img/theme/nav_icon7.png);}
.sb-slidebar ul.main_menulist li.menu_style a.menu_link8{ background-image:url(../img/theme/nav_icon5.png);}
.sb-slidebar ul.main_menulist li a.menu_link{ background-image:url(../img/theme/nav_icon.png);}
.sb-slidebar ul.main_menulist li a:hover.menu_link{}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4;
}

.header_center{ height:44px; border-bottom:1px solid #d5d5d5; background-color:#f8f8f8;}

.logo{ line-height:44px; font-size:19px; color:#23469c; text-align:center;}
.logo a{ color:#23469c; text-decoration:none; background-image:url(../img/theme/logo.png); background-repeat:no-repeat; background-size:25px 25px; padding-left:30px;}
.logo a:hover{}

.search_btn{ position:absolute; right:10px; top:10px; width:25px; height:25px;}
.search_btn a{ display:block; width:25px; height:25px; line-height:44px; background-image:url(../img/theme/search_icon.png); background-repeat:no-repeat; background-size:25px 25px; background-position:0 0px;}
.search_btn a:hover{}

.main_content{}

.home_slide_kv{ position:relative; padding-bottom:16px; border-bottom:1px solid #d5d5d5; background-color:#f3f3f3; overflow:hidden;}
.cycle-overlay{ position:absolute; left:0; bottom:0px; z-index:999; width:100%; color:#FFF; font-size:15px; line-height:20px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
}
.cycle-overlay div{ padding:10px;}

.cycle-pager{ position:absolute; bottom:0; left:0; height:16px; padding-top:10px; text-align:center; width:100%; font-size:25px; line-height:16px; color:#999; z-index:999; cursor:pointer;}
.cycle-pager .cycle-pager-active{ color:#2183f1;}

.listbox_01{ background-image:url(../images/link_icon.png); background-position:right center; background-repeat:no-repeat; background-size:17px 17px; border-bottom:1px solid #d5d5d5; padding:10px;}
.listbox_01 a{ text-decoration:none;}
.listbox_01 span.lb_left{ display:block; float:left; width:30%;}
.listbox_01 span.lb_left img{ width:100%;}

.listbox_01 span.lb_right{ display:block; float:left; width:70%;}
.listbox_01 span.lb_right h1{ font-size:15px; line-height:20px; color:#131111; margin:0; margin-bottom:5px; padding:0 10px;}
.listbox_01 span.lb_right p{ font-size:12px; line-height:20px; color:#9a9a9a; padding:0 10px;}
.listbox_01 span.lb_right h2{ font-size:15px; font-weight:normal; line-height:20px; color:#0b62c3; margin:0; margin-bottom:5px; padding:0 10px;}
.listbox_01 span.lb_right .space_info{ font-size:15px; line-height:20px; color:#333; margin:0; margin-bottom:5px; padding:0 10px;}

.listbox_02{ background-image:url(../images/link_icon.png); background-position:right center; background-repeat:no-repeat; background-size:17px 17px; border-bottom:1px solid #d5d5d5; padding:10px 0;}
.listbox_02 a{ text-decoration:none;}
.listbox_02 span{ display:block; width:100%;}
.listbox_02 span h1{ font-size:15px; line-height:20px; color:#131111; margin:0; margin-bottom:5px; padding:0 10px;}
.listbox_02 span p{ font-size:12px; line-height:20px; color:#9a9a9a; padding:0 10px;}

.more_btn{ text-align:center; font-size:15px; color:#FFF; margin:15px 0;}
.more_btn a{ display:block; background-color:#2183f1; color:#FFF; padding:5px 10px; text-decoration:none; margin:0 10px;}
.more_btn a:hover{ background-color:#489cfb;}

footer{ background-color:#2e2828; padding:10px;}

.footr_info{ font-size:12px; color:#e8e8e8; line-height:25px; text-align:center; padding:10px 0;}
.footr_info span{ font-size:8px;}

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

.blue_icon{ background-image:url(../img/theme/tab_wordov_bg.png); background-repeat:no-repeat; background-position:right bottom; background-size:6px 6px; padding-right:15px;}

.page_box{ font-family:Arial; font-size:15px; color:#444; text-align:center; line-height:24px; padding:15px 0;}
.page_box a{ display:inline-table; width:24px; height:24px; color:#444; text-decoration:none;}
.page_box a:active,
.page_box a:hover{ background-color:#d5d5d5;}
.page_box li {display: inline-block;}
.page_box li a.onlink {background-color:#d5d5d5; }

/*--內容頁--*/
.banner_box{ position:relative;}
.banner_box img{ width:100%;}
.banner_top{ position:absolute; left:0; top:0; z-index:99; width:100%;}

.title_inside{ font-size:17px; color:#000; line-height:17px; padding:15px; border-bottom:1px solid #2183f1;}

.list_inside{}

.inside_content{ padding:10px;}
.inside_content h3{ font-size:15px; color:#0b62c3; font-weight:normal; line-height:25px;}
.inside_content p{ font-size:15px; color:#212121; line-height:25px;}
.inside_content img{ width:100%;}

.inside_content a{ font-size:15px; color:#212121; line-height:25px;}
.inside_content a:hover{ color:#0b62c3;}

.inside_content ul li{ background-image:url(../img/theme/list_icon.png); background-repeat:no-repeat; background-position:0px 3px; background-size:12px 12px; font-size:15px; color:#212121; line-height:18px; padding-bottom:8px; padding-left:15px;}


.download a span.download_icon{ background-image:url(../img/theme/download_icon.jpg); background-repeat:no-repeat; background-size:40px 40px; background-position:right 10px top;}
.download a:hover span.download_icon{ background-image:url(../img/theme/download_icona.jpg);}
.download a span.download_icon p , a span.download_icon h1{ padding-right:60px;}




/*--站內搜尋--*/
.search_box {
    background-color: #e6e6e6;
    display: none;
    padding: 10px;
}
.search_box input{ border:none;}

#SearchForm{
    background-color: #FFF;
	border:1px solid #d2d2d2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	position:relative;
	margin:0 10px;
}
#SearchForm  > input[type=submit]{
    display: block;
    width: 30px;
    height: 23px;
    background-image: url(../img/theme/search_btn.png);
    background-repeat: no-repeat;
	background-position:4px 2px;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#358dd9;
    border:none;
    -webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
#SearchForm  > input[type=submit]:hover{
    opacity:0.7;
    _filter:alpha(opacity=70);/*IE6*/
    filter:alpha(opacity=70);/*IE7*/
    -moz-opacity: 0.7;/*fireFox*/
}

.search_box input[type=text]{ background-color:#FFF; border:none; width:100%; height:22px; line-height:20px; padding:0; font-family:"微軟正黑體"; font-size:13px; color:#777; text-indent:10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/*--tabs--*/
.tabs { 
   list-style: none;
   margin: 0; 
   zoom:1;
}
.tabs:after { 
   display: block; 
   clear: both; 
   content: " ";
}

.tabs li {
   display:inline-table;
   text-align:center;
   width:50%;
}
.tabs a {
   display: block; 
   position: relative; 
   top: 0; 
   border-bottom: 0; 
   z-index: 2;  
   color: #000; 
   text-decoration: none;
   white-space: nowrap;
   font-size:18px;
   border-top:none;
   border-bottom:1px solid #2183f1;
   border-left:1px solid #cdcdcd;
   border-right:1px solid #cdcdcd;
   background-color:#FFF;
   height:38px;
   line-height:38px;
}
.tabs a:focus,
.tabs a:active { 
   outline: none; 
}
.tabs a:hover,
.tabs a:focus,
.tabs a:active { 
   cursor: pointer; 
}
.ui-tabs-active a { 
   overflow: visible;
   border-top:none;
   background-color:#FFF;
   border-bottom:1px solid #2183f1;
   border-left:0px solid #FFF;
   border-right:0px solid #FFF;
   background-image:url(../img/theme/tab_ov_bg.jpg); background-repeat:repeat-x; background-position:left bottom;
   color:#0b62c3;
}
.ui-tabs-hide { 
   display: none; 
}
.ui-tabs-panel {
   padding: 0em;
}
.ui-tabs-paging-next { 
   float: right !important;
}
.ui-tabs-paging-prev a,
.ui-tabs-paging-next a {
   display: block; 
   position: relative; 
   top: 1px; 
   border: 0;
   z-index: 2; 
   padding: 0px; 
   color: #444; 
   text-decoration: none;
   background: #FFF; 
   cursor: pointer;
}
.ui-tabs-paging-next a:hover,
.ui-tabs-paging-next a:focus,
.ui-tabs-paging-next a:active,
.ui-tabs-paging-prev a:hover,
.ui-tabs-paging-prev a:focus,
.ui-tabs-paging-prev a:active { 
   background: #eee; 
}
.ui-tabs-paging-disabled {
   visibility: hidden;
}

/*--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;}