@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
nav{ width: 1000px; }
img { height: auto; max-width: 100%; }
td           { font-size:1em; font-family: Arial,細明體 }
.DivTop      { width: 100%; height: 60px; }
.DivLeft     { width: 25%; padding-top:5px}
.DivRight    { padding-top: 0px; padding-right:0px }
.DivLeft a   { margin:2px; background-position: left 40%; width: 160px; text-decoration:none; color:#0000FF; padding-left:20px; padding-right:4px; padding-top:2px; padding-bottom:2px; text-align:left; float:left; background-image:url('/images/item.gif'); background-repeat:no-repeat; }
.DivLeft a:link       {  }
.DivLeft a:visited    {  }
.DivLeft a:hover      { color: #006600; background-color: #FFFFFF }
.DivLeft a:active     { color: #333333; background-color: #E4E4E4 }
.DivLeftHelp { color: #FFFFCC; margin-left: 24px; padding-left: 7px; padding-right: 7px; margin-top:-10px; margin-bottom:0px; }
.DivRightTop { margin-top:20px; font-size:1.2em; font-family:sans-serif; color:#0055CC; font-weight:bold; margin-left:40px; margin-right:0px; margin-bottom:0px }
.DivRightMain{ width:100%; padding:10px; }

ol	{ margin-top: 5px; margin-bottom: 5px; margin-left:28px; }
ul	{ margin-top: 5px; margin-bottom: 5px; margin-left:18px; }
li	{ margin-top: 2px; }

#content {
    border:1px solid #7e7e7e; 
    height:150px;
    min-width:100px;
    font-size:15px;
}
#list div {
    border:1px solid #7e7e7e;   
    background:#cbe4fa;
    margin:0.3em;
    padding:0.3em;
    text-align:center;
    display: inline-block;
}
#list div a { text-decoration:none; color:#0000FF; }
#list div a:link    {}
#list div a:visited {}
#list div a:hover   { color: #006600; background-color: #FFFFFF }
#list div a:active  { color: #333333; background-color: #E4E4E4 }

#list2 div {
    border:1px solid #7e7e7e;
    background:#ffffcc;
    margin:0.3em;
    padding:0.3em;
    text-align:center;
    display: inline-block;
}
#list2 div a { text-decoration:none; color:#0000FF; }
#list2 div a:link    {}
#list2 div a:visited {}
#list2 div a:hover   { color: #006600; background-color: #FFFFFF }
#list2 div a:active  { color: #333333; background-color: #E4E4E4 }

.TimeTable		{ font-size: 12px; font-family: serif; letter-spacing: 1pt; background-color:#FFFFFF; }
.TimeTableTdMark	{ background-color: #ACD373; }
.TimeTableTd3	{ text-align: center; width:150px; }
.TimeTableTd1	{ color: #E0EFF8; text-align: center; background-color: #107329; }
.TimeTableTd2	{ text-align: center; background-color: #ACD373; }
.TimeTable td	{ line-height: 150%; border: 1px solid #A3BFE2; padding: 4px; }

.ItemBackColor	{  background-color: #FFFFFF; }
.LabelColor0	{  background-color: #FFFFFF; border: 1px solid #ffa07a; text-align:center;}
.LabelColor1	{  background-color: #FFFF99; border: 1px solid #ffa07a;}
.LabelColor2    {  background-color: #FFFFCC; border: 1px solid #ffa07a;}
.LabelColorG1   {  background-color: #999999; border: 1px solid #ffbbbb;}
.LabelColorG2   {  background-color: #CCCCCC; border: 1px solid #ffbbbb;}
.FormSubmit     {  background-color: #FFFFFF; border: 1px solid #ffa07a; text-align:center;}

.faq_font1   { color: #0000FF; font-weight: bold; font-size:15px  }
.faq_Q       { vertical-align: top; padding-top: 5px; color:#003399; font-weight:bold }
.faq_A       { vertical-align: top; padding-top: 5px; padding-bottom: 20px }
.faq_QA      { vertical-align: top; padding-top: 5px; width:35px; font-weight:bold }
.faq_A table { margin-left: 24px }
.faq_A td    { vertical-align: top; padding-bottom:5px }
.faq_font1, .faq_font1, .faq_A, .faq_QA, .faq_A td ol	{ margin-top: 0px; margin-bottom: 0px }
.faq_font1, .faq_font1, .faq_A, .faq_QA, .faq_A td ul	{ margin-top: 0px; margin-bottom: 0px }

.ad0 {
        font-size: 13px;
        border-style: dashed;
        border-color: #9999CC;
        border-top-width:    2px;
        border-bottom-width: 0px;
        border-left-width:   2px;
        border-right-width:  2px;
}

.ad {
        font-size: 13px;
        background-color: #CCFFFF;
        border-style: dashed;
        border-color: #9999CC;
        border-top-width:    2px;
        border-bottom-width: 0px;
        border-left-width:   0px;
        border-right-width:  0px;
}

.new {
        font-size: 1em;
        background-color: #FFFFFF;
        border-style: dashed;
        border-color: #9999CC;
        border-top-width:    1px;
        border-bottom-width: 0px;
        border-left-width:   0px;
        border-right-width:  0px;
}
.new2 {
        font-size: 1em;
        background-color: #FFFFCC;
        border-style: dashed;
        border-color: #9999CC;
        border-top-width:    0px;
        border-bottom-width: 0px;
        border-left-width:   0px;
        border-right-width:  0px;
        color: #555;
}

.new a{
font-family: Arial;
font-size: 1.1em;
text-decoration:none;
color:#3377CC;
}
.new a:hover{
text-decoration:underline;
color:red;
}
.content td {
   text-align: justify;
   font-size: 1.1em;
   color: #003355;
   font-family: Arial;
}
.content select {
   font-size: 1.2em;
   color: #003333;
   font-family: Arial,新細明體;
}
.content input {
   font-size: 1.2em;
   color: #003333;
   font-family: Arial,新細明體;
}

body{
	overflow-x: hidden;
	padding:0;
	margin:0;
	font-family:Microsoft JhengHei;
	background-image:url('/images/bg_blue.gif')
	ord-wrap: break-word;
	word-break:break-word;
}
.left{
	float:left;
}

.left31{
	float:left;
	min-width:160px;
	border:1px #dbc19c solid;
	background-color:#FFF;
}

.left-1{
	float:left;
	display: block;
}

.left2{
	float:left;
	display:none;
}

.right{
	float:right
}
.clear{
	clear:both
}
.relative{
	position: relative;
}
/*上方形象區*/
.fixed_width{
	max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.header_bg{
	width:100%;
    height: auto;
	position: absolute;
	max-height: 152px;
}
.image_header_bg{
	position:relative;
	z-index:1
}
.image{
	position:relative;
	z-index:0;
}
div#pic00 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.left_flexslider{
	width:5.4%;
	min-height:50px;
	float:left
}
.right_flexslider{
	width:61.1%;
	min-height:50px;
	float:left
}
.flexslider {
    width: 33.5%;
    height: auto;
    overflow: hidden;
    z-index: -99;
    position: relative;
	float:left
}
#img {
	position: relative;
	width: 100%;
	height: auto;
	float:left;
	z-index:0;
	max-height: 152px;
}
#img ul li img {
	width: 100%;
	height: auto;
}
.slides ul,.slides li{
  list-style:none !important;
  max-height: 152px;
}
/*end 上方形象區*/

/*toplink*/
.toplink{
	position:relative;
	font-size:13px
}
.search{
	position: absolute;
	top: 7px;
    right: -7px;
	font-size:12px;
}
.search a{
	color:#2e3f87;
}
.search_a { 
 /*max-width:325px;*/ 
 padding:0px; 
 margin-top:30px; 
 color:#b5361d;  
}
.search_a a{
	color:#b5361d;
}
.search_bg{ 
    min-height: 54px; 
}

.search_bg2{ 
    min-height:0px; 
}

.key_width{
	/*max-width:145px;*/
	/*float:left;*/
}
.search_a a img{
	margin: 0px;
}
.search_input{
    height: 23px;
    border: none;
    margin: 5px 4px;
	max-width: 160px;
	width: 140px;
}

.search_img_a1 { min-width:75px;}

.logo{
	position: absolute;
    top: 50%;
/*    left: 50%;
    margin-left: -185px;*/
    margin-top: -69px;
}
.margin_top{
	position: relative;
}

.link_font a{
	color: #9a5425;
	}

/*end toplink*/



/*menu*/
#menu {
    width: 100%;
    margin: 0 auto;
    min-height: 30px;
    background:#c48255;
}
#menu2 {
    position: relative;
    width: 100%;
    display: table;
    margin: 0 auto;
}
.icon_font {
    display: none;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 15px;
    padding-right: 58px;
    background: #3092c0;
}
.nav {
    list-style: none;
    *zoom: 1;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width: 9em;
}
.nav a {
	color: #fff;
}
.nav li {
	position: relative;
}
.nav > li {
	float: left;
}
.nav > li > .parent {
}
.nav > li > a {
	display: block;
}
.nav li ul {
	position: absolute;
	left: -9999px;
	margin-top: -4px;
}
.nav > li.hover > ul {
	left: 0;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display: block;
	background: #0d4365;
	position: relative;
	z-index: 100;
	border-bottom: 1px solid #fff;
	padding: 10px 15px;
}
.nav li li li a {
	background: #0f4e76;
	z-index: 200;
	border-bottom: 1px solid #fff;
}
.nav li ul ul {
	margin-top: 0;
}
.toggleMenu {
	display: none;
}

.img_size {
	max-width: 980px;
	max-height: 435px;
}

/*menu*/


#content_top{
	//background:url(../image/content_bottom.png) bottom center no-repeat;  /*內容背景圖*/
	padding-bottom: 20px;
	margin-top: 13px;
	min-height:514px;
	/*background-color:#0CC;*/
}
.content_bg{
	padding-top: 0px;
}
.web_width{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}


/* 跑馬燈 */
.message{
	background:#fff;
	height:36px;
}
#message_bg {
	//background:url(../image/message_icon.png) no-repeat center left;
	height: 36px;
}
#message {
    width: 100%;
    padding-left:31px;
    height: 36px;
    padding-top: 6px;
}

#message a{
	color:#000;
}

ul.marquee {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 17px;
	height: 30px;
}
ul.marquee a {
    color: #000;
	text-decoration: none
}
ul.marquee li {
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap;
	font-size: 14px;
	padding: 4px 5px;
}
/* end 跑馬燈 */

/*圖片輪播*/
body .content .ad {
    /* float: left; */
    max-width: 100%;    margin-bottom: -22px;
}

#activity_banner{
	/*background:#fff;
	border-right:1px solid #d6d6d6;*/
	padding: 18px;
}

/*end 圖片輪播*/



div#activity_banner a {
    display: block;
}
div#tabs a:focus {
    border: dotted 1px #000000;
}

.bigbanner_bg{
	/*background:#f1f1f1;
	border:1px solid #ffa568;*/
	/*-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.38);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.38);*/
	/*box-shadow: 0 0 10px 1px rgba(0,0,0,0.38);*/
	/*border-radius:5px;*/
	margin-bottom: 20px;
	background-color:#FFF;
}
/*.unit_title{
	//background:url(../image/unit_bg.png) repeat-x;
	color:#fff;
	font-size:18px;
	position: absolute;
    width: 100%;
	margin-top: 20px;
}*/
.unit_title img{
    margin: -15px 5px 0 10px;
}
#unit{
	background: #FFF;
	margin-bottom: 20px;
	margin: 0px 5px 0px 5px;
}
#unit ul,#unit li{
	margin:10px 10px;
    padding: 0;
}
#unit ul li{
	list-style-type: none;
    font-size: 18px;
    line-height: 36px;
    border-bottom: 1px solid #d6d6d6;
	/*padding-left: 14px;*/
    /* background: url(../image/unit_list_icon.png) no-repeat left center; */
    height: 37px;
}
#unit ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
#unit ul li:first-child{
	/*border-top:1px solid #d6d6d6;*/
}
#unit ul li:hover{
	/*background:#fff url(../image/unit_list_icon.png) no-repeat 90% center;*/
	background-color:#f4f0d5;
}
#unit a,.icon_link a{
	color:#000;
	text-decoration:none;
	font-size: 16px;
}
.icon_link a:hover{
	text-decoration:underline
}

