/*-------------global setting--------------*/
html,body{height:100%;margin:0;padding:0;background-color:#000000;font-family:Arial, Helvetica, sans-serif;font-family:"微軟正黑體", Arial, "Times New Roman";}
ul{list-style:none}
a{color:white;font-size:12px;text-decoration:none}

#container{width:100%;height:100%;margin:0}

#header{width:100%;height:45px; border:none;}
#header h1{ margin:0;padding:0;font-size:10px;height:45px}
#header h1 a{ display:block; margin:0;padding:0;height:42px ;width:250px; text-indent:-500px;background:url("images/title.jpg") no-repeat left top;}
#header h1 a:hover {background:url("images/titleGlow.jpg");}

#main{min-height:305px;margin:0;padding:0;padding-top:10px;width:100%; padding-bottom:3px;}
#main{*padding-bottom:7px}
/*
#nav  { display:table;margin:0;width:100%;height:32px;}
#nav ul { padding:0;margin:0}
#nav ul li{float:left;width:150px;border:1px solid white;margin:5px}
#nav ul li a{display:block;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
#nav ul li a:hover{background-color:#857f6c}
#nav ul li a.active {background-color:#6C6657}
*/

#nav  { display:table;margin:0;padding:0;width:100%;height:35px;*padding-top:8px;}
#nav  {padding-top:0px;!important}
#nav ul { padding:0;margin:0;height:35px;background:url("images/nav.jpg") repeat-x;}
#nav ul li{float:left;height:35px; border-right:1px solid black;}
#nav ul li a{display:block; color:#999; height:27px; padding:0 30px; padding-top:8px;text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:15px;background:url("images/nav.jpg") repeat-x;*width:120px;*padding-left:10px;*padding-right:10px; *font-size:15px;}
#nav ul li a:hover{color:white;background:url("images/navhover.jpg") repeat-x;}
#nav ul li a.active {color:white;background:url("images/navhover.jpg") repeat-x;}
#nav ul li#advantageButton a{ width:160px; background:url("images/adv_btn.gif") no-repeat; text-indent:-8000px;*width:200px; }
#nav ul li#advantageButtonCht a{width:160px; background:url("images/adv_btn_cht.gif") no-repeat; text-indent:-8000px; *width:200px;}

#list{display:table; width:100%;clear:left;margin-top:0;padding-bottom:60px; border:none; }
#list h2{padding-top:10px;margin:0 10px;font-size:18px;color:#fff;clear:left;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
#list ul { padding-left:20px; margin-top:10px;}
#list ul {*padding-left:5px;}
#list ul li { padding-bottom:1px }
#list ul li.topItem{float:left;margin:1px;font-size:16px;font-weight:900; color:white; display:inline;padding-left:12px; padding-right:12px;}
#list ul li.topItem a{font-size:15px;font-weight:bold;display:block;font-family:Arial, Helvetica, sans-serif}
#list ul li.topItem a:hover{background-color:#40686c}
#list ul li.topItem ul {width:auto;padding:0; margin:0}
#list ul li.topItem ul li.subItem {magrin:0;}
#list ul li.topItem ul li.subItem a { font-size:14px; font-family:Arial, Helvetica, sans-serif;padding-left:12px;font-weight:normal}
#list #agentBrandProductList li.topItem {width:260px;  position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#list #agentBrandProductList li.topItem img { position:absolute; top:0; left:150px;}

.extraAdv { display:none;}
#list #extraNav{position:relative;}
#list #advantageContainer { margin:0;padding:0; width:220px; height:260px; position:absolute; top:20px;left:820px; color:#fff}
#list #advantageContainer h3 { margin:0;padding:0; font-weight:bold;font-size:24px;}
#list #advantageContainer p { margin:0;padding:0}
#list #advantageContainer #advantageText { font-weight:bold}
#list #advantageContainer #advantageTitle { font-weight:bold;margin:0;padding:0;font-size:12px; padding:10px 0;}

#footer{}
#footer p{margin:0;padding:0;font-size:10px}

#styleSwitch{position:absolute;right:10px;top:25px; margin:0;padding:0;}
#styleSwitch ul {margin:0;padding:0}
#styleSwitch ul li{ border:1px solid white; width:12px; height:12px; overflow:hidden;float:left;margin:2px;}
#styleSwitch ul li a{ display:block; width:12px; height:12px; text-indent:-100px}
#styleSwitch ul li#pink {background-color:#d04071}
#styleSwitch ul li#orange{background-color:#e86a10}
#styleSwitch ul li#gold{background-color:#f1bc06}
#styleSwitch ul li#green{background-color:#028592}
#styleSwitch ul li#navy{background-color:#021742}
#styleSwitch ul li#grass{background-color:#81920d}
#styleSwitch ul li#blue{background-color:#00a8ff}
#styleSwitch ul li#cafe{background-color:#bfa183}

#searchBar {position:absolute;top:5px; right:10px;}
#searchBar #search {height:14px; border:1px solid #666;color:#999;width:140px;}
#searchBar #searchBtn {height:18px; border:1px solid #666;font-size:12px;}

#langSwitch { position:absolute;top:5px;right:200px;}
#langSwitch ul {margin:0;padding:0;width:90px;}
#langSwitch ul li {float:left; margin:0;padding: 0 5px; text-align:center}

/*-------------index.php--------------*/

#index #main #ad{ width:750px;height:300px;float:left;margin:0px 10px;padding:0;background-color:#666}
/*
#index #main #ad #adList { margin:0; padding:0;margin-left:584px; margin-top:5px; width:160px; height:290px;}
#index #main #ad #adList li { width:160px; height:92px; margin-bottom:7px; background:#fff;}
#index #main #ad #adList li ul { margin:0;padding:0}
#index #main #ad #adList li ul li { margin:0;margin:0 !important; padding:0; border:none;}
#index #main #ad #adList li ul li.latestProductImg { position:relative;height:65px;text-align:center;overflow:hidden;width:160px ;margin:0;padding:0; margin-top:5px;}
#index #main #ad #adList li ul li.latestProductTitle { color:#666;height:15px;font-size:11px; font-weight:bold;text-align:center ;margin:0;padding:0;}
#index #main #ad #adList li ul li img { height:100%; position:absolute; top:0;left:30%;border:none;margin:0;padding:0;}
*/

#index #main #ad #adFlash { margin:0;padding:0;width:750px;height:300px;}
#index #main #ad #adFlash object { margin:0; border:none;}

#index #main #news {margin-left:750px; padding-left:20px;width:200px;margin-top:0; padding-top:0; }
#index #main #news #newsList {margin:0;padding:0;}
#index #main #news h2{font-size:20px;font-weight:normal;color:#fff}
#index #main #news #newsList li{ padding-left:30px; background:url("images/new.jpg") no-repeat 0 6px}

/*-------------news.php--------------
#news #main { min-height:310px; padding-top:5px;}
#news #main #newsList {border-top:1px solid #fff;padding:0; margin:0; color:white; font-size:13px;}
#news #main #newsList li {margin:0; padding:0;border-bottom:1px solid #fff; border-top:1px solid #ccc;background-color:#ddd}
#news #main #newsList li ul { margin:0;padding:0;background-color:#ddd}
#news #main #newsList li ul li { margin:0;padding:0;border:none}

#news #main #newsList li ul li a {color:white; font-size:13px; line-height:12px; display:block; padding-left:20px;}
#news #main #newsList li ul li.newsTitle {background-color:#aaa;}
#news #main #newsList li ul li.newsTitle span{display:block;text-align:right;font-size:11px;*font-size:12px; padding-right:0px;}
#news #main #newsList li ul li.newsContent {background-color:#ddd ;padding-left:40px; color:#333}

*/

#news #main {color:white;height:auto;padding:0;}
#news #main { height:auto !important;*height:310px;}
#news #main ul#newsList { margin:0;padding:0; border:1px solid white;border-left:none;border-right:0;}
#news #main ul#newsList li.newsItem{ margin:0;padding:0; background-color:#666;border:1px solid #888;border-bottom:1px solid white;border-left:none;border-right:0;}
#news #main ul#newsList li.newsItem ul {margin:0;padding:0; border:1px solid #666;border-left:none;border-right:0;}
#news #main ul#newsList li.newsItem ul li.newsTitle {  }
#news #main ul#newsList li.newsItem ul li.newsTitle a{padding-left:20px; display:block;}
#news #main ul#newsList li.newsItem ul li.newsTitle a:hover {background-color:#999}
#news #main ul#newsList li.newsItem ul li.newsTitle a span { padding-right:10px; color:#fff}
#news #main ul#newsList li.newsItem ul li.newsContent{ border:1px solid #666;padding-left:40px; background-color:#333; font-size:14px}

/*
#news #main ul {margin:0;padding:0;font-family:"微軟正黑體", "新細明體", "標楷體";}
#news #main li { margin:0;padding:0;background-color:#888; padding-top:1px;}
#news #main li { padding-top:1px !important;height:auto !important;*padding:0;*height:8px}
#news #main li ul { margin:0;padding:0 ;}
#news #main #newsList li ul li { margin:0; padding:0; height:auto;  border:none}


#news #main #newsList li ul li.newsTitle {background-color:#aaa; display:block;}

#news #main #newsList li ul li.newsTitle a {margin:0;padding:0;padding-left:40px; display:block}
#news #main #newsList li ul li.newsTitle a span { color:white;}
#news #main #newsList li ul li.newsTitle a:hover {background-color:#999}
#news #main #newsList li ul li.newsContent { font-size:12px; padding-left:60px;}
#news #main #newsList li ul li.newsContent p { margin-left:160px; margin-right:100px;}
#news #main #newsList li ul li.newsContent img { float:left;}
#news #main #newsList li ul li.newsContent #contentExtra { clear:left}*/
/*-------------about.php--------------*/
#about #main p{width:750px;margin-left:20px;color:#FFFFFF;font-size:14px;*font-size:16px;line-height:1.5em; padding-top:20px; font-family:"微軟正黑體", "新細明體" , "標楷體"}
#about #main p:first-letter{font-size:2.5em;padding:0px;float:left;padding-left:0;font-weight:bold;margin:0;padding-right:3px;line-height:42px}

/*-------------contact.php--------------*/
#contact #main {height:auto;}
#contact #main dl{ margin-top:10px;margin-left:20px;font-size:14px;color:#FFFFFF}
#contact #main dl dt{color:#666; width:50px; float:left;font-size:12px; }
#contact #main dl dd { margin:2px 0}
#contact #main form fieldset {margin:0; margin-left:20px;padding:0; padding-left:10px; color:#666;font-size:12px; width:800px;}
#contact #main form fieldset p { margin:5px;padding:0;}
#contact #main form fieldset label {width:80px; float:left}
#contact #main form fieldset p#content { width:390px;}
#contact #main form fieldset textarea { width:300px; height:80px; font-size:12px; color:#999;}
#contact #main form fieldset input {color:#999;font-size:12px;}
#contact #main form fieldset p#btnSet {padding-left:80px;}
#contact #main form fieldset p#btnSet input { border:1px solid white;color:black;height:18px;}
#contact #main form fieldset p#messege {color:red;height:14px; padding-left:80px; clear:left}

/*-------------agent.php--------------*/
#agent #main {*height: auto !important; *height:310px;}
#agent #main ul#agentList { margin:0;margin-top:10px; padding-left:20px}
#agent #main ul#agentList li { margin-bottom:20px; clear:left}
#agent #main ul#agentList li ul li {margin:0; clear:none}
#agent #main ul#agentList li ul li.providerLogo { width:130px; float:left;margin-bottom:15px}
#agent #main ul#agentList li ul li.providerLogo img {border:none;}
#agent #main ul#agentList li ul li.providerTitle {color:#fff;font-weight:bold; width:690px; padding-left:10px;}
#agent #main ul#agentList li ul li.providerContent { font-size:13px; color:white; width:700px;}

#agent #main ul#agentList li ul li  dl dt { display:none;}
#agent #main ul#agentList li ul li.providerContent dl dd.contentTitle {display:none}
#agent #main ul#agentList li ul li.providerContent dl dd.contentLink a{color:#666666;font-weight:bold}

#agent #main #contentBox {display:none; font-family:}
/*
#agent #main #contentBox {color:#FFFFFF;width:400px;height:280px;position:absolute;top:70px;left:400px;overflow-y:scroll;border:1px dotted gray;display:none}
#agent #main #contentBox dl dt {display:none}
#agent #main #contentBox dl dd { margin-right:10px; font-size:12px;}
#agent #main #contentBox dl dd.contentTitle {font-weight:bold;font-size:16px; margin:10px 20px;} 
#agent #main #contentBox dl dd.contentIntro { margin-right:20px;}
*/
/*-------------product.php--------------*/
#product #main { height:auto}
#product #main #extraDIV { clear:left}
#product #main ul#productList { margin:0;padding:0; width:430px;margin-left:40px; float:left;height:280px;}
#product #main ul#productList { margin-left:40px !important;*margin-left:20px;}
#product #main ul#productList li{color:white; font-size:12px; width:60px; height:60px; float:left;margin:16px 4px;}
#product #main ul#productList li ul {margin:0;padding:0}
#product #main ul#productList li ul li{border:none;width:100%;height:auto;float:none;margin:0;}
#product #main ul#productList li ul li.productImage {height:60px; overflow:hidden;background-color:white;border:1px solid #999; position:relative}
#product #main ul#productList li ul li.productTitle {display:none; width:60px;color:#999;font-family:Georgia, "Times New Roman", Times, serif;font-size:11px; font-weight:bold}
#product #main ul#productList li ul li img {display:block;height:100%;border:none; position:absolute;top:50%; left:50%;}
#product #main ul#productList li ul li a {display:block;height:100%;}
#product #main ul#productList li ul li.productImage a img{filter:Alpha(opacity=100);-moz-opacity:1;opacity: 1;}
#product #main ul#productList li ul li.productImage a:hover img{filter:Alpha(opacity=40);-moz-opacity:0.4;opacity: 0.4;}
  
#product #main #pageNav {width:380px;margin:0;padding:0; margin-left:480px; margin-top:10px;}
#product #main #pageNav { margin-top:20px !important;*margin-top:20px;}
#product #main #pageNav ul {margin:0;padding:0; float:left;width:210px;}
#product #main #pageNav ul li { display:inline; margin:0;padding:0 3px; color:#666;font-size:11px;}
#product #main #pageNav ul li a{ margin:0;padding:0;color:white;font-size:12px;}
#product #main #pageNav ul li a:hover { border-bottom:1px dashed #666}
#product #main #pageNav #pageStatus { margin:0;padding:0; color:white;font-size:11px; width:120px;margin-left:210px;}
#product #main #pageNav ul li#first a{ padding-left:16px; }
#product #main #pageNav ul li#previous a{ padding-left:10px; }
#product #main #pageNav ul li#next a{ padding-right:10px; }
#product #main #pageNav ul li#last a{ padding-right:16px;  }
#product #main #pageNav ul li#first a:hover{background:url("images/first.gif") no-repeat left 50%;}
#product #main #pageNav ul li#previous a:hover {background:url("images/previous.gif") no-repeat left 50%;}
#product #main #pageNav ul li#next a:hover {background:url("images/next.gif") no-repeat right 50%;}
#product #main #pageNav ul li#last a:hover {background:url("images/last.gif") no-repeat right 50%;}

#product #main #imageBrowser { display:none; width:540px;height:280px; overflow:hidden; position:absolute; top:64px; left:20px; border:1px solid white;background-color:transparent;}
#product #main #imageBrowser img {height:100%; float:left}
#productSummary { position:absolute; top:20px; right:0;margin:0;padding:0; margin-top:20px;display:none;width:200px;color:white;background-color:black}
#productSummary li { font-size:12px; margin:3px 0;}
#productSummary li#productSummaryId { font-size:14px; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
/*-------------product_detail.php--------------*/
#product_detail #main { height:auto;}
#product_detail #main { *height:auto !important; *height:310px;}
#product_detail #main #productBody { margin:0;padding:0; width:450px; color:white; margin-left:440px; margin-top:15px}
#product_detail #main #productBody li { margin:5px 0 ;padding:0;font-size:14px;font-family:"Times New Roman", Times, serif}
#product_detail #main #productBody li#productId{ font-weight:bold;font-size:20px}
#product_detail #main #productBody li ul {margin:0;padding:0}
#product_detail #main #productBody li ul li {margin:0;padding:0}
#product_detail #main #productBody li#productId { font-weight:bold;}
#product_detail #main #productBody li table {font-size:12px; border-left:1px solid white;border-top:1px solid white;}
#product_detail #main #productBody li table td { border-right:1px solid white; border-bottom:1px solid white;}
#product_detail #main #productBody li table.MsoNormalTable {}
#product_detail #main #productBody li table.MsoNormalTable td{ background-color:#fff; padding:0;}
#product_detail #main #productBody li#productImage {position:absolute; top:316px; left:20px;}
#product_detail #main #productBody li#productImage ul li { margin:0; width:40px;height:40px; overflow:hidden;background-color:white; float:left; margin:3px; border:1px solid #999}
#product_detail #main #productBody li#productImage ul li img {height:100%}
#product_detail #main #backBtn { color:#999; margin:0;padding:0;width:440px; font-weight:bold; margin-left:450px; font-family:Arial, Helvetica, sans-serif; text-align:right}
#product_detail #main #backBtn a{ color:#999; margin-left:5px;}
#product_detail #main #backBtn a:hover {color:white;border-bottom:1px dashed #999;}

#product_detail #main #imageBrowser { width:400px; height:240px;overflow:hidden; position:absolute; top:75px; left:22px;text-align:center;background-color:#fff;border:1px solid white;}
#product_detail #main #imageBrowser img {height:100%; position:absolute; top:50%; left:50%; }
#product_detail #main #imageBrowser #imageContent { margin:0;padding:0; position:absolute;bottom:20px; right:0; background:#000;color:white;font-weight:bold;padding:0; font-size:14px;}
/*-------------download.php--------------*/
#download #main { display:table}
#download #main h2{color:#FFFFFF;font-size:16px;margin-left:20px}
#download #main #cata li a:hover{background-color:#CCCCCC;color:#000000}
#download #main ul#themeList  {width:800px; margin:0; margin-bottom:20px;padding:0 0 0 40px}
#download #main ul#themeList li.themeItem { float:left;margin:10px 20px; width:200px; border:1px solid white;height:165px;padding:0}
#download #main ul#themeList li.themeItem ul { margin:0;padding:0;}
#download #main ul#themeList li.themeItem ul li { margin:0;padding:0;text-align:center;}
#download #main ul#themeList li.themeItem ul li.themeImage { display:inline}
#download #main ul#themeList li.themeItem ul li.themeSmall {width:49%;float:left}
#download #main ul#themeList li.themeItem ul li.themeLarge {width:49%}
#download #main ul#themeList li.themeItem ul li a { display:block;font-size:11px; margin:0;padding:0;}

/*-------------search.php--------------*/
#search #main { color:white;display:table;min-height:310px}
#main #resultStatus { margin:0;padding:0;padding-left:40px; font-size:12px; margin-bottom:10px;}
#search #main ul{margin:0;padding:0}
#search #main ul li{margin:0;padding:0}
li.resultImage img{width:50px;height:50px;border:1px solid gray}
#search #main li.resultImage{width:50px;float:left;margin-right:5px}
#search #main ul li.resultItem{clear:left;margin-bottom:20px;*margin-bottom:0px}
li.resultDesc table{display:none}
li.resultTitle{font-size:12px}
#search #main ul#resultList{margin-left:40px}
li.resultCatalog a{color:#0099CC;font-weight:bold}

/*-------------advantage.php--------------*/

#advantage #main {color:white;height:auto;padding:0;}
#advantage #main { height:auto !important;*height:310px;}
#advantage #main ul#advantageList { margin:0;padding:0; border:1px solid white;border-left:none;border-right:0;}
#advantage #main ul#advantageList li.advantageItem{ margin:0;padding:0; background-color:#666;border:1px solid #888;border-bottom:1px solid white;border-left:none;border-right:0;}
#advantage #main ul#advantageList li.advantageItem ul {margin:0;padding:0; border:1px solid #666;border-left:none;border-right:0;}
#advantage #main ul#advantageList li.advantageItem ul li.advantageTitle {  }
#advantage #main ul#advantageList li.advantageItem ul li.advantageTitle a{padding-left:20px; display:block;}
#advantage #main ul#advantageList li.advantageItem ul li.advantageTitle a:hover {background-color:#999}
#advantage #main ul#advantageList li.advantageItem ul li.advantageTitle a span { padding-right:10px; color:#fff}
#advantage #main ul#advantageList li.advantageItem ul li.advantageContent{ border:1px solid #666;padding-left:40px; background-color:#333; font-size:14px}
#advantage #main ul#advantageList li.advantageItem ul li.advantageContent img {border:none;margin-top:5px;}