@charset "utf-8";

/** searchCriteria **/
.searchCriteria {
	width:100%;
	padding:20px 0;
	text-align:center;
	box-sizing:border-box;
	border-bottom:1px dotted #D3D3D3;
	background:#F6F6F6;
}
.searchCriteria .rowbox {
	display:block;
	width:715px;
	text-align:left;
	margin:0 auto 10px auto;
}
.searchCriteria .rowbox:last-child {
	margin:10px auto 0 auto;
}
.searchCriteria .box {
	display:inline-block;
	text-align:center;
	margin:0 5px;
}
.searchCriteria .box .boxHead {
	display:inline-block;
	width:80px;
	color:#FFF;
	font-size:1.5em;
	line-height:40px;
	background:#000;
	vertical-align:middle;
	margin:0;
}
.searchCriteria .box .boxIntro {
	display:inline-block;
	width:35px;
	color:#000;
	font-size:1.5em;
	line-height:40px;
	vertical-align:middle;
	margin:0;
}
.searchCriteria .date-query {
	width:150px;
	height:40px;
	color:#000;
	font-size:1.5em;
	line-height:38px;
	padding:0 0 0 32px;
	background:#FFF url(../images/page-date-query.png) no-repeat 8px 50%;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	vertical-align:middle;
}
.searchCriteria .date-query:focus {
	color:#A40000;
	background:#FCF7F7 url(../images/page-date-query-on.png) no-repeat 8px 50%;
    border:1px solid #A40000;
}
.searchCriteria .listBar {
	width:200px;
	height:40px;
	padding:0px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#000;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	padding:0 0 0 10px;
	background:#FFF url(../images/select-bg.png) no-repeat right;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
	vertical-align:middle;
}
.searchCriteria .listBar:focus {
	color:#A40000;
	border:1px solid #A40000;
	background:#FCF7F7 url(../images/select-bg-on.png) no-repeat right;
}
.searchCriteria .listBar option {
	color:#333;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
.searchCriteria .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.searchCriteria .search-query {
	width:210px;
	height:40px;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:38px;
	padding:0 10px;
	background:#FFF;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	vertical-align:middle;
}
.searchCriteria .search-query:focus {
	color:#A40000;
	background:#FCF7F7;
    border:1px solid #A40000;
}
.searchCriteria .search-btn {
	width:40px;
	height:40px;
	color:#FFF;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:0;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	border:none;
	background:#666666 url(../images/page-search-btn.png) no-repeat 50% 50%;
	cursor:pointer;
	margin-left:5px;
}
.searchCriteria .search-btn:hover,
.searchCriteria .search-btn:focus {
	background-color:#A40000;
}
@media screen and (max-width:780px) {
	.searchCriteria {
		padding:20px;
	}
	.searchCriteria .rowbox {
		width:100%;
		margin:-5px 0 0 0;
	}
	.searchCriteria .rowbox:last-child {
		width:100%;
		margin:0 0 -5px 0;
	}
	.searchCriteria .box {
		position:relative;
		width:100%;
		padding-left:90px;
		box-sizing:border-box;
		margin:5px 0;
	}
	.searchCriteria .box.b3 {
		position:relative;
		padding-bottom:55px;
	}
	.searchCriteria .box .boxHead {
		position:absolute;
		left:0;
		top:0;
		width:90px;
	}
	.searchCriteria .box .boxIntro {
		width:8%;
	}
	.searchCriteria .date-query {
		width:46%;
	}
	.searchCriteria .listBar {
		width:100%;
	}
	.searchCriteria .search-query {
		width:100%;
	}
	.searchCriteria .search-btn {
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:70%;
		margin:0 15%;
	}
}
@media screen and (max-width:450px) {
	.searchCriteria {
		padding:15px;
	}
	.searchCriteria .box {
		padding:35px 0 0 0;
	}
	.searchCriteria .box .boxHead {
		top:5px;
		width:100%;
		color:#000;
		font-size:1.7em;
		line-height:100%;
		font-weight:bold;
		text-align:left;
		padding-left:20px;
		background:none;
		box-sizing:border-box;
	}
	.searchCriteria .box .boxHead:before {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:0;
		width:16px;
		height:16px;
		margin:-8px 0 0 0;
		background:#000;
	}
	.searchCriteria .box .boxHead:after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:7px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 4px;
		margin:-4px 0 0 0;
		border-color: transparent transparent transparent #FFF;
		z-index:2;
	}
	.searchCriteria .box .boxIntro {
		width:100%;
		font-size:0;
		line-height:100%;
	}
	.searchCriteria .date-query {
		width:100%;
	}
	.searchCriteria .box.b2:before {
		content:"起";
		display:block;
		position:absolute;
		top:36px;
		right:1px;
		width:38px;
		height:38px;
		font-size:1.5em;
		line-height:38px;
		color:#FFF;
		background:rgba(0,0,0,.5);
	}
	.searchCriteria .box.b2:after {
		content:"迄";
		display:block;
		position:absolute;
		bottom:1px;
		right:1px;
		width:38px;
		height:38px;
		font-size:1.5em;
		line-height:38px;
		color:#FFF;
		background:rgba(0,0,0,.5);
	}
	.searchCriteria .search-btn {
		width:100%;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.searchCriteria {
		padding:20px 10px;
	}
	.searchCriteria .rowbox {
		width:695px;
	}
	.searchCriteria .date-query {
		width:140px;
		padding:0 0 0 35px;
	}
	.searchCriteria .search-query {
		width:140px;
	}
	.searchCriteria .search-btn {
		margin-left:10px;
	}
}
@media screen and (min-width:1200px) {
	.searchCriteria {
		padding:20px;
	}
	.searchCriteria .rowbox {
		width:755px;
	}
	.searchCriteria .box .boxHead {
		width:90px;
	}
	.searchCriteria .listBar {
		width:200px;
	}
	.searchCriteria .date-query {
		width:160px;
	}
	.searchCriteria .search-query {
		width:210px;
	}
}


/* ----- newsList ----- */
.newsList {
	width:100%;
	margin:0 auto;
}
.newsList ul {
	float:left;
	width:100%;
	list-style:none;
}
.newsList ul li {
	float:left;
	width:100%;
	border-bottom:1px dotted #CCC;
}
.newsList ul li a {
	position:relative;
	float:left;
    width:100%;
	padding:25px 45px 25px 15px;
	box-sizing:border-box;
}
.newsList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:19px;
    width:11px;
    height:16px;
    margin-top:-8px;
    z-index:2;
	background:url(../images/footer-icon.png) no-repeat -110px -80px;
}
.newsList ul li a.link:after {
    right:15px;
    width:20px;
    height:20px;
    margin-top:-10px;
	background-position:-210px -100px;
}
.newsList ul li a.download:after {
    right:15px;
    width:20px;
    height:20px;
    margin-top:-10px;
	background-position:-235px -100px;
}
.newsList ul li a:hover,
.newsList ul li a:focus {
	background-color:#fff5eb;
}
.newsList ul li a:hover:after,
.newsList ul li a:focus:after,
.newsList ul li a.link:hover:after,
.newsList ul li a.link:focus:after,
.newsList ul li a.download:hover:after,
.newsList ul li a.download:focus:after {
	background-image:url(../images/footer-icon-on.png);
}
.newsList ul li p {
	color:#666;
	font-size:1.4em;
}
.newsList ul li p .category {
	color:#386ac1;
	font-weight:bold;
	margin-left:15px;
}
.newsList ul li p .dept {
	color:#A26A0F;
	font-weight:bold;
}
.newsList ul li h3 {
	color:#000;
	font-size:2em;
	line-height:125%;
	font-weight:bold;
	margin:5px 0;
}
.newsList ul li a:hover h3,
.newsList ul li a:focus h3{
	color:#a40000;
}