/*-------------------最新消息等-----------------------------*/
div#tabs a:focus {
    border: dotted 1px #000000;
}
#tabs{
	//background:url(../image/tab_bg.png) no-repeat left top;
	margin-bottom: 20px;
	min-height: 308px;
}
#tabs ul,#tabs li{
	list-style:none;
	padding: 0;
    margin: 0;
	font-size:16px;
}
#tabs a{
	color:#000;
	text-decoration:none
}
#tabs .list li{
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 34px;
	padding: 0 5px;
}
#tabs .list li:hover{
	background:#f0f0f0
}
#tabs .title{
	position: relative;
    z-index: 0;
}
#tabs .title li a{
	margin-top: 4px;
	padding-top: 3px;
}
#tabs .more,#video .more{
	position: absolute;
    right: 10px;
    z-index: 1;
    top: 3px;
    font-size: 14px;
    background: #f58432;
    border-radius: 5px;
    padding: 5px;
}
#tabs .more a,#video .more a{
	color:#fff
}
#tabs .date{
	padding-right:10px
}

.tabs_font_a1 { font-size:16px; color:#FFF; background-color:#e9965d; /*border-radius-bottom: 20px;*/ padding:10px 10px 10px 10px; margin:0px 20px; border-top-left-radius: 8px; border-top-right-radius: 8px;}

.tabs_font_a2 { font-size:16px; color:#FFF; background-color:#e8c044; /*border-radius-bottom: 20px;*/ padding:10px 10px 10px 10px; margin:0px 20px; border-top-left-radius: 8px; border-top-right-radius: 8px;}

.tabs_font_a3 { font-size:16px; color:#FFF; background-color:#27c6cc; /*border-radius-bottom: 20px;*/ padding:10px 10px 10px 10px; margin:0px 20px; border-top-left-radius: 8px; border-top-right-radius: 8px;}

#video .more a:hover{
	text-decoration:none
}
body .ui-widget-content {
	background: none;
}
body .ui-tabs .ui-tabs-panel,body .content .sec02 .inlist_box {
	border-top:3px #b24141 double !important;
	padding: 0px;
	clear: both;
	overflow: hidden; 
}

body .ui-tabs .ui-tabs-panel {
}
body .ui-corner-all, body .ui-corner-bottom, body .ui-corner-right, body .ui-corner-br {
	border-radius: 0;
	border: none !important;
	/* margin-left: 5px; */
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover, body .ui-tabs .ui-tabs-nav li.ui-tabs-active, body .ui-tabs .ui-tabs-nav li.ui-state-disabled a, body .ui-tabs .ui-tabs-nav li.ui-state-processing a, body .ui-tabs .ui-tabs-nav li:hover, body .ui-tabs .ui-tabs-nav li a:hover {
	border: 0;
	display: block;
	text-align: center;
}
body .navbar-default .navbar-nav>li>a:focus, body .navbar-default .navbar-nav>li>a:hover {
   /* background-color: #E0E353;*/
}
body .navbar-default .navbar-nav>.active>a {
    background-color: #f7adad;
}
body .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	color: #21A69B;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	//background:url(../image/tab_ul.png) no-repeat;
	height:40px;
	color: #fff !important;
}
body .ui-tabs .ui-tabs-nav li:hover, body .ui-tabs .ui-tabs-nav li a:hover {
	text-decoration: none;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-active a, body .ui-tabs .ui-tabs-nav li.ui-state-disabled a, body .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	text-decoration: none;
}

body .ui-tabs .ui-tabs-nav li a, body .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	float: none;
	color: #000;
	font-weight: bold;
	display: block;
	padding: 0 15px;
	margin: 0;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
}
body .ui-tabs .ui-tabs-nav li:hover {
	margin-left: 0;
	background-position: 0 0;
}
body .ui-tabs .ui-tabs-nav li.news01 a {
	/* background-color: rgba(0, 255, 255, 0); */
}
body .news li span.icon {
	background-position: 0 8px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: inline-block;
	width: 30px;
}


body .ui-tabs .ui-tabs-nav li, body .ui-tabs .ui-tabs-nav li:hover {
	text-align: center;
	border-radius: 0;
	float: left;
	margin: -2px 0 0 0;
	height: 34px;
	background: none;
	line-height: 28px;
}
body .ui-tabs .ui-tabs-nav {
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 6px;
	background: none;
}
body .news li a:hover {
	margin-left: -3px;
}
body .content .ui-tabs ul.list,body .content .sec02 .inlist_box ul {
    padding: 0;
    list-style-type: none !important;
    margin: 0;
    font-family: "微軟正黑體";
}

body .content .ui-tabs .list a:hover,body .content .sec02 .inlist_box .list a:hover {
    background-color: #F3F5C1;
    text-decoration: none;
}

body .content .ui-tabs .list a ,body .content .sec02 .inlist_box .list a {
    display: block;
    line-height: 40px;
/*    padding: 8px 0px 8px 0;
*/}

body .content .ui-tabs ul.list li,body .content .sec02 .inlist_box ul li {
    background-image: url(../images/item.gif);
    background-repeat: no-repeat;
    background-position: 8px 15px;
    padding-left: 36px;
    color: #000;
    font-size: 110%;
    /* margin-bottom: 10px; */
}

body .content .ui-tabs ul.list li {
        font-size: 100%;
    list-style-type: none;
    height: 55px;
    overflow: hidden;
    width: 50%;
    float: left;
    line-height: 55px;
}
body .ui-tabs a:focus {
    outline: thin dotted;
    outline: none;
    outline-offset: -2px;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: inherit;
}
body .content .ui-tabs .more a,
body .content .sec02 .inlist_box .more a,
body .content .sec02 .video_box .more a
 {
/*    background-color: #E0E353;
*/    float: right;
    padding: 3px 15px;
    color: #dc3a66;
    font-family: monospace;
    font-weight: bold;
}

body .content .ui-tabs .more,body .content .sec02 .inlist_box .more {
    position: relative;
    top: -10px;
    right: 7px;
    z-index: 5;
}

body .content .ui-tabs .more a:hover,body .content .sec02 .inlist_box .more a:hover {
    text-decoration: none;
}
body .ui-tabs ul li .icon {
    margin-right: 2px;
}

/*---------------------頁籤-------------------------*/
.icon_link>div{
	width: 16.6%;
	text-align: center;
	margin-top: 50px;
}


/*banner*/
#banner{
	padding: 35px 0 8px 0;
    min-height: 100px;
}
#banner .more{
    text-align: right;
    font-size: 13px;
    background: #f58432;
    border-radius: 8px;
    padding: 3px;
    /*border: 2px solid #fff;*/
    margin-bottom: 5px;
    margin-right: 0px;
}
#banner .more a{
	color:#fff
}
#banner .more a:hover{
	text-decoration:none
}
.banner_bg{
	background:#eeeeee;
	height:116px;
}


