@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
	margin: 0;
	height: 100%;
	background-color: #ffffff;
	background-image: url(../../bg/bg27.png);
	width: 100%;
	font-family: "Microsoft JhengHei", Arial;
 
}
#gotop{
	width:130px;
	height:132px;
	position:fixed;
	_position: absolute; /* position fixed for IE6 */



  _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-10);
	z-index:1;
	bottom: 10px;
	text-align: center;
	margin-right: -645px;
	right: 50%;
	background-color: #900;
	color: #FFF;
	line-height: 60px;
	border-radius: 9999em;
	opacity: 0.9;
	bottom: 40%;
}
#gotop a {
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 45px;
    width: 130px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    line-height: 45px;
}
#gotop a:visited {
	color: #FFF;
	text-decoration: none;
}
#gotop a:hover {
	color: #FF0;
	text-decoration: none;
}
#gotop a:active {
	color: #FF0;
	text-decoration: none;
}
#gotop a:last-child {
    border-bottom-style: none;
    border-top-width: 1px;
    border-top-style: solid;
    /* border-top-color: #bc1e1e; */
}
#header-rwd {
	display: none;
}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

#noie{
	color: #FFF;
	width: 100%;
	height: 70px;
	text-align: center;
	border: 1px solid #006699;
	background-color: #669933;
	_z-index: 9999;
	z-index: 9999;
	position: fixed;

	 _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
	left: 0;
	top: 0;
}
#noie a{
	color: #FC0;
}
#BodyContent {
	max-width:1000px;
	clear: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100%;
	width: 1000px;
	background-image: url(img_04.jpg);
	background-repeat: repeat-y;
}
.logo img {
	display: block;
}
.sale {
	margin: 0px;
	height: 54px;
	float: none;
	display: block;
	background-image: url(img_02.jpg);
	text-align: right;
	padding-right: 75px;
	line-height: 46px;
	font-size: 20px;
	color: #FFF;
}
.sale img {
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -2px;
}
.sale a , .sale a:visited{
	color: #FFF;
	text-decoration: none;
}
.sale a:hover , .sale a:active{
	color: #ffffc8;
	text-decoration: underline;
}
.sale span{
	font-size: 16px;
	color: #FF0;
}





.p_hidden {
	display: none;
}
#content {
	background-repeat: repeat;
	text-align: center;
	height: auto;
	clear: left; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAE8D9', endColorstr='#ddded0',GradientType=1 );
	/*background-color: #fdcd00;*/
	background-image: url(img_02.jpg);
}
#content h3 {
	font-size: 19px;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	background-color: #025120;
	width: 925px;
	margin-top: 0px;
	margin-right: 75px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 65px;
}
#content h3.sale_1 {
	background-color: #3b720a;
}

#content h3 a {
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	background-color: #C00;
	padding-right: 10px;
	padding-left: 10px;
}


.list_mg {
	width: 820px;
	margin-right: 75px;
	margin-left: 75px;
	clear: both;
	margin-bottom: 20px;
	display: block;
	float: none;
	margin-top: 0px;
	height: auto;
	min-height:170px;
	background-repeat: repeat;
	padding: 10px;
	background-color: #FFFFFF;
	position: relative;
}
.noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .time {
	font-size: 16px;
	width: 700px;
	margin-right: 75px;
	margin-left: 75px;
	text-align: right;
	margin-bottom: 5px;
}

