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

html,body {
    background: url(images/bg.png);
    background-repeat: repeat-x;
    background-position : top center;
    background-color: #ffffff;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin: 0;
    padding: 0;
    font-family: Arial,Verdana,Helvetica;
    letter-spacing: 0px;
    text-decoration: none;
}

img {
  border: 0;
}

table {
  margin-left:auto; 
  margin-right:auto;
}

/*-----------------------------Top Start----------------------------------------*/
#Menu {
  background: url(images/menubg.png);
}

#Menu td a {
  display: block;
  padding-top: 8px;
  padding-right: 40px;
  padding-bottom: 8px;
  padding-left: 40px;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.5px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

#Menu td a:link    {
}

#Menu td a:hover   {
  background-color: #0168a8;
  text-decoration: none;
}

.MenuSub {
  color: #c2defa;
  font-size: 10px;
  font-style: italic;
  letter-spacing: 0px;
}

.TopText{
  font-size:12px;
  color:#656363;
  line-height:20px;
  letter-spacing: 0.5px;
}

.Menubox {
  display: block;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px #d5d5d5;
  -moz-box-shadow: 0 0 6px #d5d5d5;
  box-shadow: 0 0 6px #d5d5d5;
  margin-bottom:15px;
}

.Infobox {
  display: block;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 8px #e9e9e9;
  -moz-box-shadow: 0 0 8px #e9e9e9;
  box-shadow: 0 0 8px #e9e9e9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
}

/*-----------------------------Top End----------------------------------------*/

h1{
    color:#727070;
    line-height:15px;
    font-size:12px;
    letter-spacing: 0.2px;
    font-weight: lighter;
    padding:0;
    margin:0;
    font-family: 微軟正黑體, Microsoft JhengHei;
}

