/* CSS Document */

* {
	margin:0;
	padding:0;
	line-height: 15px;
}

body{
	background:url("images/top_bg.gif"/*tpa=http://www.playingcard.com.tw/images/top_bg.gif*/) top repeat-x #fcfae1;
}


a:hover{text-decoration:none;}

a img { border:0;}

ul {
	list-style:none;
	line-height: 10px;
}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:verdana;
	font-size:11px;
	line-height:30px;
	color:#777777;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#777777;}

/*main layout */

#main { margin:0 auto;}

#header {background:url("images/header_bg.jpg"/*tpa=http://www.playingcard.com.tw/images/header_bg.jpg*/) top left no-repeat;}
.slogan {margin:94px 245px 0 30px;}
.menu {padding:19px 0 0 60px;}

#middle { width:100%;}
#middle .indent {padding:5px 22px 0 23px;}

#footer .left {
	padding:15px 0 10px 230px;
	line-height: 15px;
}
#footer .right {padding:19px 40px 0 0;}
.more {background:url("images/more_bg.gif"/*tpa=http://www.playingcard.com.tw/images/more_bg.gif*/) top right no-repeat; padding-right:12px; font-size:11px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}

.box1 { background:#f8f4d8;}
.box2 {border:3px solid #f8f4d8;}

li {
	background:url("images/box1_list_bg.gif"/*tpa=http://www.playingcard.com.tw/images/box1_list_bg.gif*/) no-repeat 0 4px;
	font-size:16px;
	padding-left:36px;
	line-height:30px;
	font-family:arial;
	font-weight:bold;
}
li a {color:#777777; text-decoration:none;}
li a:hover {text-decoration:underline;}
li a span {text-decoration:underline;}

.ul li { background:url("images/list_bg.gif"/*tpa=http://www.playingcard.com.tw/images/list_bg.gif*/) no-repeat 0 4px;  padding-left:33px;}

.h1 {font-size:16px; font-family:arial; font-weight:bold; line-height:20px;}
/* index */

#index .column1 .padding {padding:39px 0px 0 21px;}
#index .column1 img {margin:4px 4px 0 0;}
#index .box1 {
	padding-top: 43px;
	padding-right: 0;
	padding-bottom: 45px;
	padding-left: 36px;
}
#index .box2 {padding:0  0 17px 13px;}
#index .box2 .col1 {
	width:205px;
	float:left;
	line-height: 15px;
}
#index .box2 .col2 {width:220px; float:left;}
#index .box2 .col3 {width:215px; float:left;}
#index .box2 .ind_col {width:25px; float:left;}

/* index-1 */

#index_1 .column1 .padding {padding:41px 45px 0 20px;}
#index_1 .column1 img {margin:4px 4px 0 0;}
#index_1 .box1 {padding:45px 30px 36px 36px;}
#index_1 .box1 .padding {padding-left:4px;}

/* index-2 */

#index_2 .column1 .padding {padding:41px 45px 0 20px;}
#index_2 .column1 .padding2 {padding-right:40px;}
#index_2 .box2 {padding:17px 10px 33px 17px;}
#index_2 .column1 img {margin:4px 4px 0 0;}
#index_2 .box1 {padding:45px 30px 26px 46px;}
#index_2 .box1 .padding {padding-left:4px;}

/* index-3 */

#index_3 .column1 .padding {padding:41px 45px 0 19px;}
#index_3 .column1 img {margin:4px 4px 0 0;}
#index_3 .box1 {padding:45px 25px 40px 36px;}
#index_3 .box1 .padding {padding-left:4px;}
#index_3 .box1 .col1 {width:104px; float:left;}
#index_3 .box1 .col2 {width:170px; float:left;}

/* index-4 */

#index_4 .column1 .padding {padding:39px 0px 0 21px;}
#index_4 .column1 img {margin:4px 4px 0 0;}
#index_4 .box1 {padding:43px 35px 56px 41px;}
#index_4 .box2 {padding:25px 0 12px 11px;}
#index_4 .box2 .col1 {width:260px; float:left;}
#index_4 .box2 .col2 {width:238px; float:left;}
#index_4 .box2 .col3 {width:215px; float:left;}
#index_4 .box2 .ind_col {width:25px; float:left;}

/* index-5 */

#index_5 .column1 .padding {padding:41px 45px 0 20px;}
#index_5 .column1 .padding2 {padding-right:40px;}
#index_5 .box2 {padding:12px 10px 58px 16px;}
#index_5 .column1 img {margin:0px 4px 0 0;}
#index_5 .box1 {padding:45px 5px 44px 10px;}
#index_5 .box1 .padding {padding-left:4px;}

#index_5 .column1 .col1 {width:200px; float:left;}
#index_5 .column1 .col2 {width:176px; float:left;}

#index_5 .col1 .row {height:39px;}

.input {width:155px; height:18px; border:1px solid #777777; background:none; padding:0 0 0 5px;}
textarea {width:170px; height:96px; border:1px solid #777777; background:none; padding:0 0 0 5px; overflow:auto}
#index_5 .column1 .col2  div {text-align:right; padding:6px 2px 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:50px 52px 41px 43px;}
.productmenu {
	font-family: Arial;
	font-size: 14px;
	color: #777777;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
}
a.productmenu:hover {
	color: #0A7227;
	}

a.productmenu:visited {
	color:#0A7227
	}