@charset "utf-8";
/*取消 Html 原有樣式---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{
	border:0;
	behavior:url("css/iepngfix.htc");
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/*基本------------------------------------------*/
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll;z-index: 999;}  
body{font-family: Arial, Helvetica, sans-serif, "新細明體";background:url(../images/bg.gif) repeat;font-size:12px;}
a {color:#1f8487;text-decoration:none;outline:0}

/*共用-----------------------------------------*/
#container {margin:0px auto;width:1000px;}
#top{position:absolute;width:1000px;height:31px;background:#2d2d2d;}
.youtube{position:absolute;top:10px;right:342px;}
.e{position:absolute;top:10px;right:321px;}
.p{position:absolute;top:10px;right:300px;}
.f{position:absolute;top:10px;right:279px;}
#search{position:absolute;width:163px;right:101px;font-size:8px;color:#969696;top:7px;}
.searchword{position:absolute;left:0px;top:7px;}
.searchbar{position:absolute;left:38px;background:url(../images/search_bar.jpg) no-repeat;width:100px;height:16px;top:2px;}
.searchbar .input{border:0px;width:92px;margin-left:4px;height:14px;background:url(../images/sbg.jpg) repeat-x;left:0px;}
.searchsend{position:absolute;right:0px;top:0px;}
.language{position:absolute;width:75px;top:13px;font-size:11px;color:#969696;right:8px;}
.language a{color:#969696;}
#header{position:relative;height:427px;}
#content{position:relative;float:left;background:url(../images/contentbg.gif) repeat-y;min-height:630px;_height:630px;}
#subMenu{position:relative;float:left;width:259px;}
#mainContent{position:relative;float:right;width:741px;padding-bottom:20px;}
html:root #footer{float:left;}
#footer {position:relative;width:1000px;height:75px;background-color:#224a41;}
#footer  .copyright{position:absolute;top:45px;right:8px;font-size:10px;color:#a3b6b2;}
#footer .globalnav{position:absolute;top:10px;right:10px;font-size:10px;color:#74938b;}
#footer .globalnav a{color:#74938b;}
#footer .globalnav a:hover{color:#ffffff;}
/*分頁*/
.page {float:left;text-align:center;width:740px;margin-top:19px;}
.returnup {float:left;text-align:center;width:740px;margin-top:30px;color:#23636c;padding-bottom:100px;}
.returnup a{color:#23636c;}
/*Logo*/
#logo h1 a{width:280px;height:86px;display:block;position:absolute;top:31px;left:0px;background:url(../images/logo.jpg);text-indent:-9999px;}
/*主選單*/
#header ul{position:absolute;width:720px;height:86px;top:31px;left:280px;background:url(../images/mainmenu.jpg) no-repeat;}
#header li{ float:left;}
#header li a{display:block;text-align:center;line-height:86px;width:90px;text-indent:-9999px;}
/*最新消息*/
.m1 a{background:url(../images/mainmenu.jpg) no-repeat 0px 0px;}
.m1 a:hover{background:url(../images/mainmenu.jpg) no-repeat 0px -86px;}
.m1on a{background:url(../images/mainmenu.jpg) no-repeat 0px -86px;}
/*產品介紹*/
.m2 a{background:url(../images/mainmenu.jpg) no-repeat -90px 0px;}
.m2 a:hover{background:url(../images/mainmenu.jpg) no-repeat -90px -86px;}
.m2on a{background:url(../images/mainmenu.jpg) no-repeat -90px -86px;}
/*流行資訊*/
.m3 a{background:url(../images/mainmenu.jpg) no-repeat -180px 0px;}
.m3 a:hover{background:url(../images/mainmenu.jpg) no-repeat -180px -86px;}
.m3on a{background:url(../images/mainmenu.jpg) no-repeat -180px -86px;}
/*專業知識*/
.m4 a{background:url(../images/mainmenu.jpg) no-repeat -270px 0px;}
.m4 a:hover{background:url(../images/mainmenu.jpg) no-repeat -270px -86px;}
.m4on a{background:url(../images/mainmenu.jpg) no-repeat -270px -86px;}
/*企業情報*/
.m5 a{background:url(../images/mainmenu.jpg) no-repeat -360px 0px;}
.m5 a:hover{background:url(../images/mainmenu.jpg) no-repeat -360px -86px;}
.m5on a{background:url(../images/mainmenu.jpg) no-repeat -360px -86px;}
/*網路購物*/
.m6 a{background:url(../images/mainmenu.jpg) no-repeat -450px 0px;}
.m6 a:hover{background:url(../images/mainmenu.jpg) no-repeat -450px -86px;}
.m6on a{background:url(../images/mainmenu.jpg) no-repeat -450px -86px;}
/*會員專區*/
.m7 a{background:url(../images/mainmenu.jpg) no-repeat -540px 0px;}
.m7 a:hover{background:url(../images/mainmenu.jpg) no-repeat -540px -86px;}
.m7on a{background:url(../images/mainmenu.jpg) no-repeat -540px -86px;}
/*部落格*/
.m8 a{background:url(../images/mainmenu.jpg) no-repeat -630px 0px;}
.m8 a:hover{background:url(../images/mainmenu.jpg) no-repeat -630px -86px;}
.m8on a{background:url(../images/mainmenu.jpg) no-repeat -630px -86px;}
/*SubMenu*/
#menuStart{float:left;}
#menuStart li{float:left;height:62px;}
#menuStart li a{display:block;height:62px;width:259px;background:url(../images/menubg.jpg) no-repeat;}
#menuStart li a span{font-size:13px;line-height:62px;display:block;color:#ffffff;margin-left:37px;}
/*ThirdMenu*/
#thirdMenu{float:left;width:259px;height:959px;background:#cacaca;padding-bottom:120px;}
#thirdMenu li{float:left;margin-bottom:1px;}
#thirdMenu li a{display:block;text-align:center;width:259px;height:79px;text-indent:-9999px;}

/*主要情境圖*/
#banner{position:absolute;top:117px;left:0px;}
#banner2{position:absolute;top:0px;left:0px;}
/*左方區域*/
#mainTitle{float:left;height:62px;width:259px;background:url(../images/topicbg.jpg) repeat-x;}
#mainTitle img{float:left;margin:18px 0 0 18px;}
/*右方區域*/
.subTitleno{float:left;height:62px;width:741px;background:url(../images/topicbg.jpg) repeat-x;}
.subTitle{float:left;height:62px;width:740px;background:url(../images/topicbg.jpg) repeat-x;margin-left:1px;display:inline;}
.subTitle span{float:left;color:#ffffff;font-weight:normal;padding:0px 0 0 21px;line-height:62px;}
.subTitle img{float:left;margin:18px 0 0 18px;}
#subBanner{position:relative;left:1px;}

/*--------------各頁css*/
/*Index*/
/*最新消息News--------------------------------*/
#mainNews {float:left;width:717px;min-height:165px;_height:165px;margin-left:15px;;margin-top:19px;border-bottom:1px solid #dedede;display:inline;}
#mainNews span{float:left;width:428px;font-size:12px;color:#4f8c7b;margin-left:22px;margin-top:7px;line-height:13px;}
#mainNews span a{color:#4f8c7b;}
.newsContent {width:741px;min-height:314px;_height:314px;}
.mainNews_photo {float:left;width:242px;height:152px;border:1px solid #dedede;}
.mainNews_photo img {margin:5px 5px 5px 5px;}
.mainNews_topic {float:left;margin-left:21px;}
/*專業知識、流行資訊--------------------------*/
#knowledge1 {float:left;width:170px;margin-left:8px;margin-top:12px;}
#fashion1 {float:left;width:170px;margin-left:8px;margin-top:12px;}
#subNews {float:left;width:726px;height:129px;margin-left:15px;display:inline;}
#knowledge {float:left;width:363px;height:129px;}
#fashion {float:left;width:363px;height:129px;}
.subNewsimg {float:left;width:157px;height:99px;border:1px solid #dedede;margin-top:12px;text-align:center;vertical-align:middle;}
.subNewsimg img{margin-top:3px;}
#subNews a {float:left;margin-left:8px;margin-top:5px;width:168px;color:#4f8c7b;line-height:14px;font-size:12px;}
/*IndexProduct----------------------------------------*/
.newProNav{float:left;width:714px;height:40px;line-height:40px;color:#31403b;padding-left:26px;display:inline;}
.newProNav a{color:#31403b;}
#newProductList_content {float:left;margin-left:16px;display:inline;width:740px;_width:724px;min-height:620px;_height:620px;}
#newProductList_content li{float:left;width:135px;min-height:150px;_height:150px;margin-left:20px;margin-right:18px;display:inline;border:1px solid #b2b2b2;margin-top:16px;margin-bottom:14px;text-align:center;vertical-align:middle;}
#newProductList_content li img {border:1px solid #bababa;}
#newProductList_content li a {float:left;margin-left:5px;padding-top:3px;color:#515151;}
#newProductList_content li a p {text-align:left;font-size:12px;color:#515151;line-height:16px;}





.ProductNumber {font-size:10px;}

/*product*/
#proList{float:left;margin-left:16px;display:inline;width:740px;_width:724px;min-height:620px;_height:620px;}
#proList li{float:left;width:135px;height:152px;margin-left:20px;margin-right:18px;display:inline;border:1px solid #b2b2b2;margin-top:16px;margin-bottom:16px;text-align:center;vertical-align:middle;}
#proList li img {border:1px solid #bababa;}
#proList li a {float:left;margin-top:3px;margin-left:5px;}
#proList li a p {font-size:13px;color:#515151;}
.proView{width:710px;float:left;margin-left:24px;display:inline;margin-bottom:29px;}
.proViewImg{float:left;border:1px solid #bcbabb;}
.proViewShow{float:left;width:386px;min-height:227px;_height:227px;background:#ffffff;margin-left:13px;}
.proViewTopic{width:350px;height:40px;margin-top:0px;margin-left:10px;display:block;border-bottom:1px solid #d6d6d6;padding-left:20px;color:#7d7d7d;line-height:16px;}
.proViewContent{width:350px;margin-top:16px;margin-left:10px;display:block;padding-left:20px;color:#7d7d7d;line-height:16px;padding-bottom:10px;}
.zoomin{float:left;margin-top:9px;margin-left:29px;display:inline;padding-bottom:20px;}


/*Pro3*/
#proList_content {float:left;margin-left:16px;display:inline;width:740px;_width:724px;min-height:620px;_height:620px;}
#proList_content li{float:left;width:135px;min-height:123px;_height:123px;margin-left:20px;margin-right:18px;display:inline;border:1px solid #b2b2b2;margin-top:16px;margin-bottom:4px;text-align:center;vertical-align:middle;}
#proList_content li img {border:1px solid #bababa;}
#proList_content li a {float:left;margin-left:5px;padding-top:3px;color:#515151;}
#proList_content li a p {text-align:left;font-size:12px;color:#515151;line-height:16px;}



/*News*/
#contentList{float:left;display:inline;width:646px;margin-top:50px;margin-left:68px;}
#contentList li{width:644px;min-height:123px;_height:123px;border-bottom:1px solid #d9d9d9;float:left;padding-bottom:5px;}
.hot_icon {float:left;width:65px;height:77px;padding-left:7px;padding-top:26px;}
.newsphotozone {float:left;margin-top:18px;border:1px solid #bdbdbd;text-align:center;vertical-align:middle;padding-top:4px;padding-bottom:0px;padding-left:2px;padding-right:2px;min-width:143px;_width:143px;min-height:67px;_height:67px;}

.narrate {float:left;width:400px;margin-top:24px;margin-left:10px;color:#242626;line-height:18px;font-size:14px;}
.narrate p{display:block;color:#1e6668;font-weight:bold;font-size:12px;}

/*knowledge*/
#fck{float:left;margin-top:15px;margin-left:54px;width:515px;min-height:615px;_height:615px;padding-bottom:16px;display:inline;}

/*company*/
.compnayProNav{float:left;width:722px;height:44px;line-height:44px;color:#258d8e;padding-left:18px;display:inline;font-weight:bold;}
.comapnyProNav a{color:#258d8e;}
#compnayList{position:relative;margin-left:34px;display:inline;float:left;}
#compnayList li{float:left;width:326px;height:142px;margin:5px 20px 16px 0;border:1px solid #e1e1e1;background:#f1f1f1;display:inline;text-align:center;vertical-align:middle;}
#compnayList li img{float:left;margin:8px 0 0 8px;border:1px solid #818181;margin-right:4px;}
.brandShow{float:right;width:180px;text-align:left;}
.brandTitle{font-size:15px;color:#5a5a5a;display:block;margin-top:10px;font-weight:bold;text-align:left;}
.brandNarrate{font-size:12px;color:#5a5a5a;display:block;margin-top:10px;font-weight:bold;text-align:left;}
.brandMap{float:left;margin-top:6px;text-align:center;width:81px;height:22px;line-height:22px;border:1px solid #d3d3d5;color:#555555;background:#ffffff;font-weight:bold;}
/*Shopping*/
#shoppingList{float:left;margin-top:34px;margin-left:27px;display:inline;}
#shoppingList li{float:left;width:150px;height:100px;margin:0 20px 20px 5px;display:inline;text-align:center;vertical-align:middle;}
#shoppingList img{border:1px solid #afafaf;}

/*Member*/
#thirdTitle{float:left;margin-top:6px;margin-left:16px;display:inline;}
#register{float:left;margin-top:8px;margin-left:15px;display:inline;}
.registerimg{float:left;width:707px;}
.registerTable{float:left;background:url(../images/member_c.jpg) repeat-y;width:707px;padding-top:16px;}
.registerTable li{border-bottom:1px solid #ffffff;line-height:24px;}
.registerTable .no{border-bottom:0px;line-height:24px;}
.registerTable li .title{line-height:24px;margin-left:38px;width:56px;text-align:center;margin-right:18px;}
.input1{width:126px;height:17px;border:1px solid #c0c0c0;}
.input2{width:89px;height:17px;border:1px solid #c0c0c0;}
.input3{width:181px;height:17px;border:1px solid #c0c0c0;}
.input4{width:538px;height:17px;border:1px solid #c0c0c0;}
.input5{width:47px;height:17px;border:1px solid #c0c0c0;}
.input6{width:126px;height:17px;border:1px solid #c0c0c0;}
.input7{width:60px;height:17px;border:1px solid #c0c0c0;}
.input8{width:138px;height:18px;border:1px solid #c0c0c0;}
html:root .sex{vertical-align:middle;}
.order{font-size:12px;color:#62712c;}
.sendform{display:inline-block;padding-top:20px;text-align:center;width:740px;_width:707px;}

/*Lgin*/
.logintable{float:left;margin-top:14px;margin-left:50px;width:650px;line-height:30px;display:inline;}
.loginform{float:left;margin-left:122px;margin-top:14px;width:210px;display:inline;}
.loginform img{margin-left:6px;}

/*Contact*/
#contact{width:618px;min-height:518px;_height:518px;padding-bottom:20px;float:left;border:1px solid #808080;background:#f0f0f0;margin-top:16px;margin-left:33px;display:inline;}
#contactTitle{float:left;margin-top:12px;margin-left:6px;}
.contactTable{float:left;width:610px;padding-top:10px;}
.contactTable li{float:left;width:610px;line-height:28px;}
.contactTable li .title{float:left;line-height:28px;margin-left:20px;width:50px;text-align:right;margin-right:10px;color:#919191;}
.line{float:left;margin-left:7px;margin-top:6px;}
.upload{float:left;margin-right:2px;padding-top:4px;cursor:pointer;}
.comment{width:492px;height:165px;border:1px solid #c0c0c0;overflow:auto;}
.csendform{display:inline-block;padding-top:10px;text-align:center;width:618px;_width:585px;}
.reset{margin-left:6px;}
#filenum{float:left;margin-top:2px;}
#uploadzone{float:left;width:400px;margin-left:5px;}
/*
.upfile{position:absolute;opacity:0;filter:alpha(opacity=0);}
*/
.upfile{float:left;}
/*View*/
#newsView{float:left;margin-top:42px;margin-left:38px;display:inline;}
#newsimg{float:left;width:295px;height:235px;border:1px solid #d3d3d5;text-align:center;vertical-align:middle;}
#newsimg img{margin-top:5px;margin-left:5px;}
#newsShow{float:left;margin-left:15px;width:650px;}
#newsShowTopic{display:block;margin-top:2px;font-size:20px;color:#4b514f;}
#newsShowContent{display:block;font-size:13px;color:#4b514f;line-height:16px;margin-top:8px;}
/*AbousUs*/
#aboutus{float:left;margin-top:10px;margin-left:60px;display:inline;padding-bottom:16px;}
.b3{float:left;}
.w1{float:left;margin-left:20px;display:inline;}
.pzone{float:left;margin-top:6px;}