#main-content { width:100%; background:url(../images/bg-sub.gif) no-repeat center top; text-align:center;}
#main-content .content { width:1110px; background:url(../images/bg-sub2.gif) repeat-y center; margin:0 auto; text-align:left; padding-bottom:20px;}
#main-content .mleft { width:200px; float:left;}
#main-content .mleft .titleimg { width:200px; width:137px;}
#main-content .mright { width:910px; float:right;}
#main-content .mright .visual { width:910px; height:138px;}
#main-content .mright .content-txt { width:837px; margin-left:35px; text-align:left; font-size:13px; color:#333333; padding-top:35px;}
#main-content .mright .content-txt h1{ font-size:24px; float:left;}
#main-content .mright .content-txt .location{ font-size:11px; float:right; line-height:30px;}
#main-content .mright .content-txt .location a{ font-size:11px; color:#333; padding:0 10px;}
#main-content .mright .content-txt .location a:hover{  color:#3366cc;}
#main-content .mright .content-txt .location strong{ font-size:11px; color:#3366cc; padding-right:0px; padding-left:10px; font-weight:normal;}
#main-content .mright .content-txt .clear{ height:30px; clear:both;}
#main-content .content:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
#main-content .mright .content-txt .subtitle { font-size:14px; line-height:36px; background:url(../images/bg-subtitle.gif) no-repeat top left; color:#0363b2; font-weight:bold;}
#main-content .mright .content-txt .subtitle-line { height:37px; background:url(../images/bg-line.gif) repeat-x top;}
#main-content .mright .content-txt .summary{color:#333; line-height:30px; padding-bottom:30px;}
#noinfo_tb{	width:100%;	border:1px solid #F2F2F2; color:#484848; font-size:13px; text-align:center; padding:40px 0px; border-top:#0050a9 3px solid; margin-top:10px;}

#tool { width:134px; height:296px; background:url(../images/bg-tool.gif) no-repeat top right; position:fixed; top:250px; right:0;}
#tool .mail { width:134px; height:61px;}
#tool .mail img{ width:134px; height:60px; }
#tool .mail-ov { width:134px; height:60px; display:none; position:absolute; }
#tool .mail:hover > .mail-ov { display:block;}

#tool .inquiry { width:134px; height:60px;}
#tool .inquiry img{ width:134px; height:60px; }
#tool .inquiry-ov { width:134px; height:60px; display:none; position:absolute;  }
#tool .inquiry:hover > .inquiry-ov { display:block;}

#tool .map { width:134px; height:63px;}
#tool .map img{ width:134px; height:63px; }
#tool .map-ov { width:134px; height:63px; display:none; position:absolute;  }
#tool .map:hover > .map-ov { display:block;}

#tool .home{ width:134px; height:55px;}
#tool .home img{ width:134px; height:55px; }
#tool .home-ov { width:134px; height:55px; display:none; position:absolute;  }
#tool .home:hover > .home-ov { display:block;}

#tool .top{ width:51px; height:59px;}
#tool .top img{ width:134px; height:59px; }
#tool .top-ov { width:134px; height:59px; display:none; position:absolute;  }
#tool .top:hover > .top-ov { display:block;}

/**********************次選單***********************************/
#submenu{width:199px;}
#submenu-down{background:url(../images/bg-submenudown.gif) bottom no-repeat; height:15px;}
#submenu-list dl {margin:0 auto; margin-top:0px; width:199px; text-align:left; font-size:13px;word-break:keep-all; }
#submenu-list dt a{	display:block; background-color:#f2f2f2; color:#333333;	padding:12px 0px; border-bottom:#ffffff 1px solid; padding-left:15px; padding-right:10px;}
#submenu-list dt a:hover { background-color:#1b5cbc;	color:#ffffff;}
#submenu-list dt.submenuOver a{ background:url(../images/bg-submenu.gif) repeat-y left; color:#003399; font-weight:bold; border-bottom:none;}
#submenu-list dd{padding:0px; margin:0px; background:url(../images/bg-sitemap-2.gif) no-repeat top left; color:#003399;}
#submenu-list dd a{display:block; color:#666; padding:6px; font-size:12px; padding-left:25px;}
#submenu-list dd a:hover,#submenu-list dd.submenusubOver a{color:#0363b2;}
#submenu-list dd.last a{border-bottom:#e7e8e6 1px solid; background:url(../images/bg-submenu.gif) bottom left no-repeat; padding-bottom:15px;}