.list_mg_img {
	width: 180px;
	float: left;
}
.list_mg_img img {
	width: 150px;
	display: block;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.list_master_img {
	/*width: 180px;*/
	height:269px;
	float: left;
}
.list_master_img img {
	/*width: 150px;*/
	height: 250px;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.list_mg_more {
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	background-color: #CC0000;
	padding: 5px;
	height: 15px;
	display: block;
	line-height: 15px;
	width: 100px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-weight: normal;
}
.list_master_more {
	font-size: 15px;
    color: #bababa;
    text-decoration: none;
    /* background-color: #CC0000; */
    padding: 5px;
    height: 15px;
    /* display: block; */
    /* line-height: 15px; */
    /* width: 83px; */
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    font-weight: normal;
}
.list_mg_detial {
	float: left;
	width: 620px;
	text-align: left;
	padding-left: 5px;
	position: relative;
}
.list_mg_detial h2 , .list_mg_detial2 h2{
	font-size: 18px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.list_mg_detial h4 {
	color: #CC0000;
	font-size: 15px;
	padding: 0px;
	float: left;
	clear: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 1.5em;
}
.list_mg_detial h4 img {
	vertical-align: baseline;
}
.list_mg_detial h4 .imgHot {
	vertical-align: text-top;
}

.list_mg_detial h4 a {
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}

.list_mg_detial h5 {
	clear: both;
	font-size: 15px;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #600;
	line-height: 1.4em;
}
.list_mg_detial h4 a:hover {
	text-decoration: underline;
}
.list_mg_detial h5 a {
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	color: #006dd0;
}
.list_mg_detial h5 a:visited {
	color: #006dd0;
	text-decoration: none;
}
.list_mg_detial h5 a:hover {
	text-decoration: underline;
}
.list_mg ul  {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
.list_mg_detial h5 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-type: disc;
}

.list_mg_detial2 {
	float: left;
	width: 410px;
	padding-left: 5px;
}

.list_mg table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
	border-right-width: 0px;
	border-bottom-width: 0px;
	width: 620px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.list_mg td {
	font-size: 15px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	line-height: 1.5em;
	text-align: center;
}
.list_mg table tr td span {
	font-weight: bold;
	color: #C00;
}
.list_mg .table2 {
	width: 400px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#content .sale_1 font {
	font-size: 15px;
	color: #fffac7;
}
.sale_2 {
	display: block;
    float: left;
    width: 390px;
    text-align: left;
    margin-right: 20px;
    margin-left: 20px;
}
.sale_2 h2 {
	padding: 0px;
	font-size: 18px;
	margin: 0px;
	float: right;
}
.sale_2 h2 span {
	font-size: 13px;
	color: #666;
	padding-right: 5px;
}
.sale_2 h4 {
    color: #CC0000;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.sale_2 p {
	text-indent: 2em;
	text-align: justify;
	font-size: 16px;
	color: #005D64;
	padding: 0px;
	line-height: 1.8em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.sale_2 ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	padding-left: 0px;
	list-style-type: none;
}
.sale_2 ol li {
	margin-bottom: 5px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #005D64;
	line-height: 1.5em;
	float: none;
	width: 100%;
}
.sale_2 ol li:last-child {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #005D64;
}

.sale_2 ol li strong {
	color: #C00;
}
.sale_3 .list_mg_img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 180px;
}
.sale_2 h2 .imgHot {
	vertical-align: text-bottom;
}




.order {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0px;
	background-color: #C00;
	line-height: 30px;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.order2 {
	display: block;
	height: 100%;
	width: 50%;
	padding: 0px;
	background-color: #C00;
	line-height: 30px;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.order:visited , .order2:visited{
	color: #FFF;
	text-decoration: none;
}
.order:hover , .order2:hover{
	color: #FF0;
}
.order:active , .order2:active{
	color: #FF0;
}
.noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*贈書*/
.gift_book {
	width:500px;
	position: absolute;
	top: 40px;
	z-index: 10;
	background-color: #FFF;
	border: 1px solid #b4b4b4;
	left: 140px;
	text-align: right;
	box-shadow:1px 4px 3px rgba(20%,20%,40%,0.5);
	padding-bottom: 20px;
	display: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
}
#gift_book_a {
	cursor: pointer;
	font-weight: normal;
	color: #006dd0;
	text-decoration: underline;
}

.list_mg .gift_book ul {
	list-style-type: none;
	width: 94%;
	padding-top: 5px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 3%;
}
.list_mg .gift_book ul li {
	float: left;
	width: 35%;
	padding-right: 2%;
	padding-left: 2%;
	display: block;
	text-align: center;
}

.list_mg .gift_book ul li a img {
	width: 75%;
}
.list_mg .gift_book ul li h3 {
	width: 100%;
	font-size: 15px;
	margin: 0px;
}
.list_mg .gift_book ul li h3 a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.list_mg .gift_book ul li h4 {
	font-size: 15px;
	color: #660;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.gift_book span {
	text-align: right;
	background-color: #000;
	color: #FFF;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	border-radius:50em;
	cursor: pointer;
}





/*贈書END*/








.more {
	width: 750px;
    padding-right: 125px;
    padding-left: 125px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #900;
	clear: both;
	float: none;
	margin-top: 0px;
}

.more ul {
	clear: both;
	float: none;
}


.more p {
	font-size: 16px;
	font-weight: bold;
	color: #FF0;
	margin: 0px;
	padding: 0px;
}
.more ul {
	margin: 0px;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.more .NewsStyle {
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.more .NewsStyle a {
	font-size: 15px;
	line-height: 1.5em;
	color: #FFF;
	text-decoration: none;
}
.more .NewsStyle a:visited {
	color: #FFF;
	text-decoration: none;
}
.more .NewsStyle a:hover {
	color: #FFF;
	text-decoration: underline;
}
.more .NewsStyle a:active {
	color: #FFF;
	text-decoration: underline;
}