* footer資訊 */
#footer {
        color:#898989;
        font-size: 12px;
        font-family: 'cwTeXHei';
        letter-spacing:0.1em;
        padding-top: 20px;
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 20px;
        margin-top : 10px;
        margin-bottom:20px;
        line-height:20px;
        width: 1200px;
        float: left;
        #background-color:rgb(230, 230, 230,0.5);
	background-color:#FFFFCC;
        border-radius:8px;
        box-shadow:0px 0px 0px 3px rgba(0%,0%,0%,0.1) inset;
	text-decoration: none;
}
#footer a{
        color: #898989;
        font-weight:bold;
        font-size: 15px;
	text-decoration: none;
}
#footer a:hover {
        color: #FF3399;
        font-weight:bold;
	text-decoration: none;
}
#footer .box{
        display: inline-block;
        vertical-align: top;
        margin-right: 53px;
        text-align:left;
}
#footer .box>ul {
        padding: 0px;
}
#footer .box ul>li {
        list-style-type: none;
}
.footer_left{
        text-align: center;
        font-size: 12px;
        float:left;
        width:50%;
	text-decoration: none;
}
.footer_left table a { text-decoration:none; } 
.footer_right{
        float:left;
        width:50%;
}


/*內容*/
.home_bg{
	//background:url(../image/home_bg.png) repeat-x top;
	font-size: 14px;
    padding:20px 20px 150px;
/*	border-top: 5px solid #ffbd85;
	border-bottom: 5px solid #ffbd85;*/
	min-height: 400px;
	margin-top: 13px;
}
.home_link{
	color:#ee9f5b;
    /*background: #ffede1;*/
    line-height: 17px;
    padding: 0 10px;
    ord-wrap: break-word;
    word-break: break-word;
}

