/****************************************************************************** common **********/
body {
	overflow-x: hidden;
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	background:transparent url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/bg-01e7b3bf53e01ab0b8812d32f3251dce.png) top left repeat!important;
}
a, input, select, textarea {
	outline: none !important;
}
a: {
 /*color:#036eb8;*/
 text-decoration:none !important;
}
a:hover {
	/*color: #ea5514;*/
	color:#ff9900;
	text-decoration: none !important;
}

p, label, select, textarea, input[type="text"] {
	font-size:16px; 
  line-height: 1.6em;
  font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
p {
	margin-top:15px;
	word-wrap: break-word;
	word-break: break-all;	
}
.formList p{
	margin-top:0px!important;
	word-wrap: break-word;
word-break: break-all;
}
.font {
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	font-weight: 400; /*Normal*/
	font-weight: 600; /*Semi-Bold*/
	font-weight: 700; /*Bold*/
	font-weight: 800; /*Extra-Bold*/
}
.clear {
	height: 0;
	clear: both;
	font-size: 0!important;
}
img {
	outline: 0;
	vertical-align: top;
}

.accesskey_u, .accesskey_l, .accesskey_c, .accesskey_r, .accesskey_z {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  z-index: 10;
  text-decoration: none;
}

.accesskey_u a, .accesskey_l a, .accesskey_c a, .accesskey_r a, .accesskey_z a {
  text-decoration: none;
}
/****************************************************************************** Top icon + Logo + Menu **********/

/*-======================================================================================Top icon==================-*/
.top_iocn {
	padding: 36px 0 0 0;
}
.new_top_fix {
	width: 100%;
	position: fixed;
	z-index: 1000;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	border-top: 5px solid #fce9d5;
	border-bottom: 1px solid #ded7d4;
	background-color: #fff;
}
.follow_us {
	float: right;
	text-align: right;
	padding: 3px 0px 4px 0;
	display:block;
	margin-right:0px;
	margin-top:0;
}

.membername {
	position:relative;
	float: right;
	margin-top:12px;
  }
.follow_us ul li {
	padding: 0;
	margin: 0 0 0 5px;
	display: inline-block;
	line-height: 30px;
}
.follow_us a {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/top_icon.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	text-align: left;
	position:relative;
}
.follow_us a.topicon_01 {
	background-position: 0 0;
}
.follow_us a.topicon_01:hover {
	background-position: 0 -30px;
}
.follow_us a.topicon_02 {
	background-position: -30px 0;
}
.follow_us a.topicon_02:hover {
	background-position: -30px -30px;
}
.follow_us a.topicon_03 {
	background-position: -60px 0;
}
.follow_us a.topicon_03:hover {
	background-position: -60px -30px;
}
.follow_us a.topicon_04 {
	background-position: -90px 0;
}
.follow_us a.topicon_04:hover {
	background-position: -90px -30px;
}
.follow_us a.topicon_05 {
	background-position: -120px 0;
}
.follow_us a.topicon_05:hover {
	background-position: -120px -30px;
}
.follow_us a.topicon_06 {
	background-position: -150px 0;
}
.follow_us a.topicon_06:hover {
	background-position: -150px -30px;
}
/*-======================================================================================搜尋之小視窗==================-*/
.container #search_w {
	background-color: #795200;
	height: 100px;
	width: 285px;
	position: absolute;
	z-index: 1000;
	right: 20px;
	top: 40px;
	color: #FFF;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 5px;
	border: 1px solid #FCE9D5;
	font-size: 15px;
	display:none;
}
#top .top_iocn .container {
	position: relative;
}

.close{cursor: pointer; }
#search_button {
	background-color: #463000;
	padding: 5px;
	border: 1px solid #FCE9D5;
	color: #FCE9D5;
	margin: 0px;
}
#search {
	height: 23px;
	border: 1px solid #FCE9D5;
	margin-right: 5px;
}
#search_w a{
	color: #FCE9D5;
}



/*-======================================================================================字級==================-*/
.fontlevel {
  float: right;
  height: 55px;
 /*width:100px;*/
  font-size: 13px;
  color: #CCC;
	display:block;
	margin-top:-13px;
	margin-right:8px;
	padding-left:10px;
}
.fontlevel ul li {
  margin: 0 3px;
  color: #FFF;
  float: left;
}

.font_s, .font_m, .font_l {
  color: #898989;
  text-decoration: none;
  display: table-cell;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #DCDDDD;
}

.font_s:hover, .font_m:hover, .font_l:hover {
  color: #000;
  background-color: #DCDDDD;
}

.font_s {
  font-size: 13px;
}

