@charset "utf-8";

img, object, embed, video {	max-width: 100%;}
.ie6 img {width:100%;}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	
}
#center {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 55px;	
}
#CenL {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	line-height:110%;
	letter-spacing:1px;
font-size :110%;	
}
#CenR {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	padding-bottom: 0px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	line-height:50px;
	color: #ffffff;	
	background: rgba(0%,0%,0%,0.5);
	position: fixed; !important;
	bottom: 0;
	z-index: 0;
	height: 50px;
	_position:absolute;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	
}

#yearlist {clear: both;float: left;margin-left: 0;width: 100%;display: block;}

#yearin {clear: none;float: left;margin-left: 4.1666%;width: 100%;display: block;}

/* 購物車 */
#shopcar{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	
}
#carleft{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#carR{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 100%;
	display: block;
	text-align: center;
	padding-left: 0px;
	vertical-align: text-bottom;
	}



@media only screen and (min-width: 481px) {
.gridContainer {
	width: 99%;
	max-width: 1000px;
	padding-left: 0.98%;
	padding-right: 0.98%;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	
}
#center {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 55px;
}
#CenL {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 70%;
	display: block;
	line-height:110%;
	letter-spacing:1px;	
font-size :110%;	
	
}
#CenR {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 30%;
	display: block;
	padding-bottom: 0px;
	vertical-align:text-bottom;
	
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	line-height:50px;
	color: #ffffff;	
	background: rgba(0%,0%,0%,0.5);
	position: fixed; !important;
	bottom: 0;
	z-index: 0;
	height: 40px;
	_position:absolute;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);

}
#yearlist {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}
#yearin {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;

}
/* 購物車 */
#shopcar{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
#carleft{
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
}

#carR{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 55%;
	display: block;
	text-align: left;
	padding-left: 0px;
}


}


@media only screen and (min-width: 769px) {
.gridContainer {	
	width: 99%;
	max-width: 1000px;
	padding-left: 0.98%;
	padding-right: 0.98%;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 5px;	
}

#center {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 55px;
}
#CenL {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 70%;
	display: block;
	line-height:110%;
letter-spacing:1px;	
font-size :110%;	
}
#CenR {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 30%;
	display: block;
	padding-bottom: 0px;
	}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	line-height:50px;
	color: #ffffff;	
	background: rgba(0%,0%,0%,0.5);
	position: fixed; !important;
	bottom: 0;
	z-index: 0;
	height: 40px;
	_position:absolute;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);

}
#yearlist {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}
#yearin {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;

}
/* 購物車 */
#shopcar{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 10px;	
}
#carleft{
	clear: both;
	float: left;
	margin-left: 0;
	width: 28%;
	display: block;
}

#carR{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 70%;
	display: block;
	text-align: left;
	padding-left: 0px;
	vertical-align: bottom;
}


}

.hearderbanner{
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width: 100%;
	height: 0px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180323170259/http://www.swan.org.tw/images/banner.jpg) no-repeat;
	background-size: cover;
	-moz-background-size: cover; /* 老版本的 Firefox */
	padding-top: 18%;
}
#outbox{
    -moz-column-count: 3;
    -moz-column-gap: 0px;
    -webkit-column-count: 3;
    -webkit-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
    width:100%; 
	margin:0 auto;
}
.content_box{
	width:200px;
	display: inline-block;
	border: 0px dotted #4F4F4F;
	padding: 5px;
	margin: 5px 5px 5px 0;
	overflow:hidden;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color:#353535;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;		
}
.lv2gallery {border-radius: 10%;border:0px solid #fff;}
.f120 {font-size:120%;font-weight: bold;}

.bordup {border:1px #DBDBDB solid;background-color:#ccc; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.borddown{border:1px #DBDBDB solid;background-color:#ccc;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.shadow{-moz-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);-webkit-box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);}
#yearlist{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#yearin{clear: none;float: left;width: 23%;display: block;background-color: #666666;font-size: 100%;margin: 2px;line-height: 30px;color: #FFF;}

.edittital{	border: 1px solid #ccc;width: 98%;padding: 7px 0 8px 2px;line-height: 25px;text-align: center;font-size: 105%;font-weight: bold;margin-bottom:10px;}
.edittital a{color:#06C;font-size: 105%;font-weight: bold;}

/*inkeyin*/
.inkeyin{line-height:30px;width:75%;height:30px;background-color:#FFF;border:1px solid #d4d4d4;font-size:100%;color:#000; padding-left: 5px; border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;}
.inkeyintext{width:75%;height:150px;margin: 5; padding: 5;background-color:#FFF;font-size:100%;color:#000;padding-left: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.inkeyintext:hover {background-color:#cccccc;}
/*input*/
input{
	color: #000;
	font-size: 90%;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	line-height: 30px;
	height: 30px;
}
input:hover {
	background-color: #EFEFEF;
	color: #000;
}
input:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
:-moz-placeholder {
    color: #666666;
}
::-webkit-input-placeholder {
    color: #666666;
}

/* 搜尋 */
.shopsearchdiv{
	clear: both;
	float: left;
	margin-right: 0;
	width: 95%;
	text-align: right;
	padding-right: 0px;
	margin-top: 5px;
}
#banner{margin-left:0;width:100%;}






/*
     FILE ARCHIVED ON 17:02:59 三月 23, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 4:14:05 五月 24, 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)).
*/