﻿body
{
    background-color: #e7ecff;
    font: 1em/1.5 Helvetica, Tahoma, "微軟正黑體", Arial,\5b8b\4f53, sans-serif; 
    height: 100%;
    width: 100%;
    font-size: 0.75em;
}
*
{
    margin: 0;
    padding: 0;
}
a
{
    text-decoration: none;
    color: #4f2f05;
}
a:hover
{
    text-decoration: underline;
}
ul 
{
	list-style:none;
}
img
{
    border: 0;
}
table.layouttb
{
    border-collapse: collapse;
    width: 100%;
}
div#webmain 
{
	margin:0 auto;
	width:960px;
	background:url(../images/bg_side.jpg) repeat-y top left;
}
div#container
{
    width: 902px;
    margin: 0 auto;
    background:url(../images/bg.jpg) repeat top left;
}
div#webnanner
{
    height: 75px;
    background-color: #e8be73;
}
div#webnanner div#logo
{
    float: left;
    width: 185px;
    height: 75px;
}
div#webnanner div#logolink
{
    width: 717px;
    height: 75px;
    float:left;
}
div#webnanner div.index
{
	text-align:right;
	margin-right:10px;
}
div#webnanner div.lang 
{
	text-align:right;
	margin-right:10px;
	border-bottom:#4f2f05 1px solid;
}
div#webnanner div.web555
{
	text-align:right;
	margin-right:10px;
}
div#webnanner div.web555 img 
{
	margin-bottom:-10px;
}
div#webnanner div.web555 a 
{
	height:30px;
	line-height:30px;
	display:inline-block;
}
td.webl
{
    background: url(../images/bgl.jpg) repeat-y top left;
    width: 29px;
}
td.webr
{
    background: url(../images/bgr.jpg) repeat-y top right;
    width: 29px;
}
div#headswf 
{
	background-color:Black;
}
div#menu 
{
	height:34px;
	width:902px;
}
div#menu ul 
{
	height:34px;
	width:902px;
}
div#menu ul li 
{
	float:left;
	height:34px;
}
div#menu ul li.def,div#menu ul li.defen-us 
{
	width:114px;
}
div#menu ul li.def a,div#menu ul li.defen-us a	
{
	display:block;
	width:114px;
	height:34px;
}
div#menu ul li.def 
{
	background:url(../images/def.gif) no-repeat top left;
}
div#menu ul li.def:hover 
{
	background-position:bottom left;
}
div#menu ul li.defen-us 
{
	background:url(../images/defen-us.gif) no-repeat top left;
}
div#menu ul li.defen-us:hover
{
	background-position:bottom left;
}
div#menu ul li.uri,div#menu ul li.urien-us 
{
	width:111px;
}
div#menu ul li.uri a,div#menu ul li.urien-us a	
{
	display:block;
	width:111px;
	height:34px;
}
div#menu ul li.uri 
{
	background:url(../images/uri.gif) no-repeat top left;
}
div#menu ul li.uri:hover 
{
	background-position:bottom left;
}
div#menu ul li.urien-us 
{
	background:url(../images/urien-us.gif) no-repeat top left;
}
div#menu ul li.urien-us:hover
{
	background-position:bottom left;
}
div#menu ul li.oc,div#menu ul li.ocen-us 
{
	width:92px;
}
div#menu ul li.oc a,div#menu ul li.ocen-us a	
{
	display:block;
	width:92px;
	height:34px;
}
div#menu ul li.oc 
{
	background:url(../images/oc.gif) no-repeat top left;
}
div#menu ul li.oc:hover 
{
	background-position:bottom left;
}
div#menu ul li.ocen-us 
{
	background:url(../images/ocen-us.gif) no-repeat top left;
}
div#menu ul li.ocen-us:hover
{
	background-position:bottom left;
}
        div#menu ul li.oc,div#menu ul li.ocen-us 
{
	width:92px;
}
div#menu ul li.oi1 a,div#menu ul li.oi1en-us a	
{
	display:block;
	width:114px;
	height:34px;
}
div#menu ul li.oi1 
{
	background:url(../images/oi1.gif) no-repeat top left;
}
div#menu ul li.oi1:hover 
{
	background-position:bottom left;
}
div#menu ul li.oi1en-us 
{
	background:url(../images/oi1en-us.gif) no-repeat top left;
}
div#menu ul li.oi1en-us:hover
{
	background-position:bottom left;
}
div#menu ul li.oi2,div#menu ul li.oi2en-us 
{
	width:115px;
}
div#menu ul li.oi2 a,div#menu ul li.oi2en-us a	
{
	display:block;
	width:115px;
	height:34px;
}
div#menu ul li.oi2 
{
	background:url(../images/oi2.gif) no-repeat top left;
}
div#menu ul li.oi2:hover 
{
	background-position:bottom left;
}
div#menu ul li.oi2en-us 
{
	background:url(../images/oi2en-us.gif) no-repeat top left;
}
div#menu ul li.oi2en-us:hover
{
	background-position:bottom left;
}
div#menu ul li.oi3,div#menu ul li.oi3en-us 
{
	width:134px;
}
div#menu ul li.oi3 a,div#menu ul li.oi3en-us a	
{
	display:block;
	width:134px;
	height:34px;
}
div#menu ul li.oi3 
{
	background:url(../images/oi3.gif) no-repeat top left;
}
div#menu ul li.oi3:hover 
{
	background-position:bottom left;
}
div#menu ul li.oi3en-us 
{
	background:url(../images/oi3en-us.gif) no-repeat top left;
}
div#menu ul li.oi3en-us:hover
{
	background-position:bottom left;
}
div#menu ul li.oi4,div#menu ul li.oi4en-us 
{
	width:112px;
}
div#menu ul li.oi4 a,div#menu ul li.oi4en-us a	
{
	display:block;
	width:112px;
	height:34px;
}
div#menu ul li.oi4 
{
	background:url(../images/oi4.gif) no-repeat top left;
}
div#menu ul li.oi4:hover 
{
	background-position:bottom left;
}
div#menu ul li.oi4en-us 
{
	background:url(../images/oi4en-us.gif) no-repeat top left;
}
div#menu ul li.oi4en-us:hover
{
	background-position:bottom left;
}
div#menu ul li.ml,div#menu ul li.mlen-us 
{
	width:110px;
}
div#menu ul li.ml a,div#menu ul li.mlen-us a	
{
	display:block;
	width:110px;
	height:34px;
}
div#menu ul li.ml 
{
	background:url(../images/ml.gif) no-repeat top left;
}
div#menu ul li.ml:hover 
{
	background-position:bottom left;
}
div#menu ul li.mlen-us 
{
	background:url(../images/mlen-us.gif) no-repeat top left;
}
div#menu ul li.mlen-us:hover
{
	background-position:bottom left;
}
a, a:hover, a:visited, a:active, input 
{
	outline:none;
}
div#bottommenu 
{
	text-align:center;
	background-color:#e8be73;
	height:21px;
	border-bottom:#b38853 1px solid;
	clear:both;
}
div#bottommenu a  
{
	color:#3c1e05;
	height:21px;
	line-height:21px;
	display:inline-block;
	font-size:1.1em;
}
div#footer 
{
	background-color:#e8be73;
	text-align:center;
	color:#845521;
}
div#footer p 
{
	color:#845521;
}
div#page 
{
	background:url(../images/bg.jpg) repeat top left;
}
div#page div#side 
{
	width:225px;
	float:left;
	background:url(../images/bg.jpg) repeat top left;
}
div#page div#side div.side 
{
	background:url(../images/s1.gif) repeat-y top right;
	width:225px;
}
div#page div#side div.block
{
	width:200px;
	margin-left:10px;
	margin-top:10px;
}

