/* CSS Document */

#noinfo_tb{	width:100%;	border:1px solid #F2F2F2; color:#484848; font-size:11px; text-align:center; padding:40px 0px;}
#banner{padding-top:15px; width:216px; text-align:center;}
#banner .banner{padding-bottom:9px !important;padding-bottom:10px; margin:0 auto; background:url(../image/bg-banner.gif) bottom center no-repeat; width:185px;}

/***********************主架構****************************/
#main{width:910px; margin:0 auto; text-align:left;}
#maindw{height:30px; clear:both;}
#mainLeft{width:230px; float:left;}
#mainRight{width:670px; float:right;}

/**********************次選單***********************************/
#submenu{width:230px; background:url(../image/bg-submenutbbg.gif) top left repeat-y; padding:0px; margin:0px;}
#submenu-list{background:url(../image/bg-submenutb.gif) bottom left no-repeat; padding:0px; margin:0px; padding-top:5px; padding-bottom:15px;}
#submenu-list dl{font-size:12px; width:188px; padding:0px; margin:0px; margin-left:15px; *padding-left:14px;}
#submenu-list dt{font-family:"微軟正黑體"; font-size:12px; font-weight:bold; border-bottom:none;background:url(../image/bg-submenu.gif) top left no-repeat;}
#submenu-list dt a{display:block;color:#666; padding:9px 0px 8px 10px;}
#submenu-list dt a:hover,#submenu-list dt.submenuOver{color:#f90;}
#submenu-list dt.submenuOver a{color:#f90;}
#submenu-list dd{padding:0px; margin:0px;}
#submenu-list dd a{display:block; color:#666; padding:5px 0px 3px 10px;}
#submenu-list dd a:hover,#submenu-list dd.submenusubOver a{color:#f90; background-color:#f0f0f0;}
#submenu-list dd.last a{background:url(../image/bg-submenuline.gif) bottom left repeat-x; padding-bottom:10px;}