/* ----- itemList ----- */
.itemList {
	width:100%;
	margin:0 auto;
}
.itemList ul {
	float:left;
	width:100%;
	list-style:none;
}
.itemList ul li {
	float:left;
	width:100%;
	border-bottom:1px dotted #CCC;
}
.itemList ul li a {
	position:relative;
	float:left;
	width:100%;
	padding:25px 15px 25px 55px;
	box-sizing:border-box;
}
.itemList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
	left:14px;
    width:27px;
    height:27px;
    margin-top:-13.5px;
    z-index:2;
	background:url(../images/footer-icon.png) no-repeat 0px -130px;
}
.itemList ul li a.link:after {
	background-position:-30px -130px;
}
.itemList ul li a.download:after {
	background-position:-60px -130px;
}
.itemList ul li a:hover,
.itemList ul li a:focus {
	background-color:#fff5eb;
}
.itemList ul li a:hover:after,
.itemList ul li a:focus:after,
.itemList ul li a.link:hover:after,
.itemList ul li a.link:focus:after,
.itemList ul li a.download:hover:after,
.itemList ul li a.download:focus:after {
	background-image:url(../images/footer-icon-on.png);
}
.itemList ul li p {
	color:#666;
	font-size:1.4em;
}
.itemList ul li h3 {
	color:#000;
	font-size:2em;
	line-height:125%;
	font-weight:bold;
	margin:5px 0 0 0;
}
.itemList ul li a:hover h3,
.itemList ul li a:focus h3{
	color:#a40000;
}