a:link       { text-decoration: none; color: #656363; }
a:visited    { text-decoration: none; color: #656363; }
a:hover      {  text-decoration: underline; color: #006ec3;}

a.link1:link    {
  text-decoration: none; 
  color: #807c7d;
}
a.link1:visited { 
  text-decoration: none;
  color: #807c7d;
}
a.link1:hover   {
  text-decoration: underline;
  color: #3b393a;
}

a.link2:link    {
  text-decoration: underline; 
  font-weight: bold;
  color: #6a6d73;
}
a.link2:visited { 
  text-decoration: underline;
  color: #6a6d73;
}
a.link2:hover   {
  text-decoration: underline;
  color: #fe4545;
}

/*-----------------------------CoverTitle Start----------------------------------------*/
.CoverTitle{
  font-size: 20px;
  color:#055dc4;
  font-weight: 900;
  letter-spacing: 1.8px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.CoverTitle2{
  font-size: 13px;
  color:#a5a0a0;
  font-weight: 500;
  letter-spacing: 0.2px;
  font-family: 微軟正黑體, Microsoft JhengHei;
  font-style: italic;
}

.CoverTitle3{
  font-size: 20px;
  color: #036ce9;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1.6px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.CoverText{
  font-size:13px;
  color:#4a4a4b;
  line-height:18px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cfcfcf;
}

.Coverleft{
  background: url(images/line5.png);
  background-repeat: no-repeat;
  background-position : top right;
}

#History {
  background-color: #ecfbff;
  border-top: 4px solid #b3e4f2;
  padding: 10px;
  margin: 10px 0;
}

.HistoryTitle{
  font-size: 18px;
  color: #0a6fb6;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

#About {
  margin-left: 410px;
}

.AboutBox {
  display: block;
  background-color: #f2f0f0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 20px;
}

/*-----------------------------CoverTitle End----------------------------------------*/

.CateTitle{
  font-size: 16px;
  color: #4184aa;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: 微軟正黑體, Microsoft JhengHei;
  padding: 5px;
  text-align: center;
}

a.Cate:link    {
  text-decoration: none; 
  color: #4184aa;
}
a.Cate:visited { 
  text-decoration: none;
  color: #4184aa;
}
a.Cate:hover   {
  text-decoration: none;
  color: #37627b;
}
/*-----------------------------Title Start----------------------------------------*/
.MainTitle{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.MainTitle2{
  font-size: 18px;
  color: #161616;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.MainTitle3{
  font-size: 16px;
  color: #323232;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.ProTitle{
  font-size: 13px;
  color: #333333;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.2px;
  font-family: 微軟正黑體, Microsoft JhengHei;
  padding-top: 5px;
}

/*-----------------------------Title End----------------------------------------*/

.Price{
  font-size: 14px;
  color: #e12020;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-style: italic;
  padding-top: 5px;
  padding-bottom: 5px;
}

.Date{
  font-size:12px;
  color:#ff4747;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/*-----------------------------Text Start----------------------------------------*/
.MainText{
  font-size:13px;
  color:#444040;
  line-height:18px;
  letter-spacing: 0.5px;
}

.MainText2{
  font-size:12px;
  color:#636363;
  line-height:18px;
  letter-spacing: 0.2px;
}

.MainText3{
  font-size:14px;
  color:#484848;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-weight: bold;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.MainText4{
  font-size:15px;
  color:#111010;
  line-height:18px;
  letter-spacing: 0.5px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.MainTextMenu{
  font-size: 15px;
  color:#444040;
  line-height:18px;
  letter-spacing: 0.5px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}
/*-----------------------------Text End----------------------------------------*/

/*-----------------------------Programs Start----------------------------------------*/
.dgray{
  font-size:12px;
  color:#807c7d;
  line-height:20px;
  letter-spacing: 0.2px;
}

.dgray2{
  font-size:13px;
  color:#242323;
  line-height:18px;
}

.dgray3{
  font-size:13px;
  color:#353333;
  line-height:20px;
  letter-spacing: 0.2px;
}

.prtit2 {
  font-size: 15px;
  color: #313131;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.2px;
  font-family: 微軟正黑體, Microsoft JhengHei;
}

.s1 {
	FONT-SIZE: 9pt; COLOR: #444444; LINE-HEIGHT: 15pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; LETTER-SPACING: 1px;
}
.s2 {
	FONT-SIZE: 10pt; COLOR: #444444; LINE-HEIGHT: 15pt; FONT-FAMILY: Arial,Verdana,Helvetica; LETTER-SPACING: 1px;
}
.s3 {
	FONT-SIZE: 11pt; COLOR: #444444; LINE-HEIGHT: 15pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; LETTER-SPACING: 1px;
}
.s4 {
	FONT-SIZE: 12pt; COLOR: #444444; LINE-HEIGHT: 15pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; LETTER-SPACING: 1px;
} 
/*-----------------------------Programs End----------------------------------------*/

.page{
  font-size:11px;
  color:#7b7b7b;
  line-height:20px;
  letter-spacing: 0.2px;
}

/*-----------------------------Footer Start----------------------------------------*/
#Footer {
    background: url(images/footer_bg.png);
    background-repeat: repeat-x;
    background-position : top center;
    background-color: #ffffff;
}

.getweb {font-size:11px; color:#afafaf; text-align:right; letter-spacing: 0px;}
.getweb a{color:#afafaf;}
.getweb a:hover{color:#afafaf;}

a.linkF:link    {
  text-decoration: none; 
  color: #413f3f;
}
a.linkF:visited { 
  text-decoration: none;
  color: #413f3f;
}
a.linkF:hover   {
  text-decoration: underline;
  color: #272626;
}

.TextF{
  font-size:12px;
  color:#413f3f;
  line-height:16px;
  letter-spacing: 0.5px;
}

.InfoF{
  font-size: 12px;
  color: #766f6f;
  line-height:16px;
  letter-spacing: 0.2px;
  padding-top: 10px;
}

.cr{
  font-size:12px;
  color:#766f6f;
  line-height:16px;
  letter-spacing: 0.5px;
  padding-top: 6px;
}
/*-----------------------------Footer End----------------------------------------*/

/*-----------------------------Form Start----------------------------------------*/
.contact{
  font-size:13px;
  color:#323232;
  line-height:24px;
}
.contact_form{
  font-size:13px;
  color:#fefefc;
  line-height:20px;
}
.contact_title {
  font-size: 15px;
  color: #2d8ae8;
  font-weight: bold;
  font-style: normal;
  line-height: 18px;
}

.safety{
  font-size:15px;
  font-weight: bold;
  color:#FC2D2D;
  line-height:24px;
}

.FormFormat input{
  border: 1px solid #cfcfcf;
  background: #ffffff;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:13px; 
  color: #444444;
  letter-spacing: 1px;
  padding: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.FormFormat textarea{
  border: 1px solid #cfcfcf;
  background: #ffffff;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:13px; 
  color: #444444;
  letter-spacing: 1px;
  padding: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.FormFormat select{
  border: 1px solid #cfcfcf;
  background: #f7f7f7;
  font-family: 微軟正黑體, Microsoft JhengHei;
  font-size: 13px; 
  color: #717171;
  letter-spacing: 0.2px;
  padding: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.FormSearch input{
  border: 1px solid #bdbcbc;
  background: #ffffff;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px; 
  color: #636363;
  letter-spacing: 1px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

.button { 
  background-color:#e35e5e;
  font-size:15px;
  height:25px;
  cursor:pointer; 
  font-family: 微軟正黑體, Microsoft JhengHei;
  padding:0 30px;
  text-align: center;
  color:#fff; 
  border:0px solid #ae7330; 
  overflow:visible; 
  font-weight: bold;
 }

#search-box {
  border: 1px solid #cfcfcf;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  color: #444444;
  background: #ffffff url('images/search.html') no-repeat 5px 5px;
  padding: 5px 5px 5px 25px;
}

.btn1 { 
  background-color: #79bbff;
  font-size: 15px;
  cursor: pointer; 
  font-family: 微軟正黑體, Microsoft JhengHei;
  font-weight: bold;
  padding: 5px 10px;
  color: #fff; 
  border: 0px; 
  overflow: visible; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eabe9', endColorstr='#4abaf9', GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 1px 1px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	   -moz-box-shadow: inset 1px 1px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	    -ms-box-shadow: inset 1px 1px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	     -o-box-shadow: inset 1px 1px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	        box-shadow: inset 1px 1px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
 }

.btn1:hover { 
	background: #53524d; /* Old browsers */
	background: -moz-linear-gradient(top, #53524d 0%, #62615d 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53524d), color-stop(100%, #62615d)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top, #53524d 0%, #62615d 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #53524d 0%, #62615d 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top, #53524d 0%, #62615d 100%); /* IE10+ */ 
	background: linear-gradient(to bottom, #53524d 0%, #62615d 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eabe9', endColorstr='#4abaf9', GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 0px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	   -moz-box-shadow: inset 0px 0px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	    -ms-box-shadow: inset 0px 0px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	     -o-box-shadow: inset 0px 0px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
	        box-shadow: inset 0px 0px 0 #7fd1ff, 1px 0 3px rgba(0, 0, 0, 0.29);
 }

/* 按鈕_淺灰底 */
.btn4 {
	font-size: 12px;
	font-family: 微軟正黑體, Microsoft JhengHei;
	-moz-border-radius:22px;
	-webkit-border-radius:22px;
	border-radius:22px;
	border:0px solid #FFF;
	padding:5px 10px;
	text-decoration:none;
	background-color:#cdcdcd;
	color:#FFF;
	display:inline-block;
}
.btn4:hover {
	border:0px solid #FFF;
	color:#FFF;
	background-color:#8b8989;
        text-decoration: none;
}
/*-----------------------------Form End----------------------------------------*/

#tb2 td a {
    background-color:#f1fcff;
    color: #4a4a4b;
    display: block;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:12px;
    font-size:15px;
    font-weight: bold;
    font-family: 微軟正黑體, Microsoft JhengHei;
    letter-spacing: 0.2px;
}
#tb2 td a:hover {
    background-color:#126ab4;
    color: #ffffff;
}

#tbb table {
  border: 1px solid #00000;
  border-collapse: collapse;
}
#tbb tr {
  border: 1px solid #00;
}
#tbb td {
  border: 1px solid #00;
}

/*-----------------------------ImageSize Start----------------------------------------*/
.showbox100_100 img{
    border:0;
    margin:0;
    padding:0;
    max-width: 100px;
    width:expression(this.width > 100 ? "100px" : this.width);
    min-width: 100px;
    width: expression( this.scrollWidth < 100 ? "100px" : "auto" );
    max-height: 100px;
    height:expression(this.height > 100 ? "100px" : this.height);
    min-height: 100px;
    height: expression( this.scrollHeight < 100 ? "100px" : "auto" );
}

.showbox_370 img{
    border:0;
    margin:0;
    padding:0;
    max-width: 370px;
    width:expression(this.width > 370 ? "370px" : this.width);
}

.showbox_235 img{
    border:0;
    margin:0;
    padding:0;
    max-width: 235px;
    width:expression(this.width > 235 ? "235px" : this.width);
    min-width: 235px;
    width: expression( this.scrollWidth < 235 ? "235px" : "auto" );
}

.showbox img{
    border:0;
    margin:0;
    padding:0;
    max-width: 800px;
    width:expression(this.width > 800 ? "800px" : this.width);
}

.showbox_750 img{
    border:0;
    margin:0;
    padding:0;
    max-width: 750px;
    width:expression(this.width > 750 ? "750px" : this.width);
}

.showbox105_105 img{
    border:0;
    margin:0;
    padding:0;
    max-width: 105px;
    width:expression(this.width > 105 ? "105px" : this.width);
    min-width: 105px;
    width: expression( this.scrollWidth < 105 ? "105px" : "auto" );
    max-height: 105px;
    height:expression(this.height > 105 ? "105px" : this.height);
    min-height: 105px;
    height: expression( this.scrollHeight < 105 ? "105px" : "auto" );
}

.showbox_logo img{
    border:0;
    margin:0;
    padding:0;
    max-width: 260px;
    width:expression(this.width > 260 ? "260px" : "auto" );
    min-width: 260px;
    width: expression( this.scrollWidth < 260 ? "260px" : "auto" );
    max-height: 100px;
    height:expression(this.height > 100 ? "100px" : "auto" );
    min-height: 100px;
    height: expression( this.scrollHeight < 100 ? "100px" : "auto");
}
/*-----------------------------ImageSize End----------------------------------------*/