@charset "UTF-8";
/* CSS Document */
span.dot { height: 0; padding: 0; margin: 0; clear: both; display: block; }


div.imain{height:128px;background:url(/img/headbg.png) top repeat-x}
div.imain span.logo{width:191px;height:61px;position:absolute;left:31px;top:12px;background:url(/img/logo2.png) no-repeat;display:block}
div.imain span.logo a{text-indent:-999999px;display:block;width:191px;height:61px}
div.imain span.logo h1{visibility:hidden}
div.imain span.sl{text-indent:-999999px;width:200px;height:15px;position:absolute;right:15px;top:12px;background:url(/img/sl.png) no-repeat;display:block}

div.imain .b950px{height:128px;position:relative;z-index:99}
div.imain ul{overflow:hidden;list-style:none;padding-top:39px;padding-right:7px;margin-bottom:5px}
div.imain ul li{float:right}
div.imain ul li a{display:block;height:39px;line-height:37px;font-size:14px;color:#644d00;text-decoration:none}
div.imain ul li.b01 a{width:125px;padding-left:51px;background:url(../images/b01.png) left top no-repeat}
div.imain ul li.b02 a{width:74px;padding-left:51px;background:url(../images/b02.png) left top no-repeat}
div.imain ul li.b03 a{width:77px;padding-left:48px;background:url(../images/b03.png) left top no-repeat}
div.imain ul li.b04 a{width:43px;background:url(../images/b04.png) left top no-repeat;text-indent:-999999px}
div.imain ul li a:hover{background-position:right top}
div.imain div.nav{height:43px}
div.imain div.nav span{height:43px;float:left;display:block;position:relative;z-index:9999}
div.imain div.nav span:hover{background:url(../images/headbgo.png) top repeat-x}
div.imain div.nav span.line,header nav span.line:hover{width:2px;overflow:hidden;height:43px;background:url(../images/line02.png) right bottom no-repeat}
div.imain div.nav span menu {
	display: none;
/*    display: block !important;*/
    list-style: none;
    border: 1px solid #b8b8b8;
    border-top: 1px solid #cac9c9;
    width: 349px;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 99999;
    padding-bottom: 12px;
    background: url(../images/popbg.png) bottom repeat-x;
    width: 950px;
    box-sizing: border-box;
}
div.imain div.nav span menu >li{margin:0 2px;border-top:1px solid #b4b4b4;overflow:hidden;padding:12px 20px;padding-right:0}
div.imain div.nav span menu li:first-child{margin:0}
div.imain div.nav span menu a{color:#3885cd;display:block;height:67px;line-height:67px;font-size:15px;text-decoration:none;text-indent:0;padding-left:66px;font-family:Verdana,Microsoft JhengHei,"微軟正黑體",sans-serif}
div.imain div.nav span menu a:hover{color:#f60}
div.imain div.nav span menu li:first-child a{border-top:none}
div.imain div.nav span menu .pro_tit,div.imain div.nav span menu h5 {
    float: left;
    display: block;
    position: relative;
    color: #8a7940;
    font-size: 18px;
    font-weight: bold;
    width: 90px;
    margin-top: 10px;
    padding-left: 25px;
}

div.imain div.nav span menu .pro_tit:after {
    position: absolute;
    content: '';
    border: 6px solid transparent;
    border-left-color: #8a7940;
    display: block;
    left: 12px;
    top: 50%;
    margin-top: -5px;
}
div.imain div.nav span menu ul{float:left;width:809px;padding:0}
div.imain div.nav span menu ul li{overflow:hidden;float:left!important;width:30%}

div.imain div.nav span menu li.p01 {
    background: url(../images/m01.png) left center no-repeat;
    width: 29%;
}

div.imain div.nav span menu li.p02 {
    background: url(../images/m02.png) left center no-repeat;
    width: 35%;
}

div.imain div.nav span menu li.p03 {
    background: url(../images/m03.png) left center no-repeat;
    width: 28%;
}

div.imain div.nav span menu li.p04 {
    background: url(../images/m04.png) left center no-repeat;
    width: 35%;
}

div.imain div.nav span menu li.p05 {
    background: url(../images/m05.png) left center no-repeat;
    width: 29%;
}

div.imain div.nav span menu li.p06 {
    width: 36%;
}

div.imain div.nav span menu li.p07 {
    background: url(../images/m07.png) left center no-repeat;
    width: 29%;
}

div.imain div.nav span menu li.p08 {
    background: url(../images/m08.png) left center no-repeat;
    width: 29%;
}

div.imain div.nav span menu li.p09 {
    background: url(../images/m09.png) left center no-repeat;
    width: 29%;
}

div.imain div.nav span menu li.p10 {
    background: url(../images/m10.png) left center no-repeat;
    width: 35%;
}

div.imain div.nav span menu li.p11 {
    background: url(../images/m11.png) left center no-repeat;
    width: 35%;
}

div.imain div.nav span menu li.p12 {
    background: url(../images/m12.png) left center no-repeat;
    width: 36%;
}

div.imain div.nav span menu li.p13 {
    background: url(../images/m13.png) left center no-repeat;
    width: 35%;
}

div.imain div.nav span menu li.p14 {
	background: url(../images/m14.png) left center no-repeat;
    width: 28%;
}

div.imain div.nav span menu li.p01 a {
    background: url(../images/m01.png) left center no-repeat;
}

div.imain div.nav span menu li.p02 a {
    background: url(../images/m02.png) left center no-repeat;
}

div.imain div.nav span menu li.p03 a {
    background: url(../images/m03.png) left center no-repeat;
}

div.imain div.nav span menu li.p04 a {
    background: url(../images/m04.png) left center no-repeat;
    line-height: 1.2;
}

div.imain div.nav span menu li.p04 a font {
    margin-top: 15px;
    float: left;
    display: block;
}

div.imain div.nav span menu li.p05 a {
    background: url(../images/m05.png) left center no-repeat;
}

div.imain div.nav span menu li.p07 a {
/*    line-height: 1.2;*/
}

div.imain div.nav span menu li.p07 a font {
    margin-top: 15px;
    float: left;
    display: block;
}

div.imain div.nav span menu li.p09 a {
	line-height: 1.2;
}

div.imain div.nav span menu li.p09 a font {
    margin-top: 15px;
    float: left;
    display: block;
}

div.imain div.nav span menu li.p11 a {
    line-height: 1.2;
}

div.imain div.nav span menu li.p11 a font {
    margin-top: 15px;
    float: left;
    display: block;
}

div.imain div.nav span menu li.p12 a {
    line-height: 1.2;
}

div.imain div.nav span menu li.p12 a font {
    margin-top: 15px;
    float: left;
    display: block;
}

div.imain div.nav span menu li.p13 a {
    line-height: 1.2;
}

div.imain div.nav span menu li.p13 a font {
    margin-top: 15px;
    float: left;
    display: block;
}
div.imain div.nav a{display:block;height:43px;text-indent:-99999px}
div.imain div.nav a.b05{width:206px;background:url(../images/b05.png) center center no-repeat}
div.imain div.nav a.b06{width:137px;background:url(../images/b06.png) center center no-repeat}
div.imain div.nav a.b07{width:147px;background:url(../images/b07.png) center center no-repeat}
div.imain div.nav a.b08{width:136px;background:url(../images/b08.png) center center no-repeat}
div.imain div.nav a.b09{width:155px;background:url(../images/b09.png) center center no-repeat}
div.imain div.nav a.b10{width:155px;background:url(../images/b10.png) center center no-repeat}
div.imain div.nav a.b11 {
    width: 152px;
    background: url(../images/b11.png) center center no-repeat;
}
div.imain div.nav a.b12 {
    width: 150px;
    background: url(../images/b12.png) center center no-repeat;
}
div.imain div.nav span menu.menu_t2 {
/*	display: block !important;*/
	width: 150px;
	padding-bottom: 0;
}
div.imain div.nav span menu.menu_t2 ul {
	width: auto;
	margin-bottom: 0;
	background: url(../images/popbg-02.png);
}
div.imain div.nav span menu.menu_t2 a {
	color: #806C47;
	padding-left: 55px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
div.imain div.nav span menu.menu_t2 li {
	width: 100%;
	border-bottom: 2px solid #dddddd;
}
div.imain div.nav span menu.menu_t2 li.last {
	border-bottom: 0;
}
div.imain div.nav span menu.menu_t2 li.n01 {
    background: url(../images/menu-icon-sound.png) 15px center no-repeat;
}
div.imain div.nav span menu.menu_t2 li.n02 {
    background: url(../images/menu-icon-cal.png) 15px center no-repeat;
}
div.imain div.nav span menu li.p06 a{background:url(../images/m06.png) left center no-repeat}

div.footer { font-size: 11px; text-align: center; padding-bottom: 35px; color: #666;}
div.footer div.nav { height: 39px; padding-bottom: 10px; margin: auto; margin-bottom: 20px; min-width: 980px; background: url(/img/footbg.png) top repeat-x; }
div.footer div.nav div { width: 947px; overflow: hidden; margin: auto; }
div.footer div.nav a { display: block; float: left; height: 39px; line-height: 39px; color: #644d00; text-decoration: none; width: 187px; font-size: 15px; }
div.footer div.nav a font { background: url(/img/icon01.png) left -5px no-repeat; padding-left: 26px; }
div.footer div.nav span.line { display: block; float: left; background: url(/img/line01.png) center bottom no-repeat; height: 39px; width: 2px; }
div.footer div.nav a:hover { background: url(/img/footbgo.png) top repeat-x; }


.b950px { width: 950px; position: relative; margin: auto; position: static\9; }

.foot { width: 951px; margin: auto;}
.foot a.top { display: block; float: right; width: 122px; height: 18px; background: url(/img/top.png) left top no-repeat; text-indent: -999999px; margin: 0 10px 12px 0; }
.foot a.top:hover { background-position: right top; }
.foot .box { /*border-top: 1px dotted #b1a67f;*/ clear: both; padding-bottom: 16px; overflow: hidden; }
.foot .box span { text-indent: -9999px; float: left; height: 86px; }
.foot .box span.f01 { background: url(/img/f01.png) left top no-repeat; width: 210px; }
.foot .box span.f02 { background: url(/img/f02.png) left top no-repeat; width: 251px; }
.foot .box span.f03 { background: url(/img/f03.png) left top no-repeat; width: 223px; }
.foot .box span.f04 { width: 134px; }
.foot .box span.f04 a { display: block; width: 123px; height: 69px; background: url(/img/f04.png) left top no-repeat; position: relative; top: 19px; left: 6px; }
.foot .box span.f04 a:hover { background-position: right top; }
.foot .box span.f05 { background: url(/img/f05.png) 15px 19px no-repeat; width: 130px; }
.foot .box span.f05 a { display: block; width: 130px; height: 80px; }



/* navigation */
#tab_nav { width: 178px; float: right; padding: 0 9px; }
#tab_nav ul { list-style: none; }
#tab_nav li { padding-top: 12px; }
#tab_nav a { }
#tab_nav a.current { }
#tab_nav img { border:1px solid #a5a5a5; }
#tab_nav a:hover img, #tab_nav a.current img { border-color: #ff6600; }




/* sales */
header.omain, div.omain { height: 89px; background: url(../images/headbg02.png) top repeat-x; }
header.omain .b950px h1, div.omain .b950px h1 { padding: 12px 0 0 38px; }


/* navigation */
#tab_nav2 {  }
#tab_nav2 ul { list-style: none; overflow: hidden; padding: 5px 0; }
#tab_nav2 li { width: 113px; height: 117px; float: left;  margin-left: 6px; }
#tab_nav2 li a { border:1px solid #663300; display: block; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
#tab_nav2 li a.current, #tab_nav2 li a:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
#tab_nav2 ul li:first-child { margin-left: 0; }
#tab_nav a { }
#tab_nav a.current { }
#tab_nav img {  }
#tab_nav a:hover img, #tab_nav a.current img {   }

#hdr { z-index: 101; position: relative; }

/* h1 */
#heading-section {
    background: #EAE7D6;
    color: #9C903E;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, "微軟正黑體", sans-serif;
}

#heading-section h1,
#heading-section p {
    display: inline;
    font-weight: normal;
    color: #9C903E;
    font-size: 71%;
    line-height: 1.5;
}

#heading-section #heading-box {
    width: 890px;
    text-align: left;
    font-size: 71%;
    line-height: 1.5;
    margin: 0 auto;
    padding: 1px 0;
    overflow: hidden;
    zoom: 1;
}