/**********************prod***********************************/
#prodlist {width:264px; float:left; margin-right:7px; margin-left:8px; margin-bottom:15px; }
#prodlist .top{width:264px; background:url(../images/bg-pd1.gif) no-repeat center top; text-align:center; height:310px;}
#prodlist .dw{width:264px; background:url(../images/bg-pd2.gif) no-repeat center top; height:14px;}
#prodlist .txt{width:239px; margin:0 auto; text-align:left; padding-top:15px;}
#prodlist .txt img{width:239px;}

#prodlist .txt h2{ font-size:15px; color:#0363b2; font-weight:bold; padding-top:15px; padding-bottom:15px;}
#prodlist .txt h2 a{font-size:15px; color:#0363b2; font-weight:bold; line-height:18px;  }
#prodlist .txt h2 a:hover,#submenu-list dd.submenusubOver a{color:#0363b2; }
#prodlist .txt h3{ color:#333; font-size:13px; line-height:18px; }
#prodlist .txt:hover > h3 a{color:#0363b2;}
#prodlist .txt:hover > h2 a{color:#0363b2;}
#prodlist .txt:hover > img {filter:alpha(opacity=70);opacity:0.7;}

#prodlist2 {width:264px; float:left; margin-right:7px; margin-left:8px; margin-bottom:15px; }
#prodlist2 .top{width:264px; background:url(../images/bg-pd1.gif) no-repeat center top; text-align:center; height:150px;}
#prodlist2 .dw{width:264px; background:url(../images/bg-pd2.gif) no-repeat center top; height:14px;}
#prodlist2 .txt{width:239px; margin:0 auto; text-align:left; padding-top:15px;}
#prodlist2 .txt img{width:239px;}

#prodlist2 .txt h2{ font-size:15px; color:#0363b2; font-weight:bold; padding-top:15px; padding-bottom:15px;}
#prodlist2 .txt h2 a{font-size:15px; color:#0363b2; font-weight:bold; line-height:18px;  }
#prodlist2 .txt h2 a:hover,#submenu-list dd.submenusubOver a{color:#0363b2; }
#prodlist2 .txt h3{ color:#333; font-size:13px; line-height:18px; }
#prodlist2 .txt:hover > h3 a{color:#0363b2;}
#prodlist2 .txt:hover > h2 a{color:#0363b2;}
#prodlist2 .txt:hover > img {filter:alpha(opacity=70);opacity:0.7;}

#pds { width: 185px;
    display: inline-block;
    height: 240px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;}
#pds .img{width:185px; height:185px;  background-color:#e8e6e6; text-align:center; }
#pds .img img{border:#e8e6e6 6px solid; }
#pds h2 { font-size:14px; padding-top:10px; padding-bottom:10px; text-align:center; font-weight:bold;}
#pds a:hover img{ border:#0363b2 6px solid; }
#pds a:hover h2{color:#06F;}

