@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px;} 
ul,li{list-style:none; margin:0px; padding:0px;}
h1{margin:0px; padding:0px;}
a{text-decoration:none;}
/***header***/
#top,topSub{border-bottom:#000 2px solid; -webkit-box-shadow:0 2px 3px #ccc;  border-top:#ccc 2px solid; height:55px;}
/*
#top img{max-width:300px; width:expression(document.body.clientWidth>300?"300px":"auto"); overflow:hidden;}
#topSub{border-top:#ccc 2px solid;}
*/
#top:after{clear:both; height:; visibility:hidden; display:block; content:"";}
.topbt{float:right; margin-right:10px; margin-top:10px;}
a.logo{float:left; padding:0px 0 0 0px;}
/***footer***/
footer{background-color:#333; margin-top:20px; padding:10px; font-size:10px; color:#FFF; text-align:center;}
footer a{color:#FFF; text-decoration:none; font-size:14px;}
footer .lang{padding-bottom:8px;}
footer .lang a{padding:4px 8px; margin-right:3px; margin-left:3px; color:#fff; background-color:#999; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
footer .lang a.active{background-color:#fff; color:#000;}

/*選單*/
#menuSel{position:absolute; top:55px; right:0px; width:100%; border-bottom:#000 2px solid; background:#fff;-webkit-box-shadow:0 2px 6px #999;}
#menuSel h1{ font-size:14px; background:#990218; /*background:-webkit-gradient(linear, left top, left bottom, from(#990218), to(#cb1a36));*/ background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));-webkit-box-shadow:0 2px 3px #333;color:#fff; font-family:Verdana, Geneva, sans-serif; display:block;padding:6px 15px; border-bottom:#000 1px solid;text-shadow:1px 1px 3px #000;}
#menuSel h1 a{color:#fff; font-family:Verdana, Geneva, sans-serif; display:block;padding:10px 15px; text-shadow:0px -1px 3px #000;}
ul.menusub{padding:0; margin:0; background:#fff;}
ul.menusub li{background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#fff)); display:block;width:50%; float:left; border:none;}
ul.menusub:after{display:block; height:0; visibility:hidden; clear:both; content:".";}
ul.menusub li a{ padding:8px 0;color:#000; padding-left:15px; font-size:13px; border:#ccc 1px solid; display:block; line-height:24px;}

#btup{height:35px; margin:0 auto; line-height:35px; color:#FFF; font-size:15px; background-color:#999; text-align:center;  text-shadow:0px 1px 2px #666; display:block;}

/***Home-主選單***/
#mainimg{padding:15px 0px; text-align:center;}
#mainimg img{/*max-width:300px; width:expression(document.body.clientWidth>300?"300px":"auto"); overflow:hidden;*/}
#mainmenu{width:auto;}
#mainmenu li{padding:0px; margin:0px;} 
#mainmenu .menu{border-bottom: 1px solid #fff;padding: 0;}
#mainmenu .menu h1{background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#999));}
#mainmenu .menu h1 a{display: block; font-weight: normal; padding: 18px; font-size:16px; color:#000; text-decoration:none; background:url(../images/icon-menu.png) right center no-repeat;}
#mainmenu .menu h1 a:hover{text-decoration: none;}
#mainmenu h1 + div{height: 0; overflow: hidden; -webkit-transition: height 0.3s ease-in; padding:0px; margin:0px;}
#mainmenu :target h1 a{text-decoration: none; font-weight: bold; background:url(../images/icon-menu2.png) right center no-repeat;}
#mainmenu :target h1 + div{height:auto;}
#mainmenu .submenu{ font-size:12px; color:#333;}
#mainmenu .menu .submenu li h1{border:none;}
#mainmenu .menu .submenu li h1 a{color:#333; text-decoration:none; font-size:14px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef))}
#mainmenu .submenu li{border-bottom:#ccc 1px solid;}
#mainmenu .submenuSub{ font-size:12px; color:#333; border-bottom:#ccc 1px solid;}
#mainmenu .submenuSub a{color:#333; text-decoration:none;}
#mainmenu .submenuSub li{border-bottom:#eee 1px solid;}
#mainmenu .submenuSub  h1{border-left:#ccc 5px solid; border-right:#ccc 5px solid;}
#mainmenu .submenuSub  h1 a{color:#333; text-decoration:none; font-size:14px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff))}

/***內頁-導覽列***/
#toolbar{background-color:#000; -webkit-box-shadow:0 2px 5px #999; padding:10px;}
#toolbar:after{clear:both; height:; visibility:hidden; display:block; content:"";}
#toolbar h1{color:#FFF; font-size:14px; float:left;}
#toolbar nav{float:right;}
#toolbar a{color:#FFF;background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#222)); font-size:13px; text-decoration:none; padding:3px 10px 3px 18px; -webkit-border-radius:10px 0 0 10px; margin-left:5px;}

.toollink{text-align:center; padding-right:5px;}
.toollink a{color:#FFF;background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#222)); font-size:13px; text-decoration:none; padding:6px 25px; -webkit-border-radius:15px; margin:3px;}

/***主要內容***/
article h2, h3, h4, h5, h6{font-size:18px;}

#noinfo_tb{text-align:center; padding:40px 0;}

#Detail{padding:15px 10px; line-height:30px;}
#Detail h1{font-size:20px; color:#333; padding:13px 0px 10px;}
#Detail img {max-width:292px;  width:expression(document.body.clientWidth>292?"292px":"auto"); overflow:hidden; border:#eee 1px solid;
 padding:2px; }
 
 
#pdList{padding:5px 0px 25px;}
#pdList img{width:90px; float:left; margin-right:15px; height:90px;}
#pdList h1{font-size:15px; color:#000; height:90px; display:table-cell; vertical-align:middle;}
#pdList a{text-decoration:none; display:block; height:auto;border-bottom:#eee 1px solid; background:url(../images/icon-item.png) right center no-repeat; padding:0 10px;}
#pdList a:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}

#pdDetail{padding:15px 0px; line-height:30px;}
#pdDetail h1{font-size:20px;}
#pdDetail h2{font-size:13px; color:#666;}
#pdDetail img{max-width:300px;  width:expression(document.body.clientWidth>300?"300px":"auto"); overflow:hidden; text-align:center;}
#pdDetail .top{padding:5px 10px 5px; border:none;}
#pdDetail section{border-top:#eee 1px solid; padding:5px 10px 20px;}

#newslist{padding:5px 0px 25px;}
#newslist a{
	border-bottom:#eee 1px solid;
	background:url(../images/icon-item.png) right center no-repeat;
	padding:10px 10px 5px;
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
}
#newslist h1{font-size:15px; color:#000;}
#newslist time{font-size:10px; color:#666;}

#supportlist{padding:5px 0px 25px;}
#supportlist a{border-bottom:#eee 1px solid; background:url(../images/icon-item.png) right center no-repeat; padding:10px 10px 5px; display:block; }
#supportlist h1{font-size:15px; color:#000; height:40px; display:table-cell; vertical-align:middle;}

#contactus{padding:0px 0px 25px;}
#contactus h2{padding-left:10px;}
#contactus h3{font-size:12px; color:#666; padding:0 10px;}
#contactus form{background-color:#efefef;padding:10px;}
#contactus ol{margin:0px; background-color:#FFF; padding:0px;}
#contactus ol li{padding:10px 15px 15px; border-bottom:#eee 1px solid; line-height:30px;}
#contactus ol li:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#contactus label{font-size:14px;}
#contactus input{width:95%; height:22px;}
#contactus textarea{width:95%;}
.button{width:100px;}
#contactus ol li img{padding-top:5px;}
#msg{font-size:10px; color:#666;}
.redstar{color:#F00; font-size:16px;}
#contactusthank{font-size:14px; padding:30px 0px; text-align:center;}

#contactusInfo{padding:0px 10px 25px;}
#contactusInfo h1{font-size:16px;}
#contactusInfo .item{padding:12px 0 0 12px; color:#666;}
#contactusInfo .txt{padding:5px 20px 0 12px;}
#contactusInfo hgroup{padding-bottom:30px; border-bottom:#eee 1px solid; padding-top:20px;}

iframe {max-width:292px;  width:expression(document.body.clientWidth>292?"292px":"auto"); overflow:hidden;}