.home_link a{
	color: #ee9f5b;
}

.home_link a:hover{
	color: #ee9f5b;
}

.root{
	padding:10px 0 5px 0
}
.list_a {
	background-color: #fff;
	color: #000;
}
.list_b {
	background-color: #fff;
	color: #000;
}

.list_a:hover, .list_b:hover {
	background-color: #f0f0f0;
}
th {
	color: #ddd;
    /*text-align: center;*/
    background-color: #283747;
}
.table td, .table th, .table {
	padding: 8px;
}
.table {
	padding: 0;
	margin: 5px 0;
	border-bottom: 1px solid #283747;
}
.table a {
	color: #9d7136;
	text-decoration: none;
}
.table a:hover , #content a:hover{
	text-decoration: none;
}
#content a{
	/*color:#000*/
}
#container_home {
	width: 1000px;
	margin: auto;
	overflow: hidden;
	padding-bottom: 35px;
	min-height: 560px;
}
#container_home_1 {
	position: relative;
	width: 1000px;
}
#content_title {
    //background: url(../image/home_title.png) no-repeat top left;
    color: #c48255;
    font-size: 16px;
    padding: 15px 0 0 67px;
    min-height: 45px;
    font-weight: bold;
    /*border-bottom: 3px #b24141 double;*/
}
#content_title2 {
    //background: url(../image/home_title.png) no-repeat top left;
    color: #c48255;
    font-size: 20px;
    padding: 15px 0 0 67px;
    min-height: 45px;
    font-weight: bold;
}
#content_title3 {
    //background: url(../image/home_title.png) no-repeat top left;
    color: #c48255;
    font-size: 23px;
    padding: 15px 0 0 67px;
    min-height: 45px;
    font-weight: bold;
}
#content_text {
	margin: 20px 0;
}
.ll {
	position: absolute;
	margin-left: 68px;
	top: -3px;
	color: #77B7B5;
	font-size: 14px;
	text-decoration: none;
}

