@charset "utf-8";
/****************************************************************************** 常用文字顏色設定 **********/
.p_txt_01 {
	color: #ff6600;
}
.p_txt_purple {
	color: #660099;
}
.p_txt_red {
	color: #ff0000;
}
.p_txt_border {
	padding: 2px 10px;
	border: 1px solid #5a5a5a;
	font-size: 16px;
}
/****************************************************************************** 00共用 1麵包屑 **********/
.breadcrumb {
	list-style: none;
	background: #fce9d5;
	color: #333;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	font-weight: 400;
	/*font-size: 20px;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 37px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 7px;
	line-height: 0.5em !important;
}
.breadcrumb p {
	font-size: 18px;
	line-height: 0.5em !important;
}
.breadcrumb span {
	color: #333;
	padding: 0 5px;
}
.breadcrumb a {
	font-size: 18px;
	color: #333;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	font-weight: 400;
}
.breadcrumb a:hover {
	color: #ff3300 !important;
}
/****************************************************************************** 00共用 2 左邊選單 **********/
.page_container01_story {
	padding-top: 147px;/*★*/
	padding-bottom: 40px;
	background: #fff;
}
.sidebar {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 6px;
}
.sidebar .b_frame {
	background-color: #FFF;
	margin-bottom: 10px;
	padding-bottom: 0px;
	margin-right: 20px;
	margin-top: 0px;
}
.sidebar .b_frame h1 {
	display: none;
}
.nav.navbar-nav li a {
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}
.menuda li {
	list-style-type: none;
}
.sdfc a {
	display: block;
	color: #4f2612;
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 10px 10px 0px;
}
.sdfc a:hover {
	color: #333;
	background-color: #fce9d5;
	border-bottom: 1px solid #fff;
}
.menuda a {
	display: block;
	color: #4f2612;
	font-size: 18px;
	background-color: #fff;
	border-bottom: 1px solid #fff !important;
	padding: 10px 10px 10px 25px !important;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/li_arrow.png) left center no-repeat;
	background-position: 10px 10px;
}
.menuda li a span {
	font-size: 12px;
	color: #f39800;
}
.menuda a:hover {
	color: #333;
	background-color: #fce9d5 !important;
	border-bottom: 1px solid #fff;
}
.ac-small .menuda {
	border-top: 1px solid #ffffff;
}
.menuda li a.content_type_yes {
	color: #333;
	background-color: #fce9d5 !important;
	border-bottom: 1px solid #fff;
}
/****************************************************************************** 01 我要聽故事 **********/
/******************************************************************************故事分類**********/
.spec_colume_3 .sitemap_page_box {
	padding-right:10px;
	
}
.spec_colume_3 .menuda{
	width:100%;
	margin-left:-20px;
/*	padding-top:10px;
	padding-bottom:10px;*/
	
}

.spec_colume_3 .menuda a {
	display: block;
	color: #4f2612;
	font-size: 16px;
	background-color: #fff;
	border-bottom: 1px solid #fff !important;
	padding: 0px 10px 0px 25px !important;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/li_arrow.png) left center no-repeat;
	background-position: 10px 10px;
}


