/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:arial;}
body{
	background:#ffffff;
	font-size:100%;
	line-height:1em;
	color:#FFFFFF;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:center;}
.con_title{color:#ff8800;font-size:14px;line-height:180%;font-weight:bold;}
/**********font size***************/
.content, .content_1, .content_2{font-size:0.6875em; line-height:1.28em;}
#footer{ font-family:tahoma; font-size:0.6875em; line-height:1.28em;}
/********** end font size***************/
#sonud1{
	padding:0;


}
input, textarea, select{ 
	font-family:tahoma, arial;
	border:1px solid #ccc;
	background:none;
	vertical-align:center;
	margin:0 3px;
	padding:2px;
	font-size:12px;
}
#form input{ width:237px; height:18px; font-size:1em; background:none;}
.inp_h{ height:27px; margin:0 0 3px 0;}

#form1 input{ width:337px; height:18px; font-size:1em; background:none;}

#form1 textarea{ width:387px; height:92px; padding:0 0 4px 0; font-size:1em; overflow:auto; background:none;}

/*??
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:5px 10px;
	font-size:12px;
	color:#5f5f5f;
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}
/*????
=============================================================================================*/
.address{
	width:240px;
	float:right;
	font-size:12px;
	color:#707070;
	text-align:right;
	padding:38px 10px 0px 0px;
}
.address a{
	color:#707070;
	text-decoration:none;
}
.address a:hover{
	text-decoration:underline;
}
.address span{
	font-size:10px;
 	font-family: Arial, Helvetica, sans-serif;
	margin:0 5px;
}


/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {list-style:none;}
li a { 
	background:url(../images/arr.gif) 0 6px no-repeat; 
	padding:0 0 0 12px;
	font-size:1.28em;
	line-height:1.69em;
	color:#FFE189;
	text-decoration:underline;
}
.list li a { 
	background:url(../images/arr_1.gif) 0 6px no-repeat; 
	padding:0 0 0 12px;
	font-size:1.18em;
	line-height:1.69em;
	color:#FFFFFF;
	text-decoration:underline;
}
.list_1 li a { 
	background:url(../images/arr_1.gif) 0 6px no-repeat; 
	padding:0 0 0 12px;
	font-size:1.18em;
	line-height:1.69em;
	color:#FFE8A4;
	text-decoration:underline;
}
li a:hover {text-decoration:none;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a:hover{ text-decoration:none;}
.link{ color:#FFE289; background:url(../images/arr.gif) 0 5px no-repeat; padding:0 0 0 9px; text-decoration:none;}
.link:hover{ text-decoration:underline;}
.link_1{ font-size:1.09em;}
.link_2{ color:#FFE289; background:url(../images/arr.gif) 0 5px no-repeat; padding:0 0 0 9px;}
.link_3{ font-size:1.09em; line-height:1.5em; color:#F5BA00; font-family:tahoma;}
.link_4{ font-family:tahoma; color:#FFE289; background:url(../images/arr.gif) 0 5px no-repeat; padding:0 0 0 9px; text-decoration:none;}
.link_4:hover{ text-decoration:underline;}
/**************end links**************/
.more{ background:#e4460e; padding:3px 11px 2px 9px;}
.more_1{ background:#ff7200; padding:2px 6px 2px 5px;}
.more_2{ background:#A5141E; padding:2px 6px 2px 5px;}
.more_3{ background:#A5141E; padding:2px 9px 2px 9px;}


/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {text-indent:-10000px; background:url(../images/logo.gif) no-repeat left top; height:189px;}
.txt{ font-size:1.28em; line-height:1.62em;}
.txt a{background:url(../images/arr.gif) no-repeat left 5px; padding-left:10px;}
.txt_1{ font-family:tahoma; font-weight:bold;}
.txt_2{ font-size:1.09em; line-height:1.5em; color:#FFE8A4;}
.txt_3{ font-size:1.09em; line-height:1.5em; color:#F5BA00; font-weight:bold; font-family:tahoma;}
.txt_4{ color:#FFE8A4;}
.txt_5{ font-size:1.09em; line-height:1.5em; color:#F5BA00; font-weight:bold;}
.txt_6{ font-size:1.09em; line-height:1.5em; font-weight:bold;}
/***************end txt***************/

.main {margin:0 auto;}

#header {background: url(../images/fill_header.gif) 0 0 repeat-x;}
#header .bg_header{background: url(../images/bg_header.jpg) right top no-repeat; width:100%;}
#header .logo {padding:0 ;}
#header .menu { text-align:center;}


/***************************page**************************/
#page .content{ background:url(../images/fill_1.gif) 0 0 repeat-x #F4B200; width:100%;}
#page .content .min_height{ height:232px;}
#page .content .column .title{ background:url(../images/0_bg_h_1.jpg) 0 0 no-repeat #82B00B; padding:0 0 0 88px;}
#page .content .column .indent{padding:23px 10px 15px 24px;}
#page .content .column .indent a{color:#fff;}
#page .content .column_1 .indent a{color:#fff;background:url(../images/arr.gif) 0 5px no-repeat;}
#page .content .column_1 .title{ background:url(../images/0_bg_2.jpg) 0 0 no-repeat; padding:0 0 6px 96px;}
#page .content .column_1 .indent{padding:0 20px 15px 43px;}

#page .content_1{ background:url(../images/fill_2.gif) 0 0 repeat-x #F0571D; width:100%;}
#page .content_1 .column .title{ background:url(../images/fill_4.gif) 0 0 repeat-x;}
#page .content_1 .column .title .bg_title{ background:url(../images/0_bg_3.jpg) 0 0 no-repeat; padding:0 0 12px 84px;}
#page .content_1 .column .indent{padding:0 10px 15px 39px;}
#page .content_1 .column .float{ margin:0 24px 0 0;float:right;}

#page .content_1 .column_1 .title{ background:url(../images/0_bg_4.jpg) 0 0 no-repeat; padding:0 0 11px 96px;}
#page .content_1 .column_1 .indent{padding:0 20px 0px 31px;}
#page .content_1 .column_1 .float{ margin:0 5px 0 10px;}

#page .content_2{ background:url(../images/fill_3.gif) 0 0 repeat-x #CD131F; width:100%;}
#page .content_2 .min_height{ height:271px;}
#page .content_2 .column .title{ background:url(../images/fill_5.gif) 0 0 repeat-x;}
#page .content_2 .column .title .bg_title{ background:url(../images/0_bg_5.jpg) 0 0 no-repeat; padding:0 0 36px 84px;}
#page .content_2 .column .indent{padding:0 5px 15px 42px;}
#page .content_2 .column .float{ margin:0 17px 0 0;}

#page .content_2 .column_1 .title{ background:url(../images/0_bg_6.jpg) 0 0 no-repeat; padding:0 0 15px 96px;}
#page .content_2 .column_1 .indent{padding:0 20px 15px 31px;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_1 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_1 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_1 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_1 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_1 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_1 .content .column_1 .main_content{padding-right:10px;}
#page_1 .content .column_1 .main_content a{ color:#97bc36;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_2 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_2 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_2 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_2 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_2 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_2 .content .column_1 .main_content{padding-right:10px;}
#page_2 .content .column_1 .main_content a{ color:#97bc36;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_3 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_3 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_3 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_3 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_3 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_3 .content .column_1 .main_content{padding-right:10px;}
#page_3 .content .column_1 .main_content a{ color:#97bc36;}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_4 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_4 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_4 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_4 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_4 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_4 .content .column_1 .main_content{padding-right:10px;}
#page_4 .content .column_1 .main_content a{ color:#97bc36;}
/***************************end page_4**************************/

/***************************page_5**************************/
#page_5 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_5 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_5 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_5 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_5 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_5 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_5 .content .column_1 .main_content{padding-right:10px;}
#page_5 .content .column_1 .main_content a{ color:#97bc36;}
#page_5 .content .column_1 .main_content .pic img{border:1px solid #cacaca;width:128px;height:128px;}
#page_5 .content .column_1 .main_content .pic{margin:5px;float:left;}

/*albums04右側內容放置口*/
/*albums04右側內容放置口*/
.right01 {width:529px; margin:10px 0 0 4px;height:12px;}
.right02 {width:529px;height:100%; overflow:auto;background-image: url(../images/xiao_n_10.jpg);background-repeat: repeat;}
.right_bg_02 {width:529px;height:100%; overflow:auto;background-image: url(../images/xiao_n_18.jpg);background-repeat: repeat;}
.right03 {width:529px;}
.right03down {width:529px; background-image:url(../images/xiao_n_22.jpg);background-repeat: repeat;padding-bottom:10px;}

.right003 {width:529px; height:7px;}
.right003down {width:529px;}


.right04 {width:529px;margin-left:4px;background-image: url(../images/xiao_n_10.jpg);background-repeat: repeat;}
.right05 {width:529px; margin-left:4px;}

.search_01 { float:left;width:200px; height:20px;margin-left:20px; margin-top:5px;}
.search_02 {float:right;width:150px; margin-right:25px;margin-top:5px;}


.left_01 { float:left;width:136px; height:100px;background-image:url(../images/xiao_n_099.jpg); 
		margin-left:20px !important;
        margin-left:20px !important; 
        margin-left:10px ; 
}
.left_011 {margin:2px 0 0 2px !important;
        margin:2px 0 0 2px !important; 
        margin:2px 0 0 2px ; 
}
.right_02 {float:right;width:320px; margin-right:25px !important;
        margin-right:25px !important; 
        margin-right:13px;        
}
.font_n_biao1{font-size: 13px;font-weight: bold; color:#9c4901;}
.font_n_biao1 a{font-size:13px;text-decoration:none;}
.font_n_biao1 a:hover{text-decoration:underline;}
.font_n_biao{line-height: 170%;}


/*albums04_moer右側內容放置口MOER*/
.right_moer01 {width:505px; margin-left:4px; margin-top:10px; height:15px}
.right_moer02 {width:505px;height:100%; overflow:auto;margin-left:4px;background-color:#ffeb81;}
.right_moer03 {width:505px; margin-left:4px;}

.right_moer04 {width:505px; height:320px; margin-left:4px; margin-top:12px;background-color:#F7EBCE;}


.right_moer04_nei {width:505px; margin-left:4px; margin-top:8px;}
.right_moer05_nei { width:120px; height:88px; float:left; margin-left:6px;display:inline;}

#products { width:505px; margin:6px 0 0 0;}
#products li { width:110px; height:88px;float:left; margin-left:10px; display:inline;}
#products li img { border:1px solid #666; padding:1px;}

.rightmoer_bg_02 {width:508px; height:34px; margin-top:12px;background-image: url(../images/moer_xiao_21.jpg);background-repeat: repeat;}
.searchmoer_01 { float:left;width:200px;margin-left:16px; margin-top:10px;}
.searchmoer_02 {float:right;width:150px; margin-right:20px;margin-top:10px;}


.left_moer01 {  background-image:url(../images/xiao_n_099.jpg);float:left;width:100px;margin-left:8px!important;
        margin-left:10px !important; 
        margin-left:5px;        }
.right_n_moer02 {float:right;width:460px; margin-right:5px;}
.font_moer_biao1{font-size: 14px;font-weight: bold; color:#9c4901;}
.font_moer_biao{line-height: 170%;}

/*whats_on右側內容放置口*/
#whats{
	width:528px;
	height:25px;
	background-image:url(../images/whats_on_01.jpg);
	background-repeat: repeat;
}
#whats_n_biao{ padding: 5px 0 0 5px;font-size: 14px;font-weight: bold; color:#fff;}
#whatslayout{
	background-color: #FFFFFF;
	border: 0;
	width: 528px;
}
.whatslist{
    margin: 0px 10px 20px;
    text-align: left;    
}

.whatslist ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.whatslist li{
    background: url(../images/whats_on_03.jpg) repeat-x bottom; 
    /*列表底部的虚线*/
    width: 100%;    
}
.whatslist li a{
    color: #e92f44;
    display: block;
    padding: 0px 0px 4px 15px;
    /*列表左边的箭头图片*/
}

.whatslist li span{
    float: right;/*使span元素浮动到右面*/
    text-align: right;/*日期右对齐*/
}
.whatslist li a:hover{
    color: #336699;
}

#whatsdown{
	width:528px;
	height:43px;
	background-image:url(../images/whats_on_07.jpg);
	background-repeat: repeat;
}

/*contact_us右側內容放置口*/
#con_biao1{font-size: 14px;font-weight: bold; color:#FF6600; margin-top:15px;}
#con_biao1 ul {line-height: 170%;}
#con_biao1 li {line-height: 170%;font-size: 12px;font-weight: bold; color:#000;}
#con_biao1 a {font-size:13px;color:#1a4885;}
#con_biao1 a:hover {color:#0E8CC3; text-decoration:none; padding:}


/***************************end page_5**************************/

/***************************page_6**************************/
#page_6 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_6 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_6 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_6 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_6 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_6 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_6 .content .column_1 .main_content{padding-right:10px;}
#page_6 .content .column_1 .main_content a{ color:#97bc36;}
#page_6 .content .column_1 .main_content .pic img{border:1px solid #cacaca;width:128px;height:128px;}
#page_6 .content .column_1 .main_content .pic{margin:5px;float:left;}
/***************************end page_6**************************/

/***************************page_7**************************/
#page_7 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_7 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_7 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_7 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_7 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_7 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
/***************************end page_7**************************/

/***************************page_search**************************/
#page_search .content{ background:url(../images/contactus_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_search .content .column dt{background:url(../images/contactus_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_search .content .column dt a{ color:#22a5e9;font-size:14px;font-weight:bold;text-decoration:none;}
#page_search .content .column dt a:hover{color:#5ec0f3;position:relative;top:1px;left:1px;}
#page_search .r_title_bg{	background:url(../images/search_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_search .r_title{	color:#22a5e9;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
/***************************end page_search**************************/


#footer { background: url(../images/bg_footer.gif) 0 0 repeat-x; color:#FFFFFF;}
#footer a{ color:#FFFFFF;}
#footer .indent {padding:16px 0 0 42px; text-align:center;line-height:160%;}

/*??
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:5px 10px;
	font-size:12px;
	color:#5f5f5f;
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}
/*??
=============================================================================================*/
.news a{
	color:#939393;
	text-decoration:none;
	background:url(../../images/icon_point.gif) 5px 5px no-repeat;
	padding-left:15px;
}
.news a:hover{
	color:#4c8bc1;
	position:relative;
	top:1px;
	left:1px;
}
.news .data{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e4e4e4;
}
.news .title_news{
	border-bottom:1px solid #e4e4e4;
	height:26px;
}


/*******************************************add by spark 0908 ***********************************/


/***************************page_8***************************************/
#page_8 .content{ background:url(../images/tour_frame_bg.jpg) 0 0 repeat-y ; width:100%; color:#ccc;font-size:12px;color:#888;}
#page_8 .content .column dt{background:url(../images/tour_menu_bg.jpg) 0 0 no-repeat;height:20px;text-align:left;padding:15px 0 0 30px; }
#page_8 .content .column dt a{ color:#f6be05;font-size:14px;font-weight:bold;text-decoration:none;}
#page_8 .content .column dt a:hover{color:#ffe153;position:relative;top:1px;left:1px;}
#page_8 .r_title_bg{	background:url(../images/tour_title_bg.jpg) 0px 0px no-repeat ;	height:69px;	padding-top:5px;}
#page_8 .r_title{	color:#f6be05;	font-size:22px;	width:240px;	float:left;	padding-left:60px;	padding-top:10px;	line-height:200%;	font-weight:bold;}
#page_8 .content .column_1 .main_content{padding-right:10px;}
#page_8 .content .column_1 .main_content a{ color:#97bc36;}
#page_8 .content .column_1 .main_content .pic img{border:1px solid #cacaca;width:128px;height:128px;}
#page_8 .content .column_1 .main_content .pic{margin:5px;float:left;}

#footer .indent { font-size:12px;}

#page_8 .content .column_1 .main_content table td { line-height:20px;}
#page_8 .PagerWrap{ margin-top:10px;}

/***************************menu***************************************/
.menu { width:800px; height:78px;}
.menu a{ float:left; width:100px; height:76px; display:block; background-image:url(../images/newmenu_bg.jpg); background-repeat:no-repeat;}
#image1{ background-position:0 0;}
#image2{ background-position:-100px 0;}
#image3{ background-position:-200px 0;}
#image4{ background-position:-300px 0;}
#image5{ background-position:-400px 0;}
#image6{ background-position:-500px 0;}
#image7{ background-position:-600px 0;}
#image8{ background-position:-700px 0;}


/* ----------  product details ----------  */
.main_content .leftcatalog{width:320px;float:left; overflow:hidden;}
.main_content .rightinfo{width:210px; float:left; overflow:hidden;}
table.productinfo{margin:5px 0 15px 0;padding:0;width:100%;overflow:hidden;}
table.productinfo td{padding-top:5px;padding-bottom:4px;line-height:18px;vertical-align:top;border-bottom:#e4e4e4 1px solid;}
table.productinfo td.T1{width:90px;padding-right:5px;text-align:right;font-weight:bold; color:#008080;}
span.loadtext{color:#000; font-weight:normal;}
span.money{ color:#ff8800; font-weight:bold; font-size:1.1em;}
span.old{color:#ff8800; font-weight:bold; font-size:1.1em;}
span.importantinfo{color:#008080; font-weight:bold;}

.br_cart{ width:95px; height:26px; display:block; background:url(../images/btn_cart.gif) 0 0 no-repeat;}
.br_cart:hover{ background-position:0 -26px;}
.noticeinfo{clear:both;margin-top:15px;background:#fafafa;border:#e4e4e4 1px solid;overflow:hidden;height:80px;overflow-y:auto;}
.noticeinfo p{padding:5px;line-height:18px;}

#catalog{width:290px;height:385px; padding:10px; background: url(../images/showpic_bg.gif) 0 0 no-repeat;}
#catalog .showpic{height:280px;width:280px; background-color:#f7f7f7; overflow:hidden; margin:5px;}
#catalog .showpic table{clear:both;height:280px;width:280px;}
#catalog .showpic table td{padding:0;margin:0;vertical-align:middle;height:280px;width:280px; text-align:center;}
#catalog ul{clear:both;padding-left:5px;}
#catalog ul li{width:80px;height:80px; background-color:#f7f7f7; border-width:5px; border-style:solid;float:left;display:inline; margin-right:5px; cursor:pointer;}
#catalog ul li.default{border-color:#e4e4e4;}
#catalog ul li.over{border-color:#97bc36;}
#catalog ul li table {clear:both;width:80px;height:80px;}
#catalog ul li table td{margin:0;text-align:center;vertical-align:middle;width:80px;height:80px;}

.introducetitle{ margin:20px 0 10px 0; border-bottom:#e4e4e4 1px solid;padding-bottom:4px; line-height:20px; height:20px; color:#008080; font-size:14px; font-weight:bold; width:530px;}
.introducetitle .info{ font-size:12px; padding-left:10px; color:#999; font-weight:normal;}
span.nes{color:#f00; padding:0px 5px;}

.htmledit{ clear:both; width:530px; line-height:150%;}
.brtools{ clear:both; margin-top:20px; height:23px; text-align:center; width:530px;}
.default_button_left, .default_button_right{height:20px; width:70px;  display:inline-block; line-height:20px; font-size:12px; text-decoration:none;}
.default_button_left{padding-left:10px; float:left;background:url(../images/btn_bg_left.gif) 0 0 no-repeat;}
.default_button_right{padding-right:10px; float:right;background:url(../images/btn_bg_right.gif) 0 0 no-repeat;}

/* ----------  cart style----------  */
#cartnav { margin-bottom:20px; width:530px; height:80px; overflow:hidden; background-image:url(../images/cart_bg.jpg); background-repeat:no-repeat;}
#cartnav.step1{ background-position:0 -160px;}
#cartnav.step2{ background-position:0 -80px;}
#cartnav.step3{ background-position:0 -0;}

.cartlist { clear:both; width:530px; overflow:hidden;}
.cartlist table{ width:100%; overflow:hidden;}
.cartlist table th{padding:5px 5px 5px 0;border-bottom:#c6c6c6 1px solid; border-top:#c6c6c6 2px solid; text-align:left; background:#fafafa; font-weight: normal;}
.cartlist table td{padding-top:6px; padding-bottom:5px; border-bottom:#e4e4e4 1px solid; vertical-align:middle; padding-right:5px}
.cartlist table td a{ text-decoration:none;}
.cartlist table td.T2 a:hover, .cartlist table td.T6 a:hover{left:1px; top:1px; position:relative; text-decoration:none;}
.cartlist table tbody tr.even{ background-color:#fff;}
.cartlist table tbody tr.odd{ background-color:#fafafa;}
.cartlist .T1{ width:80px; text-align: center;}
.cartlist .T4, .cartlist .T5{ width:70px;}
.cartlist .T3, .cartlist .T4, .cartlist .T5, .cartlist .T6{ text-align:center;}
.cartlist .T6{ width:60px;}
.cartlist .T7{ text-align:right; font-weight:bold;}
.cartlist .T7 .money{ padding:0 8px;}
.cartlist td .photoimg{margin:0 auto; background:#fff; padding:1px; border:2px solid #d5dae5; width:60px; height:60px;}
.cartlist td input{display:inline;padding:2px 3px;height:16px;overflow:hidden;border:1px solid #e4e4e4;background-color:#fafafa; width:30px; color:#5f5f5f; text-align:center;}
.cartlist td input:focus{ border-color:#ff6600; background-color:#fff; color:#000;}
.cartlist .photoimg img {cursor:pointer;}

.from_post { clear:both; width:530px; overflow:hidden;}
.from_post input{float:left;display:inline;padding:2px 3px;height:16px;overflow:hidden;border:1px solid #e4e4e4;background-color:#fafafa;color:#5f5f5f;}
.from_post input:focus{border-color:#ff6600; background-color:#fff; color:#000;}
.from_post input:disabled, .from_post select:disabled{ border-color:#999; background-color:#ddd; color:#999;}
input.type1{ width:200px;}
input.type2{ width:75px;}
input.type3{ width:30px;}
.from_post select{border:1px solid #e4e4e4;background-color:#fafafa; height:21px;color:#5f5f5f;float:left;}
select.type1{ width:208px;}
select.type2{ width:102px;}
select.type3{ width:50px;}
.from_post .fg{padding:0px 5px; line-height:21px; float:left; display:inline;}
.from_post table {clear:both; width:100%; }
.from_post td{padding-bottom:10px; vertical-align:top;}
.from_post td.td1{text-align:right; width:100px; font-weight:bold;line-height:21px; padding-right:10px;}
.from_post td.td2{width:230px;vertical-align:top;}
.from_post td.td2 img{vertical-align:middle; padding-left:10px;}
.from_post td.td3 img{ padding:4px 0 0 0}
.from_post td span{ float:left; padding:0 5px; line-height:21px;}
.from_post td.td3 span{ color:#999;}
.from_post .radio{ background:none; border:0; padding:0px; width:13px; height:13px; margin:4px 3px 4px 5px; }
.from_post .radio-txt { line-height:21px;}

.ordertable{ clear:both; width:530px; overflow:hidden;border-collapse: collapse;}
.ordertable th{padding:5px 5px 4px 5px; border:#e4e4e4 1px solid; text-align:left; font-size:13px; color:#008080;}
.ordertable td{padding:5px 5px 4px 5px; border:#e4e4e4 1px solid; vertical-align:top; line-height:20px;}
.ordertable td.head{background:#fafafa; font-weight:bold; text-align:center;}