﻿/*首頁*/
#home{ width:1000px; overflow:hidden;}
#home .banner{ margin-bottom:6px;}
#home .marbox a.a1{ color: Gray }
#home .marbox a.a2{ color: #db127a}
#home .marbox td.showdate{ color: #F00000; border-bottom:gainsboro 1px dotted; width: 80px; height: 29px;}
#home .marbox td.showcontent{ border-bottom:gainsboro 1px dotted;}
#home .homeLeft{ width:755px; float:left;}
#home .homeRight{ width:240px; float:right; _width:240px;}
#home .homeLeft .news{background:url(../../../../images/chimage/755top.jpg) no-repeat center;}
#home .homeLeft .newsTime{width: 19%;color: #F00; height: 29px;border-bottom: gainsboro 1px dotted}
#home .homeLeft .newsText{border-bottom: gainsboro 1px dotted}
#home .homeLeft .MainProduct{color:#66cc00;font-size:14px;font-weight:bolder;cursor:pointer}
#home .homeLeft .MainProductChild{color:#66cc00;font-size:14px;font-weight:bolder;cursor:pointer}
#home .homeLeft .Links{ border-bottom:5px solid #fff}
.alter{color:#fd6b00;font-size:14px;font-weight:bolder;cursor:pointer}
.alter1{color:#534d4d;font-size:12px;font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;}
a.alter1:hover{color:#db127a; text-decoration :underline;}
.AdvertiseMent{ width :90px; height :47px; overflow :hidden}
.defaultDivA{ display:block; height:63px; width:239px; overflow:hidden;}
.shouye{ overflow :hidden ; display :block ; height :9px; width :100%}
.loginBg{background:url("../Images/login2.jpg") no-repeat; display:block;}
.loginBg ul{ padding-top:58px; display:block;}
.loginBg ul li span{ text-indent:20px; overflow:hidden;}
.loginBg ul li.li1{ margin-top:30px;}


/*企業情報*/
#about { text-align:left;}
.aboutTitle{padding-top:15px; padding-bottom:18px; background:url(../../../../Images/ServiceCase.gif) bottom no-repeat; text-align:left;}

/*價格查詢*/
#shopCar .content .main1{ padding:10px 36px 36px 40px;}
#shopCar .content .main1 h1{ color:#ff6600; font-size:20px; font-weight:bold; }
#shopCar .content .main1 .drpDiv{ height:39px; line-height:39px; background-color:#b7d316; overflow:hidden; width:902px;}
#shopCar .content .main1 .drpDiv .first{ margin-left:30px; margin-top :10px;}
#shopCar .content .main1 .drpDiv .second{ margin-left:30px; margin-top :10px; }
#shopCar .content .main1 .titleprice{ color :  }
#shopCar .content .main1 .PriceListScrollbarTree{ margin-top:15px; }
#shopCar .content .main1 .dvbmm{ margin-top:15px; margin-bottom :15px; font-size :12px;}
 .GreenFont{ color:Green ; width : 60px; font-weight :bold; font-size :large ; background-color :White ; text-align :center; margin-left :auto ; margin-right :auto    }
 .titletab{   background-image: url(../images/pricetitlebgimg.jpg);   color: White   }
 .GpriceItem{ font-size :large; font-weight :bold; width :100px; color: Black ; background-color :White ; text-align :center ; margin-left :auto ; margin-right :auto }
 .GpriceFoot{ background :#668DB4}
 .GpriceEmpty{ font-size :large }
 .GpriceRow{ background :#FEFEAA}
 
/*購物車*/
#shopCar{ width:1000px;}
#shopCar .bgTop{ height:23px; background: url(../images/redlinetopparty.jpg) no-repeat; overflow:hidden; width:1000px;}
#shopCar .content{background:url(../Images/shopCarBg.jpg) repeat-y; width:1000px; margin:0 auto; }
#shopCar .content .main{ padding:5px 4px 54px 4px;}
#shopCar .content .main .view{ padding:10px 27px 0px 27px; }
#shopCar .content .main .view .gv{ margin-bottom:53px; }
#shopCar .content .main .view .tablePrice{  border-top:1px solid #000; border-bottom:1px solid #000; /*padding:8px 0px 8px 0px;*/  text-align :center ; margin :0 auto; }
#shopCar .spanFont{ font-size:13px; text-indent:12px; overflow:hidden; display:block; text-align :right ; width :100px;}
#shopCar .textMessage{ font-size:16px; text-indent:12px; color:#ff8c40; font-weight:bold; line-height:42px;}
#shopCar .TextMessage2{ color : Blue  }
#shopCar .bgBottom{ height:13px; background: url(../images/redlinebottomparty.jpg) no-repeat; overflow:hidden; width:1000px;}
#shopCar .content .main .view .tablePrice1{ margin:0 auto;  border-top:1px solid #000; border-bottom:1px solid #000; padding:8px 0px 8px 0px; text-align:center; display:block} 
#shopCar .content .main .view .tablePrice1 table{ margin:0 auto;  } 
.TbPlist{ margin-top :30px; margin-left:300px; }
.TbPlist1{ margin-top :15px; margin-left:300px;}
.TbPlist2{ margin-right :80px;}
.TbPlist3{ margin-left :330px; margin-top :15px;}
.TbPlist4{ margin-left :330px; margin-top :30px;}

#gvwShopCar{ width:899px; border-color:White ; background-color: White ; border-width :0px; border-style : none }
#inquiry{ width :100%; text-align : center}
#inquiry .D1{ width :360px; text-align :left}
#inquiry .D2{ text-align :center}
#tblCreateUser{ width :50%}
#tblCreateUser .D3{ border:solid 1px black; text-align : left}
 .gv{ width :899px; border-style :none ; border-color :White ; border-width :0px; background-color :White }
 .Shopcarfoot{ background :#668DB4}
 .ShopcarEmpty{ font-size :large; color: #db127a }
 .ShopcarRow{ background-color :White }
 .Shopselect{ background-color :White ; font-weight : normal }
 .Shoppage{ background-color :White ; color :White }
 .Shopalter{ background-color :White }
 .ShopgvConfirm{ border-collapse :collapse ; border-style :none ; background-color :White ; width :899px; border-width :0px;}
 .ShopgvConfirmFoot{ background-color :#668DB4}
 .ShopgvConfirmEmpty{ font-size :large }
 .ShopgvConfirmRow{ background-color :White}
 .ShopgvConfirmselect{ background:#CE5D5A; font-weight :normal}
 .ShopgvConfirmpage{ background :#668DB4}
 .ShopgvConfirmpage{ background-color :White}
 .indexGrayBottomsolidLine{ border-bottom-style:solid; border-bottom-color:#CCCCCC; border-width:1px }
 .indexGrayBottomdottedLine{ border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC}


/*專案報價*/
#quote {margin-top:12px; padding-left:20px;}
#quote .title{background: url(../images/quotetitle.gif)  no-repeat; width: 100%; height:38px; overflow:hidden}
#quote .isNember{background-image: url(../images/bgtab.jpg) ; width:50%; float:left}
#quote .notNember{background-image: url(../images/bgtabb.JPG)  ;width:50%; float:left }
#quote .chbox{ color:Black; width:168px;}
#quote .quotationTbDiv{background-color:#dbe1e4; }
.quotationBzDiv{border:1px solid #c5ced2; height:109px;}
#llztr1{ width : 800px; display :block; overflow:hidden; text-align :center; margin-bottom :10px; padding-bottom :10px;}
#tab4{ width :708px; height :10px;}
.Quotefont{ color: Red }
.PuprleFont2{color: #db127a;}
.Logincontent{ width :100%; border :0 ;  text-align :center ;  margin :0 auto;}
.inquaryPic{ margin-top :10px}
.inquaryPrice{ margin-top:15px}
.btnclass{ height :33px; width :708px; margin-top :10px; margin-bottom :10px}
.hrclasses{border-left-color: green; border-bottom-color: green; border-top-color: green; border-right-color: green; height: 1px; width:728px;}





/*快速下單*/
#orderPageDiv{ width:1000px; margin:0 auto; font-family: Verdana; background-color: #fff; text-align:left; font-size:12px;}
#orderPageDiv .Left{ width:333px; float:left;}
#orderPageDiv .Middle{ width:334px; float:left;/* border-left:#b0d009 2px solid; border-right:#b0d009 2px solid;*/}
#orderPageDiv .Right{ width:333px; float:left;}
#orderPageDiv  ul{ padding:15px 0px 0px 30px; overflow:hidden;}
#orderPageDiv  ul li{ line-height:30px; height:30px; border-bottom:1px dotted #000;}
.orderPageBt{ background: url(../images/OrderPageBt.jpg); height:38px; width:139px; overflow:hidden; border:none; }
.orderPageErrorText{ text-align:left; color:Red; }
.orderPageLoadText{ color:Red; font-size:12px;}
.warnlbl{ display :none }

/*會員專區*/
.Membership{ text-align:left;}
.Membership a{ font-size:13px; display:block; height:30px; line-height:30px; text-indent:24px;}
.Membership a:hover{ color:#ff6600;}
.MembershipTb{background: url(../images/gssf2.jpg) no-repeat; width :730px; height :50px; overflow :hidden ; display :block; margin-left :20px;}
.MembershipTb1{background: url(../images/gssf1.jpg) no-repeat; width :737px; height :50px; overflow :hidden ; display :block; margin-left :20px;}
.Membershiptr{background:url(../Images/linetb.gif) bottom no-repeat; height:4px; overflow:hidden;}
.Membershiptr1{ height:40px;}
.Membershiptd{background:url(../Images/linetb2.gif) bottom no-repeat; height:34px; line-height:34px; overflow:hidden; text-indent:30px; text-align :left}
.MembershiptdAddre{background:url(../Images/linetb2.gif) bottom no-repeat; height:34px; line-height:20px; overflow:hidden; text-indent:30px; text-align :left}
.Membershiptd1{background:url(../Images/linetb2.gif) bottom no-repeat; height:34px; line-height:34px; overflow:hidden; text-indent:20px;}
.MembershiptdDiff{ height:12px; line-height:12px;  text-indent:0px; padding-left:20px;}
.MembershipText{ font-size:13px;}
.CUcolor{ color : Red  }
.MembershipTextDe{font-size:13px; color:#ff8c40; text-align :left}
.MembershipTextPwd{ font-size:13px; text-indent:48px;}
.MembershipTextPwd:nth-of-type(1){display:inline-block;}
.MembershipTextBox{ border:1px solid #a6d5f7; background-color:#c5e3fa}
#ChangePwd{ background: url(../images/changPwdBg.jpg) no-repeat; padding-top:60px; overflow:hidden; display:block; margin-top :-5px; margin-left :35px}
.MembershipNoSymbols{ text-indent:10px; display:inline-block; overflow:hidden; text-align :left}
.MembershipTrBt{ height:100px;}
.textZone .ShowInfoList .MembershipPage{ width :200px; height :auto; text-align:right; float:right}
.cue{ color : Blue ; font-size : 12px; }
.t1{ width :140px; text-align : left}
*html .t1{ width :130px;text-align :center; }
*+html .t1{ width :130px; text-align : center; }
.t2{ width:325px!important; width :310px; text-align : left;}
.t3{ width :140px!important; width :130px; text-align :left!important;text-align :center;}
.secret{ margin-left :40px;}
*html .secret{ margin-left :0px;}
*+html .secret{ margin-left :0px;}
.secret1{}
.secretX{ margin-left :40px;}
*html .secretX{ margin-left :75px;}
*+html .secretX{ margin-left :75px;}


/*訂單查詢*/
 .textZone .CheckInfoList{ width:100% ; border :0; text-align: left; margin-left :35px;}
 .textZone .ShowInfoList{ width:100%; height : auto; text-align :center; margin :0 auto}
 .textZone .ShowInfoList .ListShow{ width :100%; height :auto ;}
 .OrderListGdhead{ font-weight : bold}
 .OrderListGdselect{ background :#CE5D5A; font-weight :normal}
 .OrderListGdpage{ background :#ff8102}
 .OrderListGdalter{ background-color : White}
 .Memberzone{ text-align :left; margin-left :45px; margin-top:10px; font-size :12px;}
 .totalpricecolor{ color : Red }

 

/*電子報訂閱*/
#shopCar .content .Epaper{ margin:0 auto; overflow:hidden; display:block; text-align:center;} 
#shopCar .content .Epaper img{ padding-bottom:32px; display:block; margin-left:130px; }
#shopCar .content .Epaper .bt{ margin-bottom:32px; margin-top:50px; }





/*會員加入及會員信息修改*/
#createUser{ width :100%; border-collapse :collapse; margin-top :-20px;}
#divWarningMsg{ width :100%; text-align :left ; margin-top :20px;}
td.OrderPageTitle{ height: 21px; text-align: center; background-color: #bfd0fa; }
td.notice{ width :100%; height :200px; text-align :left ; background :#ffffff; border-left:solid 1px lightgrey; border-right :solid 1px lightgrey; border-top :solid 1px lightgrey; border-bottom :solid 1px lightgrey}

/*交易明細*/
 .TopPic{ height :78px;  padding-top :-20px; margin-left :25px}
 .checkedtext{ width :93%; height :auto; text-align :right ; margin-left :2%; margin-right :34% ; margin-bottom:20px;}
 .checkList{ width :100% ; }
 .gridviewDetail{ color :Black}
 .gridviewDetailfoot{ background :#668DB4 } 
 .gridviewDetailEmptyRS{ font-size :large; color :Red}
 .gridviewDetailSelectRS{ background :#CE5D5A; font-weight :normal}
 .gridviewDetailPageS{ color :Black }
 .BottomSolidGrayLine{ border-bottom-color:#999999; border-bottom-style:solid; border-bottom-width:1px}
 .BottomDottedGrayLine{border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC}
.FullSolidRedLine{border:solid 1px #ff8102; width:85%; text-align :center; margin :0 auto; }
.LblCSS{ width :100%; font-weight : bold}
.LblCSStotal{ width :100% ; font-weight :bold ; color :Red }
.lblamount{ width:100% ; text-align :right; font-weight : bold }
.lblamountlast{  width:100% ; text-align :right; font-weight : bold; color :Red }
.DealDetailGd{ margin-left :50px;}
.x{ text-decoration :underline}

/*下單模式*/
#orderStyle{width:100%; height :auto; text-align :center ; margin : 0 auto}
#orderStyle .content{ width:800px; text-align :center; margin :0 auto}
#orderStyle .content ul li{width:300px; float :left; text-align :center ;  margin-left :70px!important; margin-left :50px;      }
#orderStyle .content ul li p{ font-size :small}
#orderStyle .title{ width :800px; font-size :15px ; font-weight :bold; text-align :center; margin-left : auto ; margin-right :auto ; margin-bottom :20px }
.Rbt{ font-size : 15px ; font-weight :bolder}
.changeTop{width:280px; height:auto;}
.changeBg{width :280px; height :auto ; background:url(../images/changeBg.jpg) repeat-y}
.changeContent{width :270px; height :auto; display :inline-block; text-align :center ; margin :0 auto}
.changeOrderPic{ width :89px; height :90px; display :block ; float :left}
.changeIntro{width :169px; height :90px; display :block ; float :left; text-align :left ; color :Orange; font-size :12px; }
.changeBottom{width:280px; height:24px;}
.ChangeTitle{color :Gray ; font-size :12px; width :96px;}

/*詢價單管理*/
#MemberQuoteMange { width:100%; height :auto  ; text-align :center ; margin : 0 auto}
#MemberQuoteMange .MemberQuotePic{ margin-left :25px; text-align :center ;}
#MemberQuoteMange .costmanagerbox{ width :100%; border : 0; vertical-align :top; text-align :center; margin :0 auto}
#MemberQuoteMange .costmanagerbox{ width :100%; height :auto; text-align :left}
#MemberQuoteMange .costmanagerbox .costmanagerboxtable{ width :100%; height :100px; border :0}
#MemberQuoteMange .btnblank{ width :100%; height:20px; overflow :hidden ; display :block ; margin-bottom :20px;}
.Tbltoplist{ background-color :White ; border-color :#DEDFDE; border-style :none; border-width : 1px; color :Black}
.Tbltoplistfoot{ background : #db127a} 
.Tbltoplistemptyrow{ font-size :large; color : Red }
.TbltoplistPages{ background:#db127a; color :White ;}
.Tbltoplistselect{ background :#CE5D5A ; font-weight :normal;}
.PuprleFont {color: #99cc00;font-size:12px;font-weight:bold}
.ControlBg { width :100%; height :auto ; overflow :hidden ; text-align :right ; background-image: url(../images/sjbg.gif)}

/*詢價單明細*/
 .QDtop{ width:90%; border :0; text-align :center ; margin :0 auto}
.QDblank{ width :90%; height :20px; overflow :hidden ; display :block;}
.FullSolidRedLine1{border:solid 1px #ff8102; width:85%; text-align :center; margin :0 auto;}
.QuoteDetailList{ border-color :#DEDFDE; border-style :none ; color :Black ; width :100%}
.QuoteDetailListfoot{ background :#668DB4}
.QuoteDetailListemptyRS{ font-size : large ; color :Red }
.QuoteDetailListSelectRS{ background:#CE5D5A; font-weight :normal}




/*LoginDefault頁面*/
.LoginDt{ text-align :center ; margin-left :20px}
.GrayFont {color: #999999}
.grvOrderList{ background-color :White ; width :100%; border-style : none; border-color :#DEDFDE; border-width :1px; color : Red;}
.grvOrderListfoots{ background-color :#668DB4}
.grvOrderListemptyRs{ font-size :large; color :Red }
.grvOrderListRows{ color :Black}
.grvOrderListSelects{ background-color :#CE5D5A; font-weight:normal;}
.grvOrderListPagers{ color :Black}              
.grvOrderListtitlebg{ background-color : Silver; color :Black; background-color :#668DB4 ; font-weight :normal ;}


/*電子報管理*/
#Epaperlist .EpaperTop{ width :95%; border :0; text-align :left; margin-left :13px}
#Epaperlist .EpaperTop .BtnW{ text-align :left ; margin-top :5px; display :block ; margin-bottom:3px;}
#Epaperlist .toTop{ width :92%; text-align : right; }
#Epaperlist .Epaperlistshow{ width :92%; border :0; margin-left :25px; text-align :left}
.EpaperFont{ background:#eeeeee; overflow: hidden; border-right:1px soild #fff; text-align:center; height:27px; line-height:27px;}
.EpapergvText{ background:url(../Images/EpageIcon.gif) no-repeat left; display:block; text-align:left; text-indent:20px; margin-left:12px;}
.EpaperFootBgStyle{color:#ffffff; height:50px; background-image:url("../images/list.jpg"); }


/*電子報預覽*/
#PreviewEpaper{ width :95%; text-align :center; margin :0 auto; }
#PreviewEpaper .EpaperTop{ width :95%; border :0; text-align :center; margin-left :-30px }
#PreviewEpaper .EpaperTop .BtnW{ text-align :left ; margin-top :5px; display :block ; margin-bottom:3px;}

/*會員須知*/
#ServiceA{ width :91%; border : 0; text-align :center ;}
#ServiceA .ServiceAcontent{ width :100%; vertical-align :top; border :0; margin-left :7px;}
.LeaveLblinfo{ font-size :12px; color : Black }
.tblAsk1{ width :90%; text-align :center; margin :0 auto ; padding-left :200px;}
.tblAsk1 ul li{ float :left;}
.BtnIG{ margin-right :30px}
.ServiceBlank{ width :91%; height :20px; overflow :hidden ; display :block }



/*Reconfirm重新確認*/
#ReconfirmList{ width :100%;}
.GrayTitleFont {color: #333333}
.InputRedStyle{ border-color:#a6d5f7; border-style:solid; border-width:1px; background-color:#c5e3fa }
.GrayTdBg{ background-color:#ECE9D8}
#ReconfirmList .Reconfirmwarn{ width :90% ; height :15px; border :0; text-align :center ; margin-bottom :10px; margin-top :5px; font-size :small; color :Red}
.BottomSolidRedLine{ border-bottom-color:#dcdcdc; border-bottom-style:solid;  border-bottom-width:1px }


/*產品列表*/
#Productlist{ width :100%; border :0;}
#Productlist .showmessageboxclass{ width :100%}
*html #Productlist .Productlisttab{ width :100%; margin-left :3px;}
*+html #Productlist .Productlisttab{ width :100%; margin-left :5px;}
#Productlist .Productlisttab ul li{float:left; margin-left :-3px; margin-bottom :-5px;}
*html #Productlist .Productlisttab ul li{float:left; margin-bottom :-3px;}
*+html #Productlist .Productlisttab ul li{float:left; margin-bottom :-1px;}
#Productlist .Productblank{ width :750px; height :15px; overflow :hidden ; display :block }
#Productlist .SolidRedLine{ width :99%; height :auto; text-align :center ; border : solid 1px silver}
.Productfontmake{ font-size : smaller}
.orderInput{  border: 1px solid #CCCCCC;}
.ProductLine{ width:302px; text-align:left; background:url(../images/pointerline.gif)}
.gvPriceFoot{ background: #668DB4}
.gvPriceEmpty{ font-size: large;}
.gvPriceRow{ background :#FEFEAA;}
.gvPriceItemStyle{ font-size :large; font-weight :bold ; width :100px; background-color : White; text-align :center}
.chooseProduct{ width : 302px; text-align : left}
.choosegain{ width :208px; height :24px;}
.Profont{ color :Blue }
.AProfont{ color : Blue; text-decoration :underline}
#productListDiv{ width:751px; overflow:hidden; display:block;}
#productListDiv .plTop{background: url(../images/productlistbg1.gif) no-repeat; height:20px; overflow:hidden}
#productListDiv .plBottom{background: url(../images/productlistbg3.gif) no-repeat; height:20px; overflow:hidden}
#productListDiv .plContent{background: url(../images/productlistbg2.gif) repeat-y; width :100%}
#productListDiv .plContent .productBg1{ width:507px; float:left; display:block;overflow:hidden ; margin-left :-10px;}
#productListDiv .plContent .productBg1 .marginDiv{ margin-left:20px;}
#productListDiv .plContent .productBg1 .marginDiv .icon{ text-align :left; margin-top:5px; }
#productListDiv .plContent .productKong{width:5px; float:left; display:block;overflow:hidden}
#productListDiv .plContent .productTb{width:229px; float:left; display:block;overflow:hidden; margin-left :7px;}
.FullSolidRedLineLoad{border:solid 1px #ff8102;text-align :center; margin :0 auto; }


/*news消息*/
.newlb{ color:#ff6600; font-size:16px; font-weight:bold; text-indent:18px; display:block;}
.newlb2{ color:#a4a4a4; font-size:13px; text-indent:18px; display:block; margin-top:8px;}
.newDiv{ padding-bottom:32px; padding-left:18px; padding-top:30px;}
.td1{ text-align:left; text-indent:35px;color:#07ced0;font-size:13px;}
.td2{ text-align:right; color:#07ced0; padding-right:35px; font-size:13px;}
.tdblank{ text-align :center ; width :200px; height :15px; overflow :hidden ; display :block}
#NewsPage .NewsTop{ width :100%; vertical-align :top}
#NewsPage .Newstitle{ width:100%; height :27px; text-align :left;}


/*找回密碼*/
#PswPage{ width :100%; border-collapse :collapse; text-align :center ; margin: 0 auto;}
#PswPage .ForgetPSWtop{ width :100%; text-align :center ; margin :0 auto;}
.indexInputRedStyle{ border-style:solid; border-width:1px }
.PswBlank{ width :100%; height :10px; text-align :center ; margin :0 auto; overflow :hidden; display :block }
.PswS1{ text-align :right}
.PswL1{ margin-top :10px}
.PswS2{ text-align :left}
.PswS3{ text-align :left; margin-right :-40px;}

/*修改密碼*/
.PSWclass{text-align :left; text-indent :35px; margin-top :20px; margin-left :5px;}

/*Service2-1頁面*/
#disService{ width :100%; text-align :center ; margin :0 auto;}
 .Totalstyle{ font-weight: bold; background-image: url(../images/sjbg.gif); color: #ffffff ; height: 28px ;}
 .outtitle{width: 150px; text-align: right; vertical-align: top; font-size : inherit; font-weight:bold }
 .outcontent{vertical-align: top ; text-align :left}
 .outstyle{ width :100%; text-align :left; margin-left :30px;}
 
 /*QA頁面*/
 #QuestionAndAnswer{ width:94%; border :0; text-align :center ; margin : 0 auto}
 #QuestionAndAnswer .leftpart{ width :1%; height :900px; float :left ;}
 #QuestionAndAnswer .rightpart{width :1%; height :900px; float :right}
 #QuestionAndAnswer .centerpart{ width :96%; height :900px; overflow :hidden ; display :block ; background-color : White ; float :left ;}
 #QuestionAndAnswer .centerpart .askpart{ width :100%; }
 .QAlogin{ width :1350px; position :absolute ; top :0px; left :0; height :1300px; z-index :1; background: black;}
.dalQAtrd1{ vertical-align :middle ; text-align :left}
.dalQAtrd2{ vertical-align : top; text-align :left}
.dalQAtrd3{ vertical-align : top; text-align :left; background-color :#F5E3C9}
.dalQAtrd4{ background-color :#F5E3C9}
.dalQAtd1{ vertical-align :top; text-align :right}
.dalQAtd2{ vertical-align :middle ; text-align :right}

/*OrderAmount2*/
.OrderAmountpage {height:100%; zoom:1 }
.OrderAmountpage .OrderAblank{ width:90%; height :10px; overflow :hidden ; display :block}
.OrderAmountpage .shopover{ font-size :24px;}
.OrderAmountpage .warnyou{ color : Red   }
.OrderAmountpage .FullSolidRedLine{border:solid 1px #ff8102; text-align :center; margin :0 auto;  }
.OrderAmountpage .InputRedStyle{ border-color:#a6d5f7; border-style:solid; border-width:1px; background-color:#c5e3fa }
.OrderAmountpage .BottomSolidRedLine{ border-bottom-color:#dcdcdc; border-bottom-style:solid;  border-bottom-width:1px }
.OrderAmountpage .OrderAmountTitle{	height: 21px; text-align: center; background-color: #5e7b8d; border: solid 1px black ; }
.OrderAmountpage .InputRedStyle{ border-color:#a6d5f7; border-style:solid; border-width:1px; background-color:#c5e3fa }
.OrderAmountpage .GrayTdBg{ background-color:#ECE9D8}
.OrderAmountpage .BottomSolidRedLine{ border-bottom-color:#dcdcdc; border-bottom-style:solid;  border-bottom-width:1px }

/*OrderAmountPrintPage2*/
#OrderPrintPage2{ width :970; text-align :center; margin:0 auto}
#OrderPrintPage2 .OPtop{ width :970; text-align :left; margin-left :135px;}
#OrderPrintPage2 .OPtop .OPtopTable{ border-top: solid 2px green; border-bottom: green 2px solid; border-collapse: collapse}
#OrderPrintPage2 .OPcontent{ width :970; text-align :left; margin-left :135px; margin-top :20px;}
#OrderPrintPage2 .OPcontent .OrderPrintPblank{ width :100%; height :15px; overflow :hidden ; display :block }
#OrderPrintPage2 .OPtop .fontclass1{ font-size :18pt; color : Red ; font-weight :bold}
#OrderPrintPage2 .OPtop .fontclass2{ font-size :12pt; color : Red ; font-weight :bold}
#OrderPrintPage2 .OPtop .fontclass3{ font-size :12pt; color :Black; font-weight: normal}
 .PuprleTdBg{ background-color:#ff8102}
#OrderPrintPage2 .OPcontent .OPcontentTable1{ border: solid 1px black; background-color : #E0E0E0}
#OrderPrintPage2 .OPcontent .OPcontentTable2{ border: solid 1px black; border-collapse :collapse }
#OrderPrintPage2 .OPcontent .OPcontentTable{ border: solid 1px black }

/*常見問題*/
#CProcomtent{border :solid 1px silver; width :779px; text-align :center ; margin :0 auto}
.HelpBlank{width :100%; height:20px; overflow :hidden; display :block}

/*各項幫助*/
.HelpGroup{ width :80%; text-align :center ; margin :0 auto}

/*關於我們*/

#aboutcontain{	min-height:650px; _height:650px; height:auto; width: 1000px; margin-top: 0px;margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
#aboutcontain .aboutleft{*height:600px; height :auto; min-height :600px; width :218px; float:left ; display :block ; overflow :hidden ;	margin-top: 0px; margin-right: auto;	margin-bottom: auto; margin-left: 0px;}
#aboutcontain .aboutleft .aboutinfosort{width: 218px; float:left; background-image:url(../images/aboutMenuBg.jpg); background-repeat: repeat-y;}
#aboutcontain .aboutleft .aboutinfosort .aboutSortContent{	height:auto;	width: 195px; margin-right: auto;margin-bottom: 5px;	margin-left: 2px;	float:left;}
#aboutcontain .aboutleft .aboutinfosort .aboutSortContent ul{	margin: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-left:-2px;}
#aboutcontain .aboutleft .aboutinfosort .aboutSortContent ul li{margin-top:5px;
    display :block ;
    overflow :hidden ;
	margin-left:0px;
	padding-top:6px;
	padding-left:40px;
	width:170px;
	height:22px;
	text-align:left;
	vertical-align:middle;}
#aboutcontain .aboutright{	min-height:650px; *height:auto; width: 772px; display :block ; overflow :hidden ;	margin-top: 0px;	margin-right: auto;	margin-bottom: auto;	margin-left: 3px;	float: right ;}
#aboutcontain .aboutright .aboutInfo{	min-height:600px; 
	*height:auto;
	height:auto;
	width: 772px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	float:left;}
#aboutcontain .aboutright .aboutInfo .aboutInfoTop{	height: 26px;
	width: 772px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	float:left;
	background:url(../images/pageContentTop.png);
	background-repeat:no-repeat;

	padding-top:15px;
	font-size:12px;
	color:#333333;
	font-weight:bold;}
#aboutcontain .aboutright .aboutInfo .aboutInfoContentBorder{min-height:500px; 
	*height:auto;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size:12px;
	color:#333333;}
#aboutcontain .aboutright .aboutInfo .aboutInfoContentBorder .aboutInfoContent{	min-height:485px; 
	*height:auto;
	height:auto;
	width: 685px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;}


/*訂購須知*/
#Knowcontain{	min-height:650px; _height:650px; height:auto; width: 1000px; margin-top: 0px;margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
#Knowcontain .Knowleft{*height:600px; height :auto; min-height :600px; width :218px; float:left ; display :block ; overflow :hidden ;	margin-top: 0px; margin-right: auto;	margin-bottom: auto; margin-left: 0px;}
#Knowcontain .Knowleft .Knowinfosort{width: 218px; float:left; background-image:url(../images/KnowMenuBg.jpg); background-repeat: repeat-y;}
#Knowcontain .Knowleft .Knowinfosort .aboutSortContent{	height:auto;	width: 195px; margin-right: auto;margin-bottom: 5px;	margin-left: 2px;	float:left;}
#Knowcontain .Knowleft .Knowinfosort .aboutSortContent ul{	margin: 0px;
	list-style-type: none;
	overflow: auto;}
#Knowcontain .Knowleft .Knowinfosort .KnowSortContent ul li{margin-top:5px;
	display :block ;
	overflow :hidden ;
	margin-left:0px;
	padding-top:6px;
	padding-left:45px;
	width:174px;
	height:22px;
	text-align:left;
	vertical-align:middle;}
#Knowcontain .Knowright{	min-height:650px; 	*height:auto; 	width: 772px; display :block ; overflow :hidden ;	margin-top: 0px;	margin-right: auto;	margin-bottom: auto;	margin-left: 3px;	float: right ;}
#Knowcontain .Knowright .KnowInfo{	min-height:600px; 
	*height:600px;
	height:auto;
	width: 772px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	float:left;}
#Knowcontain .Knowright .KnowInfo .KnowInfoTop{	height: 26px;
	width: 772px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	float:left;
	background:url(../images/pageContentTop.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:15px;
	font-size:12px;
	color:#333333;
	font-weight:bold;}
#Knowcontain .Knowright .KnowInfo .KnowInfoContentBorder{		min-height:500px; 
	*height:500px;
	height:auto;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size:12px;
	color:#333333;}
#Knowcontain .Knowright .KnowInfo .KnowInfoContentBorder .KnowInfoContent{	min-height:485px; 
	*height:485px;
	height:auto;
	width: 685px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;}

/*產品檢索*/
#foundProResult{width:751px; overflow:hidden; display:block;}
#foundProResult .foundProTop{background: url(../images/productlistbg1.gif) no-repeat; height:20px; overflow:hidden; display :block}
#foundProResult .foundProContent{background: url(../images/productlistbg2.gif) repeat-y; width :100%; min-height :520px; height :auto ; overflow:hidden ; display :block ;}
#foundProResult .foundProContent .foundProBar{background: url(../images/searchResultTitle.jpg); width :700px; height :56px; display :inline-block ; overflow :hidden }
#foundProResult .foundProbottom{background: url(../images/productlistbg3.gif) no-repeat; height:20px; overflow:hidden; display :block}
.classitem{ text-align :left }

/*常用代寄地址*/

#SendAddress{ text-align :center; margin : 0 auto}
.addressclass{width :500px; display :block ; height :25px; margin-left: 172px; margin-top: -17px;}
*html .addressclass{width :500px; display :block ; height :25px; margin-left: 140px; margin-top: -17px;}
*+html .addressclass{width :500px; display :block ; height :25px; margin-left: 135px; margin-top: -17px;}

/*聯絡我們*/
.Communicate{width:105px; display: inline-block ; text-align :right }
.contactblank{ margin-top :6px;}
.contractContent{ width :400px;}
.messagecontent{ width :697px; min-height :410px; height : auto ; display :block ; background:url(../images/MessageBG.jpg) repeat-y; }
.messagecontent .left{ float :left ; margin-left :50px;}
.messagecontent .right{ float :left ;}
.Contractuswarn{ color :#8e8e8e; margin-top :6px}
.Contractwarn{ color :#ff7200; margin:0;}

#Contractcontain{	min-height:650px; _height:650px; height:auto; width: 1000px; margin-top: 0px;margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
#Contractcontain .Contractleft{*height:600px; height :auto; min-height :600px; width :218px; float:left ; display :block ; overflow :hidden ;	margin-top: 0px; margin-right: auto;	margin-bottom: auto; margin-left: 0px;}
#Contractcontain .Contractleft .Contractinfosort{width: 218px; float:left; background-image:url(../images/ContactBG.jpg); background-repeat: repeat-y;}
#Contractcontain .Contractleft .Contractinfosort .ContractSortContent{	height:auto;	width: 195px; margin-right: auto;margin-bottom: 5px;	margin-left: 2px;	float:left;}
#Contractcontain .Contractleft .Contractinfosort .ContractSortContent ul{	margin: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-left:-2px;}
#Contractcontain .Contractleft .Contractinfosort .ContractSortContent ul li{margin-top:5px;
    display :block ;
    overflow :hidden ;
	margin-left:0px;
	padding-top:6px;
	padding-left:40px;
	width:170px;
	height:22px;
	text-align:left;
	vertical-align:middle;}
#Contractcontain .Contractright{	min-height:650px; *height:650px; width: 772px; display :block ; overflow :hidden ;	margin-top: 0px;	margin-right: auto;	margin-bottom: auto;	margin-left: 3px;	float: right ;}
#Contractcontain .Contractright .ContractInfo{	min-height:650px; 
	*height:650px;
	height:auto;
	width: 772px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	float:left;}
#Contractcontain .Contractright .ContractInfo .ContractInfoTop{	height: 26px;
	width: 772px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	float:left;
	background:url(../images/contactBanner.jpg);
	background-repeat:no-repeat;

	padding-top:15px;
	font-size:12px;
	color:#333333;
	font-weight:bold;}
#Contractcontain .Contractright .ContractInfo .ContractInfoContentBorder{min-height:605px; 
	*height:605px;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #c5d2d9;
	border-left-color: #c5d2d9;
	font-size:12px;
	color:#333333;}
#Contractcontain .Contractright .ContractInfo .ContractInfoContentBorder .ContractInfoContent{	min-height:605px; 
	*height:605px;
	height:auto;
	width: 685px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;}

/*列印銷貨單頁面*/
#PrintCancelOrder{ width :950px; text-align :center ; margin :0 auto; border :solid 2px black}
#PrintCancelOrder .PrintTop{width :950px; height :180px;}
#PrintCancelOrder .PrintTop .PrintTopUp{height :80px; width :100%; display :block ; border-bottom :solid 1px black}
#PrintCancelOrder .PrintTop .PrintTopUp .TopName{ font-weight :bold; font-size :20px;}
#PrintCancelOrder .PrintTop .PrintTopUp .TopDate{}
#PrintCancelOrder .PrintTop .PrintTopUp .Topcontract{}
#PrintCancelOrder .PrintTop .PrintTopDown{width :900px; text-align :left ; padding-left:50px;}
#PrintCancelOrder .PrintTop .PrintTopDown .TopTitle{}
#PrintCancelOrder .PrintTop .PrintTopDown .TopTitleNo{font-weight :bold}
#PrintCancelOrder .PrintTop .PrintTopDown .TopMargin{ margin-right :30px;}

#PrintCancelOrder .PrintCenter{ width :950px; min-height:180px;}
#PrintCancelOrder .PrintCenter .CenterTable{ width : 935px; border :solid 1px black; border-collapse :collapse }
#PrintCancelOrder .PrintCenter .CenterTable .TbBorder{border :solid 1px black}

#PrintCancelOrder .PrintButton{ width :950px; height :100px;}
#PrintCancelOrder .PrintButton .ButtomClass{ width :900; text-align : left; padding-left :50px;}
#PrintCancelOrder .PrintButton .ButtomClass .ButtomFont{}
#PrintCancelOrder .PrintButton .ButtomClass .buttomfont1{margin-right :30px;}