@charset "utf-8"; /* CSS Document */ body{ margin:0; padding:0; background-image:url(../image/bg_division.gif); background-repeat:repeat-x; text-align: center; font-size: 0.8em; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;} a{ color: #0092FF;} a:hover{ color: #c90000;} /* 版型設定 */ #wrapper{ width: 100%;} #wrapper_inner{ width: 920px; margin: 0 auto;} #header{ width: 920px; height: 111px;} #headerL{ float: left; } #headerR{ float: right; width: 657px;} #contentwrapper{ float:left; width: 100%; clear: both;} #contentcolumn{ margin-left: 263px; /*Set left margin to LeftColumnWidth*/} #contentcolumn_inner{ margin: 20px 20px; text-align: left;} #leftcolumn{ float: left; width: 263px; /*Width of left column*/ margin-top: 0px; margin-left: -920px; /*Set left margin to -(MainContainerWidth)*/} #leftcolumn_inner{ margin: 20px 20px 20px 0; text-align: left;} #footer{ width: 100%; background-color: #1C69B7; color: #FFFFFF; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; clear: both;} #footer_inner{ width: 920px; padding: 0 0 20px 0; margin: 0 auto; text-align: center;} #footer a{ color: #ffffff;} #footer a:hover{ color: #c90000;} /* header */ #logo{ width: 260px; height: 111px;} #topNav{ width: 657px; height: 78px;} #topNav_inner{ text-align:right; margin-top: 33px; color: #C1DBF2; font-size: 0.82em;} #topNav_inner a{ text-decoration: none; color: #C1DBF2; padding-top: 1px;} #topNav_inner a:hover, #topNav_inner a.stay{ color: #fff; border-top: 2px solid #c90000;} #NavBox{ margin:0; padding:0;} /* 英文版選單 */ .edivisionNav { margin: 0px; padding: 0px; border-collapse: collapse; width: 657px; height: 33px;}/**/ .edivisionNav ul{ margin: 0px; padding: 0px; list-style: none; } .edivisionNav li{ display: inline; } .edivisionNav li a{ float: left; margin: 0px; padding: 0px; display: block; background-image: url(../image/nav_division_e.jpg); height: 33px; overflow: hidden; border: 0px;} #e_nav01 a{ width: 108px; background-position: 0 0;} #e_nav02 a{ width: 110px; background-position: -108px 0;} #e_nav03 a{ width: 110px; background-position: -218px 0;} #e_nav04 a{ width: 110px; background-position: -328px 0;} #e_nav05 a{ width: 111px; background-position: -438px 0;} #e_nav06 a{ width: 108px; background-position: -549px 0;} #e_nav01 a.stay{ background-position: 0 -33px;} #e_nav02 a.stay{ background-position: -108px -33px;} #e_nav03 a.stay{ background-position: -218px -33px;} #e_nav04 a.stay{ background-position: -328px -33px;} #e_nav05 a.stay{ background-position: -438px -33px;} #e_nav06 a.stay{ background-position: -549px -33px;} #e_nav01 a:hover{ background-position: 0 -33px;} #e_nav02 a:hover{ background-position: -108px -33px;} #e_nav03 a:hover{ background-position: -218px -33px;} #e_nav04 a:hover{ background-position: -328px -33px;} #e_nav05 a:hover{ background-position: -438px -33px;} #e_nav06 a:hover{ background-position: -549px -33px;} .hidden{ text-indent: -5000px;} /* 中文版選單 */ .cdivisionNav { margin: 0px; padding: 0px; border-collapse: collapse; width: 657px; height: 33px;}/**/ .cdivisionNav ul{ margin: 0px; padding: 0px; list-style: none; } .cdivisionNav li{ display: inline; } .cdivisionNav li a{ float: left; margin: 0px; padding: 0px; display: block; background-image: url("../image/nav_division_c.jpg"); height: 33px; overflow: hidden; border: 0px;} #c_nav01 a{ width: 108px; background-position: 0 0;} #c_nav02 a{ width: 110px; background-position: -108px 0;} #c_nav03 a{ width: 110px; background-position: -218px 0;} #c_nav04 a{ width: 110px; background-position: -328px 0;} #c_nav05 a{ width: 111px; background-position: -438px 0;} #c_nav06 a{ width: 108px; background-position: -549px 0;} #c_nav01 a.stay{ background-position: 0 -33px;} #c_nav02 a.stay{ background-position: -108px -33px;} #c_nav03 a.stay{ background-position: -218px -33px;} #c_nav04 a.stay{ background-position: -328px -33px;} #c_nav05 a.stay{ background-position: -438px -33px;} #c_nav06 a.stay{ background-position: -549px -33px;} #c_nav01 a:hover{ background-position: 0 -33px;} #c_nav02 a:hover{ background-position: -108px -33px;} #c_nav03 a:hover{ background-position: -218px -33px;} #c_nav04 a:hover{ background-position: -328px -33px;} #c_nav05 a:hover{ background-position: -438px -33px;} #c_nav06 a:hover{ background-position: -549px -33px;} /* 部們連結 */ #division ul{ margin:0; padding:0; list-style-type: none; text-align: center;} #division li{ float: left; margin-right: 10px;} #division img{ margin-bottom: 5px; padding: 5px; border: 1px solid #c5c5c5;} /* 最新消息 */ #NewsBox{ width: 100%; margin: 0 auto; font-size: 0.85em;} #NewsBox ul{ margin: 0; padding: 0; list-style: none;} #NewsBox li{ margin: 0; padding: 3px 0; padding-left: 20px; background-image: url(../image/arrow.gif); background-repeat:no-repeat; background-position: left center; border-bottom: 1px solid #dcdcdc;} #NewsBox li a{ color: #159FDF; text-decoration: none;} #NewsBox li a:hover{ color: #c90000;} #NewsBox span{ color: #888888; margin-right: 6px;} .border_bottom{ background-image: url(../image/line_01.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 8px; margin-bottom: 15px;} /* browse by categories */ #CatalogBox{ width: 240px; border-left: 4px solid #0C71CE;} #CatalogBox ul{ margin: 0; padding: 0; list-style: none;} #CatalogBox li{ background-image: url(../image/line.gif); background-repeat: repeat-x; background-position: left bottom; padding: 8px 0;} #CatalogBox li a{ padding-left:20px; text-decoration: none; color: #565656; font-size: 0.85em;} #CatalogBox li a:hover{ color: #c90000;} #CatalogBox .List span{ font-size: 1.1em;} /* 商品一覽 */ #ProCatalog{ margin:0 auto; color: #555555; background-color: #666666;} #ProCatalog .ImageBox{ float: left; padding: 0px 20px 0px 10px; width: 120px; height: 210px;} #ProCatalog .ImageBox p{ margin-top: 2px; text-align: center;} #ProCatalog .ImageBox img{ border: 1px solid #C7C7C7;} #ProCatalog .ImageBox a{ color: #333333; text-decoration: underline; font-weight: bold;} #ProCatalog .ImageBox a:hover{ color: #c90000; text-decoration: none;}