@charset "UTF-8";
/* CSS Document */

/*header-navi-footer start*/

#header{
	width:943px;
	height:78px;
}
#header-company-logo{
	width:123px;
	height: 55px;
	float:left;
	padding-top: 23px;
}
#header-company-name{
	width:400px;
	height: 55px;
	float:left;
	padding-top: 23px;
}
#header-language{
	background-image: url(../images/header-language-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 22px;
	width: 195px;
	padding-top: 41px;
	float: right;
	text-align:center;
}
.clear{ clear:both;}

#navi{ height:47px; }
#navi-01{float:left;width:106px;height:47px;background-image: url(../images/navi-off.jpg);background-position: 0px 0px;}
#navi-01 a{width:106px;height:47px; display:block; text-indent:-9999px;}
#navi-01:hover{background-image: url(../images/navi-on.jpg);background-position: 0px 0px;}
#navi-01-on{float:left;width:106px;height:47px;background-image: url(../images/navi-on.jpg);background-position: 0px 0px;}
#navi-01-on a{width:106px;height:47px; display:block; text-indent:-9999px;}

#navi-02{float:left;width:126px;height:47px;background-image: url(../images/navi-off.jpg);background-position: -106px 0px;}
#navi-02 a{width:126px;height:47px; display:block; text-indent:-9999px;}
#navi-02:hover{background-image: url(../images/navi-on.jpg);background-position: -106px 0px;}
#navi-02-on{float:left;width:126px;height:47px;background-image: url(../images/navi-on.jpg);background-position: -106px 0px;}
#navi-02-on a{width:126px;height:47px; display:block; text-indent:-9999px;}

#navi-03{float:left;width:126px;height:47px;background-image: url(../images/navi-off.jpg);background-position: -232px 0px;}
#navi-03 a{width:126px;height:47px; display:block; text-indent:-9999px;}
#navi-03:hover{background-image: url(../images/navi-on.jpg);background-position: -232px 0px;}
#navi-03-on{float:left;width:126px;height:47px;background-image: url(../images/navi-on.jpg);background-position: -232px 0px;}
#navi-03-on a{width:126px;height:47px; display:block; text-indent:-9999px;}

#navi-04{float:left;width:126px;height:47px;background-image: url(../images/navi-off.jpg);background-position: -358px 0px;}
#navi-04 a{width:126px;height:47px; display:block; text-indent:-9999px;}
#navi-04:hover{background-image: url(../images/navi-on.jpg);background-position: -358px 0px;}
#navi-04-on{float:left;width:126px;height:47px;background-image: url(../images/navi-on.jpg);background-position: -358px 0px;}
#navi-04-on a{width:126px;height:47px; display:block; text-indent:-9999px;}

#navi-05{float:left;width:126px;height:47px;background-image: url(../images/navi-off.jpg);background-position: -484px 0px;}
#navi-05 a{width:126px;height:47px; display:block; text-indent:-9999px;}
#navi-05:hover{background-image: url(../images/navi-on.jpg);background-position: -484px 0px;}
#navi-05-on{float:left;width:126px;height:47px;background-image: url(../images/navi-on.jpg);background-position: -484px 0px;}
#navi-05-on a{width:126px;height:47px; display:block; text-indent:-9999px;}

#navi-06{float:left;width:126px;height:47px;background-image: url(../images/navi-off.jpg);background-position: -610px 0px;}
#navi-06 a{width:126px;height:47px; display:block; text-indent:-9999px;}
#navi-06:hover{background-image: url(../images/navi-on.jpg);background-position: -610px 0px;}
#navi-06-on{float:left;width:126px;height:47px;background-image: url(../images/navi-on.jpg);background-position: -610px 0px;}
#navi-06-on a{width:126px;height:47px; display:block; text-indent:-9999px;}

#navi-07{float:left;width:126px;height:47px;background-image: url(../images/navi-off.jpg);background-position: -736px 0px;}
#navi-07 a{width:126px;height:47px; display:block; text-indent:-9999px;}
#navi-07:hover{background-image: url(../images/navi-on.jpg);background-position: -736px 0px;}
#navi-07-on{float:left;width:126px;height:47px;background-image: url(../images/navi-on.jpg);background-position: -736px 0px;}
#navi-07-on a{width:126px;height:47px; display:block; text-indent:-9999px;}