/*******************main-right *******************************************/	
#location{background:url(../image/bg-location.gif) top left no-repeat; height:34px; position:relative;}
#location h1{font-family:"微軟正黑體"; font-size:14px; font-weight:bold; color:#000; position:absolute; margin:3px 0px 0px 15px;}
.location{ width:910px; text-align:right; font-size:12px; color:#003492; padding-top:8px;}
.location a{color:#666;}
.location a:hover{color:#003492;}	
#content{padding-top:15px; color:#333; font-size:12px; line-height:18px;}
.line-gray{border-bottom:#e5e5e5 1px solid; height:10px;}

.form_catalog{
	border:#EEE 1px solid;
	color:#666;
}

.Listtotal{
	width:55%;
	float:left;
	padding-top:6px;
	color:#5687b6;
	font-weight:bold;
}

.Listmenu{
	width:40%;
	float:right;
	text-align:right;
	padding-bottom:3px;
}

.Listmenu .cform_bt{
	font-size:11px;
	color:#333;
}

.Listline{
	border-bottom:#e5e5e5 1px solid;
	height:1px;
	clear:both;
}

#pagedw{
	padding-top:20px;
}
.pageback{
	width:40%;
	float:left;
	text-align:left;
}

.pagetop{
	width:40%;
	float:right;
	text-align:right;
}

#line-dot{
	background:url(https://www.yesail.com.tw/images/bg-dotline.gif) top left repeat-x;
	height:3px;
}
.line{background-color:#e2e2e2; height:1px;}
.linedot{background:url(../image/line-dot.gif) repeat-x; height:1px;}
/**************************分頁*****************************/	
#pageCenter, #pageCenterLine{padding-top:8px; text-align:center;}
#pageCenterLine{border-top:#e5e5e5 1px solid;}
#pageCenterLine2{background:url(../image/line-dot.gif) top left repeat-x; padding-top:8px;}
#pageclear{clear:both;}
#page8{padding-top:8px;}
#pageorg{border-top:#f90 1px solid; padding-top:5px}
.pagelink{ font-size: 11px; color: #f60; font-weight: bold;}
.pagelink span{color:#999; font-weight:normal;}
.pagelink a{font-size: 10px; color:#999;}
.pagelink a:hover {color: #f60; text-decoration: underline;}

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

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

/******產品***********/
.prod{padding:15px 0px 0px 0px;}
.pd{width:145px; float:left; text-align:center; margin:0px 10px; display:inline;}
.prod h1{padding:0px; margin:0px; line-height:14px; padding-bottom:15px;} 
.prod h1 a{color:#333; font-family:"微軟正黑體"; font-weight:bold; font-size:12px;}
.prod h1 a:hover{color:#f90;}

/***************詳細頁*************/
#pdDetail{padding-bottom:20px;}
#pD-txt{width:330px; float:left; padding-top:8px; margin-left:10px; *margin-left:0px; *padding-left:10px;}
#pD-img{width:320px; float:right;}
#pD-txt h1{color:#000; font-family:"微軟正黑體",Arial, Helvetica, sans-serif; font-size:18px; padding-top:10px; padding-bottom:5px; border-bottom:#c0c0c0 2px solid; font-weight:bold;}
.pDcatalog{color:#333; font-size:11px;}
.pDsummary{padding:15px 0px 10px; color:#666; font-size:12px; line-height:16px;}
.pDsummary ul{margin:0px; padding:0px;}
.pDsummary li{list-style-type:circle; padding-left:0px; color:#666; font-size:12px; padding-bottom:2px; margin-left:15px;}
.pDsummary dt{background:url(../image/icon01.gif) top left no-repeat; padding-left:12px; font-weight:bold; color:#333;}
.pDsummary dd{padding:0px; margin:0px; padding-top:5px; font-size:12px; color:#666; line-height:18px; padding-bottom:15px; padding-left:2px;}
.pDbt{padding-top:5px; padding-bottom:15px;}
.pdtool{border:#eeeeee 1px solid; width:330px;}

.pdcontent{padding-top:20px; text-align:left; width:660px; max-width:660px; overflow:hidden; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; margin:0 auto;}

.pdtb{border-collapse:collapse; border:#e2e2e2 1px solid; border-top:#f90 2px solid;}
.pdtb td{border:#e2e2e2 1px solid; color:#666; font-size:12px; padding:5px; background:url(../image/bg-formstyle1.gif) bottom repeat-x;}

/*-tabsItem--------------------------- */
#tabsItem {float:left; width:670px;  font-size:12px; line-height:normal; border-bottom:#ffca9b 2px solid;}
#tabsItem ul {margin:0;  padding:0px 10px 0 0px; list-style:none;}
    #tabsItem li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsItem a {
      float:left;
      background:url(../image/tableft5.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  cursor:pointer;
      }
    #tabsItem a span {
      float:left;
      display:block;
      background:url(../image/tabright5.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsItem a span {float:none;}
    /* End IE5-Mac hack */
    #tabsItem a:hover span ,#tabsItem a:active span{
      color:#FFF;
      }
    #tabsItem a:hover,#tabsItem a:active {
      background-position:0% -42px;
      }
    #tabsItem a:hover span,#tabsItem a:active span {
      background-position:100% -42px;
      }

      #tabsItem .active a {
              background-position:0% -42px;
      }
      #tabsItem .active a span {
              background-position:100% -42px;
      }


/********網站導覽********/
.sitemap{width:200px; float:left; margin-right:15px;}
.sitemap h1{padding:5px 0px 5px 5px; background:url(../image/bg-formstyle1.gif) bottom repeat-x; border:#e2e2e2 1px solid; border-bottom:#F90 1px solid;}
.sitemap h1 a{font-size:14px; font-weight:bold; color:#f90; font-family:"微軟正黑體"; }
.sitemap h1 a span{color:#000;}
.sitemap h1 a:hover{text-decoration:underline;}
.sitemap dl{ margin:0px; padding:0px;padding:8px;}
.sitemap dt{padding-bottom:6px;}
.sitemap dt a{font-size:12px; color:#666;}
.sitemap dt a:hover{color:#b00;}

/**********contactus*************/
.redstar{color:#b90000; font-size: 13px; font-weight: bold;}
#contactus_location{padding-left: 5px; width: 30%; padding-right: 5px; float: right;}
#contactus_location .title{color: #333; font-size: 12px;}
#contactus_location .content{padding-bottom: 10px; padding-left: 5px; color:#f90; font-size: 12px; padding-top: 5px;}
#contactus_location .content a{color: #f90;}
#contactus_location .content a:hover{color:#f60;}
#contactus_location .map{padding-bottom: 10px; padding-left: 5px; color: #666; font-size: 12px; padding-top: 5px}
#contactus_location .map a{color:#999;}
#contactus_location .map a:hover{color:#f90;}
#contactus_form{width: 65%; float: left;}
#contactus_form .contactus_summary{padding-bottom: 20px; color: #666; font-size: 12px;}
#contactus_form .title{text-align: right; width: 25%; padding-right: 10px; float: left; color: #404040; font-size: 12px; padding-top: 3px;}
#contactus_form .formtb{padding-bottom: 2px; padding-left: 0px; width: 70%; font-family: Arial, Helvetica, sans-serif; float: left; color: #666; font-size: 11px;}
#contactus_form .formtb strong{color:#f90;}
#contactus_form .formstyle{
	BORDER-bottom: #e4e4e4 1px solid; BORDER-left: #e4e4e4 1px solid; font-family: Verdana, Geneva, sans-serif; background: url(../image/bg-formstyle1.gif) repeat-x left bottom; color: #666; font-size: 11px; BORDER-top: #e4e4e4 1px solid; BORDER-right: #e4e4e4 1px solid
}
.cform_bt{
	font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px
}
#contactus_form .cform_thank{
	text-align: center; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; padding-top: 20px
}
#contactus_bg{
	MIN-HEIGHT: 280px; width: 700px; background: url(https://www.yesail.com.tw/images/contactus/img-pdgetinfo.gif) no-repeat right bottom
}
#contactus_form .cform_line{
	background: url(https://www.yesail.com.tw/images/contactus/bg-dotline.gif) repeat-x left top; HEIGHT: 3px
}
#contactus_form .pdtitle{
	padding-left: 0px; font-family: Arial, Helvetica, sans-serif; color: #f26d9a; font-size: 12px; font-weight: bold
}
#contactus_form SPAN#msg{
	font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px
}

/**********news*************/
.tbsty{border-collapse:collapse; background:url(../image/bg-tb.gif) no-repeat;}
.tbsty th{font-size:12px; color:#333; height:35px;}
.tbsty td{padding:8px 0px; font-size:12px; color:#666;}
.tbsty td.line{padding:0px; height:1px; background-color:#e2e2e2;}
.tbsty h1{padding-left:5px; font-weight:bold; font-size:12px; color:#666;}
.tbsty h1 a{color:#666;}
.tbsty h1 a:hover{color:#f90;}
.tbsty .date,.tbsty .no{font-size:11px; color:#999;}

#newsDetail{padding:0px; margin:0px; padding-top:10px;}
#newsDetail .Date{color:#999; font-size:11px; padding-top:3px; float:left; width:40%;}
#newsDetail .tool{width:50%; text-align:right; float:right; color:#666; font-size:12px; padding-bottom:3px;}	
#newsDetail .content{clear:both; padding-top:15px; color:#666; font-size:12px; line-height:18px; padding-bottom:15px; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid;}

/**********support*************/
.supportList{padding:0px 0px 6px; border-bottom:#e2e2e2 1px solid; margin-bottom:10px;}
.supportList h1{color:#f90; font-size:12px; padding:0px; margin:0px; font-weight:bold;}
.supportList h1 a{color:#333;}
.supportList h1 a:hover{color:#f90; text-decoration:underline;}
.supportList .date{font-size:11px; color:#999;}
.supportList .summary{font-size:12px; color:#666; line-height:16px; padding:0px; margin:0px; border:none; padding-top:5px;}
.supportList .more{padding-top:8px;}
.supportList .more a{color:#999; font-size:11px;}
.supportList .more a:hover{color:#f90;}

#supportDetail{padding:5px 0px 30px 0px;}
#supportDetail h1{color:#f90; font-size:12px; padding:0px; margin:0px; font-weight:bold; border-bottom:#e2e2e2 1px solid;}
#supportDetail .Date{color:#999; font-size:11px; padding-top:3px; float:left; width:40%;}
#supportDetail .tool{width:50%; text-align:right; float:right; color:#666; font-size:12px; padding-top:5px;}	
#supportDetail .content{clear:both; padding-top:15px; color:#666; font-size:12px; line-height:18px; padding-bottom:15px;}
#supportDetail .content ul{}
#supportDetail .content li{list-style-type:circle; padding:0px 20px 0px 3px; }
#supportOther{padding:10px; border:#F0F0F0 1px solid; background:url(../image/bg-formstyle1.gif) bottom repeat-x;}
#supportOther p{color:#333; font-size:12px; padding-bottom:3px; border-bottom:#e2e2e2 1px solid; font-weight:bold;}
#supportOther ul{margin-top:15px; margin-left:15px;}
#supportOther li{list-style-type:circle; padding:0px 20px 5px 3px;}
#supportOther li a{font-size:12px; color:#666; text-decoration:none;}
#supportOther li a:hover{color:#f90;}
#supportOther li span{color:#999; font-size:10px; padding-left:10px;}
#supportOtherMore{margin-top:10px; padding-left:10px; color:#333; font-size:12px; background:url(../image/icon_arrow5.gif) left no-repeat;}
#supportOtherMore a:link,#newsOtherMore a:visited{ color:#333; text-decoration:none;}
#supportOtherMore a:hover{ color:#f90; text-decoration:none;}



#blueitem ul{
	list-style-position: outside;
	line-height:22px;
	list-style-type:none;
	margin-top:0px;
	padding-left:0px;
	padding-bottom:20px;
	}
	
#blueitem li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	background:url(../image/icon-dot2.gif) top left no-repeat;
	padding-top:0px;
	padding-left:15px;
	padding-bottom:0px;
	list-style-type:none;
}