/*end 內容*/

.fix{
	position:fixed
}
.c{
	position: absolute;
    top: 0;
    left: 0;
}

body #content .word a {
    display: inline-block;
    background-color: #ccc;
    padding: 6px 0;
    color: #fff;
    line-height: 12px;
    font-weight: bold;
    width: 25px;
    text-align: center;
}
body #content .word a:hover {
	background-color: #c14747;
	text-decoration:none

}

#home_update{
    text-align: center;
    clear: both;
}
#home_nav{
    line-height: 35px;
    text-align: center;
    clear: both;
}

#home_nav .btn_01 {
    background-color: #55bfc4;
	border-radius: 20px;
    word-break: break-word !important; /*超過畫面的寬度，單字不切斷，並換行*/。
}
#home_nav .btn_01:hover {
    background-color:#a4a4a4;
}

#home_nav a {
    color: #fff;
    text-decoration: none;
	margin:5px;
	padding:5px 20px;
    border-radius: 3px;
}
 

/*pc_6大icon標題*/
#title_icon_frame {
	/*background:#f1f1f1;*/
	margin-bottom: 20px;
	margin: 20px 0px 0px 0px;
	display:block;
}
.title_icon_a1 {
	min-height:118px;
	min-height:118px;
	margin:0px 14px 25px 0px;
	float:right;
}