#bottom-links{
	height:25px;
	overflow:hidden;
	padding-top: 25px;
	line-height:16px;
	font-size:14px; color:#5f5f5f; text-decoration:none;
}
#bottom-links a{font-size:14px; color:#5f5f5f; text-decoration:none;}
#bottom-links a:hover{font-size:14px; color:#0a67c9; text-decoration:none;}

#footer{
	width:943px;
	background-image: url(../images/footer-line.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom:20px;
}
#footer-company-logo{ float:right; width:74px; height:33px;}
#footer-company-text{
	float:right;
	text-align:right;
	line-height:16px;
	padding-right: 10px;
	padding-top: 2px;
	font-size:12px; color:#9a9a9a;
}

/*header-navi-footer end*/

/*general settng start*/
body{
	padding:0px;
	margin:0px;
	background-color: #F7F7F7;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family:'Microsoft JhengHei';
}
#index-wrapper{
	width: 943px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper{
	width: 943px;
	margin-right: auto;
	margin-left: auto;
}

#content{ overflow:hidden; padding-top:20px;}
#page-left{  float:left; width: 170px; overflow:hidden;  
   /*20141106 update*/
   min-height:639px;
   height:auto !important;
   height:639px;
}   
.page-subnavi-title{
    font-weight: bold;
    background-image: url(../images/page-subnavi-bg.jpg);
	background-repeat: repeat-x;
	height:48px;
	width: 150px;
	/*20140218 update*/
	font-size:15px; 
	color:#414141; 
	text-decoration:none;
}
.page-subnavi-title a{
	height:33px;
	width: 143px;
	padding-top: 15px;
	padding-left: 7px;
	display:block;
	/*20140218 update*/
	font-size:15px; 
	color:#414141; 
	text-decoration:none;
}
.page-subnavi-title a:hover{
    /*20140218 update*/
	font-size:15px;
	color:#0a67c9; 
	text-decoration:none;
}

.page-subnavi-title-on{
    font-weight: bold;
    background-image: url(../images/page-subnavi-bg.jpg);
	background-repeat: repeat-x;
	height:48px;
	width: 150px;
	/*20140218 update*/
	font-size:15px;
	color:#0a67c9; 
	text-decoration:none;
}
.page-subnavi-title-on a{
	height:33px;
	width: 143px;
	padding-top: 15px;
	padding-left: 7px;
	display:block;
	/*20140218 update*/
	font-size:15px; 
	color:#0a67c9; 
	text-decoration:none;
}

.page-subnavi-item{
    background-image: url(../images/page-subnavi-bg.jpg);
	background-repeat: repeat-x;
	height:48px;
	width: 150px;
	/*20140218 update*/
	font-size:15px;
    color:#414141; 
	text-decoration:none;
}
.page-subnavi-item a{
	height:33px;
	width: 143px;
	padding-top: 15px;
	padding-left: 7px;
	display:block;
	/*20140218 update*/
	font-size:15px;
    color:#414141; 
	text-decoration:none;
}
.page-subnavi-item a:hover{
    /*20140218 update*/
	font-size:15px;
    color:#0a67c9; 
	text-decoration:none;
}

.page-subnavi-item-on{
    background-image: url(../images/page-subnavi-bg.jpg);
	background-repeat: repeat-x;
	height:48px;
	width: 150px;
	/*20140218 update*/
	font-size:15px;
    color:#0a67c9; 
	text-decoration:none;
}
.page-subnavi-item-on a{
	height:33px;
	width: 143px;
	padding-top: 15px;
	padding-left: 7px;
	display:block;
	/*20140218 update*/
	font-size:15px;
    color:#0a67c9; 
	text-decoration:none;
}

#page-mid{ float:left; width:478px; overflow:hidden;}
#breadcrumb{ text-align:right; height:18px;}
#page-mid-title{ 
    height:25px; 
	/*20140218 update*/
	font-size:15px; 
	font-weight:bold; 
	color:#414141;
}
#page-mid-txt{ overflow:hidden; line-height:20px;}