/******************************************************************************列表頁**********/
.category_container {
	margin-left: -10px;
	margin-right: 10px;
}
/******************************************************************************清單列 3顆瀏覽按鈕**********/
.post_share2 {
	position: relative;
	width: 100%;
}
.sharebutton2 {
	float: right;
	text-align: right;
	position: absolute;
	right: 0px;
	top: -30px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	margin-right: 10px;
}
.sharebutton2 {
	float: right;
	text-align: right;
	position: absolute;
	right: 0px;
	top: -30px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	margin-right: 10px;
}
.sharebutton2 a {
	font-size: 0 !important;
	margin-left: 5px;
}
.sharebutton2 ul {
	margin: 0px;
	float: right;
}
.sharebutton2 ul li {
	float: left;
	margin: 0px 2px 0px 2px;
	display: block;
}
.sharebutton_list a {
	font-size: 0 !important;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show01.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_pic a {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show02.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_map a {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show03.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_list a.on {
	font-size: 0 !important;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show01_on.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_pic a.on {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show02_on.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_map a.on {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show03_on.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_list a:hover {
	font-size: 0 !important;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show01_over.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_pic a:hover {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show02_over.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
.sharebutton_map a:hover {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/list_show03_over.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
}
/******************************************************************************清單列 頁碼**********/
.list_gotopage01 {
	margin: 0 auto;
	width: 80%;
	clear: both;
	display: block;
	text-align: center;
	padding: 40px 0 20px 0;
	line-height: 25px;
}
.list_gotopage01 span {
	padding: 0 5px;
}
.list_gotopage01 a {
	text-decoration: none;
	color: #F60;
}
.list_gotopage01 a:hover {
	color: #F90;
}
.spPage {
	width: 50px;
}
.list_gotopage01 td, .list_gotopage01 input, .list_gotopage01 select {
	font-size: 16px !important;
}
/******************************************************************************故事分類 清單列 條列顯示**********/
.storyitem02 {
	margin: 10px 0 0 10px;
	display: block;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8dad9;
	padding: 10px;
	position: relative;
	clear:both;
}
.category_container .span12 .filltable_section {
	display: block;
	margin: 0px 0 0 0px;
	padding: 10px 0 10px 10px;
}
.filltable_section img{
	padding-bottom:10px;
	width:100%;
}
.storyitem02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.storyitem02:hover {
	-moz-box-shadow: 0px 0px 5px #fce9d5;
	box-shadow: 0px 0px 5px #fce9d5;
	border: 1px solid #f7f5f3;
	background-color: #f7f5f3;
}
.storyitem02:hover img {
	opacity: 0.8;
}
.storyitem02 .story_pic01 {
	width: 200px;
	height: 180px;
	overflow: hidden;
/*	min-height: 180px;
	overflow:auto;*/
	display: block;
	float: left;
	padding-right: 20px;
}
.storyitem02 .story_pic01 a img {
	width: 100%;
	height: auto !important;
}
.storyitem02 .story_inf01 {
	display: block;
	margin: 5px 0 20px 210px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}
.storyitem02 .story_inf01 h5 {
	color: #ea5514 !important;
	font-size: 18px!important;
	line-height: 1.3em;
	margin: 0;
}
.storyitem02 .story_inf01 h5 a {
	font-size: 18px!important;
	color: #ea5514 !important;
	text-decoration: none;
}
.storyitem02 .story_inf01 h5 a:hover {
	color: #ff9900;
}
.storyitem02 .story_inf01 h5 img, .storyitem03 .story_inf01 h5 img {
	padding: 7px 0 0 5px;
}
.storyitem02 .story_inf01 p {
	color: #313131;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	text-align: justify;
}
.storyitem02 .detailinf01 {
	color: #B28247;
	font-size: 13px;
	margin: 7px 0;
 *margin: 3px 0;
}
.storyitem02 .detailinf01 span {
	padding-right: 20px;
	color: #5a5a5a;
}
.storyitem02 .add01 {
	position: absolute;
	right: 0px;
	bottom: 5px;
	z-index: 500;
}
.hrstyle03 {
	height: 1px;
	border: none;
	border-top: 1px dashed #B5B5B6;
	margin: 6px 0 4px 0;
	clear: both;
 *margin: 0;
	display: none;
}
.association_area {
	padding-bottom: 10px;
	height: 60px;
}
.timeinf {
	margin: 10px 0;
 *margin: 5px 0;
}
.timeinf .name01 {
	font-size: 13px;
	color: #3C3C3C;
}
.timeinf .time01, .timeinf .time02 {
	font-size: 13px;
	color: #9F9F9F;
}
/******************************************************************************故事分類 清單列 圖片顯示--**********/

.category_container .span4 {
	width: 33%;
	margin: 0 auto;
}
.storyitem03 {
	margin: 10px 0 0 10px;
	display: block;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	/* Firefox 3.6 and earlier */
	border: 1px solid #d8dad9;
	padding: 10px;
	position: relative;
}
.storyitem03:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.storyitem03:hover {
	-moz-box-shadow: 0px 0px 5px #fce9d5;
	box-shadow: 0px 0px 5px #fce9d5;
	border: 1px solid #f7f5f3;
	background-color: #f7f5f3;
}
.storyitem03:hover img {
	opacity: 0.8;
}
.storyitem03 .story_pic01 {
	width: 100%;
	height: 157px;
	overflow: hidden;
	display: block;
}
.storyitem03 .story_pic01 a img {
	width: 100% !important;
	height: auto !important;
}
.storyitem03 .story_inf01 {
	display: block;
	margin: 10px 0 0 0;
}
.storyitem03 .story_inf01 h5 {
	font-size: 18px;
	line-height: 1.6em;
	margin: 0;
}
.storyitem03 .story_inf01 h5 a {
	text-decoration: none;
	/*color: #000;*/
	color: #ea5514;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.storyitem03 .story_inf01 h5 a:hover {
	color: #ff9900;
}
.storyitem03 .story_inf01 p {
	color: #313131;
	line-height: 25px;
	text-align: left;
	text-align: justify;
	margin: 0;
}
.storyitem03 .detailinf01 {
	color: #B28247;
	font-size: 13px;
	margin: 7px 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.storyitem03 .detailinf01 span {
	padding-right: 20px;
	color: #5a5a5a;
}
.storyitem03 .timeinf .name01 {
	clear: both;
	width: 100%;
	float: left;
}
.storyitem03 .timeinf .time01 {
	clear: both;
	float: left;
	margin-top: 0px;
}
.storyitem03 .timeinf .time02 {
}
.storyitem03 .add01 {
	clear: both;
	width: 100%;
	float: left !important;
	text-align: leftt;
	margin-top: 0px;
	margin-left: -4px;
}
/******************************************************************************故事分類 清單列 地圖顯示**********/
#map {
	width: 100%;
	height: 600px;
	margin: 0px;
}
.map_wrapper {
	margin-top: 10px;
	padding-right: 10px;
}
.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div {
	font-weight: 400
}
.gm-style-pbc {
	transition: opacity ease-in-out;
	background-color: black;
	text-align: center
}
.gm-style-pbt {
	font-size: 22px;
	color: white;
	font-family: Roboto, Arial, sans-serif;
	position: relative;
	margin: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {
	font-size: 10px
}
.gm-style {
	font-family: Roboto, Arial, sans-serif;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none
}
.gm-style img {
	max-width: none
}
/******************************************************************************內容頁**********/
.post_main {
	position: relative;
	padding-right: 0px;
}
.post_title {
	border-bottom: solid 1px #d2c8c4;
	margin-top: 15px;
	margin-right: 10px;
}
.post_title2 {
	font-family: "微軟正黑體" !important;
	font-size: 24px;
	letter-spacing: 0px;
	position: relative;
	font-weight: bold;
	color: #4f2612;
	margin-bottom: 10px;/*調整間距重要*/
	line-height: 1.1em;
}
/******************************************************************************內容頁（社群）**********/
.post_share {
	position: relative;
	width: 100%;
}
.sharebutton {
	float: right;
	text-align: right;
	position: absolute;
	right: -80px;
	top: -16px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.sharebutton a {
	font-size: 0 !important;
}
.sharebutton ul {
	margin: 0px;
	float: right;
}
.sharebutton ul li {
	float: left;
	margin: 0px 2px 0px 2px;
	display: block;
}
.sharebutton_twitter a {
	font-size: 0 !important;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/twitter.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
}
.sharebutton_fb a {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/p_fb.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
}
.sharebutton_pl a {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/p_pl.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
}
.sharebutton_twitter a:hover, .sharebutton_fb a:hover, .sharebutton_pl a:hover {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
}
.using_story {
	float: right;
	text-align: right;
	width: 100%;
	margin-bottom: 12px;
	margin-top: 24px;
}
.using_story #button {
	border: 1px solid #966;
	color: #C00;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
}
.using_story input#button:hover {
	border: 1px solid #966;
	color: #C00;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-color: #fbe9d5;
}
.using_story img {
	padding-right: 20px;
}
.using_story input.addbtn {
	margin-right: 10px;
}
.addbtn {
	color: #ea5514;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-color: transparent;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_add.png);
	background-repeat: no-repeat;
	background-position: center left;
	border: 0;
	padding: 0 15px 0 30px;
 *padding: 3px 0 0 5px;
	cursor: pointer;
}
.addbtn_cancel {
	color: #ea5514;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-color: transparent;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_add_on.png);
	background-repeat: no-repeat;
	background-position: center left;
	border: 0;
	padding: 0 15px 0 30px;
 *padding: 3px 0 0 5px;
	cursor: pointer;
}
.addbtn:hover, .addbtn_cancel:hover {
	color: #ff9900;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-color: transparent;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_add_over.png);
	background-repeat: no-repeat;
	background-position: center left;
	border: 0;
	padding: 0 15px 0 30px;
 *padding: 3px 0 0 5px;
	cursor: pointer;
}
.deeporangebtn {
	border: 1px solid #ea5514;
	color: #ea5514;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
}
.deeporangebtn:hover {
	border: 1px solid #ff9900;
	color: #fff;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-color: #ff9900;
}
.deeporangebtn1 {
	border: 1px solid #ea5514;
	color: #ffffff !important;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_red2.jpg);
}
.deeporangebtn1:hover {
	border: 1px solid #ff9900;
	 color: #ffffff !important;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	font-family: Arial, "微軟正黑體";
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_red2_hover.jpg);
}
/******************************************************************************內容頁（Video區塊）**********/
.post_content {
	padding-top: 0;
	clear: both;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}
.post_content_info .post_content_video {
	margin: 0;
	padding: 0;
}
.post_content_video {
	float: left;
	width: 65% !important;
	margin-bottom: 30px!important;
	margin-top: 10px!important;
}
.post_content .storyinf01 {
	float: right;
	width: 33%;
	margin-bottom: 30px!important;
}
.post_content .storyinf01 ul {
	margin: 0px;
}
.post_content .storyinf01 ul li {
	float: left;
	text-align: left;
	margin: 0px 2px 0px 2px;
	display: table;
	font-size: 15px;
	line-height: 26px!important;
	clear: both;
}
.post_content .storyinf01 ul li span {
	color: #a6928b;
	display: table-cell;
	width: 80px;
	text-align: right;
}
.storyarticle01 {
	clear: both;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.storyarticle01 p {
	color: #313131;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	text-align: justify;
}
/******************************************************************************內容頁（照片 流式）**********/
.post_pic {
	margin: 0 0 40px -10px;
	text-align: center;
}
.grid-gallery {
	margin: 0;
	padding: 0;
	margin-top: 40px!important;
}
/******************************************************************************內容頁（來自地方）**********/
.submenuarea2 {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
/******************************************************************************內容頁（下方共用 相關故事）**********/
.more_sotry_wrapper {
	margin-bottom: 50px;
}
.reference {
	color: #4e2614;
	font-size: 20px;
	font-weight: 400;
	display: block;
	padding: 15px;
	background-color: #efeae8;
	margin-top: 40px;
	margin-right: 3px;
}
.01_more_story {
	width: 100%;
	position: relative;
}
.more_pic {
	margin: 25px 0 0 0;
}
.office-grid {
	float: left;
	width: 33.15%;
	height: 192px;
	overflow: hidden;
	display: block;
	margin: 0 1px 0 0;
	background: rgba(35, 17, 9, 0.9);
	position: relative;
	text-align:center!important;
	vertical-align:middle!important;
}
.office-grid:nth-child(4) {
	margin-top: 1px !important;
}
.office-grid:nth-child(5) {
	margin-top: 1px !important;
}
.office-grid:nth-child(6) {
	margin-top: 1px !important;
}
.office-grid:nth-child(4) {
	margin-bottom: 0 !important;
}
.office-grid:nth-child(5) {
	margin-bottom: 0 !important;
}
.office-grid:nth-child(6) {
	margin-bottom: 0 !important;
}
.office-grid a {
	width: 100%;
	height: auto;
}

.office-grid img:hover {
	opacity: 0.6;
}
.office-grid:hover div.caption {
	background: rgba(35, 17, 9, 0.5);
}
.caption {
	background: rgba(35, 17, 9, 0.5);
	position: absolute;
	bottom: 0%;
	width: 100%;
}
.caption p a {
	color: #ffffff;
}
.caption p {
	margin: 0;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	font-weight: 300;
	padding: 10px 0 10px 0;
}

/****************************************************************************** 02 我要說故事 **********/
/******************************************************************************02-01 建立故事**********/
.optionboxes {
	padding: 0px 0 20px 0px;
	margin: px 0 20px 0;
	font-size: 16px;
}
.resumable-drop {
	padding: 30px;
	font-size: 16px;
	text-align: center;
	color: #666;
	font-weight: bold;
	background-color: #EEE;
	border: 2px dashed #AAA;
	border-radius: 10px;
	margin-top: 40px;
	z-index: 9999;
}
.progress-container {
	height: 7px;
	background: #9CBD94;
	position: relative;
}
.progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #45913A;
	width: 0;
}
.filltable2 .d_frame .sob_long {
	width: 65%;
}
#step {
	margin-top: 20px;
	margin-left: -45px;
	margin-bottom: 0;
}
.step {
	list-style: none;
	overflow: hidden;
	font: 16px "TrajanPro", "微軟正黑體", "新細明體", "Arial Unicode MS";
	margin-bottom: 0px;
	padding: 0 !important;
	background: none !important;
}
.step li {
	float: left;
}
.step li a {
	color: #999 !important;
	text-decoration: none;
	padding: 12px 10px 12px 75px;
	background: #ececec;
	position: relative;
	display: block;
	float: left;
	border-radius: 3px 0 0 3px;
	line-height: 26px;
	cursor: default;
}
.step li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #ececec;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.step li a:hover {
	background: #ececec;
	color: #999 !important;
	cursor: default;
}
.step li:first-child a {
	padding-left: 25px;
}
#aaaa a {
	background: #fce9d5 !important;/*	color: #333 !important;*/
}
.display a {
	color: #999 !important;
}
#aaaa a:after {
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #fce9d5;
}
.stepNo {
	font-size: 16px;
	color: #fff !important;
	background: #ea5514;
	border-radius: 100%;
	line-height: 25px;
	text-align: center;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	float: left;
}
.stepNo_on {
	font-size: 18px!important;
	color: #ea5514 !important;
	font-weight: bold;
}
.display {
}
.display .stepNo {
	background: #cacaca;
}

/******************************************************************************02-02 預約故事蒐錄站**********/
/******************************************************************************02-03 故事行動列車**********/

/* ================================================= 故事行動列車  ================================================= */

.tourbusarea p {
	font-size: 16px;
	margin: 0;
	color: #5A5A5A;
	padding-bottom: 10px;
}
.tourlist01 {
	padding-right: 10px;
}
.itable table {
	border-collapse: collapse;
	background: #fff;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}
.table_scroll .itable {
	width: 100%;
}
.itable td, th {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #d2c8c4;
	font-size: 16px;
}
.itable th {
	background-color: #efe8de;
	color: #4f2612 !important;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	text-align: center;
	border: 1px solid #d2c8c4;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	height: 23px;
	border: 1px solid #d2c8c4;
}
.itable img {
	width: 100%;
	height: auto;
}
.itable tbody tr:nth-child(2n-1) {
	background-color: #f5f5f5;
	transition: all .125s ease-in-out;
}
.itable tbody tr:nth-child(2n) {
	background-color: #FDFDFD;
	transition: all .125s ease-in-out;
}
.itable tbody tr:hover {
	background-color: rgba(255,204,0,0.3);
}
.table_scroll .mustwrite {
	padding-top: 10px;
	font-size: 20px !important
}
/******************************************************************************02-04 到府服務**********/

/****************************************************************************** 03 我要用故事 **********/
/******************************************************************************03-01 我要用故事 簡易搜尋**********/
.srchkeywords {
	clear: both;
	padding: 10px 10px 10px 0px;
	margin-bottom: 380px;
	position: relative;
}
.srchwrap {
	position: absolute;
	top: 27px;
	right: 40px;
}
.srchkeywords .ck_btn {
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold.jpg);
	background-repeat: repeat-x;
	border: 1px solid #B5A691;
	color: #000;
	cursor: pointer;
	margin-top: -10px;
	margin-left: 10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.srchkeywords .ck_btn:hover {
	border-radius: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold_hover.jpg);
}
.srchbtn2 {
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	font-size: 16px;
	width: 85px;
	height: 20px;
	border: none;
	color: #00A0E9;
	background-color: transparent;
 *height: 25px;
}
.srchbtn2:hover {
	color: #F90;
}
/******************************************************************************03-02 我要用故事 進階搜尋**********/
.searcharea {
	background-color: #fff;
	float: left;
	width: 100%;
	margin-left: 10px;
}
.searchmenu {
	position: relative;
}
.searchobj {
	margin-left: 10px;
	padding-top: 10px;
	margin: 0;
	width: 33%;
	float: left;
}
.searchobj span {
	font-size: 16px;
	color: #595757;
	margin-right: 5px;
	line-height: 25px;
	display: block;
}
.searchobj span.note {
	font-size: 13px !important;
	color: #313131;
	margin-top: -10px;
}
.searchinput01 {
	width: 206px;
}
.searchobj select {
	width: 220px;
}
.searcharea .ck_btn {
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold.jpg);
	background-repeat: repeat-x;
	border: 1px solid #B5A691;
	color: #000;
	cursor: pointer;
	margin-top: -10px;
	margin-left: 10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.searcharea .ck_btn:hover {
	border-radius: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold_hover.jpg);
}
/******************************************************************************03-03 我要用故事 進階搜尋 影片廣告區**********/
/*上方*/
.newhotbest {
	width: 800px;
	height: 670px;
	margin-top: 20px;
	margin-left: 25px;
	position: relative;
}
/*第1列*/
.new01 {
	width: 220px;
	height: 165px!important;
	background-color: #000 !important;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}
.new02 {
	width: 220px;
	height: 165px!important;
	background-color: #000!important;
	overflow: hidden;
	float: left;
}
.new03 {
	width: 220px;
	height: 165px!important;
	background-color: #000!important;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}
.new01 img {
	height: 165px!important;
	border: 0;
}
.new02 img {
	height: 165px!important;
	border: 0;
}
.new03 img {
	height: 165px!important;
	border: 0;
}
.new01 .video_icon, .new01 .audio_icon {
	top: 144px;
	left: 137px;
}
.new02 .video_icon, .new02 .audio_icon {
	top: 144px;
	left: 605px;
}
.new03 .video_icon, .new03 .audio_icon {
	top: 144px;
	left: 371px;
}
/*第2列*/
.hot01 {
	width: 455px!important;
	height: 256px!important;
	background-color: #000!important;
	overflow: hidden;
	position: absolute;
	top: 180px;
	left: 0px;
}
.hot02 {
	width: 220px!important;
	height: 165px!important;
	background-color: #000;
!important;
	overflow: hidden;
	position: absolute;
	top: 180px;
	left: 470px;
}
.hot01 img {
	width: 455px;
	border: 0;
}
.hot02 img {
	width: 220px!important;
	height: 165px!important;
	border: 0;
}
.hot01 .video_icon, .hot01 .audio_icon {
	bottom: 6px;
	right: -2px;
}
.hot02 .video_icon, .hot02 .audio_icon {
	bottom: 6px;
	right: -2px;
}
/*第3列*/
.best01 {
	clear: both;
	width: 220px;
	height: 165px!important;
	background-color: #000;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	position: absolute;
	top: 451px;
}
.best02 {
	clear: both;
	width: 220px;
	height: 165px!important;
	background-color: #000;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	position: absolute;
	top: 451px;
	left: 235px;
}
.best03 {
	clear: both;
	width: 220px;
	height: 165px!important;
	background-color: #000;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	position: absolute;
	top: 451px;
	left: 470px;
}
.best01 img {
	height: 165px;
	border: 0;
}
.best02 img {
	height: 165px;
	border: 0;
}
.best03 img {
	height: 165px;
	border: 0;
}
.best01 .video_icon, .best01 .audio_icon {
	bottom: 0px;
	left: 137px;
}
.best02 .video_icon, .best02 .audio_icon {
	bottom: 0px;
	left: 137px;
}
.best03 .video_icon, .best03 .audio_icon {
	bottom: 0px;
	right: -3px;
}
.news01 .video_icon, .news03 .video_icon, .news02 .video_icon, .hot01 .video_icon, .hot02 .video_icon, .best01 .video_icon, .best02 .video_icon, .best03 .video_icon, .video_icon {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/video_icon01.png);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 20px;
	position: absolute;
	color: #FFF;
	padding: 2px 0 0 5px;
}
.news01 .audio_icon, .news03 .audio_icon, .news02 .audio_icon, .hot01 .audio_icon, .hot02 .audio_icon, .best01 .audio_icon, .best02 .audio_icon, .best03 .audio_icon, .audio_icon {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/audio_icon01.png);
	display: block;
	width: 30px;
	height: 20px;
	position: absolute;
}
/*---下方故事分類-----------------------**********/
.storyitem01 {
	height: 150px!important;
	margin: 20px 0 0 0;
}
.storyitem01 img, .coloritem01, .coloritem02, .coloritem03, .coloritem04, .coloritem01 img, .coloritem02 img, .coloritem03 img, .coloritem04 img {
	width: 200px !important;
	height: 150px!important;
	float: left;
}
.storyitem01 ul {
	list-style-type: none;
	margin: 0;
	padding-left: 25px;
}
.storyitem01 ul li {
	display: block;
	width: 200px !important;
	height: 150px!important;
	float: left;
	position: relative;
	margin: 0;
	padding-right: 10px;
	margin-bottom: 10px !important;
}
.coloritem01 {
	background-color: #F39800;
	margin: 0;
	padding: 0;
	display: list-item;
}
.coloritem02 {
	background-color: #EA5514;
	margin: 0;
	padding: 0;
	display: list-item;
}
.coloritem03 {
	background-color: #E83828;
	margin: 0;
	padding: 0;
	display: list-item;
}
.coloritem04 {
	background-color: #EA5514;
	margin: 0;
	padding: 0;
	display: list-item;
}
.coloritem01 p, .coloritem02 p, .coloritem03 p, .coloritem04 p {
	margin: 0;
	color: #FFF;
	font-size: 16px;
	padding: 14px 0px 0 14px;
}
.coloritem01 span, .coloritem02 span, .coloritem03 span, .coloritem04 span {
	font-size: 13px;
	color: #000;
	padding-left: 14px;
	line-height: 1.8em;
}
.coloritem01 a.module_item_more, .coloritem02 a.module_item_more, .coloritem03 a.module_item_more, .coloritem04 a.module_item_more {
	position: absolute;
	right: 20px;
	top: 125px!important;
	color: #fff !important;
	text-decoration: none;
}
.storyitem01 .video_icon {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/video_icon01.png);
	display: block;
	width: 80px;
	height: 20px;
	position: absolute;
	bottom: 2px;
	right: 8px;
}
.storyitem01 .audio_icon {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/audio_icon01.png);
	display: block;
	width: 80px;
	height: 20px;
	position: absolute;
	bottom: 2px;
	right: 8px;
}
/****************************************************************************** 04 好幫手 **********/
/******************************************************************************04-01 訪談範例（常見問題）**********/
.helparea {
	margin: 35px 20px;
	padding: 20px 0;
}
.searcharea02 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.qa_showall, .qa_hideall {
	text-decoration: none;
	font-size: 16px;
	color: #8F4796;
	float: right;
	margin: 0 5px 10px 5px;
}
.qa_showall:hover, .qa_hideall:hover {
	color: #F39800;
}
#qaContent ul.accordionPart {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#qaContent ul.accordionPart li {
	border: 1px solid #EA5514;
	margin: 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#qaContent ul.accordionPart li .qa_title {
	color: #EA5514;
	font-size: 16px;
	line-height: 1.6em;
	cursor: pointer;
	padding: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/icon_arrow03.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
#qaContent ul.accordionPart li .qa_title_on {
	color: #F39800;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/icon_arrow03_hover.png);
}
#qaContent ul.accordionPart li .qa_content {
	margin: 5px 0;
	padding-left: 5px;
	color: #5A5A5A;
	line-height: 1.8em;
	font-size: 15px;
}
.searcharea02 .ck_btn {
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold.jpg);
	background-repeat: repeat-x;
	border: 1px solid #B5A691;
	color: #000;
	cursor: pointer;
	margin-top: -10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.searcharea02 .ck_btn:hover {
	border-radius: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold_hover.jpg);
}
/******************************************************************************04-02 錄製指南**********/
.cp_wrapper {
	margin-left: -10px!important;
	margin-right: 10px!important;
	margin-top: 20px;
}
.cp_wrapper1 {
	margin-right: 0!important;
	padding-right: 0!important;
}
.cp_wrapper2 {
	margin-left: 0!important;
	padding-left: 10px!important;
}
.cp_index1 a, .cp_index2 a, .cp_index3 a, .cp_index4 a {
	width: 200px;
	height: 200px;
	border-radius: 200px;
	line-height: 200px;
	display: inline-block;
	margin: 0 1em;
	margin-bottom: 20px;
}
.cp_index1 a {
	border: 3px solid #c5e0b4;
	background-color: #c5e0b4;
}
.cp_index2 a {
	border: 3px solid #ffd966;
	background-color: #ffd966;
}
.cp_index3 a {
	border: 3px solid #f4b183;
	background-color: #f4b183;
}
.cp_index4 a {
	border: 3px solid #9dc3e6;
	background-color: #9dc3e6;
}
.cp_index1 a:hover, .cp_index2 a:hover, .cp_index3 a:hover, .cp_index4 a:hover {
	text-decoration: none !important;
	border: 3px solid #ff9900;
	background-color: #ff9900;
}
.cp_index1 .circle_h1, .cp_index2 .circle_h1, .cp_index3 .circle_h1, .cp_index4 .circle_h1 {
	color: #fff;
	display: block;
	font-size: 50px;
	font-weight: bold;
	line-height: 1em;
	text-align: center !important;
	margin-top: 50px;
}
.cp_index1 .circle_h2, .cp_index2 .circle_h2, .cp_index3 .circle_h2, .cp_index4 .circle_h2 {
	color: #000;
	display: block;
	font-size: 20px !important;
	font-weight: bold;
	/*width:200px;
	float:left;*/
	line-height: 1em;
	text-align: center;
	margin-top: 10px;
	line-height: 30px;
}
.post_title3 {
	font-family: "微軟正黑體" !important;
	font-size: 24px;
	letter-spacing: 0px;
	position: relative;
	font-weight: bold;
	color: #0a85cb;
	/*color:#036eb8;*/
	margin-top: 30px;
	margin-bottom: 10px;/*調整間距重要*/
	line-height: 1.1em;
}
.post_detail {
	margin-top: 10px;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.span9 a {
	color: #ff9900 !important;
}
.span9 a:hover {
	color: #ff3300 !important;
}
.post_detail .row-fluid {
	margin-top: 30px;
	margin-bottom: 30px;
}
.film {
	text-align: center;
	margin-bottom: 30px;
}
.film_title {
	font-size: 18px !important;
	margin-bottom: 5px;
	font-weight: bold;
}
.film img {
	margin: 10px auto 15px auto;
	width: 169px;
	height: auto;
	border-radius: 3px;
}
.film p {
	padding-left: 10px;
	padding-right: 10px;
}
.film span:hover {
	color: #ff3300 !important;
}
.txt_01 {
	color: #21b7b6;
}
.txt_02 {
	color: #e57c79;
}
.txt_03 {
	color: #f4994a;
}
.post_iframe {
	padding-right: 10px;
}
/******************************************************************************04-03 錄音工具**********/
/************************************************************************************** 錄音工具**/
.storyitem02_nothover {
	margin: 10px 0 0 10px;
	display: block;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8dad9;
	padding: 10px;
	position: relative;
}
.storyitem02_nothover:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.storyitem02_nothover .story_pic01 {
	width: 200px;
	height: 180px;
	overflow: hidden;
	display: block;
	float: left;
	padding-right: 20px;
}
.storyitem02_nothover .story_pic01 .appiconpic {
	width: 156px!important;
	height: auto !important;
	padding: 0 25px;
}
.storyitem02_nothover .story_inf01 {
	display: block;
	margin: 5px 0 20px 210px;
	padding-left: 10px;
	padding-right: 10px;
}
.storyitem02_nothover .story_inf01 h5 {
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
}
.storyitem02_nothover .story_inf01 h5 a {
	text-decoration: none;
	color: #000;
}
.storyitem02_nothover .story_inf01 h5 a:hover {
	color: #ff9900;
}
.storyitem02_nothover .story_inf01 p {
	color: #313131;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	text-align: justify;
}
.storyitem02_nothover .detailinf01 {
	color: #B28247;
	font-size: 13px;
	margin: 7px 0;
 *margin: 3px 0;
}
.storyitem02_nothover .detailinf01 span {
	padding-right: 20px;
	color: #5a5a5a;
}
.detailinf01 p {
	margin-top: -3px !important;
}
.story_inf01 .statetext {
	margin-top: 10px;
	border-top: 1px solid #ded7d4;
	padding-top: 50px;
}
.story_inf01 table p {
	margin-top: 0px !important;
}
.story_inf01 table a {
	padding-right: 5px;
	padding-left: 5px;
}
/******************************************************************************04-04 常見問題**********/
/******************************************************************************04-05 文件下載**********/
.downloaditem01 {
	display: block;
	padding: 10px 0;
	vertical-align: middle;
}
.pdffile {
	display: block;
	float: left;
}
.downloaditem01 .filename {
	display: block;
	padding-left: 10px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 1.6em;
	background-color: #ff9900;
	text-decoration: none;
}
.downloaditem01 ul {
	padding-left: 25px;
	margin: 0;
}
.downloaditem01 ul li {
	list-style: none;
	padding: 10px 0 0 0;
	margin-left: 0px;
	color: #016db7;
}
.downloaditem01 ul li a {
	text-decoration: none;
	color: #016db7!important;
	font-size: 16px;
	display: block;
	width: 100%;
}
.downloaditem01 ul li img {
	border: 0;
	float: left;
	padding-left: 6px;
	padding-right: 20px;
}
/****************************************************************************** 05 最新消息 **********/
/******************************************************************************05-01 活動消息**********/
.newsinf1, .newsinf2, .newsinf3, .newsinf4 {
	text-align: center;
}
.newsinf2 {
	text-align: left;
}
.newsinf2 a {
	color: #016db7 !important;
	text-align: left;
}
.newsinf1 {
	width: 80px;
	color: #EA5514;
}
.newsinf3 {
	width: 80px;
	color: #727171;
}
.newsinf4 {
	width: 80px;
	color: #EA5514;
}
/******************************************************************************05-02 活動照片**********/
.category_container .span6 {
	width: 50%;
	margin: 0 auto;
}
.storyitem03 {
	margin: 10px 0 0 10px;
	display: block;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8dad9;
	padding: 10px;
	position: relative;
}
.activityitem02 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/icon_arrow02.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	cursor: pointer;
	margin: 10px 0 0 10px;
	display: block;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8dad9;
	padding: 10px;
	position: relative;
}
.activityitem02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.activityitem02:hover {
	-moz-box-shadow: 0px 0px 5px #efefef;
	box-shadow: 0px 0px 5px #efefef;
	border: 1px solid #efefef;
	background-color: #efefef;
}
.activityitem02:hover img {
	opacity: 0.8;
}
.actinf01 h5 {
	font-size: 18px;
	line-height: 1.6em;
	margin: 0;
	text-decoration: none;
	color: #ea5514;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.actinf01 h5 a {
}
.actinf01 h5:hover {
	color: #ff9900;
}
.actinf01 {
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
	width: 80%;
	background-color: #EFEFEF;
	padding: 10px;
}
.actinf01 p {
	color: #313131;
	line-height: 25px;
	text-align: left;
	margin: 0;
}
.actinf02_2 {
	float: left;
	height: 80px;
	display: block;
	width: 80%;
	background-color: #EFEFEF;
	padding: 0px 10px 10px 10px;
}
.actinf02_2 span {
	width: 31%;
	display: block;
	background-color: #EFEFEF;
	float: left;
	margin-right: 5px;
	overflow: hidden;
	white-space: nowrap;
}
.actinf02_2 span img {
	width: 100%;
	height: 80px;
	border: 0;
}
/******************************************************************************05-03 影音集錦**********/
.video_page {
	float: left;
	width: 100% !important;
	margin-bottom: 30px!important;
	margin-top: 10px!important;
}
.video_box {
	padding-right: 10px!important;
}
.story_inf01 p a {
	color: #0361b8 !important;
}
.post_pic2 {
	margin: 0 0 40px -10px;
	text-align: left;
	margin-top: -30px;
}
/*****流式***/
.post_pic2 .grid figcaption {
	background: #f9f9f9 !important;
	padding: 10px 5px 0 5px;
}
.post_pic2 .grid li:hover figure {
	opacity: 0.9;
	-moz-box-shadow: 0px 0px 5px #fce9d5;
	box-shadow: 0px 0px 5px #fce9d5;
	background-color: #f9f9f9;
}
.post_pic2 .story_inf01 h5 {
	color: #ea5514 !important;
	font-size: 18px!important;
	line-height: 1.3em;
	margin: 0;
}
.post_pic2 .story_inf01 h5 a {
	font-size: 18px!important;
	color: #ea5514 !important;
	text-decoration: none;
}
.post_pic2 .story_inf01 h5 a:hover {
	color: #ff9900;
}
.post_pic2 .story_inf01 {
	display: block;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px!important;
}
.post_pic2 .story_inf01 p {
	color: #313131;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
}
.post_pic2 .detailinf01 {
	color: #B28247;
	font-size: 13px;
	margin: 7px 0;
 *margin: 3px 0;
}
.post_pic2 .detailinf01 span {
	padding-right: 20px;
	color: #5a5a5a;
}
.post_pic2 .grid-wrap {
	margin-bottom: -50px !important;
}
/****************************************************************************** 06 會員中心 **********/
/******************************************************************************06-01 我的故事**********/
.mystoriesarea {
	margin: 0 35px;
	padding: 20px 0;
}
.deletestories {
	background-color: #662f5b;
	height: 27px;
	padding-top: 5px;
}
.deletebtn02 {
	background-color: transparent;
	border: 0;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/icon_delete.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	padding-left: 25px;
	margin-left: 12px;
	cursor: pointer;
}
.deletebtn02:hover {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/icon_delete_hover.png);
}
.mystoriesitem01 {
	word-break: break-all;
}
.mystoriesitem01 .itable th a {
	color: #4f2612 !important;
	text-decoration: none;
}
.odditem {
	background-color: #FFF;
}
.evenitem {
	background-color: #EFEFEF;
}
.text_storyname {
	color: #003;
	text-decoration: none;
}
.text_storyname:hover {
	color: #F90;
}
.nextbtn {
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold.jpg);
	background-repeat: repeat-x;
	border: 1px solid #B5A691;
	color: #000;
	cursor: pointer;
	margin-top: 0px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.nextbtn:hover {
	border-radius: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold_hover.jpg);
}
.statetext {
	font-size: 16px;
}
.text_edit {
	color: #36C !important;
	text-decoration: none;
}
.text_waitchecking {
	color: #090!important;
	text-decoration: none;
}
.text_checking {
	color: #C00!important;
	text-decoration: none;
}
.text_checkok {
	color: #8F4796!important;
	text-decoration: none;
}
.text_checkfail {
	color: #F90!important;
	text-decoration: none;
}
a.text_edit {
	color: #016db7 !important;
}
a.text_waitchecking {
	color: #090!important;
	text-decoration: none;
}
a.text_checking {
	color: #C00!important;
	text-decoration: none;
}
a.text_checkok {
	color: #8F4796!important;
	text-decoration: none;
}
a.text_checkfail {
	color: #F90!important;
	text-decoration: none;
}
button.ck_btn_2{
	float:right;
	margin-right:10px;
	margin-top:0px !important;
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_second.jpg);
	background-repeat: repeat-x;
	border: 1px solid #d28f6d;
	color: #4b1202;
	cursor: pointer;
	margin-top: -10px;
	margin-left: 10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