.font_m {
  font-size: 15px;
}

.font_l {
  font-size: 18px;
}

.fontlevel_yes {
  color: #FFF;
  background-color: #DCDDDD;
}
/*-======================================================================================Logo + Menu==================-*/
.header {
	z-index: 999;
	position: relative;
}
.header .container {
	position: relative;/*影響logo位置*/
}
.logo {
	position: absolute;
	top: -52px;
	left: 0;
	overflow:hidden;
}
.logo img {
	width: 100%;
}
/*Menu*/
.navbar, .navbar-inner, .nav, .navbar-inverse {
	background: transparent !important;/*手機版第一層下拉選單的底色*/
	filter: none;
	border: none;
	padding: 0;
	margin: 0 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-left: 0px !important;
}
.navbar {
	margin-right: -8px !important;
	margin-top: -3px!important;
	padding-bottom: 13px;
}
.nav i.icon-sort-up {
	position: absolute;
	font-size: 13px;
	bottom: -6px;
}
.navbar-inner {
	padding-left: 0px !important;
	padding-right: 7px !important;
	margin-top: 12px !important;
}
.nav {
}
.navbar .nav > li {
	display: block;
	position: relative;
}
.navbar .nav > li > a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-shadow: none;
	padding: 0px 11px;
	text-transform: uppercase;
}
.collapse.in ul {
	margin-top: 0px !important;
}
.collapse.in li a {
	padding: 0 10px;
	background: none;
}
.collapse.in li a:hover, .collapse.in li a.dropdown-toggle {/*手機版第一層選單底線*/
	background: none !important;
}
.collapse.in ul.dropdown-menu {
	margin-bottom: 5px;
}
.open > .dropdown-menu {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}
.dropdown-menu {
	opacity: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1, 0);
	/*display: block;
	display: none;*/
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.collapse.in ul.dropdown-menu a {/*手機版第二層選單底線*/
	padding: 5px;
	border-bottom: solid 1px #FCE9D5;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	margin: 0 !important;
	border-radius: 0 !important;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color: #999999;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus {
	color: #4d2615;
	text-decoration: none;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar .nav > .active > a:hover {
	color: #4d2615;
	background: none;
	border-bottom: solid 2px #4d2615;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*Arrow for menu*/
.navbar .nav > li > a .caret {
	display: none;
}
/*Dropdown Menu*/
.dropdown-menu {
	padding: 0;
	border: none;
	margin-top: 15px;
	min-width: 120px;
	border-radius: 0;
	border-top: solid 2px #FCE9D5;
	border-bottom: solid 2px #FCE9D5;
	z-index: 9999 !important;
}
.dropdown-menu li a {
	color: #30322f;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 15px !important;
	border-bottom: solid 1px #fbe9d5;
	line-height: 33px;
	height: 33px;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	color: #333333;
	background: #FCE9D5 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	filter: none !important;
	line-height: 33px;
	height: 33px;
	padding: 8px 15px !important;
}
.nav-collapse .nav>li>.dropdown-menu a:hover, .nav-collapse .nav>li>.dropdown-menu a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus, .navbar .nav > li >.dropdown-menu a:hover {
	color: #333333;
	background: #FCE9D5 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	filter: none !important;
	line-height: 33px;
	height: 33px;
	padding: 8px 15px !important;
}
.dropdown-menu .active > a {
	color: #ffffff !important;
	background: #687074 !important;
	filter: none !important;
}
.navbar .btn-navbar {/*漢堡包*/
	padding: 12px 12px;
	margin-top: 1px;
	margin-right: 0;
	background: #e3c193;
	border: none !important;
}
.navbar .btn-navbar:hover {
	background: #4d2615;
}
.navbar .btn-navbar span, .navbar .btn-navbar:hover span {
	background: #fff !important;
	box-shadow: none !important;
}
.navbar .nav > li > .dropdown-menu:after {
	left: 19px;
}
.navbar .nav > li > .dropdown-menu:before {
	left: 18px;
	border-bottom: none;
}
.navbar .nav > li > .dropdown-menu:after {/*控制第二層選單三角形*/
	left: 19px;
	margin-top: -2px;
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
.mainmenu_on{
	color:#923101 !important;
}
.mainmenu_on .caret {
	color:#923101 !important;
	display: none!important;
}
.nav li > a:hover,
.nav li > a:focus,
.nav li:focus > a,
.nav li:hover > a,

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu li:focus > a,
.dropdown-menu li:hover > a,



 {
display: block;
}

/****************************************************************************** banner**********/
.page_container {
	padding-top: 147px;/*★*/
	padding-bottom: 40px;
	background: #fff;
}
.separator {
}
.block {
	padding-bottom: 20px;/*★*/
}
#main_slider {
	padding-bottom: 50px;	/*★*//*與下方最新故事標題的間距*/
}
/****************************************************************************** 當月主題/最新上傳/精選推薦 **********/
.upper {
	text-transform: uppercase;
}
h2.upper {
	font-family: 'Roboto-Light', 'Arial', sans-serif, "微軟正黑體", "Microsoft JhengHei";
	font-size: 28px;
	letter-spacing: 5px;
	position: relative;
	font-weight: bold !important;
	color: #313131;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 1.1em;
	text-align: center;
}
.hover_img {
	position: relative;
	background-color: #fff;
}
.hover_img img, .post_carousel img {
	border-radius: 3px;
}
.portfolio_zoom1 {
	display: none;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/zoom1.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 2;
}
.hover_img:hover .portfolio_zoom1 {
	display: block;
}
.post_carousel {
	padding-bottom: 12px;
	color: #4e2614;
}
.post_carousel img{
	width:100%;
	height:178px;
}
.post_carousel .title_t, .post_carousel .news_t {
	line-height: 26px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 15px;
}
.post_carousel a, .post_carousel .news_t a {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000000 !important;
	background-color: #F9F9F9;
	display: block;
}
.post_carousel a:hover, .post_carousel .news_t a:hover {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #453012 !important;
	background-color: #FEF5ED !important;
	display: block;
}
.post_meta, .news {
	color: #9d9d9d;
	font-style: italic;
	padding-bottom: 8px;
}
.post_meta span, news span {
	padding: 0 7px;
}
.post_meta a, .news a {
	color: #9d9d9d;
	font-style: italic;
}
.post_meta a:hover, .news a:hover {
	color: #FCE9D5;
	text-decoration: none;
}
.arrow_link {
	font-style: italic;
	color: #FCE9D5;
}
.arrow_link:hover {
	text-decoration: none;
	color: #1e1e1e;
}
.block:last-child {
	padding-bottom: 0;
}
.block ul, .follow_us ul, #footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.block li, #footer li {
	padding: 0;
	margin: 0;
}
.fgh {
	background-color: #9C0;
}
.title_t .cffg {
	color: #666;
	margin-top: 5px;
}

/****************************************************************************** 精選推薦 **********/
.category a {
	color: #4e2614;
	font-size: 26px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	line-height: 100px;
	border: 3px solid #e1d8d3;
	background-color: #fff;
	display: inline-block;
	margin: 0 1em;
	margin-bottom: 50px;
}
.category a:hover {
	color: #fff;
	background-color: #FCE9D5;
}
/****************************************************************************** 看照片說故事* **********/
.single_image {
	width: 100%;
	margin-right: 3px;
	position: relative;
	transition: all 1s;
}
.single_image img {
	width: 100%;
	/*height:auto;*/
	height:352px;
}
.single_image:hover div.image_overlay {
	opacity: 1;
}
.image_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 1s;
	background-color: rgba(252,233,213,0.9);
}
.image_overlay a {
	position: absolute;
	color: #392600;
	text-decoration: none;
	text-transform: uppercase;
	left: 21px;
	bottom: 20px;
	font-size: 14px;
}
.image_overlay h2 {
	position: absolute;
	bottom: 48px;
	left: 20px;
	font-size: 25px;
	color: #392600;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.image_overlay h3 {
	position: absolute;
	bottom: 28px;
	left: 21px;
	color: #392600;
	font-size: 14px;
	text-transform: uppercase;
}
.image_overlay h4 {
	position: absolute;
	bottom: 15px;
	left: 21px;
	color: #392600;
	font-size: 14px;
	text-transform: uppercase;
}
.no_padding {
	padding-left: 0px;
	padding-right: 0px;
}
.last_padding {
	padding-right: 0px;
}
.pad_top {
	padding-top: 2px;
}
/*#index_more_story .more_pic {
	margin: 40px 0 30px 0;
}
#index_more_story .office-grid {
	float: left;
	width: 24.94%;
	margin: 0 1px 0 0;
	background: #efeae8;
	position: relative;
}
#index_more_story .office-grid img {
	width: 100%;
	height: auto;
}
#index_more_story .office-grid:nth-child(4) {
	margin-top: 1px !important;
}
#index_more_story .office-grid:nth-child(5) {
	margin-top: 1px !important;
}
#index_more_story .office-grid:nth-child(6) {
	margin-top: 1px !important;
}
#index_more_story .office-grid:nth-child(4) {
	margin-bottom: 0 !important;
}
#index_more_story .office-grid:nth-child(5) {
	margin-bottom: 0 !important;
}
#index_more_story .office-grid:nth-child(6) {
	margin-bottom: 0 !important;
}
#index_more_story .office-grid img:hover {
	opacity: 0.6;
}
#index_more_story .office-grid:hover div.caption {
	background: #FCE9D5;
}
#index_more_story .caption {
	background: rgba(35, 17, 9, 0.8);
	position: absolute;
	bottom: 0%;
	width: 100%;
}
#index_more_story .caption p a {
	color: #ffffff;
}
#index_more_story .caption p {
	margin: 0;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	font-weight: 300;
	padding: 5px 0 10px 0;
}*/
/****************************************************************************** 3顆按鈕**********/
.button_three {
	margin: 60px 0 50px 0;
	text-align: center;
}
.button_three a {
	display: block;
	margin-bottom: 15px;
	padding: 0;
	color: #3a3a3a;
}
.button_three a span.img_icon {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 14px auto;
}
.button_three a span.icon1 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/icon1.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.button_three a:hover span.icon1 {
	background-position: left bottom;
}
.button_three a span.icon2 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/icon2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.button_three a:hover span.icon2 {
	background-position: left bottom;
}
.button_three a span.icon3 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/icon3.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.button_three a:hover span.icon3 {
	background-position: left bottom;
}
.button_three a span.icon4 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/icon4.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.button_three a:hover span.icon4 {
	background-position: left bottom;
}
.button_three a span.link_title {
	display: block;
	line-height: 24px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 800;
	padding-bottom: 8px;
	color: #313131;
}
.button_three a:hover {
	text-decoration: none;
}
/****************************************************************************** Fat Footer **********/
#footer {
	background: #FFF;
	color: #1e1e1e;
	line-height: 16px;
}
.fat_footer {
	background-color: #fff9f2;
	padding-bottom: 20px;
	margin: 0 auto;
}
.fat_footer .span2 {
	width: 11.7em;
	padding: 0 0em !important;
}
.foot_logo {
	margin-left: -10px;
}
#footermenu_list {
	float: left;
	width: 90%;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#footermenu_list ul {
	margin: 0;
	padding: 0;
}
#footermenu_list li {
	display: block;
	list-style-type: none;
	padding-top: 15px;
	line-height: 26px;
}
#footermenu_list li a {
	display: block;
	font-size: 14px;
	border-bottom: 1px solid transparent;
	color: #313131;
	line-height: 20px;
}
#footermenu_list li a:hover {
	color: #313131 !important;
	border-bottom: 1px solid #313131;
}
.text_title, .text_title_spelink {
	color: #4e2614;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #4e2614;
	line-height: 35px;
}
.footer_bottom {
	margin-top: 0px;
	padding: 23px 0 26px 0;
	background-color: #FCE9D5;
}
.text_title a, .text_title_spelink a {
	color: #4e2614!important;
	font-size: 20px !important;
	font-weight: bold;
	border-bottom: 1px solid transparent!important;
	line-height: 35px;
	padding-top: 5px;
}
a:hover.text_title_spelink {
	color: #FCE9D5!important;
	border-bottom: 1px solid #FCE9D5!important;
}
.footermenu_space1 {
	display: block;
	height: 10px;
}
.footermenu_space2 {
	display: block;
	height: 10px;
}
.footermenu_space3 {
	display: block;
	height: 10px;
}
.footermenu_space4 {
	display: block;
	height: 10px;
}
.footermenu_space5 {
	display: block;
	height: 10px;
}
.footermenu_space6 {
	display: block;
	height: 10px;
}
.footermenu_space7 {
	display: block;
	height: 10px;
}
/****************************************************************************** copyright **********/
.copyright {
	font-size: 12px;
	padding: 5px 0px;
	color: #605d59;
	line-height: 26px;
}
.copyright p {
	color: #dadada;
}
.copyright a {
	margin: 0 5px;
	color: #72c02c;
}
.copyright a:hover {
	color: #a8f85f;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.copyright_text {
	padding-top: 80px;
}
.copyright_text p {
	color: #636363;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0px;
	letter-spacing: 0px;
}
.copyright_text a {
	color: #f73b56;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
}
.copyright_icon {
	clear: both;
	margin-top: 10px;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	bottom: 20px\9;/*for ie*/
	right: 30px;
	overflow: hidden;
	width: 64px;
	height: 64px;
	border: none;
	text-indent: 100%;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181119170455/https://storytaiwan.tw/images/icon_top.png) no-repeat 0 0;
}







/*
     FILE ARCHIVED ON 17:04:55 十一月 19, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 4:30:48 五月 22, 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)).
*/