#page-mid-news{overflow:hidden;}

/*2014/12/04 update start*/
#page-mid-news-box{ width:478px;height: 46px;overflow:hidden;background-image: url(../images/page-mid-news-title.jpg);background-repeat: no-repeat;background-position: 0px 0px;
	}
#page-mid-news-title{
	width:100px;
	height: 46px;
	text-indent:-999px;
	float:left;
	}
#page-mid-news-more{
	width:100px;
	height: 22px;
	padding-top:24px;
	float:right;
	text-align: right;
}
/*2014/12/04 update end*/


#page-mid-news-box{
	padding-bottom:0px;
}
.page-mid-news-item{
	overflow:hidden;
	background-image: url(../images/page-mid-news-item-bg.gif);
	background-position: bottom;
	height: 23px;
	background-repeat: no-repeat;
	padding-top: 8px;
	line-height:18px;
}
.page-mid-news-txt{
	float:left;
	width:387px;
	padding-left:13px;
}
.page-mid-news-date{
	float:left;
	width:78px;
	color:#9d9d9d;
}

#page-right{float:right; width:270px; overflow:hidden;}
#page-right-search{ overflow:hidden;}
#page-right-search-title{
    background-image: url(../images/page-right-search-title.jpg);
	background-repeat: no-repeat;
	height: 31px;
	text-indent:-999px;
	background-position: 0px 0px;}
#page-right-search-box{
	overflow:hidden;
	padding-top:20px;
	height: 45px;
}
#page-right-search-box-01{float:left;width:62px;padding-top: 5px;padding-left: 10px;}
#page-right-search-box-02{ float:left; width:140px;}
#page-right-search-box-03{ float:left; width:50px; padding-top:1px;}

#page-right-stock{ overflow:hidden; padding-bottom:20px;}

.table-01{
	background-image: url(../images/page-right-tab-box-table-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.th-01{ background-color:#f2f2f2; color:#272828; font-size:13px; height:19px; line-height:15px;}
.tr-01{
	color:#62605d;
	font-size:13px;
	line-height:21px;
	background-image: url(../images/index-right-dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.td-01{ padding-left:5px;}
.td-02{ padding-right:5px; text-align:right;}

#page-right-stock-note{ padding-top:8px;}

#page-right-data-supplier{overflow:hidden;}
/*general settng end*/


/*index.html  start*/
#nav {
	z-index: 50;
	position: absolute;
	top: 15px;
	left: 10px;
	font-size:11px;
	filter : alpha(opacity=80); /* IE, 0 ~ 100 */
    opacity : 0.8; /* Others, 0 ~ 1 */
}

#nav a {
	margin: 0px 3px;
	padding: 3px 5px;
	text-decoration: none;
	text-indent:-9999px;
	color:#333333;
	background-color: #CCCCCC;
}
#nav a.activeSlide {
	background: #fff;
	color:#333333;
}
#nav a:focus { outline: none; }

#index-left{ float:left; width:660px;}
#index-right{ float:right; width:270px; overflow:hidden;}
#index-right-news{overflow:hidden;padding-bottom:15px;}

/*2014/12/01 update start*/
#index-right-news-title-box{ width:270px;height: 28px;overflow:hidden;background-image: url(../images/index-right-title-01.jpg);background-repeat: no-repeat;background-position: -2px 0px;
	}
#index-right-news-title{
	width:100px;
	height: 28px;
	text-indent:-999px;
	float:left;
	}
#index-right-news-more{
	width:100px;
	height: 24px;
	padding-top:4px;
	float:right;
	text-align: right;
}
/*2014/12/01 update end*/

#index-right-news-box{overflow:hidden;}
.index-right-news-item{
	overflow:hidden;
	background-image: url(../images/index-right-dotline.gif);
	background-position: bottom;
	height: 23px;
	background-repeat: no-repeat;
	padding-top: 8px;
	line-height:18px;
}
.index-right-news-txt{
	float:left;
	width:172px;
	padding-left:13px;
}
.index-right-news-date{
	float:right;
	width:85px;
}
#index-right-links{overflow:hidden;}

