@import url("reset.css");
body {
    background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	background-size:100%;
	background-color:#4B3828;
}
#all{margin: 0 auto;width:1366px;}
#container{
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
	background-image: linear-gradient(180deg, #4B3828,#4B3828,#310908,#4B3828);
	width:1366px;
}
#BOOK {
	margin:0 auto;
	width:1100px;
	margin:20px auto 20px auto;
	}
#BOOK_W {
	float:right;
	width:800px;
	padding:30px 10px 0px 10px;
	}
#MENU {
	width:800px;
	padding:10px 0px 0px 0px;
	}
#SP {
	margin:0 auto;
	width:1100px;
	height:600px;
	margin:10px auto 20px auto;
	border-top-style:solid;
	border-width:1px; 
	border-color:#A64DFF;
	padding:30px 30px 30px 30px;
	}
#SP_BOX01 {
	width:100%;
	padding:0px 30px 30px 30px;
	border-color:#FFFFFF;
	height:260px;
	}
#SP_BOX02 {
	width:100%;
	padding:0px 30px 0px 30px;
	border-color:#FFFFFF;
	float: left;
	}
#SP_BOX03 {
	width:65%;
	padding:0px 10px 30px 1px;
	}
#EVENT {
	margin:0 auto;
	width:1100px;
	height:450px;
	margin:10px auto 20px auto;
	border-top-style:solid;
	border-width:1px; 
	border-color:#A64DFF;
	padding:30px 30px 30px 30px;
	}
#EVENT_BOX01 {
	width:40%;
	padding:0px 30px 30px 30px;
	float: left;
	}
#SELL {
	margin:0 auto;
	width:1100px;
	height:550px;
	margin:10px auto 20px auto;
	border-top-style:solid;
	border-width:1px; 
	border-color:#A64DFF;
	padding:30px 30px 30px 30px;
	}
#SELL_BOX01 {
	width:45%;
	padding:0px 10px 30px 0px;
	float: left;
	}
#SELL_BOX02 {
	padding:20px 30px 10px 30px;
	margin:20px auto 10px auto;
	border-radius:1em;
	border-style:solid;
	border-width:1px; 
	border-color:#c0a2c7;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	}
/*===抽獎===*/
#LOTTERY {
	margin:0 auto;
	width:1100px;
	height:900px;
	margin:10px auto 10px auto;
	border-top-style:solid;
	border-width:1px; 
	border-color:#A64DFF;
	padding:30px 30px 30px 0px;
	}
#LOTTERY_BOX {
	width:1060px;
	height:770px;
	padding:30px 30px 10px 30px;
	background:rgba(26,17,21,0.5);
	border-radius:1em;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	}
#LOTTERY_BOX_A {
	width:500px;
	margin:10px 15px 10px 15px;
	float: left;
	}
#LOTTERY_BOX_A a:link{
	padding:0.2px 3px 0.2px 3px;
	color:#FFFFFF;
	background:rgba(230,180,34,0.7);
	font-size:15px;
	text-decoration:none;
}
#LOTTERY_BOX_P {
	padding:10px 20px 10px 20px;
	background-color:#f8e58c;
	background:rgba(248,229,140,0.5);
	width:460px;
	height:135px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	}

/*===字型===*/
 p{
	font-size:17px;
	line-height:2;
	text-align:justify;
	color:#FFFFFF;
	}
.text_BIG{
	font-family: "Arial";
	color: #FFCACA;
	font-size: 15pt;
	line-height: 25pt;
	text-shadow: 2px 2px 15px rgba(166,77,255,10);
	font-weight: bold;
}
.text_BIGPOINT{
	font-family: "Arial";
	color: #fef263;
	font-size: 13pt;
	line-height: 21pt;
	border-bottom:2px #fef263 solid; padding-bottom:3px;
	text-shadow: 2px 2px 15px rgba(23, 24, 75,10);
	font-weight: bold;
}
.text_MONEY{
	font-family: "Arial";
	color: #f8e58c;
	font-size: 13pt;
	line-height: 25pt;
	text-shadow: 1px 1px 5px rgba(22,81,31,10);
	font-weight: bold;
}
.tag_POINT{
	border-style:solid;
	border-width:2px; 
	border-color:#d9333f;
	padding:3px 3px 3px 3px;
	color:#d9333f;
	font-weight: bold;
	background:rgba(255,255,255,0.8);
	font-size:15px;
}
.tag_SORT{
	border-radius:4px;
	padding:2px 5px 2px 5px;
	color:#FFFFFF;
	background: #884898;
	font-size:15px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.tag_SORT_2{
	border-style:solid;
	border-width:2px; 
	border-color:#7058a3;
	padding:3px 3px 3px 3px;
	color:#7058a3;
	font-weight: bold;
	background:rgba(255,255,255,0.8);
	font-size:17px;
}
.tag_SORT_3{
	border-radius:4px;
	padding:2px 5px 2px 5px;
	color:#884898;
	background: #dbd0e6;
	font-weight: bold;
	font-size:15px;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5);
}
.text_LIT {
	font-family: "Arial";
	color:#c4a3bf;
	font-size: 13pt;
	line-height: 13pt;
}
.text_LIT_A {
	font-family: "Arial";
	color:#f8e58c;
	font-size: 11pt;
	line-height: 19pt;
}
/*===分隔線===*/
hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}
hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #A64DFF; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #d9333f; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}