/*pad phone_6大icon標題*/
.frame_e1 { width:98%; border:#d1dde4 5px solid; border-radius: 6px; margin:5px 0px 5px 0px; background-color:#ed3500; text-align:center; float:none; display:none;}
.frame_e2 { width:98%; border:#d1dde4 5px solid; border-radius: 6px; margin:5px 0px 5px 0px; background-color:#f1b500; text-align:center; float:none; display:none;}
.frame_e3 { width:98%; border:#d1dde4 5px solid; border-radius: 6px; margin:5px 0px 5px 0px; background-color:#d510dc; text-align:center; float:none; display:none;}
.frame_e4 { width:98%; border:#d1dde4 5px solid; border-radius: 6px; margin:5px 0px 5px 0px; background-color:#24bfed; text-align:center; float:none; display:none;}
.frame_e5 { width:98%; border:#d1dde4 5px solid; border-radius: 6px; margin:5px 0px 5px 0px; background-color:#82be01; text-align:center; float:none; display:none;}
.frame_e6 { width:98%; border:#d1dde4 5px solid; border-radius: 6px; margin:5px 0px 5px 0px; background-color:#274ef8; text-align:center; float:none; display:none;}

.table_text {
	font-size:110%;
	padding: 0;
	margin: 5px 0;
	line-height:26px;
	border-bottom: 1px solid #dbc19c;
}
.table_text a {
	color: #0066FF;
	text-decoration: none;
}
.table_text a:hover , #content a:hover{
	text-decoration: none;
}

.text_a1 { padding:5px 0px; border-bottom:#CCC 1px dotted; list-style: none;}
.text_a1 a{ color: #0066FF;}
.text_color_a1 { color:#c48255;}



/*內頁關鍵字搜尋與list 123456等區塊*/
.tilte3 { font-size:110%; color: #333333; line-height: 29px;}
.font2 { color: #999999; font-size:90%;}
.fontsize_frame { background-color: crimson;padding: 4px 4px;color: white;}

#pageno_top {
	padding: 0px;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#pageno_top ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
}
#pageno_top ul li {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	display: inline-block;
}
#pageno_top ul a {
	margin: 0px;
	padding: 0px;
	color: #333333;
}
#pageno_top ul a:hover {
	color: #333333;
	text-decoration: underline;
}
#pageno_top ul ul a {
	margin: 0px;
	padding: 5px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ddd;
}
#pageno_top ul ul a:hover {
	background-color: #dbc19c;
	color: #FFF;
	text-decoration: none;
}
#pageno_top ul ul ul a {
	margin: 0px;
	padding: 5px;
	text-align: center;
	background-color: inherit;
}
#pageno_top ul ul ul a:focus {
	background-color: #67a3ff;
	color: #FFF;
	text-decoration: none;
}



#pageno_botton {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	width: 100%;
	display: inline-block;
	background-color:#f2f2f2;
}
#pageno_botton ul {
	margin: 0px;
	padding: 0px;
	/*text-align: center;*/
	list-style-type: none;
	width: 100%;
}