#index-right-links-title{
	background-image: url(../images/index-right-title-02.jpg);
	background-repeat: no-repeat;
	height: 29px;
	text-indent:-999px;
	background-position: -2px 0px;
}

#index-right-links-box{
	line-height:24px;
	padding: 10px;
}
#index-right-links-box ul{
	margin:0px;
	padding-left: 15px;
}
/*index.html end*/

/*notice.html and privacy.html start*/
#page-notice-privacy{ overflow:hidden; width:647px; float:left;}
#page-notice-privacy-pic{ width:647px; height:200px;}
#page-notice-privacy-title{height:25px; padding-top:20px;}
#page-notice-privacy-txt{overflow:hidden; line-height:20px;}
/*notice.html and privacy.html send*/

/*sitemap.html start*/
#page-sitemap{ width:941px; overflow:hidden;}
#page-sitemap-area{
	padding-top: 15px;
	padding-bottom: 55px;
}
.page-sitemap-box{
	float:left;
	width:156px;
}
.page-sitemap-box-title{
    font-weight: bold;
    background-image: url(../images/page-subnavi-bg.jpg);
	background-repeat: repeat-x;
	height:48px;
	width: 150px;
	/*20140218 update*/
	font-size:15px;
    color:#414141; 
	text-decoration:none;
}
.page-sitemap-box-title a{
	height:33px;
	width: 143px;
	padding-top: 15px;
	padding-left: 7px;
	display:block;
	/*20140218 update*/
	font-size:15px;
    color:#414141; 
	text-decoration:none;
}
.page-sitemap-box-title a:hover{
   /*20140218 update*/
	font-size:15px;
    color:#0a67c9; 
	text-decoration:none;
}
.page-sitemap-box-item{
    background-image: url(../images/page-subnavi-bg.jpg);
	background-repeat: repeat-x;
	height:48px;
	width: 150px;
	/*20140218 update*/
	font-size:15px;
    color:#414141; 
	text-decoration:none;
}
.page-sitemap-box-item a{
	height:33px;
	width: 143px;
	padding-top: 15px;
	padding-left: 7px;
	display:block;
	/*20140218 update*/
	font-size:15px;
    color:#414141; 
	text-decoration:none;
}
.page-sitemap-box-item a:hover{
    /*20140218 update*/
	font-size:15px;
    color:#0a67c9; 
	text-decoration:none;
}
/*sitemap.html end*/

/*font-style start*/
.font-3db104{ color:#3db104;}
.font-eb5431{ color:#eb5431;}

/*12*/
.font-12-9a9a9a{ font-size:12px; color:#9a9a9a;}

.font-12-7d7d7d,.font-12-7d7d7d a{font-size:12px; color:#7d7d7d;text-decoration:none;}
.font-12-7d7d7d a:hover{font-size:12px; color:#414141;text-decoration:none;}

.font-12-414141,.font-12-414141 a{font-size:12px; color:#414141;text-decoration:none;}

.font-12-999795{ font-size:12px; color:#999795;}
/*13*/
.font-13-afaeae,.font-13-afaeae a{ font-size:13px; color:#afaeae; text-decoration:none;}
.font-13-afaeae a:hover{ font-size:13px; color:#707070; text-decoration:none;}

.font-13-707070,.font-13-707070 a{ font-size:13px; color:#707070; text-decoration:none;}

.font-13-414141,.font-13-414141 a{ font-size:13px; color:#414141; text-decoration:none;}
.font-13-414141 a:hover{ font-size:13px; color:#38a4f1; text-decoration: underline;}

/*14*/
.font-14-5f5f5f,.font-14-5f5f5f a{font-size:14px; color:#5f5f5f; text-decoration:none;}
.font-14-5f5f5f a:hover{font-size:14px; color:#0a67c9; text-decoration:none;}

/*17*/
.font-17b-414141{font-size:17px; color:#414141; text-decoration:none; font-weight:bold;}

.textarea-01{
	width:126px;
	border: 1px solid #bababa;
}
.btn-01{
	background-image: url(../images/page-right-search-btn.jpg);
	height: 21px;
	width: 43px;
	border:none;
	cursor:pointer;
	color:#616467;
}
/*font-style end*/