/* ----- faqList ----- */
.faqList {
	width:100%;
	margin:0 auto;
}
.faqList ul {
	float:left;
	width:100%;
	list-style:none;
}
.faqList ul li {
	float:left;
	width:100%;
	border-bottom:1px dotted #CCC;
}
.faqList ul li a {
	position:relative;
	float:left;
	width:100%;
	padding:25px 15px 25px 75px;
	box-sizing:border-box;
}
.faqList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:22px;
	left:14px;
    width:47px;
    height:53px;
    z-index:2;
	background:url(../images/footer-icon.png) no-repeat -260px -100px;
}
.faqList ul li a:hover,
.faqList ul li a:focus {
	background-color:#fff5eb;
}
.faqList ul li a:hover:after,
.faqList ul li a:focus:after {
	background-image:url(../images/footer-icon-on.png);
}
.faqList ul li p {
	color:#666;
	font-size:1.4em;
}
.faqList ul li p .category {
	color:#386ac1;
	font-weight:bold;
}
.faqList ul li h3 {
	color:#000;
	font-size:2em;
	line-height:125%;
	font-weight:bold;
	margin:5px 0;
}
.faqList ul li a:hover h3,
.faqList ul li a:focus h3{
	color:#a40000;
}


/* ----- productList ----- */
.productList {
	width:100%;
	margin-top:30px;
}
.productList ul {
	list-style:none;
	margin:-10px;
}
.productList ul li {
	display:inline-block;
	width:33.33%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.productList ul li a {
	display:inline-block;
}
.productList .box {
	position:relative;
	float:left;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}
.productList .box:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	border:1px solid #DEDEDE;
	box-sizing:border-box;
	z-index:1;
}
.productList a:hover .box:after,
.productList a:focus .box:after {
	border:5px solid #996F26;
}
.productList .photo {
	width:100%;
}
.productList .photo img {
	width:100%;
	height:auto;
}
.productList .listwd {
	margin-top:15px;
}
.productList .listwd h3 {
	color:#000;
	font-size:2em;
	line-height:135%;
	font-weight:bold;
}
.productList a .listwd p {
	color:#666;
	font-size:1.5em;
	line-height:135%;
}
.productList a .listwd time {
	color:#666;
	font-size:1.3em;
	line-height:135%;
}
.productList a .listwd {
	color:#666;
}
.productList a:hover .box,
.productList a:focus .box {
	background:#fff5eb;
}
.productList a:hover .listwd h3,
.productList a:focus .listwd h3 {
	color:#A40000;
}
@media screen and (max-width:680px) {
	.productList ul li {
		width:50%;
	}
}
@media screen and (max-width:420px) {
	.productList ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.productList .photo img {
		height:168.5px;
	}
}
@media screen and (min-width:1200px) {
	.productList ul {
		margin:-15px;
	}
	.productList ul li {
		padding:15px;
	}
	.productList .photo img {
		height:214px;
	}
}



/* ----- postInfo ----- */
.postInfo {
	width:100%;
	padding:20px 0;
	margin:0 auto;
	box-sizing:border-box;
	border-bottom:1px dotted #CCC;
}
.postInfo span {
	float:left;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
}
.postInfo span:first-child {
	margin-right:40px;
}
.postInfo span em {
	display:inline-block;
	font-size:0;
	width:1px;
	height:15px;
	margin:0 15px;
	background:#CCC;
	vertical-align:middle;
}
.postInfo span.post_view {
	float:right;
}
@media screen and (max-width:640px) {
	.postInfo {
		padding:10px 0;
	}
	.postInfo span {
		width:100%;
		margin:5px 0;
	}
	.postInfo span:first-child {
		margin-right:0px;
	}
	.postInfo span.post_view {
		float:left;
	}
}
@media screen and (min-width:991px) {
	.postInfo {
		padding:20px 10px;
	}
}
@media screen and (min-width:1200px) {
	.postInfo span:first-child {
		margin-right:55px;
	}
}