#pageno_botton ul li {
	padding: 0px;
	text-align: left;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	display: inline-block;
}
.hotnews_title {
    float: left;
    width: calc(100% - 80px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hotnews_date {
    float: left;
    width: 80px;
    text-align: right;
}
.exam_title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list_class_search {
    float: left;
    margin-right: 5px;
}
.list_postdate_search {
    float: left;
    margin-right: 5px;
}

.content_title4 { 
    color: #c48255; 
    font-size: 16px; 
    font-weight: bold; 
    border-bottom: 1px solid #dbc19c;  
} 
 
.content_title4 a{ 
    color:#cd5c5c; 
} 
 
tr.list_a { 
    border-top: 1px solid #dbc19c; 
}
/*內頁標題項目*/
.title_b1 {
	list-style-type: none;
    color: white;
    font-size: 130%;
    background-color: #55bfc4;
    padding: 10px 10px 10px 0px;
    font-weight: bold;
    margin-top: 5px;
	}
	
	
/*單筆內頁相片*/
.pic_news {
	margin-top: 15px;
}

.pic_news img {
	width: 100%;
}

.frame {
	border: 1px #e6e6e6 solid;
	margin: 8px;
	padding: 10px 10px 0px 10px;
	width: 23%;
	float: left;
}
li.frame_li {list-style-type: none;/*margin: 0;padding: 0;*/}

.txt {
	padding: 0px 0px;
	line-height: 22px;
	font-size: 100%;
}

li.frame_li2 {list-style-type: none;}

/*單筆內頁相片3*/
.pic_frame_a1 { width:205px; margin: 10px 10px 10px 10px; float:left;}
.pic_frame { width:209px; height:159px; padding-top:14px; /*background:url(../image/photo_bg.gif) no-repeat; *//*width:205px; height:142px; border: 1px #e6e6e6 solid;*/}
.pic_phone {  /*height:150px;*/ margin: 10px 10px 10px 10px; text-align: center }
.pic_phone img { /*width:100%; height:100%;*/max-width: 169px;  max-height: 114px; }
.pic_text { font-size:90%; color:#d1875f; text-align: center; line-height:21px; margin: 0px 10px 10px 10px;}
.pic_text a { color:#d1875f;}

.top_font { position:absolute; color: #dbc19c;} 
.top_font a{ color: #dbc19c;}
.top_font a:hover{ color: #dbc19c;}

body .search h2{ 
    font-family: "微軟正黑體"; 
    font-size: 90%; 
    margin-top: 0; 
    margin-bottom: 0;
} 

.search_bg-2{ 
    width:69px; 
 height:35px; 
 padding-left:69px; 
 float:left; 
    padding-left: 0px; 
    font-size: 124%; 
    font-weight: bold; 
    padding-top: 9px; 
    color: #302f2c; 
} 
.search_bg2-2{ 
 width:69px; 
 height:35px; 
 padding-left:69px; 
 float:left; 
    padding-left: 0px; 
    font-size: 124%; 
    font-weight: bold; 
    padding-top: 9px; 
    color: #302f2c; 
}
 
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.openicon_padding{
    padding-right: 0;
    padding-left: 0;
    text-align:left;
    max-width:1000px;
}

.sm {
	position: relative;
	z-index: 99;
}
.sm, .sm ul, .sm li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr;
	text-align: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sm-rtl, .sm-rtl ul, .sm-rtl li {
	direction: rtl;
	text-align: right;
}
.sm>li>h1, .sm>li>h2, .sm>li>h3, .sm>li>h4, .sm>li>h5, .sm>li>h6 {
	margin: 0;
	padding: 0;
}
.sm ul {
	display: none;
}
.sm li, .sm a {
	position: relative;
}
.sm a {
	display: block;
}
.sm a.disabled {
	cursor: not-allowed;
}
.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	font: 0px/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.sm, .sm *, .sm *:before, .sm *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

//@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
.sm-blue {
	display: none;
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
    padding: 0;
    color: #000;
    font-size: 16px;
    /*font-weight: bold;*/
    line-height: 23px;
    text-decoration: none;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);*/
}
.sm-blue a.current {
	background: #006892;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
	background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
	background-image: linear-gradient(to bottom, #006188, #006f9c);
	color: white;
}
.sm-blue a.disabled {
	color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: auto;
	right: 10px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 16px/34px monospace !important;
	text-align: center;
	text-shadow: none;
	background: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
	display: block;
	content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
}
.sm-blue ul {
	background: white;
	margin-bottom: -2px;
}
.sm-blue ul ul {
	background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
	background: transparent;
	color:#c48255;
	font-size: 16px;
	text-shadow: none;
	border-left: 8px solid transparent;
	padding: 10px 12px;
}
.sm-blue ul a.current {
	background: #006892;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
	background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
	background-image: linear-gradient(to bottom, #006188, #006f9c);
	color: white;
}
.sm-blue ul a.disabled {
	color: #b3b3b3;
}
.sm-blue ul ul a, .sm-blue ul ul a:hover, .sm-blue ul ul a:focus, .sm-blue ul ul a:active {
	border-left: 16px solid transparent;
}
.sm-blue ul ul ul a, .sm-blue ul ul ul a:hover, .sm-blue ul ul ul a:focus, .sm-blue ul ul ul a:active {
	border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a, .sm-blue ul ul ul ul a:hover, .sm-blue ul ul ul ul a:focus, .sm-blue ul ul ul ul a:active {
	border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a, .sm-blue ul ul ul ul ul a:hover, .sm-blue ul ul ul ul ul a:focus, .sm-blue ul ul ul ul ul a:active {
	border-left: 40px solid transparent;
}
.sm-blue ul li {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
	border-top: 0;
}
nav {
	display: block;
}
 @media (min-width: 993px) {
nav {
	display: table;
	margin: 0 auto;
}
.sm-blue {
	display: block !important;
	padding-left: 25px;
}
/* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
.sm-blue ul {
	position: absolute;
	width: 12em;
}
.sm-blue li {
	float: left;
}
.sm-blue.sm-rtl li {
	float: right;
}
.sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
	float: none;
}
.sm-blue > li> a {
    max-width: 156px;
    height: 44px;
    text-align: center;
	margin:0 1px;
	color:#FFF;
}
.sm-blue > li> a:hover {
}
.sm-blue a {
    white-space: nowrap;
}
.sm-blue ul a, .sm-blue.sm-vertical a {
	white-space: normal;
}
.sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
	white-space: nowrap;
}
/* ...end */
.sm-blue a.current {
	background: #006892;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
	background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
	background-image: linear-gradient(to bottom, #006188, #006f9c);
	color: white;
}
.sm-blue a.disabled {
	background: #3092c0;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
	background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
	background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
	background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
	background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
	color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
	top: auto;
	margin-top: 0;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	right: auto;
	width: 0;
	height: 0;
	border-width: 5px;
	/*border-style: solid dashed dashed dashed;*/ /*menu標題提示箭頭*/
	border-color: #fff transparent transparent transparent;
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.sm-blue a.highlighted span.sub-arrow:before {
	display: none;
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
}
.sm-blue > li:first-child {
	border-left: 0;
}
.sm-blue ul { /* 第二層menu選單*/
	border: 3px solid #c48255;
	padding: 7px 0;
	background: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius:  4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
.sm-blue ul ul { /*第三層menu選單*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: white;
	border-radius: 20px;
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
	border: 0 !important;
	padding: 4px 23px;
	background: transparent;
	color: #000;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
	background: #c48255;
	color: #fff;
}
.sm-blue ul a.current {
	background: #006892;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
	background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
	background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
	background-image: linear-gradient(to bottom, #006188, #006f9c);
	color: white;
}
.sm-blue ul a.disabled {
	background: white;
	color: #b3b3b3;
}
.sm-blue ul a span.sub-arrow {
	top: 50%;
	margin-top: -5px;
	bottom: auto;
	left: auto;
	margin-left: 0;
	right: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #000;
}
.sm-blue ul li {
	border: 0;
}
.sm-blue span.scroll-up, .sm-blue span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	overflow: hidden;
	background: white;
	height: 20px;
}
.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 8px;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #000 transparent;
}
.sm-blue span.scroll-down-arrow {
	top: 6px;
	border-style: solid dashed dashed dashed;
	border-color: #000 transparent transparent transparent;
}
.sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
	right: auto;
	left: 10px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-ms-border-radius: 0 8px 8px 0;
	-o-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}
.sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
	-webkit-border-radius: 8px 0 0 8px !important;
	-moz-border-radius: 8px 0 0 8px !important;
	-ms-border-radius: 8px 0 0 8px !important;
	-o-border-radius: 8px 0 0 8px !important;
	border-radius: 8px 0 0 8px !important;
}
.sm-blue.sm-rtl > li:first-child {
	border-left: 1px solid #2b82ac;
}
.sm-blue.sm-rtl > li:last-child {
	border-left: 0;
}
.sm-blue.sm-rtl ul a span.sub-arrow {
	right: auto;
	left: 10px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-vertical {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sm-blue.sm-vertical a {
	padding: 9px 23px;
}
.sm-blue.sm-vertical a span.sub-arrow {
	top: 50%;
	margin-top: -5px;
	bottom: auto;
	left: auto;
	margin-left: 0;
	right: 10px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #a1d1e8;
	
}
.sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
	-webkit-border-radius: 0 0 8px 8px !important;
	-moz-border-radius: 0 0 8px 8px !important;
	-ms-border-radius: 0 0 8px 8px !important;
	-o-border-radius: 0 0 8px 8px !important;
	border-radius: 0 0 8px 8px !important;
}
.sm-blue.sm-vertical > li {
	border-left: 0 !important;
}
.sm-blue.sm-vertical ul {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
}
.sm-blue.sm-vertical ul a {
	padding: 9px 23px;
}
}