.header {
	background: #fefefe;
}
.header_right .pre_dec {
	background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/topmenu_pre.png') no-repeat;
}
.header_right .post_dec {
	background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/topmenu_post.png') no-repeat;
}
.head_menu {
	background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/topmenu_bg.png') repeat-x;
	color: #ccc;
	text-shadow: 1px 1px #f9f9f9;
}
#topmenu a {
	color: #666;
	text-shadow: 1px 1px #f9f9f9;
}
#topmenu a:hover {
	color: #333;
}
.mod_topmenu_s #open-topmenu {
	cursor: pointer;
	background-position: -85px 0;
}
/* mainmenu */
.back_mainmenu {
	background-color:#eaeef2;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#eaeef2);
	background:linear-gradient(to bottom, #ffffff 0%, #eaeef2 50%,#fefefe 100%);
	box-shadow: 0px -4px 3px #f4f4f4;
}
.menu_mainmenu.sf-menu > li > a,
.menu_mainmenu.sf-menu > li > span {
	color: #036980;
	font-weight: bold;
}
.menu_mainmenu > li > ul {
	background: rgba(0,0,0,0.8);
}
.menu_mainmenu > li > ul,
.menu_mainmenu > li > ul a {
	color: #fff;
}
.menu_mainmenu > li > ul a:hover {
	color: #ffea00;
}
.mod_mainmenu_s .open-mainmenu {
	background-position: -131px 0;
}
.mainmenu_nav {
	background: #036980;
}
.mainmenu_nav a {
	color: #f2f2f2;
}
.mainmenu_nav a:hover,
.mainmenu_nav .current.active > a {
	color: #FFA453;
	text-shadow: 1px 1px #003b5e;
}
/* home container */
.container {
	background: #f6f6f6;
}
/* abgne_marquee */
#abgne_marquee .title {
	background-color:#f86854;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#f86854, endColorstr=#d44434);
	background:linear-gradient(to right, #f86854 0%, #d44434 100%);
	border-radius: 5px;
	color: #ffff33;
	box-shadow: 0px 2px 6px -2px #444;
}
/*a*/.update_news {
	color: #da4453;
	font-size: 13px;
	text-decoration: none;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
/*div*/.nonono {
	color: #333333;
	font-size: 13px;
	line-height: 24px;
}
/* gpmenu */
.menu_gpmenu li {
	font-weight: bold;
	border-radius: 5px;
	background-color:#afafaf;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#afafaf, endColorstr=#939393);
	background:linear-gradient(to bottom, #afafaf 0%, #939393 100%);
}
.menu_gpmenu li:hover{
	background-color:#2ca9d2;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2ca9d2, endColorstr=#0082ad);
	background:linear-gradient(to bottom, #2ca9d2 0%, #0082ad 100%);
	text-shadow: 1px 1px #555;
}
.menu_gpmenu li.active{
	background-color:#3ba208;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3ba208, endColorstr=#2d8206);
	background:linear-gradient(to bottom, #3ba208 0%, #2d8206 100%);
	text-shadow: 1px 1px #555;
}
.menu_gpmenu li a {
	color: #fff;
}
/* ctab 訊息頁籤 */
#tabs_news .tab-title a {
	color: #555;
	background: #e6e9ed;
}
#tabs_news .tab-title a:hover,
#tabs_news .tab-title a.active {
	background: #fff;
}
#tabs_news .tab-title a:hover,
#tabs_news .tab-title a.active{
	color: #333;
}
#tabs_news .tab-item:first-child .tab-title a {
	border-radius: 5px 0 0 0;
}
#tabs_news .tab-item:last-child .tab-title a {
	border-radius: 0 0 0 5px;
}
#tabs_news .tab-content {
	background: #fff;
	border-radius: 0 5px 5px 0;
}
#tabs_news .tab-content .rdate {
	background: #e6e9ed;
	border-radius: 5px;
	color: #434a54;
}
#tabs_news .tab-content .rtitle a {
	color: #333;
	font-weight: bold;
}
#tabs_news .tab-content .btnline .datablock,
.mod_eco .btnline .datablock,
.mod_research .btnline .datablock,
.mod_dlgov .btnline .datablock {
	background: #444;
	border-radius: 10px;
}
#tabs_news .tab-content .btnline .datablock a,
.mod_eco .btnline .datablock a,
.mod_research .btnline .datablock a,
.mod_dlgov .btnline .datablock a {
	color: #fff;
}
/* mod_eco */
.tabmod_eco,
.tabmod_research,
.tabmod_dlgov {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 3px #ccc;
}
.eco_content .eco_img img  {
	border-radius: 5px;
}
.eco_content .eco_title a {
	color: #054a90;
	font-weight: bold;
}
.eco_content .eco_text {
	color: #434a54;
}
.eco_items {
	background: #e6e9ed;
}
.ca-item img {
	border-radius: 5px;
	border: 2px solid #e6e9ed;
}
.ca-item.active img {
	border: 2px solid #fff;
	box-shadow: 0px 2px 5px #ccc;
}
/* mod_research mod_dlgov */
.mod_dlarea th,
.mod_dlarea td,
.mod_dlarea td a {
	font-weight: bold;
	color: #434a54;
}
.mod_dlarea th {
	background: #e6e9ed;
}
.mod_dlarea th:first-child {
	border-radius: 5px 0 0 0;
}
.mod_dlarea th:last-child {
	border-radius: 0 5px 0 0;
}
.mod_dlgov td.cat {
	color: #12b2a8;
}
.mod_research td.cat {
	color: #0e6eb8;
}
/* pbas */
.mod_pbas {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 3px #ccc;
}
.mod_pbas ul li a {
	color: #0e6eb8;
	font-weight: bold;
}
.mod_pbas .prev,
.mod_pbas .next {
	font-weight: bold;
	color: #fff;
}
/* quick 	20170328 modified by Jean */
.mod_quick {
	background: #fff;
	border-radius: 5px;
}
.mod_quick .quick {
	color: #434a54;
	font-weight: bold;
	text-indent: 37px;
	height: 40px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/quick.png) no-repeat;
}
.mod_quick ul li .quick:hover {
	color: #4ecdc4;
}
.mod_quick .quick01 {
	background-position: -2px 5px;
}
.mod_quick .quick02 {
	background-position: -2px -33px;
}
.mod_quick .quick03 {
	background-position: -2px -69px;
}
.mod_quick .quick04 {
	background-position: -2px -106px;
}
.mod_quick .quick05 {
	background-position: -2px -144px;
}
.mod_quick .quick06 {
	background-position: -2px -181px;
}
.mod_quick .quick07 {
	background-position: -2px -217px;
}
.mod_quick .quick08 {
	background-position: -2px -254px;
}
/* qa */
.mod_qa {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 3px #ccc;
}
.mod_qa .question a {
	font-weight: bold;
	color: #434a54;
}
.mod_qa .question a:hover,
.mod_qa .active .question a {
	color: #1a9189;
}
.mod_qa .question .control {
	cursor: pointer;
	color: #1a9189;
}
.mod_qa .active .question .control {
	color: #434a54;
}
.mod_qa .answer {
	background: #e6e9ed;
	color: #343434;
}
.mod_qa .rmore_inner,
.mod_mtab_content .rmore_inner {
	background: #444;
	border-radius: 10px;
}
.mod_qa .rmore a,
.mod_mtab_content .rmore a {
	color: #fff;
}
/* topics */
.mod_topics img {
	border-radius: 5px;
}
/* social media */
.back_media {
	background-color:#3bafda;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3bafda, endColorstr=#359dc4);
	background:linear-gradient(to bottom, #3bafda 0%, #359dc4 100%);
}
.back_media_inner {
	background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/mod_media_bg.png') no-repeat;
	background-position: center bottom;
}
.fb_inner {
	background: #fff;
	border-radius: 5px;
}
.fb_inner .tabs {
	background: #e6e9ed;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}
.fb_inner .tabs > .active {
	background: #fff;
	border-radius: 5px 0 0 0;
}
/* ads */
.back_ad {
	background: #f0f0f0;
}
/* footer */
.footer {
	background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/footer_bg.jpg') no-repeat;
	background-position: center center;
}
/* mod_sitemap */
.menu_sitemap > li > a {
	font-weight: bold;
	color: #096;
}
.menu_sitemap > li > ul > li > a {
	color: #069;
}
.menu_sitemap > li > ul > li > a:hover {
	text-decoration: underline;
}
.foot_inner {
	color: #222;
}
.menu_footmenu li a {
	color: #222;
	text-decoration: underline;
}
/* -- tmpl -- */
/* mod_search */
.header_right .mod_search label {
	font-weight: bold;
	color: #6e6161;
}
.header_right .mod_search .search_control {
	border-radius: 15px;
}
.header_right .mod_search input[type="text"] {
	color: #999;
	background: none;
}
.header_right .mod_search .search_control input[type="submit"] {
	background-position: -176px 0;
	background-color: #aab2bd;
	border-radius: 15px;
	cursor: pointer;
}
.header_right .mod_search .search_control input[type="submit"]:hover {
	background-color: #294f67;
}
.header_right .mod_search input[type="button"] {
	color: #fff;
	background: #3bafda;
	border-radius: 15px;
	cursor: pointer;
}
.header_right .mod_search input[type="button"]:hover {
	background: #1e3d53;
}
/* menu_info */
.menu_info {
	background-color:#cdf2ff;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdf2ff, endColorstr=#ffffff);
	background:linear-gradient(to bottom, #cdf2ff 0%, #ffffff 100%);
	border-radius: 10px 10px 0 0;
}
.menu_info .mod_sectiontitle_f {
	color: #069;
}
/* leftmenu */
.leftmenu {
	background: #fff;
	box-shadow: -2px 5px 5px -2px #ccc inset;
}
.menu_leftmenu li a {
	font-weight: bold;
	color: #069;
}
.menu_leftmenu li > a:hover,
.menu_leftmenu li.active > a {
	color: #fff;
	background: #3bafda;
}
.menu_leftmenu li > ul > li > a {
	color: #069;
	background:  #DDF0FF ;
}
.menu_leftmenu li > ul > li > a:hover,
.menu_leftmenu li > ul > li.active > a {
	color: #fffec0;
	background: #83e6da;
}
.menu_leftmenu li > ul > li > ul > li > a {
	color: #0687b7;
	background:  #fffee3;
}
.menu_leftmenu li > ul > li > ul > li > a:hover,
.menu_leftmenu li > ul > li > ul > li.active > a {
	color: #0687b7;
	background:  #faf690 ;
}
/* mod_related_links */
.mod_related_links .title {
	background: #a0d468;
	border-radius: 5px 5px 0 0;
}
.mod_related_links .content {
	background: #b9df90;
	border-radius: 0 0 5px 5px;
}
.mod_related_links .lists a {
	color: #247526;
}
.mod_related_links .lists a:hover {
	background: #76b336;
	color: #fff;
}
.mod_related_links .lists .subtitle span {
	background: #a0d468;
	color: #247526;
	display: block;
}
/* main content */
.wrapper_content {
	background: #fff;
	box-shadow: 0px 2px 3px #ccc;
	border-radius: 0 0 10px 10px;
}
.mod_sectiontitle .title {
	background-color:#ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0);
	background:linear-gradient(to bottom, #ffffff 60%, #f0f0f0 100%);
	color: #16a5d9;
}
/* content */
.article-info {
	color: #343434;
}
.article-info span {
	color: #16a5d9;
}
/* tabs */
.wrapper_content .tabs {
}
.wrapper_content .tab {
	border-radius: 5px 5px 0 0;
	background-color:#f9f9f9;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f9f9f9, endColorstr=#ebebeb);
	background:linear-gradient(to bottom, #f9f9f9 0%, #ebebeb 100%);
}
.wrapper_content .tab:hover,
.wrapper_content .tab.active,
.wrapper_content .tab_on {
	filter: none;
	background: #fff;
}
.wrapper_content .tab,
.wrapper_content .tab a {
	color: #666;
	font-weight: bold;
}
.wrapper_content .tab:hover,
.wrapper_content .tab:hover a,
.wrapper_content .tab.active,
.wrapper_content .tab.active a,
.wrapper_content .tab_on {
	color: #56a600;
}
.wrapper_content .tab > div {
	cursor: pointer;
}
.wrapper_content .tab_intro {
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 2px 4px -2px #ccc;
}
/* mood */
.mood-jquery .title {
	border-radius: 5px;
	color: #fff;
	background: #3386a8;
}
/* 各島遊程 */
.article_item .article_intro .title a {
	color: #56a600;
}
.article_item .article_intro .rmore a {
	color: #fff;
	background: #56a600;
	border-radius: 3px;
}
/* sitemap */
.sitemap_content .list ul .lvo_1 > span a {
    color: #096;
	font-weight: bold;
}
/* ########## youvideo ########## */
.com_youvideo .cat_link a {
    color: #fff;
    background: #069;
    border-radius: 5px;
}
.video_item_wrapper .video_intro {
	color: #6a6a6a;
}
#content .video_item_wrapper .video_title a {
	color: #15664d;
}
.video_detail_inner .video_detail_video{
	border-radius: 10px;
}
.video_detail_inner .video_info {
}
.video_detail_inner .video_info.video_info_2 {
}
.video_detail_inner .video_info .video_li {
}
.video_detail_inner .video_info .video_length,
.video_detail_inner .video_info .video_hits,
.video_detail_inner .video_info .video_created {
	color: #ec6941;
}
.video_detail_inner .video_info .video_length b,
.video_detail_inner .video_info .video_hits b,
.video_detail_inner .video_info .video_created b {
	color: #222;
}
/* ########## ebook, efpublication ########## */
/* caroufredsel */
.com_ebook .lists {
    /*background: #f6f6f6;*/
}
.caroufredsel_wrapper li {
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#efpublication li .title,
#ebook li .title,
#efpublication li .title a,
#ebook li .title a {
    color: #647acc;
    text-shadow: 0 1px 1px #e4ebe9;
    text-transform:  uppercase;
}
.com_efpublication .lists .prev,
.com_ebook .lists .prev,
.com_efpublication .lists .next,
.com_ebook .lists .next {
    color: #555;
}
.com_efpublication .lists .prev:hover,
.com_ebook .lists .prev:hover,
.com_efpublication .lists .next:hover,
.com_ebook .lists .next:hover {
    color: #333;
}*/
.pub_block .title a {
	color: #647acc;
}
/* fw gallery */
.fwgs-item,
.fwg-item {
	box-shadow: 0px 0px 5px #ccc;
}
.fwgs-item-inner,
.fwg-item-inner {
	background: #ececec;
	box-shadow: 0px 0px 5px #aaa inset;
}
.view-image #fwgallery {
	background: #f1f1f1;
	border-radius: 10px;
}
.fwg_ecard a {
	background: #16a5d9;
	color: #fff;
	border: 1px solid #127CA3;
	border-radius: 3px;
}
.fwgi-name {
	color: #127CA3;
}
.fwgi-image-picture,
.fwgi-image-prev,
.fwgi-image-next {
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
}
.fwgi-image-prev-btn,
.fwgi-image-next-btn {
	padding: 10px;
    margin: 5px;
	box-shadow: 0px 0px 5px #fff;
	display: inline-block;
}
.fwgi-image-row {
	text-align: center;
}
/* postcard */
.postcard_img {
	background: #f1f1f1;
	border-radius: 10px;
}
.postcard_img_inner {
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
}
.postcard_img .image_title,
.postcard_img .image_title a {
	color: #127CA3;
}
/* catalogue */
.catalogue_list .title a {
    color: #16a5d9;
}
.catalogue_list .intro a:hover {
    text-decoration: underline;
}
/* related images, two images one row */
.related_imgs .list_inner,
.two_imgs .list_inner {
    background: #ececec;
    box-shadow: 0px 0px 5px #aaa inset;
}
.related_imgs .img_title,
.two_imgs .img_title {
    color: #127ca3;
}
/* fixed elements */
/* tags */
.item-page .content ul > li,
.tab_intro ul > li,
div.com_applications ul > li{
    list-style-type: disc;
}
.tab_intro ol > li,
div.com_applications ol > li {
    list-style-type: decimal;
}
.item-page .content em,
.tab_intro em,
div.com_applications em {
    font-style: italic;
}
/* pathway / breadcrumb */
.mod_breadcrumbs,
.mod_breadcrumbs a {
	color: #343434;
}
.mod_breadcrumbs a:hover {
	text-decoration: underline;
}
.mod_breadcrumbs i,
.mod_breadcrumbs .divider {
	color: #16a5d9;
}
/* mediabtns */
.media_btns a {
	color: #333;
}
/* content */
.page-header .title {
	color: #00678C;
}
/* blog */
.blog .item h2 {
	font-weight: bold;
	color: #127CA3;
}
.blog .item .detail {
	color: #666;
}
/* pagination */
.pagination {
	color: #555;
}
.pagination a {
	font-weight: normal;
	color: #127CA3;
}
/* return */
.return_inner {
	border-radius: 3px;
}
.return a {
	color: #343434;
}
/* datatable */
.datatable thead th {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
}
.datatable thead th,
.datatable thead th a {
	color: #fff;
}
.datatable tbody tr:hover {
	background: rgb(255, 253, 220);
}
.datatable tr.cat-list-row1,
.datatable tr.even,
.datatable tr.entry_1 {
    background: #efefef;
}
/* com_search */
.com_search .phrases > legend,
.com_search .section > legend,
.com_search .search_result > span {
	color: #647acc;
	font-weight: bold;
}
/* ########## tooltip 提示氣泡框 ########## */
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
/* ########## icon ########## */
@font-face {
	font-family: 'IcoMoon';
	src: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/media/jui/fonts/IcoMoon.eot');
	src: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/media/jui/fonts/IcoMoon.eot') format('embedded-opentype'), url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/media/jui/fonts/IcoMoon.woff') format('woff'), url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/media/jui/fonts/IcoMoon.ttf') format('truetype'), url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/media/jui/fonts/IcoMoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	*margin-right: .3em;
	line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
.icon-home:before {
	content: "\21";
}
.icon-user:before {
	content: "\22";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
	content: "\23";
}
.icon-comment:before,
.icon-comments:before {
	content: "\24";
}
.icon-comments-2:before {
	content: "\25";
}
.icon-share-alt:before,
.icon-out:before {
	content: "\26";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-file-add:before {
	content: "\29";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-picture:before {
	content: "\2f";
}
.icon-pictures:before {
	content: "\30";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-power-cord:before {
	content: "\32";
}
.icon-cube:before {
	content: "\33";
}
.icon-puzzle:before {
	content: "\34";
}
.icon-flag:before {
	content: "\35";
}
.icon-tools:before {
	content: "\36";
}
.icon-cogs:before {
	content: "\37";
}
.icon-options:before,
.icon-cog:before {
	content: "\38";
}
.icon-equalizer:before {
	content: "\39";
}
.icon-wrench:before {
	content: "\3a";
}
.icon-brush:before {
	content: "\3b";
}
.icon-eye-open:before,
.icon-eye:before {
	content: "\3c";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}
.icon-star-2:before {
	content: "\41";
}
.icon-featured:before,
.icon-star:before {
	content: "\42";
}
.icon-calendar:before {
	content: "\43";
}
.icon-calendar-2:before {
	content: "\44";
}
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-support:before {
	content: "\46";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-eye-close:before,
.icon-minus:before {
	content: "\4b";
}
.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}
.icon-mail-2:before {
	content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
	content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";
}
.icon-box-add:before {
	content: "\51";
}
.icon-box-remove:before {
	content: "\52";
}
.icon-search:before {
	content: "\53";
}
.icon-filter:before {
	content: "\54";
}
.icon-camera:before {
	content: "\55";
}
.icon-play:before {
	content: "\56";
}
.icon-music:before {
	content: "\57";
}
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-thumbs-up:before {
	content: "\5b";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-save-new:before,
.icon-plus-2:before {
	/* content: "5d"; */
	content: "\002795";
	font-weight: bold;
}
.icon-ban-circle:before,
.icon-minus-sign:before,
.icon-minus-2:before {
	/* content: "5e"; */
	content: "\002796";
	font-weight: bold;
}
.icon-key:before {
	content: "\5f";
}
.icon-quote:before {
	content: "\60";
}
.icon-quote-2:before {
	content: "\61";
}
.icon-database:before {
	content: "\62";
}
.icon-location:before {
	content: "\63";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-health:before {
	content: "\6a";
}
.icon-wand:before {
	content: "\6b";
}
.icon-unblock:before,
.icon-refresh:before {
	content: "\6c";
}
.icon-vcard:before {
	content: "\6d";
}
.icon-clock:before {
	content: "\6e";
}
.icon-compass:before {
	content: "\6f";
}
.icon-address:before {
	content: "\70";
}
.icon-feed:before {
	content: "\71";
}
.icon-flag-2:before {
	content: "\72";
}
.icon-pin:before {
	content: "\73";
}
.icon-lamp:before {
	content: "\74";
}
.icon-chart:before {
	content: "\75";
}
.icon-bars:before {
	content: "\76";
}
.icon-pie:before {
	content: "\77";
}
.icon-dashboard:before {
	content: "\78";
}
.icon-lightning:before {
	content: "\79";
}
.icon-move:before {
	content: "\7a";
}
.icon-next:before {
	content: "\7b";
}
.icon-previous:before {
	content: "\7c";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-download:before,
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-play-2:before {
	content: "\e00d";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
}
.icon-color-palette:before {
	content: "\e014";
}
.icon-camera-2:before {
	content: "\e015";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-remove:before {
	content: "\e017";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-cart:before {
	content: "\e019";
}
.icon-basket:before {
	content: "\e01a";
}
.icon-broadcast:before {
	content: "\e01b";
}
.icon-screen:before {
	content: "\e01c";
}
.icon-tablet:before {
	content: "\e01d";
}
.icon-mobile:before {
	content: "\e01e";
}
.icon-users:before {
	content: "\e01f";
}
.icon-briefcase:before {
	content: "\e020";
}
.icon-download:before {
	content: "\e021";
}
.icon-upload:before {
	content: "\e022";
}
.icon-bookmark:before {
	content: "\e023";
}
.icon-out-2:before {
	content: "\e024";
}
/* ########## alert ########## */
#system-message-container {
	margin: 5px 0;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	line-height: 18px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
.alert-message div p {
	color: #f00;
	font-size: 15px;
}
/*dennis 新增*/
.content_dennis {
	font-family:"微軟正黑體";
	color:#003b5e;
	line-height:25px;
	font-size:14px;}
.home_search_inner2 {
	width: 80%;
	position: relative;
	background: rgba(255,255,255,0.8);
}
.home_search_inner2 input[type="text"],
.home_search_inner2 select {
	line-height: 38px;
	height: 38px;
	border: 0;
	background: none;
	font-size:12px;
}
.home_search_inner2 input[type="text"] {
	width: 66%;
	padding: 0 2%;
}
.home_search_inner2 select {
	width: 25%;
}
.home_search_inner2 .keyword {
	position: absolute;
	right: 0;
	line-height: 26px;
	padding: 0 15px;
	background: rgba(0,13,70,0.5);
	border-radius: 0 0 10px 10px;
	color: #c8e6f3;
}
.home_search_inner2 .keyword a {
	color: #fff;
	text-decoration: underline;
}
.home_search_btn {
	width: 20%;
}
.home_search_btn input[type="submit"] {
	border: 0;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	width: 100%;
	color: #fff;
	background: #036087;
	cursor: pointer;
}
.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.action-button
{
	position: relative;
	padding: 10px 20px;
  margin: 0px 10px 10px 0px;
  float: left;
	border-radius: 10px;
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
.blue
{
	background-color: #3498DB;
	border-bottom: 5px solid #2980B9;
	text-shadow: 0px -2px #2980B9;
}
.red
{
	background-color: #E74C3C;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
	height:15px;
}
.green
{
	background-color: #82BF56;
	border-bottom: 5px solid #669644;
	text-shadow: 0px -2px #669644;
}
.yellow
{
	background-color: #F2CF66;
	border-bottom: 5px solid #D1B358;
	text-shadow: 0px -2px #D1B358;
}
.action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
.form{
  width:100%;
  margin:0 auto;
}
.controls
{font-size:15px;
color:#006;}
/* content tab */
.mtabs .mtab {
	display: inline-block;
	width: 49%;
	text-align: center;
}
.mtabs .nonactive img {
	opacity:0.6;
	filter:alpha(opacity=60);
}
.category-list .cat > div {
	display: inline-block;
}
.category-list .cat .desc {
	display: block;
}
.pull-right .wrapper_content {
	width: 307px;
}
.tab_list {
	line-height: 2;
	padding: 5px 0;
}
.tab_list + .tab_list {
	border-top: 1px dotted #cccccc;
}
.ellipsis {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*植物物候調查*/
.y_and_m {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
}
.y_and_m > span {
	color: #387397;
}
.sub_summary {
	 color: #4ba155;
	 font-size: 12px;
}
.plant_table {
	width: 285px;
	height: 190px;
	font-family: "微軟正黑體";
	text-align: center;
	color: #FFFFFF;
	margin: 12px 0 5px;
}
.title {
	color: #333333;
}
.title th {
	font-size: 12px;
	height: 30px;
}
.plant_table th, .plant_table td {
	height: 33px;
	border: 1px solid #FFFFFF;
}
.plant_name {
	width: 121px;
}
.level, .percent {
	width: 38px;
}
.level {
	background-color: #bedfc3;
}
.flower {
	color: #34953f;
}
.fruit {
	color: #489a95;
}
.plant_1 {
	background-color: #54aa9f;
}
.plant_2 {
	background-color: #83b4c0;
}
.plant_3 {
	background-color: #4fad52;
}
.plant_4 {
	background-color: #51ac7a;
}
.percent_pie {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902170222/https://www.marine.gov.tw/templates/system/images/plant.svg) no-repeat;
}
.percent_0 {
	background-position: 0 3px;
}
.percent_1 {
	background-position: -40px 3px;
}
.percent_2 {
	background-position: -80px 3px;
}
.percent_3 {
	background-position: -120px 3px;
}
.percent_4 {
	background-position: -160px 3px;
}

a:focus {
    background: #FFBF47 !important;
    color: #000000;
    font-weight: 700;
    outline: 0.313rem auto -webkit-focus-ring-color;
    outline-offset: -0.125rem;
}

.blog .intro a {
	display: -webkit-inline-box;
}





/*
     FILE ARCHIVED ON 17:02:22 九月 2, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 13:31:09 五月 14, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