button.ck_btn_2:hover{
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_second_hover.jpg);
}
/******************************************************************************06-02 我的收藏**********/
/******************************************************************************06-03 「我要用故事」進度**********/
/******************************************************************************06-04 進度查詢**********/
/******************************************************************************06-05 會員資料維護 （欄位）**********/

.filltable {/*非白底欄位區塊*/
	margin: 10px 0 0 10px;
	display: block;
	background-color: #f8f7f6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	position: relative;
}
.filltable2 {/*白底欄位區塊*/
	margin: 10px 0 0 10px;
	display: block;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #dcd4d1;
	padding: 10px;
	position: relative;
}
.filltable2 .filltable_section {
}
.filltable .d_frame, .filltable2 .d_frame {
	margin-bottom: 20px;
	margin-right: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
}
.filltable .d_frame h4, .filltable2 .d_frame h4 {
	float: left;
	width: 95%;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding: 6px 10px 10px 0px;
	margin: 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.mustwrite {
	color: #F00 !important;
	font-size: 16px;
	padding-right: 5px;
	font-weight: normal;
}
.filltable .d_frame em, .filltable2 .d_frame em {
	margin-top: -8px !important;
}
.loginbtn, .formList ul li .ck_btn {
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold.jpg);
	background-repeat: repeat-x;
	border: 1px solid #B5A691;
	color: #000;
	cursor: pointer;
	margin-right: 10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.loginbtn:hover, .formList ul li .ck_btn:hover {
	border-radius: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold_hover.jpg);
}
.formList ul li .ck_btn {
	margin-top: -3px !important;
	text-align: center;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 0;
}
.filltable .d_frame ul p, .filltable2 .d_frame ul p, .btnRegFlow {
	font-size: 16px;
}
.formList ul li img {/*驗證碼圖片*/
	width: 63px;
	height: 25px;
}
.btnRegFlow {
	margin: 30px 0;
	border-top: 1px dotted #CCCCCC;
	padding-top: 40px;
}
.btnRegFlow2 {
	margin: 10px 0;
	padding: 20px;
	border-top: 1px dotted #CCCCCC;
}
.btnRegFlow2 table {
	font-size: 16px;
	margin-bottom: 10px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.btnRegFlow2 input {
	padding-top: 10px;
}
.filltable_checkcode {
	margin-top: -10px;
}
.textfill {
	clear: both;
	width: 100%;
	padding-left: 10%;
}
.textfill textarea {
	width: 85%;
}
.sob_short {
	width: 120px;
}
input[type=file] {/*上傳照片之按鈕*/
	color: #000;
	cursor: pointer;
	margin-right: 10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei"!important;
}
.onloadbtn {/*上傳照片之按鈕*/
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	font-size: 16px;
	padding: 3px 10px;
	color: #000;
	background-color: #E8DFC7;
	border: 1px solid #B8A697;
	cursor: pointer;
}
.onloadbtn:hover {
	background-color: #FFC;
}
/******************************************************************************06-05 會員資料維護 （右邊廣告區）---------*/
.advtext01 {
	display: block;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.advtext01 h2, .advertising01 h2 {
	font-size: 24px;
	font-weight: normal !important;
	line-height: 1.5em;
	margin: 10px 0;
	margin-bottom: -16px!important;
}
.advtext01 p, .advertising01 p {
	color: #7f7f7f;
}
.advtext01 .p_txt_01, .advertising01 .p_txt_01 {
	color: #F60;
}
.category_container a, .advtext01 a, .advertising01 a, .introstories_more a {
	/*color:#036eb8;*/
	color: #ff9900!important;
	text-decoration: none !important;
}
.category_container a:hover, .advtext01 a:hover, .advertising01 a:hover, .introstories_more a:hover {
	color: #ff3300!important;
	text-decoration: none;
}
.advertising01 {
	display: block;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.introstories {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}
.introstories li {
	float: left;
	padding-right: 5px;
	width: 22.7% !important;
}
.introstories li a {
	margin-top: 10px;
}
.introstories_more {
	clear: both!important;
	padding-top: 10px;
}
.introstories li img{
	width:100%;
}
.advtext01 h2 img {
	padding-top: 12px;
	padding-right: 5px;
}
.span5 .advtext01, .span5 .advertising01 {
	margin-top: 5px;
}
/******************************************************************************06-05 會員資料維護 （文字區塊）---------*/
.filltable_section {
	margin: 20px 0;
}
.info_content {
	float: left;
	width: 100%;
}
.searcharea {
	background-color: #fff;
	float: left;
	width: 100%;
}



/******************************************************************************06-06 服務條款**********// .update01 {
 font-size: 13px;
 text-align: right;
 color: #9F9F9F;
 margin-top: 20px;
}
.update01 span {
	padding: 0 5px;
}
.filltable_upload a {
}
.post_main .ck_btn {
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
	padding: 7px 10px 1px 10px \9;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold.jpg);
	background-repeat: repeat-x;
	border: 1px solid #B5A691;
	color: #000;
	cursor: pointer;
	margin-right: 10px;
	font-size: 16px;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.post_main .ck_btn:hover {
	border-radius: 5px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170505/https://storytaiwan.tw/images/btn_gold_hover.jpg);
}
/****************************************************************************** 07 關於我們 **********/
/******************************************************************************07-01 計畫說明**********/
/******************************************************************************07-02 意見反映**********/
/******************************************************************************07-03 聯絡我們**********/
.filltable_section ol {
	margin-left: 70px;
}
.filltable_section ul {
	margin-left: 45px;
}
.filltable_section h3, .filltable_section h3 {
	padding-top: 10px !important;
}
.filltable_section ol li p, .filltable_section ul li p {
	margin-top: 0px;
}
.filltable_section ul li {
	list-style-type: none;
}
.filltable_section li {
	font-size: 16px;
	line-height: 1.6em;
}
.update01 {
	font-size: 13px;
	text-align: right;
	color: #9F9F9F;
}
/******************************************************************************07-04 相關連結**********/
.post_pic3 {
	margin: 0 0 40px -10px;
	text-align: left;
	margin-top: -30px;
}
.post_pic3 .grid figcaption {
	background: #fff !important;
	padding: 10px 5px 0 5px;
}
.post_pic3 .grid li figure {
	background-color: #fff!important;
	margin-bottom: 20px;
}
.post_pic3 .grid li figure img {
}
.post_pic3 .grid li:hover figure {
	opacity: 0.9;
	-moz-box-shadow: 0px 0px 5px #fce9d5;
	box-shadow: 0px 0px 5px #fce9d5;
	border: 1px solid #d2c8c4;
}
.post_pic3 .story_inf01 h5 {
	color: #fff !important;
	font-size: 13px!important;
	line-height: 1.3em;
	margin: 0;
	text-align: center;
}
.post_pic3 .story_inf01 h5 a {
	font-size: 13px!important;
	color: #fff !important;
	text-decoration: none;
}
.post_pic3 .story_inf01 h5 a:hover {
	color: #ff9900;
}
.post_pic3 .story_inf01 {
	display: block;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px!important;
}
.post_pic3 .story_inf01 p {
	color: #313131;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
}
.post_pic3 .grid-wrap {
	margin-bottom: -50px !important;
}
.ser_btn_line{
	display:block;
	border-bottom:1px solid #d2c8c4;
	margin-right:10px;
	height:41px;
}
.ser_btn_line_none{/*進度查詢 手機版時會有不一樣的設定*/
	display:block;
	border-bottom:1px solid #d2c8c4;
	margin-right:10px;
	height:41px;
}
.ser_btn {/*頁籤按鈕*/
	margin-top: 12px;

}
.ser_btn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}
.ser_btn ul li {
	float: left;
	width: auto;
	height: auto;
	display: block;
	margin: 5px 5px 5px 0;
	border: 1px solid #d2c8c4;
}
.ser_btn ul li a {
	width: auto;
	height: auto;
	display: block;
	padding: 5px 30px;
	font-size: 16px;
	color:#999999!important;
}
.ser_btn ul li a:hover {
	background: #4f2612;
	color: #fff !important;
}
.ser_focus a {	
	background: #ea5514;
}
.ser_focus a span {	
	color:#fff !important;
}
/****************************************************************************** 08 其他 **********/
/******************************************************************************08-01 網站導覽**********/
.filltable3 {
	margin-right: 10px;
}
.filltable_section2 {
	margin: 20px 0;
}
.filltable_section2 p {
	font-size: 20px!important;
	color: #b47a5e;
	font-weight: bold;
}
.info_content {
	float: left;
	width: 100%;
}
.searcharea {
	background-color: #fff;
	float: left;
	width: 100%;
}
.filltable_section2 .statetext p {
	margin-top: -5px !important;
}
.sitemap_overpack, rss_content {
	display: block;
	margin: 20px 0px;
}
.sitemap_overpack ul {
	margin: 0 0px;
}
.sitemap_overpack ul li {
	display: block;
}
.sitemap_page_box {
	display: block;
	overflow: hidden;
	margin: 0px 0px 20px 0;
}
.sitemap_page_box ul {
	display: block;
	padding-left: 20px;
	margin-left: 0;
}
.sitemap_page_box ul li {
	display: block;
	background-position: 5px 8px;
	border-bottom: #CCC dotted 1px;
	line-height: 2;
}
.sitemap_page_box ul li a {
	color: #333 !important;
	text-decoration: none;
	font-size: 16px;
	line-height: 2.5em;
	display: block;
}
.sitemap_page_box ul li a:hover {
	color: #06C;
}
.sitemap_page_top {
	display: block;
}
.sitemap_page_top a {
	color: #fff!important;
	font-weight: bold;
	padding-left: 10px;
	display: block;
	font-size: 20px;
	line-height: 1.6em;
	background-color: #ff9900!important;
	text-decoration: none;
}
.sitemap_page_top a:hover {
	text-decoration: underline;
}
.sitemap_page_bottom {
	display: block;
	float: left;
	width: 230px;
	height: 20px;
	text-indent: -999px;
}
.sitemap_page_box ul li.last_li {
	display: block;
	border-bottom: none!important;
	line-height: 0;
	height:50px;
}
/******************************************************************************08-02 RSS 頻道服務**********/
.rss_intro img {
	float: left;
	border: 0;
}
.rss_intro ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding-left: 0;
	float: left;
	display: block;
}
.rss_intro ul li h5 {
	font-size: 20px;
	line-height: 2em;
	margin: 0;
	color: #F60;
	margin: 10px 0;
}
.rss_intro ul li p {
	font-size: 16px;
	line-height: 2em;
	margin-top: 5px;
	color: #666;
}
.rsslist {
	clear: both;
	padding-bottom: 20px;
	padding-top: 30px;
}
.rsstitle01 {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #F90;
	padding-left: 10px;
	line-height: 2em;
}
.rss01 {
	display: block;
	padding: 20px 0px 10px 10px;
}
.rss01 a {
	text-decoration: none;
	font-size: 16px;
	color: #069;
}
.rss01 a:hover {
	color: #F90;
}
.rss01 img {
	padding-left: 10px;
}






/*
     FILE ARCHIVED ON 17:05:05 十一月 19, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 15:03:57 五月 23, 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)).
*/