@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
.clear {clear: both; margin:0px; padding:0px;}
html, body {
	margin: 0px;
	padding: 0px;
	font-size:13px;
	color:#000;
	FONT-FAMILY: "Arial", "MingLiU", "PMingLiU";
	line-height: 20px;
	/*background: url(images/top_bg.gif) top left repeat-x;*/
	background:url(images/bg_all.png) top left repeat;
	letter-spacing:1px;
}
a{ color:#800000; text-decoration:none;}
a:hover{ color:#333}
img{ border:none;}
#mainTop{ height:160px; overflow:hidden; background: url(images/top_bg.gif) top left repeat-x;}
#stage{ margin:0px auto; width:970px; background:url(images/topmenu_bg.gif) 120px 0px no-repeat}
#stage2{ margin:0px auto; width:970px; background:#FFF; padding-top:15px;}
#stage3{ margin:0px auto; width:940px; background:#FFF; padding:15px;}

#topMenu{  height:137px; margin-bottom:30px;}
#logo{ width:230px; float:left; padding:20px 0px 0px 30px;}
#tm_r{ width:700px; float:right; padding-top:25px;}

#myccart{}
#myccart a{ color:#333; text-decoration:none; padding:0px 1px 0px 1px;}
#myccart a:hover{ color:#06C;}

#mLeft{ width:180px; margin-left:10px; float:left;}
#mRight{ float:right; margin-right:10px; width:756px;}
#mRight2{ float:right; margin-right:10px; width:750px;}
#mRight2cont{ padding:15px;}
#mlmenu{ background:url(images/pdcat_bg2.gif) top left repeat-y; padding:0px 15px 0px 15px; width:150px;}

#mimg{ width:748px; height:343px; background:url(images/mimg_bg.gif) top left no-repeat; padding:8px 0px 0px 8px;}

#portfolio_d{ margin-top:10px;}
#dr_title{border-bottom:#E3E0DA solid 4px; margin-bottom:15px;}

#portfoliobox{ width:170px; height:180px; margin:0px 9px 5px 9px; float:left;}
#portfoliobox_img{width:170px; height:140px;}
#portfoliobox_wd{ margin-top:3px;}
#portfoliobox_wd a{ color:#666; text-decoration:none;}
#portfoliobox_wd a:hover{ color:#000;}

#pdbox_d{ border:#E3E0DA solid 4px; background:#F6F5F0;}
#dpdbox{ width:120px; height:160px; margin:0px 14px 10px 14px; float:left;}

#d_news{ margin-top:20px; line-height:18px;}
#dnewsbox{ padding:10px; border-bottom:#CCC dotted 1px;}
#dnt{ margin-bottom:5px;}
#dnewsbox .dnewsboxmt1{ color:#C00; font-weight:bold;}
#dnewsbox .dnewsboxndate{ font-size:11px; color:#999}
#d_news a{ color:#666; text-decoration:none;}
#d_news a:hover{ color:#000}

#smenu{ margin-bottom:40px;}
#smbox{width:150px; margin:6px auto;}

#newsBox{ min-height:100px;height: auto !important; height:100px; padding:15px 10px 15px 10px; border-bottom:#E9E9E9 solid 1px; }
#newsImg{ float:left; width:80px; padding-top:8px;}
#newsImg img{ border:#FFF solid 1px;}
#newsImg img:hover{ border:#666 solid 1px;}
#newsTitle{ float:left; font-size:13px; padding-top:5px; width:500px; color:#C00;}
#newsTitle a{ color:#06C; text-decoration:none; font-size:14px;}
#newsTitle a:hover{ color:#333;}
#newsDate{ float:right; width:80px; text-align:right;padding-top:25px; color:#999}
#newsTitle a.memo1a{ color:#666; text-decoration:none;}
#newsTitle a:hover.memo1a{ color:#333}

#qaBox{  }
#qaBox UL{ list-style-type:none; width:600px; margin:0 auto;}
#qaBox UL LI {text-align:left;border-bottom:#E85560 dotted 1px;background:url(images/icon_qa.gif) 0px 7px no-repeat}
#qaBox UL LI a{ display:block; color:#666; text-decoration:none; padding:10px 0px 10px 30px; width:570px; background:none;}
#qaBox UL LI a:hover{ color:#FB4A72; padding:10px 0px 10px 30px; width:570px;}
#qadet{padding-left:40px; background:url(images/icon_qa_a.gif) 5px 2px no-repeat;min-height:100px;height: auto !important;height:100px;}


#pdname2{ font-size:12px; color:#000; padding-top:5px;}
#pdname{ font-size:15px; color:#000; font-weight:600; line-height:25px; padding-top:10px;}
#pdprice{ font-family:"Geometr212 BkCn BT","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-size:40px;color:#B20000; padding-top:20px; padding-bottom:17px;}
#pdprice .nt{ font-size:15px;}
#pdprice .pricewd, #pdprice2 .pricewd{ display:inline-block; width:60px; font-size:13px; padding-right:5px; text-align:left; color:#333}

#pdprice2{font-family:"Geometr212 BkCn BT","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-size:13px;color:#333; padding-top:10px; text-decoration: line-through;}
#pdprice2 .nt{ font-size:13px;}


#mpdbox{ float:left; width:152px; margin:0px 17px 10px 17px; height:210px;}
#mpdbox img{ border:#FFF solid 1px;}
#mpdbox img:hover{ border:#999 solid 1px;}
#mpdboxtitle{ padding:2px; color:#666; text-align:center;}
#mpdboxtitle a{ color:#666; text-decoration:none;}
#mpdboxtitle a:hover{ color:#930}

#portfolioBox{ width:150px; height:}

#foot{ background: url(images/foot.gif) top left no-repeat; height:38px; margin-top:20px; padding:15px 10px 0px 0px; text-align:right; font-size:12px;}
#foot a{ color:#666; text-decoration:none;}
#foot a:hover{ color:#000;}

#div_content{ min-height:300px;height: auto !important;height:300px;}

.service_tit{display:inline-block; width:150px; font-weight:bold; padding-left:30px; float:left;}
#service_td{ padding:5px 0px 5px 0px; background:url(images/dot-underline.png) bottom left repeat-x;}
#service_td input, #service_td textarea{ width:400px;}
#service_td2{ padding:5px 0px 5px 0px;}
.size12{ font-size:12px;}
.mybottom, #mjoin .mybottom{ padding:3px 10px 3px 10px;}

#mjoin th{ color:#333; font-weight:bold; padding:5px;}
#mjoin td{ padding:3px;}
#mjoin input{ padding:3px;}

#joinformbox{ margin:10px auto; width:500px;min-height:300px;height: auto !important;height:300px;}
#joinformbox .inputa, #joinformbox input, #joinformbox textarea{ border: #E6E6E6 solid 1px; background:#F4F4F4; padding:3px; width:350px; color:#333;}
#joinformbox select{ border: #E6E6E6 solid 1px; background:#F4F4F4; padding:3px; width:350px; color:#333; width:auto;}
#joinformbox .inputb{ border: #E6E6E6 solid 1px; background:#F4F4F4; padding:3px; width:70px;}
#joinformbox strong{ color:#C00}
#joinformbox h1{ color:#B50007; font-size:18px; padding:0px; margin-bottom:10px;}
#joinformbox ul{}
#joinformbox ul li{ list-style-type:none; padding:10px 0px 10px 0px;}
#joinformbox .span_title{ display:inline-block; width:70px; vertical-align:top;}
#joinformbox .span_title2{ display:inline-block; width:60px; text-align:right; padding-right:10px;}

.wd_red{ color:#C00}
.submitbottom{ padding:10px 20px 10px 20px;background:#C52E63; color:#FFF; border:none;}
.submitbottom:hover { background:#942E5F; cursor:pointer;}

#memjoinbox{margin:30px auto; width:750px;min-height:300px;height: auto !important;height:300px;}

.login_wd{ font-size:12px; display:inline-block; width:60px;}
.login_input{border:#CCC solid 1px; width:200px; padding:2px;}

#bg_Vline{ margin-bottom: 15px; background:url(images/dot-underline.png) 190px 0px repeat-y;min-height:300px;height: auto !important;height:300px;}

#div_content2{min-height:300px;height: auto !important;height:300px; padding: 20px;}

.class_t1{ display:inline-block; width:70px; vertical-align:top; color:#06C; text-align:right; padding-right:10px;}
.class_t2{ display:inline-block; width:600px; vertical-align:top}
.colorRed{ color:#C00;}

#table_a{}
#table_a table{ border: #CCC solid 1px;}
#table_a th, #table_a td{ padding:3px;}
#table_a th{ background:#666; color:#FFF; text-align:left;}
#table_a td{ color:#06C}
.iwd{ font-size:15px; color:#C00; font-weight:600;}