/** pageWord **/
.pageWord {
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:170%;
	margin:30px auto 0 auto;
}
.pageWord p {
	margin:15px 0;
}
.pageWord img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:15px 0;
	margin-left:1.5em;
}
.pageWord > ol > li,
.pageWord > ul > li {
	margin:10px 0;
}
.pageWord li ol,
.pageWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.pageWord li ol li,
.pageWord li ul li {
	margin:10px 0;
}
.pageWord .stit {
	color:#008FBF;
    font-size:1.5rem;
    margin:20px 0;
    clear:both;
}
.pageWord .btn-rss {
	color:#F39800;
	font-size:1.1rem;
	font-weight:bold;
}
.pageWord .btn-rss span {
	color:#FFF;
	font-size:1rem;
	font-weight:normal;
	padding:0 5px;
	background:#F39800;
	margin-right:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.pageWord .btn-rss:hover {
	color:#bf2626;
}
.pageWord .btn-rss:hover span {
	background:#bf2626;
}


/** contWord **/
.contWord {
	width:100%;
	color:#000;
	font-size:1.7em;
	text-align:right;
	font-weight:bold;
	padding-top:25px;
	margin:25px auto 0 auto;
	border-top:1px dotted #CCC;
}
.contWord span {
	position:relative;
	font-family:"微軟雅黑", "Microsoft YaHei";
	padding-left:30px;
}
.contWord span:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
	left:0;
    width:25px;
    height:25px;
    margin-top:-12.5px;
    z-index:2;
	background:url(../images/footer-icon.png) no-repeat -90px -130px;
}


/** videoWrapper **/
.videoWrapper {
	font-size:0;
	line-height:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.videoWrapper iframe {
    max-width:100%;
	margin:0 auto;
}
@media screen and (max-width:990px) {	
	.videoWrapper {
		position:relative;
		padding-bottom:56.25%;
		overflow:hidden;
	}
	.videoWrapper iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}


/** iframe RWD **/
.video-wrapper {
	font-size:0;
	line-height:100%;
	text-align:center;
	margin:15px 0;
}
.video-wrapper iframe {
    max-width:100%;
	margin:0 auto;
}
@media screen and (max-width:990px) {	
	.video-wrapper {
		position:relative;
		padding-bottom:56.25%;
		overflow:hidden;
	}
	.video-wrapper iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}


/** pwtable **/
.pwtable {
	width: 100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
.pwtable th {
	color:#000;
	font-weight:bold;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCC;
	background:#EAEAEA;
}
.pwtable td {
	padding:10px;
	border:1px solid #CCC;
}


/** pic_left **/
.pic_left {
	float:left;
	width:40%;
	text-align:center;
	margin:0 20px 0 0;
}
.pic_left figure {
	margin:0 0 20px 0;
}
.pic_left figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width: 640px) {
	.pic_left {
		width:45%;
	}
}
@media screen and (max-width: 420px) {
	.pic_left {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_left figure {
		margin:0 0 15px 0;
	}
}


/** pic_right **/
.pic_right {
	float:right;
	width:40%;
	text-align:center;
	margin:0 0 0 20px;
}
.pic_right figure {
	margin:0 0 20px 0;
}
.pic_right figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width: 640px) {
	.pic_right {
		width:45%;
	}
}
@media screen and (max-width: 420px) {
	.pic_right {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_right figure {
		margin:0 0 15px 0;
	}
}


/** gallery **/
#gallery {
	width:100%;
	box-sizing:border-box;
	margin:40px auto 0 auto;
}
#gallery p {
	color:#000;
	font-size:2.3em;
	font-weight:bold;
}
#gallery p span {
	position:relative;
	padding:0 0 0 32px;
}
#gallery p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:25px;
	height:25px;
	margin:-12px 0 0 0;
	background:url(../images/footer-icon.png) no-repeat -125px -100px;
}
#gallery ul {
	list-style:none;
	margin:0 -15px;
}
#gallery ul li {
	display:inline-block;
	width:50%;
	padding:0px 15px;
	margin:15px 0;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#A40000;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	overflow:hidden;
}
#gallery figure .pic img {
	float:left;
	width:100%;
	height:auto;
	-webkit-transition:0.4s;
	   -moz-transition:0.4s;    
         -o-transition:0.4s;
            transition:0.4s;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
    -webkit-transform:scale(1.08);
	   -moz-transform:scale(1.08);
        -ms-transform:scale(1.08);
         -o-transform:scale(1.08);    
            transform:scale(1.08);
}
#gallery figure figcaption {
	font-size:1.7em;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