div#newlist 
{
	background-color:#FBE9C3;
}
.tztb1{width:100%; border:1px solid #895510; background-color:#f4e2bc}
.tztb1a{width:98%; border:1px solid #895510; background-color:#f4e2bc;}
.tztb1atd{background-color:#efd39d; height:25px;}
div#search 
{
	background-color:#FBE9C3;
}
div#search p.input
{
	margin:5px 10px;
}
div#search p.input span 
{
	display:inline-block;
	width:60px;
}
div#search p.input input[type='text'].name
{
	width:100px;
}
div#search p.input input[type='text'] 
{
	width:65px;
}
div#search .selectpro 
{
	width:170px;
}
.defaultbtn 
{
	border:#666666 1px solid;
	background:url(../images/Button.gif) top left no-repeat;
	height:18px;
	line-height:18px;
	color: #3c1e05;
	cursor: hand;
	padding-left:11px;
}
div#search input.searchbtn 
{
	border:#666666 1px solid;
	background:url(../images/Button.gif) top left no-repeat;
	height:18px;
	line-height:18px;
	color: #3c1e05;
	cursor: hand;
	margin-left:70px;
	margin-bottom:10px;
	text-indent:12px;
}
div#relatlink div.cell 
{
	margin:5px 0;
	width:200px;
}
div#relatlink div.linkcell 
{
	width:100px;
	height:45px;
	float:left;
}
div#relatlink div.st  
{
	clear:both;
}
div#content 
{
	float:left;
	width:677px;
	background:url(../images/bg.jpg) repeat top left;
}
div#content div.block 
{
	margin-top:10px;
	margin-left:10px;
}
.white12b{color:#fff; font-size:1.1em;}
.orangelink {color:#Fc0;}
.titleprotable {color:#deb700; font-weight:bold; font-size:1.2em;}
div.otherside div.block 
{
	margin-left:10px;
	margin-right:10px;
	width:200px;
	margin-top:10px;
}
div.otherinfo, div.problock
{
	float:left;
	width:677px;
	margin-top:10px;
	margin-bottom:20px;
}
div.otherside
{
	float:left;
	width:225px;
}
div#tbtj
{
	width:200px;
	background-color:#FBE9C3;
}
div#tbtj div.pro 
{
	width:200px;
	background-color:#FBE9C3;
	margin-bottom:10px;
}
div#tbtj div.cover 
{
	width:180px;
	margin:5px auto;
}
div#tbtj p.name 
{
	font-size:1.1em;
	color:#7b4727;
	text-align:center;
	font-weight:bold;
}
div#tbtj a.info 
{
	color:Red;
	display:block;
	text-align:center;
}
div#order 
{
	margin:10px;
}
span.username 
{
	text-align:left;
	float:left;
}
div#pro 
{
	width:657px;
}
div#pro div.cell 
{
	width:323px;
	float:left;
	margin-bottom:15px;
	margin-top:15px;
}
div#pro div.cell div.cover 
{
	width:150px;
	height:140px;
	overflow:hidden;
	float:left;
}
div#pro div.cell div.info  
{
	float:left;
	margin-left:5px;
	width:168px;
	height:116px;
	overflow:hidden;
}
div#pro div.cell div.info span.name 
{
	display:block;
	font-size:1.2em;
	color:#fc0;
	font-weight:bold;
}
div#pro div.cell div.info span.date, div#pro div.cell div.info span.loct, div#pro div.cell div.info span.fare 
{
	color:White;
	font-size:1.1em;
	display:block;
}
div#pro div.cell2, div#pro div.cell4, div#pro div.cell6 
{
	margin-left:10px;
}
div#pro div.cell span.buy, div#pro div.cell span.fav
{
	margin-left:5px;
	display:inline-block;
	height:24px;
}
div.cell span.buy 
{
	background:url(../images/car.jpg) left center no-repeat;
}
div.cell span.fav	
{
	background:url(../images/sc.gif) left center no-repeat;
}
div.cell span.buy a,div.cell span.fav a
{
	display:inline-block;
	height:24px;
	line-height:24px;
	color:#fc0;
}
div.cell span.buy a 
{
	margin-left:25px;
}
div.cell span.fav a
{
	margin-left:19px;
}
div#progkindnav 
{
	background-color:#FBE9C3;
}
div#progkindnav ul li a 
{
	display:block;
	color:#511B00;
	font-size:1.3em;
	padding: 2px 0px 2px 20px;
	font-weight:bold;
	border-bottom:#511B00 1px solid;
}
div#progkindnav ul li a:hover 
{
	text-decoration:none;
	background:#511B00 url(../images/arrow.gif) 170px center no-repeat;
	color:#FBE9C3;
}

div#progkindnav_right 
{
	background-color:#FBE9C3;
}
div#progkindnav_right ul li a 
{
	display:block;
	color:#511B00;
	font-size:1.3em;
	padding: 2px 0px 2px 50px;
	font-weight:bold;
	border-bottom:#511B00 1px solid;
}
div#progkindnav_right ul li a:hover 
{
	text-decoration:none;
	background:#511B00 url(../images/arrow_right.gif) 10px center no-repeat;
	color:#FBE9C3;
}
a.linkout
{
	color:white;
	background-color:#C00;
	text-align:left;
	font-size:10pt;
	float:left;
	margin-left:10px;
	margin-top:3px;
}
a.linkin 
{
	color:white;
	background-color:#C00;
	font-size:10pt;
	text-align:left;
	float:left;
	margin-top:3px;
}
a.linkin:hover,a.linkout:hover{
text-decoration:none;
}
.noblock 
{
	display:inline;
}