/* CSS Document */
@charset "utf-8";body  
{margin:0px; border:0px; width: 100%; height:100%; min-width: 1000px; max-width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*捲軸設定*/
html  
{/* Force Vertical scrollbar in Mozilla/Firefox */ scrollbar-face-color: #aedf03; scrollbar-highlight-color: #aedf03; scrollbar-shadow-color: #aedf03; scrollbar-3dlight-color: #aedf03; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #e4f99b; scrollbar-darkshadow-color: #aedf03; }
a{outline: none; color: #999;/* for Firefox Google Chrome  */behavior:expression(this.onFocus=this.blur() ); /* for IE */}
#wrap {color:#303030; margin:0 auto; padding:0; width:100%; background: url(../img/probgs.jpg); background-repeat: repeat-x; background-position: top; }
#wrapg {color:#303030; margin:0 auto; padding:0; width:100%; background: url(../img/probgsg.jpg); background-repeat: repeat-x; background-position: top; }
#wrapI {color:#303030; margin:0 auto; padding:0; width:100%; background: url(../img/indbgs.jpg); background-repeat: repeat-x; background-position: top; }
.allSp {width:1004px; margin:auto; padding:0; background-color: #FFF; line-height:16px; }
.alltop {width:1004px; background-color: #FFF; }
#top{margin: 20px 0 0 10px;padding:0; float: left;
}
#topr{margin: 0 0 0 790px; padding:0; }
#head{height:215px; margin: 0; padding:0; float: left; background-color: #A4C101; }
#head1{height:154px; margin: 0; padding:0; float:left;  background-color: #A4C101; }
#headr{height:154px; margin: 0 0 0 790px; padding:0; background-color: #A4C101; }
#headrg{height:154px; margin: 0 0 0 790px; padding:0; }
#maincenC{background-color: #F5F5F5; background-repeat: repeat-y; background-position: right top; clear:both; width:100%; float:left; font-weight: normal; background: url(../img/main-bg2.gif); background-repeat: repeat-y; background-position: right top; clear:both; }
#maincen{background-color: #F5F5F5; clear:both; width:100%; float:left; font-weight: normal; background: url(../img/main-bg1.gif); background-repeat: repeat-y; background-position: left top; padding:0 0 0 20px; }
#main{font-weight: normal; background-color: #F5F5F5; float:left; width:755px; margin:0; padding:10px 5px 0 20px; }
#hmain{font-weight: normal; background-color: #F5F5F5; clear:left; float:left; width:755px; margin:0; padding:10px 0 0 20px; }
#rights{width:195px; height:100%; float:left; margin: 0; padding:0; clear:left; }
#rights226{width:226px; height:100%; float:left; margin: 0; padding:0; margin: 10px 0 0 -5px }
.margin10{margin:-10px 0 0 -20px; }
#dBtnBg{width:100%; height:auto; clear:both; margin: auto; background-color:#93ad01; font-weight: normal; }
#dBtnBgg{width:100%; height:auto; clear:both; margin: auto; background-color:#00b000; font-weight: normal; }
#footup {width:1004px; clear:both; margin: auto; border-top-color: #FFF; background: url(../img_demo/www.gif); background-repeat: no-repeat; background-position: right bottom; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #FFF; text-decoration: none; line-height: 23px; }
#footl {float:left; font-weight: normal; font-size: 10px; text-decoration: none; color: #666; word-spacing: 1px; clear:left; margin:10px 10px 0; padding:0; }
#footr{padding:0;margin:10px 0 0 500px;font-weight: normal; font-size: 10px; text-decoration: none; color: #666; word-spacing: 1px; }
#down{padding:15px 0 0 0; margin:15px 10px 0; clear:both; font-size: 10px; color: #666}
.t1new {width:268px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; color: #666; }
.t1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #666; }
.t1spot {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #666; }
.t1-r {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #990000; }
.t1-s {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: ; border-bottom: 1px solid  #CC0000; }
.t2 {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #0873B3; text-decoration: none; }
  .t3, .t3:link, .t3:visited, .t3:active {font-size: 11px; font-weight: normal; color: #006699; text-decoration: none; }
 .t3:hover {font-size: 11px; font-weight: normal; color: #990000; text-decoration: none; }
.t4 {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #0873B3; text-decoration: none; }
.t5 {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; line-height: 16px; }
.t5-w, .t5-w:link, .t5-w:visited, .t5-w:active{font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #FFF; text-decoration: none; line-height: 16px; text-align: left; vertical-align: middle; }
.t5-w:hover {font-size: 11px; font-weight: normal; color: #FFF; text-decoration: none; line-height: 16px; text-align: left; vertical-align: middle; font-weight: bold; }
.t6{font-size: 15px; font-weight: normal; color: #666; text-decoration: none; }
.t6:link, .t6:visited, .t6:active{font-size: 15px; font-weight: normal; color: #006699; text-decoration: none; }
.t6:hover {font-size: 15px; font-weight: normal; color: #990000; text-decoration: none; }
.t7:link, .t7:visited, .t7:active{font-size: 10px; color: #333; text-decoration: none; }
.t7:hover {font-size: 10px; color: #990000; text-decoration: none; }
.t8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF; text-decoration: none; font-weight: bold; background-color: #990000; padding-left: 5px; }
.t9 {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: bold; color: #89661D; text-decoration: none; line-height: 16px; }
.t10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 30px; color: #786829; }
.b {font-weight:bold; }
.bg-main-w, .bg-index-line {font-weight: normal; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #666; padding-left: 10px; padding-right: 5px; word-spacing: 1px; padding-bottom: 10px; } 
.bg-index-line{border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #FFF; }
.bg-main-l {font-weight: normal; background: url(../img/main-bg1.gif); background-repeat: repeat-y; background-position: left top; } 
.bg-main-r {width: 220px; height: 100%; font-weight: normal; background: url(../img/main-bg2.gif); background-repeat: repeat-y; background-position: right top; } 
	
.lift-bu-bg {font-weight: normal; background-repeat: no-repeat; background-position: right bottom; padding-left: 5px; } 
.newProDss {height:125px; font-weight: normal; background: url(../img/pro/dss1500_s.jpg) no-repeat 100% 90%; } 
.prosbga{background: url(../img/pro/list/main-pro-bgs.jpg); }
.prosbgb{background: url(../img/pro/list/main-pro-bgs1.jpg); }
.pro-list-bg {font-weight: normal;background: url(../img/pro/list/main-pro-bg1.jpg);background-repeat: no-repeat;background-position: right bottom; } 
.pro-list-bg2 {font-weight: normal;background: url(../img/pro/list/main-pro-bg2.jpg);background-repeat: no-repeat;background-position: left bottom; } 
/* menu */
#listProBg {font-weight: normal; height: 450px; width: 190px;padding-left: 4px;padding-top: 14px; } 
#listBtnBg {font-weight: normal;height: auto;width: 190px;background-color: #FFF;padding-top: 5px;padding-bottom: 5px;padding-left: 4px; } 
#listBtn1 {height: auto;width: 89px;float: left; } 
#listBtn2 {height: auto;width: 89px;float: right; } 
.listBtn3 {height: auto;width: 180px;float: left;margin-top: 1px; } 
.listBtn4 {height: auto;width: 153px;float: left;padding-top: 5px;padding-bottom: 5px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: 7D6F4B;margin-right: 21px;margin-left: 6px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color: #666; } 
.Btn4txt:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color: #666; } 
.Btn4txt:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color: #666; }  
.Btn4txt:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color: #C26578; } 
.Btn4txt:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color: #666; }  
.btn1Bg {font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;color: #666;background: url(../img/left/list_btn1bg.gif);background-repeat: no-repeat;padding-left: 8px;font-weight: bold; }  

#c0101, #c0201, #c0301, #c0401, #c0402, #c0403, #c0404, #c0501, #c0502, #c0601, #c0602, #c0603, #c0701, #c0801, #c0802, #c0901, #c1001,#c1101, #c1201, #c1301, #c1401, #c1501, #c1601, #c1701, #c1901, #c1902, #c2001, #c2101, #c2201, #c2301, #c2501, #c2502, #c2302, #c2303,#c2401, #c2601, #c2602, #c2603 {position:absolute; width:200px; height:15px; z-index:1; visibility: hidden; }
.bgrepeat {background-position: left center; background-repeat:no-repeat; }
.newProDss {height:125px; font-weight: normal; background: url(../img/pro/dss1500_s.jpg) no-repeat right bottom; } 

/*Pro Page*/
#mainPro{width:767px; height:auto; } 
#proL21{width:340px; height:auto; background: url(../img/pro/pro-line-2-2s.jpg) no-repeat left top; float:left; margin-right:16px} 
.proCasting{ width:340px; height:auto; position:absolute; visibility: hidden; } 
#proL23{width:340px; height:auto; background: url(../img/pro/pro-line-2-1s.jpg) no-repeat left top; float:left; margin-right:16px} 
#proL24{width:340px; height:auto; background: url(../img/pro/pro-line-2-3s.jpg) no-repeat left top; float:left; margin-right:16px} 
#proR{width:405px; height:auto; float:left; } 
#proR211{width:405px; height:auto; float:left; background: url(../img/pro/2-2-1.jpg) no-repeat right bottom; } 
#proR212{width:405px; height:auto; float:left; background: url(../img/pro/2-2-2.jpg) no-repeat right bottom; } 
#proR213{width:405px; height:auto; float:left; background: url(../img/pro/2-2-3.jpg) no-repeat right bottom; } 
#proR214{width:405px; height:auto; float:left; background: url(../img/pro/2-2-4.jpg) no-repeat right bottom; }  
#proR215{width:405px; height:auto; float:left; background: url(../img/pro/2-2-5.jpg) no-repeat right bottom; }  
#proR216{width:406px; height:auto; float:left; background: url(../img/pro/2-2-6.jpg) no-repeat right bottom; }  
#proR217{width:407px; height:auto; float:left; background: url(../img/pro/2-2-7.jpg) no-repeat right bottom; }
#proR221{width:405px; height:auto; float:left; background: url(../img/pro/2-3-1.jpg) no-repeat right bottom; } 
#proR222{width:405px; height:auto; float:left; background: url(../img/pro/2-3-2.jpg) no-repeat right bottom; } 
#proR223{width:405px; height:auto; float:left; background: url(../img/pro/2-3-3.jpg) no-repeat right bottom; } 
#proR224{width:405px; height:auto; float:left; background: url(../img/pro/2-3-4.jpg) no-repeat right bottom; }  
#proR225{width:405px; height:auto; float:left; background: url(../img/pro/2-3-5.jpg) no-repeat right bottom; }  
#proR226{width:406px; height:auto; float:left; background: url(../img/pro/2-3-6.jpg) no-repeat right bottom; }  
#proR227{width:406px; height:auto; float:left; background: url(../img/pro/pro_x.jpg) no-repeat right bottom; } 
#proR231{width:405px; height:auto; float:left; background: url(../img/pro/2-1-1.jpg) no-repeat right bottom; } 
#proR232{width:405px; height:auto; float:left; background: url(../img/pro/2-1-2.jpg) no-repeat right bottom; } 
#proR233{width:405px; height:auto; float:left; background: url(../img/pro/2-1-3.jpg) no-repeat right bottom; }

#proR234{width:405px; height:auto; float:left; background: url(../img/pro/2-1-4.jpg) no-repeat right bottom; }
#proR235{width:405px; height:auto; float:left; background: url(../img/pro/2-1-5.jpg) no-repeat right bottom; }
#proR236{width:405px; height:auto; float:left; background: url(../img/pro/2-1-6.jpg) no-repeat right bottom; }
#proR237{width:405px; height:auto; float:left; background: url(../img/pro/2-1-7.jpg) no-repeat right bottom; }
#proR238{width:405px; height:auto; float:left; background: url(../img/pro/ds200pj-dx.jpg) no-repeat right bottom; }

.line1 {position:absolute; width:407px; height:auto; z-index:7; visibility: hidden; background-color:#FFF}
.pcbg01{background: url(../img/casting/ind-main-pro-bg.jpg) no-repeat center center; }
.pcbg02{background: url(../img/casting/cas-tbg2.png); background-repeat: no-repeat; background-position: left top; }
.pcbg03{background: url(../img/casting/cas-tbg1.png); background-repeat: no-repeat; background-position: left bottom; }
.pcbg04{background: url(../img/casting/cas-tbg3.png); background-repeat: repeat-y; background-position: left; }
.mpro{width:95%; height:auto; background:url(../img/mpro_bg.jpg); background-repeat:no-repeat; background-position:bottom right; padding:6px 0 30px 0; margin:5px auto 0 auto; }

/* Text */
.t{text-transform: uppercase; }
.b{font-weight: bold; }
.sample {position:absolute; width:340px; height:auto; z-index:2; visibility: hidden; background-color:#FFF;}

/*新增CSS*/
.Model{width:100%; height:25px; background:url(../img/icon/modle_bg.gif); background-repeat:no-repeat; background-position:center top; text-align:center; padding: 4px 0 0 0; }
.colorG{color:#009999; }
.proTxt{border-left: 6px solid #A7B8BE; margin: 3px; padding: 3px; }
.fTxt{padding:0 0 6px 11px ; background:url(../img/icon/spot001.gif); background-repeat:no-repeat; background-position:left top; }
.box {clear:both; position:static; text-align:center; margin:auto; }
/*新增CSS end*/
.ff_debug{width:auto;clear:both;height:0px; }
.s{width:100%; overflow:scroll; overflow-y:hidden; height:150px; overflow:auto; background-color:white; scrollbar-face-color: #FFF; scrollbar-highlight-color: #DDD; scrollbar-shadow-color: #DDD; scrollbar-3dlight-color: #EEE; scrollbar-arrow-color: #868B92; scrollbar-track-color: #EEE; scrollbar-darkshadow-color: #DDD;}
.spTop{width:80%; margin:auto; text-align:right; padding-bottom:10px; }
.c414{ color:#999;}
.mbtnSp { line-height: 28px;  text-align:right;  text-decoration: none; margin-left:-5px;}.mbtnSp:hover {line-height: 20px; padding-top:8px;background:url(../img/mbtnbg.jpg) no-repeat top; }

.t11{font-size: 11px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #666;} .t11:hover{color: #786829; }
