/*-----------------------------------------------------------------------------
	-	網站主體樣式設計 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/

@import url("default.css");/*預設樣式*/
@import url("global.css");/*網站整體通用樣式設計*/
/* ---------------------------------------------------------------- */
/*
/*	 1.	字體
/*	 2.	主版面
/*	 3.	內頁共用
/*	 4.	首頁
/*	 5. 內頁
/* ---------------------------------------------------------------- */
/* ==========================================================================
	1.	字體
 ========================================================================== */
 @font-face {
    font-family: 'proxima_novaregular';
    src: url('font/proximanova-regular-webfont-webfont.eot');
    src: url('font/proximanova-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('font/proximanova-regular-webfont-webfont.woff') format('woff'),
url('font/proximanova-regular-webfont-webfont.ttf') format('truetype'),
url('font/proximanova-regular-webfont-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
	2.	主版面
 ========================================================================== */


/*header------------*/
#header{height:130px;position:relative;top:0px;left:0px}
.logo{background:url(images/logo.png) no-repeat;width:146px;height:56px;position:absolute;left:5px;top:25px;}
.logo:hover{opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
/*toplink*/
.topLink{position:absolute;top:45px;left:380px}
.topLink li a{padding:0 5px;color:#b6b6b6}
.topLink li a:hover{color:#666}
.topLink li span:after{content:"｜";color:#b6b6b6;}
/*language*/
#navLen { position: absolute;right:0px;top:35px; z-index: 60; height: 30px; width: 35px; }
#navLen li { list-style-type: none }
#navLen > li a { font-size: 12px; display: block; height: 30px; width: 35px; line-height: 30px; }
#navLen li .subMain { position: absolute; top: 35px; right: 0px; z-index: 999; width: 35px; display: none; }
#navLen li .subMain li { display: block; width: 35px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#navLen li .subMain a { display: block; width: 35px; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-left: 0px; text-align: center;padding-top: 5px; padding-bottom: 5px; background-color:#bd2121 ; }
#navLen li .subMain a:hover {background-color:#C84D4D;color: #FFFFFF;}
#navLen .columns li .main { background-image: url(images/language.png); background-repeat: no-repeat; display: inline-block; height: 41px; width: 40px; }
#navLen .columns li .main:hover { opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */ }
/*search*/
.search{position:relative;right:40px;top:35px}
.modelSelect{width:80px;height:33px;position:absolute;right:205px;color:#b6b6b6}
.inputSearch{width:160px;height:28px;margin:0px;position:absolute;right:35px;color:#b6b6b6}
.searchBtn{margin:0px;position:absolute;right:0px}
.searchBtn:hover{ opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
/*shoppingcar*/
.shopcar{position:absolute;right:0px;top:80px;}
.shopcar:hover{opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
.proimg:hover{opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
/*menu*/
.menu{position:absolute;top:105px;left:0px;}
.menu a{display:inline-block;padding:0 20px;font-size:15px;color:#8a8a8a;}
.menu a:first-child{padding-left:5px;}
.menu a:hover{color:#bd2121; text-decoration:underline;}
.menu a.active{color:#bd2121; text-decoration:underline;}
/*footer--------------*/
#footer{height:105px;padding-top:35px;color:#8a8a8a;border-top: solid 5px #c62727;}
.bottomMenu{width:570px;overflow:hidden}
.btMenu{width:360px}
.btMenu li{width:120px;float:left;}
#footer a{color:#8a8a8a}
#footer a:hover{color:#bd2121; text-decoration:underline}
.contactinfo{width:265px;}
#footer.noBorder{border-top:none;}
/* ==========================================================================
	3.	內頁共用	
 ========================================================================== */
#submenu{background:url(images/submenubg.png) repeat-x;height:44px;width:100%;color:#FFF; font-weight:normal;}
#submenu h2{margin-bottom: 0px;}
#submenu .toplink{padding-top: 17px;}
#submenu .toplink a{color:#FFF;padding:0 5px;font-size:11px;}
#submenu .toplink a:hover{ text-decoration:underline;}
#submenu .toplink li.upper:after{content:">"}
div#main{}
.top{background:url(images/top.png) #c62727 center center no-repeat;width:40px;height:35px;display:block;position:absolute;top:-70px;right:0px;}
.top:hover{background:url(images/top-r.png) #FFF center center no-repeat;border:solid 1px #c62727;width:38px;height:33px;}
/*sidebarmenu----------*/
#sideBar{width:160px;height:100%; }
.sidemenu {background:url(images/sideline.png) 7px repeat-y;}
.sidemenu li{background: url(images/middleside.png) 2px 4px no-repeat;padding-left:20px !important;min-height:40px;width:140px;overflow:hidden;}
.sidemenu li:last-child{background:url(images/lastside.png) 2px 4px no-repeat;padding-left:20px;}
.sidemenu li:first-child{background:url(images/firstside.png) 0px 67px no-repeat;padding-left:20px;padding-top:65px;}
.sidemenu li a{color:#666;}
.sidemenu li a:hover{color:#c62727;font-weight:bold;}
.sidemenu li a.active{color:#c62727;font-weight:bold;}
/*Caption & Direction styles*/ 
.bxslider_container{width:850px !important;}
 .slides1_wrap .next{position:absolute;right:0px;top:220px;}
 .slides1_wrap .prev{position:absolute;left:-50px;top:220px;}
 .bx_pager { position: absolute; left: 400px; /*bottom:0px;*/ padding-top: 25px;width:200px; }
 .bx_pager a { float: left; background-image: url(images/banner_icon.png); background-repeat: no-repeat; ackground-position: 0px 0px; display: block; height: 36px; width: 36px; text-decoration: none; }
 .bx_pager a:hover { background-position: 0px -163px }
 .bx_pager span { visibility: hidden }
 .bx_pager a.active { background-image: url(images/banner_icon.png); background-position: 0px -163px; }
 /*表單,按鈕*/
 input[type="text"], textarea, select{border: solid 1px #CFCFCF;padding:2px;}
 .redBT{background-color:#B91619;display:block;border-radius:3px;color:#FFF;text-align:center;height:35px;line-height:35px;}
 .redBT:hover{ opacity:0.8;filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
 img.captcha:hover{ opacity:0.8;filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
 ::-webkit-input-placeholder { color: #676767 }
::-moz-placeholder { color: #676767 } /* FF 19+ */
:-moz-placeholder { color: #676767 } /* FF 18- */
:-ms-input-placeholder { color: #676767}
.placeholder { color: #676767 } /* for the polyfill */
/* ==========================================================================
	4.	首頁	
 ========================================================================== */
 #index{position: relative;min-height: 60%;}
.indexCont{width:36%;height:62%;position:absolute;bottom:0;right:13%;z-index:60;}
.topslide{width: 67%;float: right;height: 50%;}
.slideText{width: 48.5%;height: 99.5%;border: solid 1px #F00;float: left;text-align: center;}
.btLeftbox{background-color: #FFF;border: solid 1px #F00;padding: 5.5% 4.5%;position: relative;width: 23.5%;height: 32.5%;float: left;
overflow: hidden;}
.btLeftbox h2{color:#999; font-weight:normal;margin:0 0 10px 0;}
.btLeftbox p{ text-align:left;/*width:170px;height:76px;*/height:57%;overflow:hidden;}
.btLeftbox a.view{background: url(images/earth-red.png) 50px center no-repeat;color: #ae2222;padding-left: 75px;line-height: 30px;position: absolute;bottom: 0;/* left: 13%; */right: 0;width: 75px;padding-bottom: 2%;z-index: 50;background-color: #FFF;}
.btLeftbox a.view:hover{ text-decoration:underline;}
.btRightbox{background-color: #ae2222;padding: 5.5% 4.5%;position: relative;width: 24%;height: 33%;float: left;color: #FFF;overflow: hidden;}
.btRightbox h2{font-weight:normal;margin:0 0 10px 0;}
.btRightbox p{ text-align:left;/*width:170px;*/height:57%;overflow:hidden;}
.btRightbox p:after{content:"...";}
.btRightbox time{color:#EFEFEF;}
.btRightbox a.view{background: url(images/earth-white.png) 50px center no-repeat;color: #FFF;padding-left: 75px;line-height: 30px;position: absolute;bottom: 0;/* left: 13%; */right: 0;width: 75px;padding-bottom: 2%;z-index: 50;background-color: #AE2222;}
.btRightbox a.view:hover{ text-decoration:underline;}

/* ==========================================================================
	5. 內頁	
 ========================================================================== */
/*about*/
/*
#about{background:url(images/about01bg.jpg) no-repeat; height:610px;}
#about2{background: url(images/about02bg.png) no-repeat; height:610px;}
#about3{background:url(images/about03bg.png) no-repeat; height:610px;}
#about4{background:url(images/about04bg.png) no-repeat; height:610px;}
#about5{background:url(images/about05bg.png) no-repeat; height:610px;}
*/
.aboutTabs a{height:34px;width:187px;line-height:34px;text-align:center;clear:left; background-color:#FFF;display:inline-block;margin:25px -1px 0 0;border:solid 1px #CCC;color:#666;}
.aboutTabs a:hover{background-color:#333;color:#FFF;}
.aboutTabs a.active{background-color:#333;color:#FFF;}
/*about-1*/
#aboutCont01{margin-top:50px;padding-left:40px;}
#aboutCont01 li{width: 870px;margin:0 !important;}
#aboutCont01 .bannerCont{width:870px;min-height:330px; }
#aboutCont01 .about1Tit{padding-left:30px;color:#c62727;}
#aboutCont01 .aboutCont01 p{width:345px;float:left;margin:0 30px;color:#666; text-align:left;}
/*about-2*/
.about2Tit{color:#c62727; position:relative;left:100px;top:30px;}
.aboutCont02{padding-left:70px;}
.aboutCont02 img{border:solid 3px #FFF;}
.aboutCont02 section{text-align:left;width:530px;height:113px;overflow:hidden;padding-left:30px;}
.aboutCont02 .targetItem{margin-bottom:15px}
/*about-3*/
.aboutCont03{padding-left: 30px;}
.about3Tit{color:#c62727; }
.historyItem{margin-bottom:10px;height:50px;}
.historyItem td:first-child{background-color:#bc1e20;color:#FFF;width:100px; text-align:center;line-height:50px;}
.historyItem td:last-child{width:650px;border:dotted 1.5px #c62727;padding:5px 10px 5px 30px;}
/*about-4*/
#aboutCont04{margin-top: 50px;}
#aboutCont04 section{width:670px;margin:0 auto;}
.about4Tit{color:#c62727; text-align:left;}
/*about-5*/
.aboutCont05{padding-left:70px;}
.about5Tit{color:#c62727; }
.aboutCont05 img{border:solid 3px #FFF;}
.aboutCont05 .targetItem{margin-bottom:15px;margin-left:20px;}
.aboutCont05 .targetItem td:last-child{text-align:left;width:530px;padding-left:30px;height:113px;overflow:hidden;}
/*news*/
#news{min-height:620px;}
#news .newsCont{margin-top:30px;}
.selectNews{height:35px;}
.inputSearch-new{width:160px;height:28px;margin:0 -5px 0 0;}
.searchBtn-new img{margin-bottom:2px;}
.newscont{padding:15px 0;}
.newsItem{width:705px;height:41px;border:solid 1px #CCC;padding:10px 10px;background:url(images/graycircle.png) 680px center no-repeat;position:relative;margin-bottom:8px;display:block;}
.newsarrow{width:35px;height:35px;position:absolute;display:block;right:11px;bottom:14px;overflow:hidden;background:url(images/arrow-r.png) right center no-repeat;}
.newsItem:hover{background:url(images/redcircle.png) 680px center no-repeat;border:solid 1px #c62727;}
.newsItem:hover .newsarrow{transform:translateX(5px);}
.newsItem p{width:630px;height:20px;overflow:hidden;color:#444444;}
.newsItem p:after{content:"...";}
.newsItem:hover p{color:#B31C1E; text-decoration:underline;}
/*products*/
.productsCont{margin-top:30px;}
.proItem{width:713px;height:165px;overflow:hidden;border:solid 1px #FFF;border-bottom-color:#D7D7D7;background:url(images/productarrow1.png) right no-repeat;position:relative;padding:13px 0 15px 10px;margin-bottom:20px;display:block;color:#000;}
.proItem:hover{border:solid 1px #c62727;background:url(images/productarrow-r.png) right no-repeat;}
.proItem:hover img{ opacity:0.8;filter:alpha(opacity=80);nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
.proIteminfo{padding:15px 10px 15px 20px; width:395px; box-sizing:border-box;}
.proIteminfo h4{margin:0;}
.proIteminfo h4 span{color:#c62727;font-weight:bold;}
.proIteminfo h4 span:before{content:"→";color:#c62727;}
.proIteminfo .proCode{color:#c62727;margin-top:5px;font-size:12px;}
.proitemmore{position:absolute;background:url(images/more.png) no-repeat;width:52px;height:52px;right:35px;top:25px; visibility:hidden;}
.proItem:hover .proitemmore{ visibility:visible;-webkit-transform: rotate(360deg);-webkit-transition: all .5s ease-out 0s;}
/*quality*/
/*#quality{background:url(images/qualitybg.png) no-repeat;height:623px;}*/
.qualityTabs a{height:34px;width:468px;line-height:34px;text-align:center;clear:left; background-color:#FFF;display:inline-block;margin:25px -1px 0 0;border:solid 1px #CCC;color:#666;}
.qualityTabs a:hover{background-color:#333;color:#FFF;}
.qualityTabs a.active{background-color:#333;color:#FFF;}
.qualityTit{color:#A41A18;padding-left:40px;}
/*quality-2*/
#quality2{background: url(images/qualitybg02.png) no-repeat;height:623px;}
.qualityCont02{padding-left: 40px;padding-top: 40px;width: 810px;}
.qualityItem{width:223px;height:296px;background-color:#FFF;text-align:center; position:relative;margin:0 18px;float:left;}
h3.qualityitemTit{width:223px;height:50px;background-color:#C72727;color:#FFF;line-height:50px;margin:0; position:absolute;bottom:0;}
/*member*/
#member{min-height:570px;}
.memberCont{width:926px;min-height:345px;border:solid 1px #CFCFCF;margin-top:64px;padding:30px 0;}
.memberCont h3{margin:0;font-size: 15px;}
.register{width:356px;text-align:center;color:#B01C1E;}
.registerBt{background:url(images/register-NOW.png) no-repeat;width:141px;height:61px;display:block;text-align:center;padding-top:80px;color:#FFF;margin: 80px auto;}
.registerBt:hover{ text-decoration:underline;}
.login{width:548px;text-align:center;padding-left:20px;color:#B01C1E; border-left-style:solid; border-left-width:1px; border-left-color:#E4E4E4;}
.login p{width:350px;text-align:left;margin:10px auto 0 auto;color:#737373;line-height:24px;}
.loginInput{width:325px;height:30px;}
.captchaInput{width:201px;height:30px;}
.loginBT{width:100px;margin:20px auto 10px auto;}
.forgotPW{color:#B01C1E;font-weight:bold;font-size:15px;}
.forgotPW:hover{ text-decoration:underline;}
/*qa*/
#qa{min-height:625px;}
.qaCont{margin-top:30px;}
.qaContent {width: 725px;margin:15px 0;}
.qaContent h3 {/*width: 500px;*/	height: 22px;text-indent: -9999px;}
.qaContent ul.accordionPart {margin:0;padding:10px;border:solid 1px #CCC;}
.qaContent ul.accordionPart li {list-style: none;}
.qaContent ul.accordionPart li .qa_title {height:40px;padding:10px 0;cursor: pointer;background:url(images/qaopen.png) 655px no-repeat;}
.qaContent ul.accordionPart li .qa_title:hover{background:url(images/qaclose.png) 655px no-repeat;}
.qaContent ul.accordionPart li .q_title_active{background:url(images/qaclose.png) 655px no-repeat;}
.qaContent ul.accordionPart li .qa_title img{margin:0 15px 0 10px;}
.qaContent ul.accordionPart li .qa_title_on {text-decoration: underline;}
.qaContent ul.accordionPart li .qa_content {margin: 6px 0 0;width:640px;color: #666;padding:20px 10px 15px 55px;
background:url(images/Ans.png) left 25px no-repeat;	border-top:dotted 1px #CCC;}
.qaContent ul.accordionPart li .qa_content img{	margin:10px;}
/*hr*/
#hr{min-height:625px;}
.hrCont{padding:30px 0 0;}
.hrCont h3{color:#A21A1A;margin-left:60px;}
.careerCont{width:387px;min-height:160px;position:relative;float:left;margin:0 35px;}
.careerCont h4{background: url(images/careerTit.png) no-repeat;width:357px;height:36px;line-height:36px;color:#FFF;padding-left:30px; text-transform:uppercase;}
.careerCont ul li{line-height:22px;width:260px;text-align:left;}
.careerPic{position:absolute;right:20px;top:70px;}
/*hr-2*/
#hr2{min-height:625px;padding-bottom:30px;}
.jobTable{width:865px;margin:30px auto 0 auto;}
.jobTable thead td{text-align:center;background-color:#B91619;color:#FFF;height:22px;line-height:22px;border-right:solid 1px #FFF;}
.jobTable tbody td{text-align: left;padding:0 15px 10px 15px;}
.jobTable tbody td:first-child{background-color:#FEB6B7;border:solid 1px #FFF;text-align:center;}
.jobTable tbody td:last-child{text-align:center;}
.jobTable .jobDes{margin:0 0 10px 0;padding:0 0 0 20px;}
.jobTable .jobDes li{line-height:20px;}
.hr2Bottom{width:865px;margin:30px auto 0 auto;}
.map{border:solid 1px #E45655;margin-bottom:10px;}
.map img{border:solid 6px #FEB6B7;}
.mapInfo{width:388px;}
.mapInfo ol{margin:0;padding:0 0 0 20px;text-align:left;}
.hr2Bottom .more{color:#000;}
.hr2Bottom .more:hover{ text-decoration:underline;}
/*contact*/
#contact{padding:30px 0 0;}
.mapinfo .h3{height:106px;width:300px;background-color:#EAEAEA;margin:0;text-align:center;line-height:70px;}
.mapinfo p{height:76px;width:600px;background-color:#FAFAFA;padding:15px 15px;margin:0;}
.contactCont{margin:20px 0 0 0;}
.contactPic{width:430px; text-transform:uppercase; text-align:left;color:#B91619;}
.redtip{color:#FFF;background-color:#B91619;width:210px;height:25px;line-height:25px;padding-left:10px;}
.contactForm{ text-align:right;padding:0 10px 0 0;}
.inputContact{width:418px;height:13px;margin:0 0 15px 0;padding:10px 10px !important;}
.inputContact-s{width:178px;height:13px;margin:0 0 15px 0;padding:10px 10px !important;}
.textareaContact{width:418px;height:60px;margin:0 0 15px 0;padding:10px 10px;}
.required:before{content:"※";color:#B91619;padding:0 5px;font-size:large;}
.contactForm p.captcha{text-align:left;}
.sendBT{width:100px;margin:80px 0 60px 20px;}
/*send*/
#send{min-height:625px;}
.sendCont{width:635px;height:150px;background-color:#F5F5F5; text-align:center;position:absolute;top:70%;top:0;bottom:0;left:0;right:0;margin:auto;padding:80px 20px;}
.sendCont h2{color:#B71E21;}
.backBT{width:217px;position:absolute;left:230px;bottom:60px;}
/*newsInfo*/
.newsInfo{width:740px;}
.fbLink{width:44px;text-align:center;margin:10px 20px 0 0;}
.share{background:url(images/share.png) no-repeat;width:44px;height:23px;color:#FFF;text-align:center; visibility:hidden;font-size:8px !important;}
.fbLink:hover{opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
.fbLink:hover .share{ visibility:visible;}
.newsinfoTit{border-bottom:dotted 1px #CCC;height:80px;}
.newsinfoTit h4{color:#A2171A;margin:30px 0 0 0;width:650px;}
.newsinfoCont{padding:15px 0;text-align:left;}
.newsinfoPic{position:relative;margin:10px 15px 10px 0px;}
.picText{background-color:#000;opacity: 0.7;filter: alpha(opacity=70); nowhitespace: afterproperty; -ms-filter: alpha(opacity=70); /* old ie */width:382px;height:42px;padding:10px;color:#FFF;position:absolute;bottom:0px;}
.newsbackBT{width:134px;height:40px;border:solid 2px #CCC;background:url(images/backBT.png) 15px center no-repeat;display:block;text-align:center;color:#C42A2D;line-height:40px;font-size:18px;margin-bottom:30px;}
.newsbackBT:hover{background-color:#D7D7D7;}
/*productsDia*/
.prodias{padding: 20px 0;}
.proPic{width:515px;height:380px;}
 .scrollbar{width:95px;height:365px;overflow:hidden}
 .pics li {width:63px;height:59px;margin-bottom:10px !important;box-shadow: 2px 2px 2px #dedede;border:solid 1px #dedede;}
 .pics li:hover {border:solid 1px #B31D1E;}
 .bigPic img{box-shadow: 2px 2px 2px #dedede;}
 .bigPic p{line-height:40px;height:20px;}
 
 /*放大鏡-------*/
 .picBox-picBig {
  width: 625px;
  height: 364px;
  margin-bottom: 20px;
  position: relative;
  left:100px;
  top:-360px;
}
.sliderbox{
  height: 355px;
  overflow: hidden;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 0;
  
}
.sliderbox .slider{ 
  height: 364px;
  width: 100px;
  position: relative;
  overflow: hidden;  
  margin: 0;
}
.jqzoom{
  float:left;
  position:relative;
  padding:0px;
  cursor:pointer;
}
.jqzoom img{
 float:left;
}
div.zoomdiv {
  z-index: 100;
  position: fixed;
  top:0px;
  left:0px;
  width: 200px;
  height: 200px;
  background: #ffffff;
  border:1px solid #CCCCCC;
  display:none;
  text-align: center;
  overflow: hidden;
  margin-top:150px;
}
div.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top:0px;
    left:0px;
    width: 100px !important;
    height: 100px !important;
    border: 1px solid #aaa;
    background: #ffffff url(images/zoom.gif) 50% top  no-repeat;;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);	
}

.proText{width:315px;height:380px;position:relative;}
.proText h3{margin:0;padding:0; margin:0.4em 0;font-size:1.2em;}
.proDiacont{text-align:right;position:absolute;bottom:0;}
.qty{line-height:35px;padding:0 5px;color:#B3AFAE;}
.qtyInput{height:30px;width:80px;margin-right:0;float:left;}
.qtyBt{width:35px;height:35px;background-color:#B61D1F;color:#FFF;display:block;text-align:center;line-height:35px;float:left;font-size:22px;margin:0 1px;}
.qtyBt:hover{opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}
.credit{height:23px; line-height:23px;border:solid 1px #CCC;margin-top:5px;padding:5px;width:240px;}
.credit img{margin-right:5px;}
.cartBtn{background:url(images/addTocart1.png) no-repeat;width:150px;height:40px;display:block;line-height:40px;text-align:center;color:#FFF;padding-left:15px;float:left;margin:10px 3px;}
.inquiryBtn{background: url(images/addToinquiry.png) no-repeat;width:133px;height:40px;display:block;line-height:40px;text-align:center;color:#FFF;padding-left:18px;float:right;margin:10px 3px;}
.linkBts li{float:right;width:90px;}
.linkBts li.googl{width:55px;}
/*tabs----------------*/
.abgne_tab {
		clear: left;
		width: 100%;
		margin: 30px 0;
	}
	ul.tabs {
		width: 100%;
		height: 32px;
		
	}
	ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		width:310px;
		background: #FFF;			
		border:dotted 1px #B8B8B8;
	}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;	
		text-decoration: none;
		text-align:center;
	}
	ul.tabs li a:hover {
		background: #333;
		color:#FFF;
	}
	ul.tabs li.active  {
		background: #333;
		
	}
	ul.tabs li.active a  {		
		color:#FFF;
	}
	ul.tabs li.active a:hover {
		background: #333;
		color:#FFF;
	}
	div.tab_container {
		clear: left;
		width: 100%;		
		border-top: none;
		background: #fff;
	}
	div.tab_container .tab_content {
		padding: 20px;
	}
	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
	}
/*shoppingcar--------------------------*/
.memberwel{ background:url(images/member.png) left 18px no-repeat;padding-left:15px;height:40px;line-height:50px;}
.logoutBt{width:68px;height:23px;line-height:25px;border:solid 1px #FFF;color:#FFF;font-size:10px;text-align: center;display: inline-block;}
.logoutBt:hover{ background-color:#FFF;color:#B51D1F;font-weight:bold;}
.inputSearch-shop{width:250px;height:28px;margin:0 -5px 0 0;}
.searchBtn-shop img{margin-bottom:2px;}
.shopList{width:100%;}
.shopList tbody td{border-top:dotted 1px #8D8D8D;border-bottom:dotted 1px #8D8D8D;}
.shopList tbody tr:hover td{background-color:#FFFBFB;}
.shopList tbody td:first-child{width:240px;padding:10px;}
.shopList tbody td:last-child{padding:5px 0 20px 5px;}
.shopList h4{margin-bottom:5px;}
.select-shoplist{width:70px;height:35px;line-height:35px;}
.trash{margin-top:15px;margin-right:10px;}
.shopList tfoot td{padding:20px 0;border-top: solid 2px #D3D3D3;}
.grayBtn{ background:url(images/grayBtn.png) no-repeat;width:165px;height:35px; line-height:35px;color:#FFF;text-align:center;display: inline-block;margin:0 10px 20px 10px;}
.orangeBtn{background:url(images/orangeBtn2.png) no-repeat;width:165px;height:35px; line-height:35px;color:#FFF;text-align:center;display: inline-block;margin:0 10px 20px 10px;}
/*checkout-----------------------*/
.checkoutTitle{color:#B71D1D;background:url(images/titleicon.png) 5px center no-repeat;padding-left:25px; text-transform:uppercase;}
.checkoutTable{width:100%;}
.checkoutTable thead td{background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
border-top:solid 1px #CCC;text-align:center;}
.checkoutTable thead.h50 td{height:30px;line-height:30px;}
.checkoutTable tbody td{text-align:center;border-bottom: dotted 1px #CCC;border-left: dotted 1px #CCC;}
.checkoutTable tbody tr:hover td{ background-color:#FFFBFB;}
.checkoutTable tbody td:first-child{border-left: none;}
.checkoutTable tbody td:first-child img{margin-right:30px;float: left;}
.checkoutTable tbody td:first-child .checkproName{vertical-align: middle;padding: 5% 0;/*float: left;*/}
.checkoutTable thead h3{margin:5px 0;}
.checkoutTable.bottom td{ text-align:left;}
.shopBtn{background:url(images/shopicon.png) no-repeat;display:inline-block;color:#FFF;width:182px;height:40px;line-height:40px;text-align:center;padding-left:10px;}
.confirmBtn{background:url(images/confirmarrow.png) no-repeat;display:inline-block;color:#FFF;width:182px;height:40px;line-height:40px;text-align:center;}
.btnsCont{padding:15px; background-color:#F2F2F2;margin:50px 0;}
/*checkoutInfo*/
.checkoutInfotb{border-top: dotted 1px #CCC;border-bottom: dotted 1px #CCC;margin-top:40px;}
.checkoutInfotb h3{text-align:left;}
.checkoutInfotb tbody td{text-align:left;border:none;}
.checkoutInfotb tbody td:first-child{text-align:right; background-color:#F5F5F5;width:185px;}
.cardRadio{margin-left:15px;}
.cardRadiolabel{color:#737373; font-weight:normal;}
.cardRadiolabel img{margin-top:-7px;}
.cardNum{width:70px;height:30px;line-height:35px;}
.selectDate{width:100px;height:35px;line-height:35px;text-align:center;color:#737373;}
.checkoutText{width:180px;height:30px;line-height:30px;}
.checkoutText-l{width:365px;height:30px;line-height:30px;}
.checkbox01{margin-left:15px;}
.checkbox01label{color:#737373; font-weight:normal;}
#checkoutInfo .tips{padding:15px 0px;margin-left:20px;}
#checkoutInfo .tips li{ list-style-type:none;padding: 2px 30px 2px 0;}
#checkoutInfo .tips li:before{content:"※";position: relative;line-height: inherit;left: -20px;top:0;z-index: 2;width: 0;float: left;}
.Infobottomtb{margin-top:20px;}
.Infobottomtb h3{text-align:left;}
.Infobottomtb tbody td{border:none;border-bottom:dotted 1px #CCC; text-align:left;height:35px;line-height:35px;}
.invoice{margin-left:30px;}
/*checkoutPrint*/
.printText{padding:15px 0;margin-top:15px;}
.paymentConts{margin-bottom:40px;}
.paymentConts td{ text-align:left !important;}
.paymentConts tbody td{border:none;border-bottom:dotted 1px #CCC;}
.paymentCont td{ background-color:#F5F5F5;border:none !important;}
.paymentCont td:first-child{ text-align:right;width:165px;height:20px;}
.paymentCont table td:last-child{ text-align:left;color:#B51C1F;}
.detailTb tbody td:first-child{ text-align:left;color:#727272;}
.printclose{ background:url(images/print-close.png) left center no-repeat;padding-left:20px;margin-right:20px;cursor:pointer;}
.printBtn{background:url(images/printicon.png) no-repeat;display:inline-block;color:#FFF;width:182px;height:40px;line-height:40px;text-align:center;padding-left:15px;}
/*register*/
.registerTit{ text-transform:uppercase;margin-bottom:5px;color:#B71D1F;}
#register{min-height:560px;padding-top:20px;}
.registerCont{color:#838383;}
.registerCont p{margin-bottom:20px;}
.registerCont strong{color:#626262;font-size:14px;}
/*shopNotice*/
#shopNotice{min-height:560px;padding-top:20px;}
.registerCont.fr{width:780px; padding-top:10px;}
#shopNotice img.fl{margin-top:10px;}
.twoBtns{width:100px;margin:20px 10px 10px 10px;display:inline-block;}
/*registerInfo*/
#registerInfo{min-height:560px;padding-top:20px;}
.registerTable.infoTb tr td:first-child{text-align:right;}
.registerTable.infoTb tr td:last-child{padding-left:15px;}
.registerTable.infoTb td{color:#747474;}
.registerText{width:250px;height:30px;line-height:30px;}
.registerText-l{width:480px;height:30px;line-height:30px;}
.registercaptcha{width:140px;height:30px;line-height:30px;}
.sexRadio{margin-right:20px;}
#registerInfo .required:before{content:"※";color:#B91619;padding:0 5px;font-size:medium;}
/*send*/
#send{margin-top:-60px;}
/*member*/
.memberTabs a{height:34px;width:310px;line-height:34px;text-align:center;clear:left; background-color:#FFF;display:inline-block;margin:25px -1px 0 0;border:solid 1px #CCC;color:#666;}
.memberTabs a:hover{background-color:#333;color:#FFF;}
.memberTabs a.active{background-color:#333;color:#FFF;}
/*member-2*/
.memberTb{
	width: 100%;
	color: #747474;
	margin-top: 30px;
	text-align: center;
}
.memberTb thead td{background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
border-top:solid 1px #CCC;text-align:center;height:50px;}
.memberTb tbody td{height:50px;text-align:center;border-bottom:dotted 1px #CCC;}
.memberTb tbody tr:hover td{background-color:#F8F8F8;}
.memberTb tbody td.left{text-align:left;padding-left:10px;}
.memberTb .cancelBtn{width:78px;height:28px;line-height:30px;display:block;text-align:center;border:solid 1px #CCC;color:#747474;margin:0 auto;}
.memberTb .cancelBtn:hover{background-color:#BD2122;color:#FFF;}
/*member-cancel*/
.orderRow { background-color: #F2F2F2; height: 42px;border-bottom:solid 1px #CCC;line-height: 42px; padding-left: 20px; }
.inputOrder { background-color: #FFF; height: 24px; line-height: 24px; width: 720px; border:none !important;padding-left: 20px; padding-top: 5px; margin-left: 10px; margin-top: 6px; }
#textareaItem { padding-top: 15px; padding-bottom: 25px; height: 150px; }
.textareaOrder { width:900px; height: 156px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.divBtns{text-align:center;margin:30px 0;}
.cancelBtn{width:100px;margin:0 10px;display:inline-block;}
/*member3*/
.member3Tb{width:100%;}
.member3Tb td{height:30px;}
.member3Tb td:first-child{ text-align:right;width:180px;padding-right:15px;}
.member3Tb td:last-child{ text-align:left;}
.member3Text{width:560px;height:30px;line-height:30px;}
.member3Textarea{width:560px;height:140px;}
/*inquiry*/
.inquiryTb thead td{border-right:dotted 1px #CCC;}
.inquiryTb thead td:last-child{border-right:none;}
.inquiryTb .cancelBtn{width:78px;height:32px;line-height:30px;display:block;text-align:center;border:solid 1px #CCC;color:#747474;margin:0 auto;}
.inquiryTb .cancelBtn:hover{background-color:#BD2122;color:#FFF;}
.send{}