@media screen and (max-width:420px) {
	#gallery ul li {
		width:100%;
	}
}
@media screen and (min-width:781px) {
	#gallery ul li {
		width:33.33%;
	}
}
@media screen and (min-width:991px) {	
	#gallery {
		margin-top:55px;
	}
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:40px auto 0 auto;
}
.pageBot p {
	color:#000;
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:2.3em;
	font-weight:bold;
}
.pageBot p span {
	position:relative;
	padding:0 0 0 32px;
}
.pageBot p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:25px;
	height:25px;
	margin:-12px 0 0 0;
	background:url(../images/footer-icon.png) no-repeat -155px -100px;
}
.dnLink {
	float:left;
	width:100%;
	list-style:none;
	margin-top:20px;
	border:1px solid #CCC;
	box-sizing:border-box;
}
.dnLink li {
	float:left;
	width:100%;
	border-bottom:1px solid #CCC;
}
.dnLink li:last-child {
	border-bottom:none;
}
.dnLink a {
	position:relative;
	float:left;
	width:100%;
	color:#000;
	padding:14px 49px 14px 79px;
	box-sizing:border-box;
}
.dnLink a:hover,
.dnLink a:focus {
	background:#fff5eb;
}
.dnLink a:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:19px;
	width:19px;
	height:20px;
	margin:-10px 0 0 0;
	background:url(../images/footer-icon.png) no-repeat -185px -100px;
	z-index:1;
}
.dnLink a:hover:after,
.dnLink a:focus:after {
	background-image:url(../images/footer-icon-on.png);
}
.dnLink .fileIcon {
	position:absolute;
	left:14px;
	top:14px;
	width:50px;
	height:40px;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	vertical-align:top;
	background:#996F26;
}
.dnLink .fileIcon.doc, .dnLink .fileIcon.docx { background:#2B569A;}
.dnLink .fileIcon.xls, .dnLink .fileIcon.xlsx { background:#107B10;}
.dnLink .fileIcon.pdf { background:#D70000;}
.dnLink .fileIcon.odt { background:#167BBE;}
.dnLink .fileIcon.ods { background:#4B8400;}
.dnLink .fileIcon.odp { background:#D54000;}
.dnLink .fileIcon.rar { background:#67005E;}
.dnLink .fileIcon.zip { background:#653F01;}
.dnLink dl {
	float:left;
}
.dnLink dt {
	font-size:1.7em;
	font-weight:bold;
	line-height:125%;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#A40000;
}
.dnLink dd {
	color:#666;
	font-size:1.3em;
	margin-top:5px;
}
.dnLink dd span {
	position:relative;
	padding-left:10px;
	margin-right:15px;
}
.dnLink dd span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:3px;
	height:3px;
	margin:-1px 0 0 0;
	background:#666;
}
@media screen and (max-width:480px) {	
	.dnLink a {
		padding-right:14px;
	}
	.dnLink a:after {
		display:none;
	}
}
@media screen and (max-width:440px) {	
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}
@media screen and (min-width:991px) {
	.pageBot {
		margin-top:50px;
	}
}


/** page **/
#page{
	width:100%;		
	margin:0 auto;
	clear:both;
}	
#page .total{
	float:left;
	width:100%;
	color:#666;
	font-size:1.5em;
	text-align:center;
}
#page .total span{
	color:#000;
	font-weight:bold;
}
#page .num {
	float:left;
	width:100%;
	text-align:center;
	margin-top:40px;
}
#page .num a {
	display:none;
	width:40px;
	height:40px;
	color:#000;
	font-size:0;
	line-height:38px;
	vertical-align:middle;
	border:1px solid #cccccc;
	box-sizing:border-box;
	margin:0 5px;
}
#page .num .cur{	
	display:inline-block;
	width:40px;
	height:40px;
	color:#A26A0F;
	font-size:1.7em;
	font-weight:bold;
	line-height:38px;
	text-align:center;
	vertical-align:middle;
	cursor:text;
	margin:0 10px;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	border-color:#000;
	background:#000;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:-4.5px 0 0 1px;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:11px;
	margin:-5.5px 0 0 -4px;
	background:#FFF;
	z-index:2;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	padding-left:15px;
}
#page .num a.btn-prev:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	margin:-4.5px 0 0 -2px;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	padding-right:15px;
}
#page .num a.btn-next:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;
	height:7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin:-4.5px -2px 0 0 ;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	padding-right:15px;
	border-color:#000;
	background:#000;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;
	height:7px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	margin:-4.5px 1px 0 0;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:1px;
	height:11px;
	margin:-5.5px -4px 0 0;
	background:#FFF;
	z-index:2;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-first:hover,