#pdtitle{ width:166px; float:left; margin-bottom:10px;}
#pdinfo{ width:671px; float:right; margin-bottom:10px; overflow-x:scroll; overflow-y:hidden;}
.pdtbbox table{border-collapse:collapse; width:100%;}
.pdtbbox {border-right:#ccc 1px dashed;}
.pdtbbox th{ background:url(../images/bg-pdtitle.gif) repeat-x top;padding:5px 10px; border:#ccc 1px dashed;  text-align:center; font-weight:normal;}
.pdtbbox td{padding:0px 2px; border:#ccc 1px dashed; min-height:85px; background-color:#fff; height:85px; text-align:center; font-size:12px;} 
 
.pdtbbox2 {border-right:#ccc 0px dashed;}
.pdtbbox2 th{ background:url(../images/bg-pdtitle.gif) repeat-x top;padding:5px 10px; border:#ccc 1px dashed;  text-align:center; font-weight:normal;}
.pdtbbox2 td{padding:0px 2px; border:#ccc 1px dashed; min-height:85px; background-color:#fff; height:85px; text-align:center; font-size:12px;}  



/*************************最新消息******************************/	
/*****sty1******/
.newsList{padding:0px; margin-bottom:20px; }
.newsList .floatLeft img{ width:100%; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc; box-shadow: 0px 0px 20px #ccc; border:1px #fff solid; }
.newsList h2{color:#333; font-size:15px; padding-bottom:10px;}
.newsList h2 a{color:#0363b2; font-weight:bold;}
.newsList h2 a:hover{color:#0066ff; text-decoration:underline;}
.newsList .date{width:50%; float:left; font-size:11px; color:#999;}
.newsList .tool{width:45%; float:right; text-align:right;}
.newsList .summary2{font-size:12px; line-height:20px; clear:both; color:#555; padding-top:10px;}
.newsList .more{color:#F90; font-size:12px; padding-top:10px;}
.newsList .more a{color:#0363b2;}
.newsList .more a:hover{color:#0066ff; text-decoration:underline;}
.newsList .line{border-bottom:#ccc 1px dashed; height:10px;}

/*********Detail**********/
.newsDetail{padding-top:0px;}
.newsDetail h2{font-size:13px; font-weight:bold; background:url(../images/bg-td.gif) repeat-x bottom; line-height:44px; color:#333;word-break:break-all;word-wrap:break-word;overflow:hidden; border-top:#003399 3px solid; margin-bottom:10px; padding-left:5px;}
.newsDetail .date{width:50%; float:left; font-size:11px; color:#666;}
.newsDetail .tool{width:50%; float:right; font-size:11px; color:#666; text-align:right; padding-top:5px;}
.newsDetail .txt{clear:both; padding-top:15px; word-break:keep-all;  font-family:Arial, Helvetica, sans-serif; line-height:21px;}
.othernews{clear:both; margin-top:20px; padding-top:20px;word-break:break-all;word-wrap:break-word;overflow:hidden}
.othernews p{border-bottom:#e9e9e9 1px solid; font-size:14px; font-weight:bold; color:#000;}
.othernews ul{list-style-position: outside;; margin:10px;}
.othernews li{list-style-type:circle; margin-left:10px; padding-bottom:8px;}
.othernews .date{font-size:11px; color:#999;}
.othernews .more{color: #333; font-size:12px; font-weight:bold; padding-top:15px;}
.othernews .more a:link{color: #333; text-decoration:none;}
.othernews .more a:hover{color:#ff6600; text-decoration:underline;}	
.othernews .more a:visited{color: #333; text-decoration:none;}

/*************************store******************************/	
#mapbg{ width:838px; height:364px; background:url(../images/bg-map.gif) no-repeat center top; text-align:center; margin-bottom:20px; margin-top:10px;}
#mapbg a.asia{ width:37px; height:17px; position:absolute; margin-top:124px; margin-left:533px; display: block;}
#mapbg a.asia img{ width:37px; height:17px;}
#mapbg a.oceania{ width:61px; height:17px; position:absolute; margin-top:267px; margin-left:591px; display: block;}
#mapbg a.oceania img{ width:61px; height:17px;}
#mapbg a.europe{ width:55px; height:23px; position:absolute; margin-top:124px; margin-left:425px; display: block;}
#mapbg a.europe img{ width:55px; height:23px;}
#mapbg a.africa{ width:44px; height:19px; position:absolute; margin-top:211px; margin-left:420px; display: block;}
#mapbg a.africa img{ width:44px; height:19px;}
#mapbg a.north{ width:68px; height:33px; position:absolute; margin-top:114px; margin-left:195px; display: block;}
#mapbg a.north img{ width:68px; height:33px; }
#mapbg a.south{ width:63px; height:42px; position:absolute; margin-top:244px; margin-left:263px; display: block;}
#mapbg a.south img{ width:63px; height:42px; }

#maplist{ width:838px; height:136px; background:url(../images/bg-maplist.gif) no-repeat center top;}
#maplist .txt{ padding:20px;}
#maplist .txt .maplogo{ width:174px; height:92px; float:left;}
#maplist .txt .mapinfo{ width:522px; height:92px; float:left; margin-left:40px;}
#maplist .txt .mapinfo h2{ font-size:14px; color:#0066cc; padding-bottom:15px; font-weight:bold;}
#maplist .txt .mapinfo .info{ font-size:12px; color:#333; line-height:18px; }
.mapformselect{}
/* ======================= */
/* 下拉選單區塊  */
/* ======================= */
.select_menu { margin: 0px;   padding: 0px; height:33px; background:url(../images/bg-select.png) no-repeat top left; line-height:33px; width:170px; float:left; margin-right:5px; } 
.select_menu ul li {	display: block;	float: left;	position: relative;  }
.select_search{  height:33px;  line-height:33px; float:left; margin-right:5px;} 
/* ======================= */
/* 下拉選單的高度－可自修改 */
/* ======================= */
.select_menu ul li ul {	margin: -4px 0 0;	display: none;	position: absolute;	width: 170px; background: #fff;	z-index: 350;		overflow-x:hidden; overflow-y:auto;	border-image: initial; border:1px dashed #999;} 
.select_menu ul li ul li {	background: #fff;} 
.select_menu ul li ul li a {	display: block;	padding: 0 10px;	font-size: 13px;	overflow: hidden;	line-height: 29px;	color:#333;}
.select_menu,.option_list{ width:170px;} 
/* ======================= */
/* 子層選單 */
/* ======================= */
.select_menu ul li ul li ul.children{
	display: none;	position: inherit;	width: 100%;	z-index:none;	border: 0;	height:inherit;} 
.select_menu ul li ul li ul.children li a{}
.option_selected {        color: #fff;    display: block;    font-size: 13px;     position: relative;     height:37px;  z-index: 9400; line-height:37px; padding-left:15px; font-family:微軟正黑體; } 
.option_list li{	float:none;	width:100%;} 
.option_list a{ color:#fff;  line-height:33px; font-size:14px; font-family:微軟正黑體;} 
.option_list { width:170px;} 
/* ======================= */
/* 滑入選項變色－可自修改*/
/* ======================= */
.hovered_item{	background: #eee;	font-weight: bold;	color:#333;}


/***********************聯絡我們表單*******************/

/*****contact******/
#contact2{border:#ebebeb 0px solid; margin-top:10px; background:url(../images/bg-contactus.jpg) no-repeat left top; height:420px; padding:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:1px; border:#e9e9e9 1px solid; box-shadow:0 0px 5px #ccc; -webkit-box-shadow:0 0px 8px #ccc; -moz-box-shadow:0 0px 8px #ccc; padding:10px; border-top:3px #5a98c5 solid; border-top:#5a98c5 3px solid; padding-bottom:60px; }
.contact2{margin:1px; background:url(../images/bg-form2.gif) top repeat-x;}
#contactInfo{width:280px;}
.contactInfo strong{ color:#1f3a81;}
.contactInfo  a{color:#1f3a81;}
#contactInfo .contactInfo{padding:10px 0px 0px; font-size:13px; color:#666;}
#contactInfo h1{font-size:18px; padding-bottom:10px; color:#333; }
#caform{width:500px; border-left:#ebebeb 0px solid; float:right; margin-right:10px;}
#caform .caform{ padding-left:20px; padding-top:20px;}
#caform .itemtitle{  float:left; width:18%; padding-left:8px; border-left:2px #03C solid; font-size:13px; }
#caform .itemform{padding-bottom:8px; float:right; width:70%;}
#caform .itemform input,textarea{font-size:11px; padding:2px 2px; color:#666; height:16px; border:#ddd 1px solid; background-color:eee; }
#caform .bt{padding-top:10px;}

#msg{font-size:11px; color:#999;}
.redstar{font-size:10px; color:#F00;}
.contactdw{background:url(../images/bg-pdtb-dw.gif) top center no-repeat; height:29px;}
.CInfo{margin-top:0px;  padding-top:20px; border-top:#eee 0px solid;}
.CInfo ul{padding-top:10px;}
.CInfo li{background:url(../images/icon/arrow4-gray.gif) 0 5px no-repeat; padding-left:16px; color:#666;}
.CInfo li a{color:#b2160a;}
.CInfo li a:hover{color:#f51a0a;}
.CInfo li strong{color:#b2160a; font-size:13px; font-weight:normal;}
.CInfo li b{color:#336699; font-size:12px;  }
.pdcontact{background:url(../images/bg-pdcontact.jpg) 0 260px no-repeat;}
#caform .pdtitle{color:#363c7e; font-size:14px;}
#caformClear{clear:both; height:1px;}
#caform{ border:#fff 1px solid;}

#caform2{width:100%; margin:0 auto;}
#caform2 .caform{padding:5px 5px;}
#caform2 .itemtitle{}
#caform2 .itemform{padding-bottom:8px;}
#caform 2.itemform input,textarea{font-size:11px; padding:2px 2px; color:#666; height:16px; border:#ddd 1px solid; background-color:eee;}
#caform2 .bt{padding-top:10px;}
/***sty1***/
#contactus_form{width:95%; text-align:left; margin:0 auto; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:1px; border:#e9e9e9 1px solid; box-shadow:0 0px 5px #ccc; -webkit-box-shadow:0 0px 8px #ccc; -moz-box-shadow:0 0px 8px #ccc; padding:10px; }
#contactus_form .summary{color:#666; padding:10px 0px;}
#contactus_form .itemtitle{width:20%; text-align:right; float:left; font-size:14px; color:#404040; padding-right:10px; }
#contactus_form .itemform{color:#666; font-size:12px; width:65%; float:left; padding-left:0px; padding-bottom:2px;}
#contactus_form .clearsp{clear:both; height:5px;}
#contactus_form .pdtitle{color:#F60; font-size:13px; font-weight:bold;}
#contactus_form .line{background:url(../images/bg-dotline.gif) top left repeat-x; height:3px;}
#contactus_form .form_inquriy{border:1px solid #ddd;	font-size:13px;	color:#333; height:20px;	background-color:#fff; color:#333; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#contactus_form .cform_bt{ font-size:12px; padding:3px 8px 0px; color:#333;}
#contactus_form .redstar{font-size:13px; font-weight:bold; color:#F00;}


.form_inquriy{border:1px solid #ddd;  border-left:#eee 1px solid;	font-size:12px;	color:#666;	color:#333; background-image:url(../images/bg-form-2.gif); background-repeat:repeat-x; background-color:#333;}
.form_inquriy-5{border:1px solid #ccc;  border-left:#ccc 1px solid;	font-size:12px; color:#333333;}
.formstyle{border:1px solid #ddd;  	font-size:12px;	color:#666;	color:#333; background-image:url(../images/bg-form-2.gif); background-repeat:repeat-x;}
#contactus_form .cform_bt{color:#333; font-size:11px; padding:3px 8px 0px;}
#contactus_form .redstar{font-size:13px; font-weight:bold; color:#F00;}

.formbt,.btsty,.cform_bt{padding:2px 12px; font-size:11px; background-color:#03C; color:#FFF; font-size:12px; display:block; border:none; padding:4px 20px 4px 20px; margin-left:5px; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center; float:left; margin-right:5px; }
.formbt:hover,.btsty:hover,.cform_bt:hover{background-color:#0099ff;}

.btsty2{padding:2px 12px; font-size:11px; background-color:#03C; color:#FFF; font-size:12px; display:block; border:none; padding:4px 20px 4px 20px; margin-left:5px; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center;  margin-right:5px; }
.btsty2:hover{background-color:#0099ff;}

/******************************網站導覽***************************************/
.sitemap{width:159px; float:left; margin:10px 15px 0px; background:url(../images/bg-submenu.gif) repeat-y left; line-height:21px; padding-left:15px; border:1px dashed #ccc; min-height:250px; }
.sitemap h1{padding:5px 0px 5px 5px; background:url(../images/bg-title-graytxt.gif) top left no-repeat; }
.sitemap .title{ text-align:center; width:100%; line-height:30px; background:url(../images/bg-line.gif) repeat-x;}

.sitemap h1 a{font-size:14px; font-weight:bold; color:#333; font-family:"微軟正黑體"; }
.sitemap h1 a span{color:#f90;}
.sitemap h1 a:hover{text-decoration:underline;}
.sitemap dl{ margin:0px; padding:0px;padding:8px 0px;}
.sitemap dt{background:url(../images/bg-sitemap.gif) no-repeat top left; padding-left:15px; }
.sitemap dt a{font-size:12px; color:#666;}
.sitemap dt a:hover{color:#0050a9;}


/***********************分頁*********************************/	
#pageCenter, #pageCenterLine{padding-top:8px; text-align:center;}
#pageCenterLine{border-top:#e5e5e5 1px solid;}
#pageclear{clear:both;}

.pagelink{ font-size: 11px; color: #03C; font-weight: bold;}
.pagelink a{font-size: 10px; color: #999;}
.pagelink a:hover {color: #03C; text-decoration: underline;}
.pagelink span{color:#999;}

.pagelink2{font-size:11px; color:#999; font-weight:normal;}
.pagelink2 a:link{color:#666;}
.pagelink2 a:hover{color:#03C; text-decoration:underline;}

.searchpdno{font-size: 11px; font-weight: bold;	color: #03C;}


/***********************searchBarForm*********************************/	
.searchBarForm{width:200px; line-height:33px; height:33px; color:#ffffff; background:none; border:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding-right:10px; padding-left:10px; overflow:hidden; font-size:14px;}
.searchBarbg{ background:url(../images/bg-searchform.gif) repeat-x top; line-height:33px; color:#ffffff;}

#sleHid {  display:block; overflow:hidden;  }     
#sleBG { width:120px; height:33px; border:#ffffff 1px solid; border-right:none; background:url(../images/bg-select-arrow.gif) no-repeat top right; display:block; float:left; -moz-border-radius: 10px;border-radius: 10px;  padding-right:10px;   padding-left:10px;} 

#sleBG-2 { width:140px; height:33px; border:#ffffff 1px solid; border-right:none; background:url(../images/bg-select-arrow2.gif) no-repeat top right; display:block; float:left; -moz-border-radius: 10px;border-radius: 10px;  padding-right:10px;   padding-left:10px; margin-right:2px;} 
#sleHid option{ border-bottom:1px dashed #ccc;} 

.rppd .pd{ float:left; margin-right:13px; margin-left:14px;  border:#ddd 3px solid; width:130px; padding-bottom:10px; text-align:center; margin-bottom:15px;}
.rppd .pd:hover{  border:#0363b2 3px solid;}
.rppd .pd h2{ text-align:center; font-size:13px; margin-bottom:10px; line-height:21px;}