/*全局*/

body{ margin:0 auto; text-align:center;}
ul{margin:0; padding:0}
ul li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;}
.clear{ clear:both; height:0px; line-height:0; font-size:0; margin:0; padding:0}
.left{ float:left;}
.right{ float:right;}

/*首頁登入*/

.tb1 {display:block;width:240px; overflow:hidden;}
.tableCss {background:url(../Images/chimage/240_login.jpg) no-repeat;padding-left:17px; height:150px;}
.tableCss ul{ text-align:left; overflow:hidden;}
.tableCss .tbLeft{ float:left; width:157px;overflow:hidden;  display: block; padding-top:38px;  }
.tableCss .tbLeft ul{ display: block; overflow:hidden; float:left;}
.tableCss .tbLeft ul li{ display: block; overflow:hidden; margin-top:3px;}
.tableCss .tbRight{ float:left; display: block; padding-top:34px;}
.tableCss ul li.li1{ margin-top:5px;}
.tableCss .lbtext{ border:1px solid #86a2bd;}

/*登入*/
#loginDiv{ margin-left:30px;}
.loginCss ul{ width:731px; text-align:left;}
.loginCss ul li{display: block; overflow:hidden; margin-top:3px; background:url(../Images/linetb.gif) bottom no-repeat; padding:5px 0px 5px 30px;}
.loginCss ul li.li1{background:none; text-align:center; margin-top:40px; }
.loginCss ul li a{ color:#ff6600;}
.loginCss ul li .inputDiv{ background:#c5e3fa; border:1px solid #a6d5f7; outline:1px solid #a6d5f7}

/*快速下單
#orderPageDiv{ width:1000px; margin:0 auto; font-family: Verdana; background-color: #fff; }
#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; }
*/
/*購物車*/
#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:35px 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:left;}
#shopCar .spanFont{ font-size:13px; text-indent:12px; overflow:hidden; display:block; float:left;}
#shopCar .textMessage{ font-size:16px; text-indent:12px; color:#ff8c40; font-weight:bold; line-height:42px;}
#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;  } 

/*價格查詢*/
#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;}
#shopCar .content .main1 .drpDiv .second{ margin-left:30px;}
#shopCar .content .main1 .PriceListScrollbarTree{ margin-top:15px; }
#dvBm{ margin-top:15px;}

/*電子報訂閱*/
#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; }

/*專案報價*/
.quotationTbDiv{background-color:#dbe1e4; }
.quotationBzDiv{border:1px solid #c5ced2; height:109px;}

/*會員專區*/
.Membership{}
.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;}
.MembershipTb1{background:url(../Images/gssf1.jpg) no-repeat;}
.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:40px;}
.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;}
.MembershipTextDe{font-size:13px; color:#ff8c40;}
.MembershipTextPwd{ font-size:13px; text-indent:48px; text-align:left; }
.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;}
.MembershipNoSymbols{ text-indent:10px; display:inline-block; overflow:hidden;}
.MembershipTrBt{ height:100px;}


/*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;}

/*首頁*/
.defaultDivA{ display:block; height:36px; width:189px; overflow:hidden;}

/*電子報*/    
.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; height:20px; line-height:20px; overflow: hidden; display:block; text-align:left; text-indent:20px; margin-left:12px;}*/

/*企業服務*/
.AboutIframe{border:none; outline:none;  width:786px; }
.mailtab{ display:none; overflow:visible;}
.dateImg{ background:url(../Images/Calendar_scheduleHS.png) no-repeat; border:none}

/*線上客服*/
.Obtn {MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND:url(../Images/chimage/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px}
.main_head {BACKGROUND: url(../Images/chimage/img3-5_2.png) no-repeat}
* HTML .main_head {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/chimage/img3-5_2.png",sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%;}
* + HTML .main_head {BACKGROUND: url(../Images/chimage/img3-5_2.png) no-repeat}
.info {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../Images/chimage/img3-5_3.png) repeat-y; PADDING-TOP: 10px}
* HTML .info {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/chimage/img3-5_3.png",sizingMethod='crop'); BACKGROUND-REPEAT: repeat-y}
* + HTML .info {PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../Images/chimage/img3-5_3.png) repeat-y; PADDING-TOP: 5px}
.down_kefu {WIDTH: 157px; BACKGROUND: url(../Images/chimage/img3-5_4.png) no-repeat; HEIGHT: 8px}
* HTML .down_kefu {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/chimage/img3-5_4.png",sizingMethod='crop'); WIDTH: 157px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px}
* + HTML .down_kefu {WIDTH: 157px; BACKGROUND: url(../Images/chimage/img3-5_4.png) no-repeat; HEIGHT: 8px}
.Obtn {MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../Images/chimage/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px}
* HTML .Obtn {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/chimage/img3-5_1.png",sizingMethod='crop'); WIDTH: 32px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 139px;}
* + HTML .Obtn {MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../Images/chimage/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px}
.qqtable SPAN {PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold; PADDING-TOP: 5px}
.qqtable A {TEXT-DECORATION: none}
.qqtable A:hover {TEXT-DECORATION: none}
.qun {BORDER-BOTTOM: #ffd2bf 1px solid; BORDER-LEFT: #ffd2bf 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: #ffd2bf 1px solid; BORDER-RIGHT: #ffd2bf 1px solid; PADDING-TOP: 5px}
.qun SPAN {COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold}

/*foot*/
.divFoot{padding-bottom:50px; margin:0 auto; text-align:left; overflow:hidden;}
.divFoot table{ display:block; text-align:center; margin:0 auto;}
.divFoot .ulbottom{border-bottom:1px solid #eeeeee; padding-bottom:8px; text-align:center;  margin:0 auto;}
.divFoot ul{ width:1000px; margin:0 auto; text-align:center;}
.divFoot ul li{  display:inline; float:left; padding-left:22px; padding-right:22px; border-right:1px solid #b5b5b7;text-align:center; } 
.Footblank{ width :1000px; height :8px; overflow :hidden ; display :block }
.FootBrand{ width :1000px; text-align : center ; margin:0 auto; font-size:12px;}





/*進度條*/
.tipDiv{ position:absolute; top:500px; left:50%; width:500px; height:60px; margin:-200px 0 0 -200px;  border: Red 2px solid;color:black; background-color:White;}
.tipDiv2{ position:absolute;  height:30px; margin:0 auto;color:White;   }
.black_overlay {   display: none;   position: absolute;   top: 0%;   left: 0%;   width:100%;height: 1000px;   background-color:Gray;   -moz-opacity:0.5; filter:alpha(opacity=90); }   
.DeliveryDateExContext{ width:300px; border:2px solid #FF6600; background-color:#FFF; padding:10px; position:absolute; top:-50px; right:0; display:none;}
.widget-tooltip {position: absolute;font-size: 12px;color: #719DAB;line-height: 20px;padding: 10px;text-align: center;border: 4px solid #fff;background: rgba(255,255,255,1);border-radius: 5px;pointer-events: none;box-shadow: 1px 1px 2px rgba(0,0,0,0.5);opacity: 0;}  
.widget-tooltip:before, .widget-tooltip:after {content: '';position: absolute;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;}  
/*三角符号朝下*/
 .widget-tooltip-top {box-shadow: 1px 1px 2px rgba(0,0,0,0.2); } 
 .widget-tooltip-top:before, div.widget-tooltip-top:after { bottom: -15px; border-top: 10px solid rgba(0,0,0,0.1);} 
 .widget-tooltip-top:after { margin-left: -10px; bottom: -14px; border-top: 10px solid #fff; } 
/*三角符号朝上*/
 .widget-tooltip-bottom { box-shadow: 1px -1px 2px rgba(0,0,0,0.2);} 
 .widget-tooltip-bottom:before, .widget-tooltip-bottom:after { top: -15px; border-bottom: 10px solid rgba(0,0,0,0.1); } 
 .widget-tooltip-bottom:after { margin-right: -10px;top: -14px; border-bottom: 10px solid #fff; }
 
 /*進度條*/
.tipDiv{ position:absolute; top:500px; left:50%; width:500px; height:60px; margin:-200px 0 0 -200px;  border: Red 2px solid;color:black; background-color:White;}
.tipDiv2{ position:absolute;  height:30px; margin:0 auto;color:White;   }
.black_overlay {   display: none;   position: absolute;   top: 0%;   left: 0%;   width:100%;height: 1000px;   background-color:Gray;   -moz-opacity:0.5; filter:alpha(opacity=90); }   
.UpLoadBox{ margin:1px auto;background-color:#F3F3F3;border:1px solid #C6C6C6;font-family: Verdana, Geneva, sans-serif;font-size: 12px;width: 90%;}
.ButtonBox{ margin:1px auto;background-color:#F3F3F3;border:1px solid #C6C6C6;font-family: Verdana, Geneva, sans-serif;font-size: 12px;width: 90%;}
.UploadProgress{ width:100%; min-height:40px; height:100%; background-color:#fff;border:1px solid #C6C6C6;}
.UpLoadInfo{ width:100%;height: 30px;border:1px solid #C6C6C6;}

.ui-slider-tooltip{ width:250px; overflow:auto;}
.ui-slider-tooltip .tip_img{ padding:10px; border-bottom:1px solid #FF6600;}
.ui-slider-tooltip .tip_img img{ margin-bottom:5px; max-width:220px;}
.ui-slider-tooltip .tip_img span{ display:block;}
.ui-tooltip-pointer-down{ display:none;}


/* ProductList.aspx 加工圖樣 */
#divProcessImages{ height:400px;}
#divProcessImages .item{ border-bottom:1px solid #DDD; padding:10px 0; text-align:left;}
#divProcessImages .item img{ display:block; width:180px; margin-bottom:5px;}

.pnl_layout_wrap{ z-index:999997; position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.pnl_layout_mask{ z-index:999998; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.3;}
.pnl_layout_cont{ z-index:999999; position:absolute; left:0; top:0; width:100%; }
.pnl_layout_cont .cont_title{ background-color:#4399CC; color:#FFF; font-size:16px; border-bottom:1px solid #4377CC; padding:10px 0;}

.prodAmountTip{ background-color:#F5F5F5; padding:8px; font-size:14px; text-align:right; margin:10px 0; color:red; font-weight:bold;}
.prodAmountTip2{ background-color:#F5F5F5; padding:8px; font-size:14px; text-align:left; margin:10px 0; color:red;}