#page .num a.btn-first:focus,
#page .num a.btn-last:hover,
#page .num a.btn-last:focus {
	border-color:#A40000;
	background-color:#A40000;
}
#page .num a.btn-prev:hover,
#page .num a.btn-prev:focus,
#page .num a.btn-next:hover,
#page .num a.btn-next:focus {
	border-color:#A40000;
	background-color:#A40000;
}
#page .num a.btn-prev:hover:before,
#page .num a.btn-prev:focus:before,
#page .num a.btn-next:hover:before,
#page .num a.btn-next:focus:before {
	border-color:#FFF;
}
@media screen and (min-width:991px) {	
	#page .total{
		margin-top:40px;
	}
	#page .num {
		margin-top:30px;
	}
	#page .num a {
		display:inline-block;
		font-size:1.5em;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#FFF;
		border-color:#A40000;
		background:#A40000;
	}
	#page .num .cur{	
		display:inline-block;
		width:40px;
		height:40px;
		color:#FFF;
		font-size:1.5em;
		line-height:38px;
		vertical-align:middle;
		cursor:text;
		margin:0 5px;
		border:1px solid #A26A0F;
		background:#A26A0F;
	}
	#page .num a.btn-first,
	#page .num a.btn-last,
	#page .num a.btn-prev,
	#page .num a.btn-next {
		font-size:0;
	}
}


/** pageBack **/
#pageBack {
	float:left;
	width:100%;
	margin-top:40px;
	text-align:center;
}
#pageBack a {
	display:inline-block;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	padding:15px 30px;
	border:1px solid #000;
	margin:0 auto;
}
#pageBack a span {
	position:relative;
	padding:0 25px 0 0;
}
#pageBack a span:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:17px;
	height:16px;
	margin:-8px 0 0 0;
	background:url(../images/footer-icon.png) no-repeat -125px -80px;
	z-index:2;
}
#pageBack a:hover,
#pageBack a:focus {
	color:#FFF;
	background:#000;
}
#pageBack a:hover span:after,
#pageBack a:focus span:after {
	background-image:url(../images/footer-icon-on.png);
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:60px;
	}	
}


/** pageSearch **/
#pageSearch {
	width:100%;
	margin:0 auto;
}
#pageSearch .searchBox {
	float:left;
	width:100%;
	text-align:center;
}
#pageSearch .searchBox .box {
	position:relative;
	display:inline-block;
	width:80%;
	margin:0 10%;
	border:5px solid rgba(201,160,99,1);	
	-webkit-border-radius:7px;
       -moz-border-radius:7px;
            border-radius:7px;
}
#pageSearch .search-txt {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	width:100%;
	height:50px;
	color:#000;
	font-size:1.7em;
	padding:0 65px 0 15px;
	margin:0;
	border:none;
	background:rgba(201,160,99,.08);
	-webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;	
}
#pageSearch .search-txt:focus {
    border:1px solid #FF9933;
	box-sizing:border-box;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
#pageSearch .search-btn {
	position:absolute;
	right:0;
	top:0;
	font-size:0;
	width:50px;
	height:50px;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:url(../images/footer-icon.png);
	background-position:-155px -40px;
}
#pageSearch .search-btn:hover,
#pageSearch .search-btn:focus {
	background-image:url(../images/footer-icon-on.png);
}
#pageSearch .searchShow {
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
@media screen and (max-width:480px) {
	#pageSearch {
		margin-top:-20px;
	}
	#pageSearch .searchBox .box {
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	#pageSearch .search-txt {
		height:40px;
		padding-right:40px;
	}
	#pageSearch .search-btn {
		width:40px;
		height:40px;
		background-position:-160px -45px;
	}
}
@media screen and (min-width:991px) {
	#pageSearch .searchBox .box {
		width:50%;
		margin:0 25%;
		box-sizing:border-box;
	}
	#pageSearch .searchShow {
		margin-top:40px;
	}
	#pageSearch .search-txt {
		font-size:1.7em;
	}
}


@media print {
	#pageTitle,
	#pageBack,
	#page .total {
		display:none!important;
	}
	#article-box {
		padding:20px 0 0 0!important;
	}
	#gallery ul li {
		width:33.33%;
	}
}