@import url(http://www.google.com/cse/api/overlay.css);
/* 主框架 */
.FrameWork {
   width: 1002px;
   margin: 0px auto;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #696969;
   background-color: #FFFFFF;
}
/* 主框架 */

/* 抬頭框架 */
.FrameTitle {
   width: 1002px;
   height: 75px;
   overflow: hidden;
   clear: both;
}
.FrameSight {
   width: 1002px;
   height: 280px;
   overflow: hidden;
   clear: both;
}
.FrameMenu {
   margin: 0px;
   margin-top: 5px;
   background-image: url(../images/bg_menu.png);
   height: 47px;
   overflow: hidden;
   clear: both;
}
/* 抬頭框架 */

/* 內容框架 */
.FrameMain {
   width: 1002px;
   border: none;
   margin: 0px;
   margin-top: 10px;
}
.FrameContent {
   width: 566px;
   border: none;
   margin: 0px;
   vertical-align: top;
}
.FrameContentLeft {
   width: 256px;
   vertical-align: top;
}
.FrameContentRight {
   width: 180px;
   vertical-align: top;
}
/* 內容框架 */

/* 尾框架 */
.FrameMargin {
   width: 1002px;
   overflow: hidden;
   clear: both;
}
/* 尾框架 */


/* 模組 */
.SiteSelect {
   float: right;
   height: 15px;
   text-align: right;
   color: #4287C7;
   font-weight: bold;
   vertical-align: middle;
   margin-top: 8px;
}
.SiteSelect a {
   color: #4287C7;
   text-decoration: none;
   font-weight: normal;
}
.SiteSelect a:hover {
   color: #99CCFF;
   text-decoration: underline;
}
.SiteSelect a img {
   margin-right: 3px;
   vertical-align: middle;
}

.ModelLogo {
   width: 165px;
   height: 75px;
   margin: 0px;
   float: left;
   overflow: hidden;
}
.ModelSearch {
   width: 273px;
   height: 30px;
   float: right;
   overflow: hidden;
   background: url(../images/bg_model_search.png)  no-repeat;
   margin-top: 35px;
   padding-left: 24px;
   line-height: 30px;
   color: #003869;
}
.Query {
   width: 150px;
}
.ModelMenuMain {
   display: block;
   width: 900px;
   margin: 0px auto;
   height: 45px;
}
.ModelMenuMain a {
   display: block;
   width: 125px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   font-size: 12pt;
   float: left;
   text-decoration: none;
   margin: 0px;
   color: #FFFFFF;
   font-weight: bold;
   FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#000000,strength=3);
}
.ModelMenuMain a:hover {
   background-color: #3A3A3A;
   text-decoration: none;
   border-bottom: 3px solid #dcdcdc;
   color: yellow;
}
.BoxMenu {
   width: 256px;
   overflow: hidden;
}
.BoxMenuTop {
   width: 256px;
   height: 35px;
   background: url(../images/bg_menu_head.png) no-repeat;
   overflow: hidden;
   margin: 0px;
}
.BoxMenuTop div{
   display: block;
   margin-top: 10px;
   margin-left: 12px;
   margin-right: 12px;
   margin-bottom: 0px;
   background-color: #2E4A9C;
   color: #FFFFFF;
   padding: 4px;
   padding-left: 10px;
}
.BoxMenuContent {
   width: 256px;
   background: url(../images/bg_menu2.png) repeat-y;
}
.BoxMenuContent a {
   background-image: url(../images/bg_menu_link_off.png);
   display: block;
   width: 214px;
   height: 33px;
   line-height: 33px;
   overflow: hidden;
   padding-left: 42px;
   text-decoration: none;
   color: #5B5B5B;
}
.BoxMenuContent a:hover {
   background-image: url(../images/bg_menu_link_on.png);
   text-decoration: none;
   color: #333333;
}

.BoxMenuBottom {
   width: 256px;
   height: 11px;
   background: url(../images/bg_menu_bottom.png) no-repeat;
   overflow: hidden;
   margin: 0px;
}
.MarginTable {
   width: 1002px;
   height: 61px;
   margin: 0px;
   overflow: hidden;
}
.MarginLogo {
   width: 174px;
   height: 61px;
   overflow: hidden;
   background-image: url(../images/logo02.png);
   background-repeat: no-repeat;
}
.ModelMargin {
   background-image: url(../images/bg_margin.png);
   background-repeat: no-repeat;
   width: 828px;
   height: 61px;
   overflow: hidden;
}
.ModelMargin div {
   margin: 0px;
   padding-top: 15px;
   padding-left: 50px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
   line-height: 21px;
}
.ModelMargin a {
   color: #FFFFFF;
}
.ModelFormLogin {
   width: 180px;
   margin: 0px auto;
}
.ModelFormHead {
   width: 180px;
   height: 4px;
   background-image: url(../images/bg_member_form01.gif);
   background-repeat: no-repeat;
   margin: 0px;
   overflow: hidden;
}
.ModelFormBottom {
   width: 180px;
   height: 4px;
   background-image: url(../images/bg_member_form02.gif);
   background-repeat: no-repeat;
   margin: 0px;
   overflow: hidden;
}
.ModelFormContent {
   width: 180px;
   margin: 0px;
   background-color: #B6C8E0;
   color: #2E4A9C;
   overflow: hidden;
}
.ModelFormContent h3 {
   margin: 0px;
   margin-left: 8px;
   margin-right: 8px;
   background-color: #2E4A9C;
   color: #FFFFFF;
   padding: 4px;
   padding-left: 10px;
   font-size: 12px;
   font-weight: normal;
}
.ModelCase {
   width: 180px;
   margin: 0px auto;
   text-align: center;
}
.ModelCase img {
   width: 176px;
   height: 80px;
   border: 2px solid silver !important;
}
.CaseLabel {
   display: block;
   margin-top: 3px;
   margin-bottom: 5px;
   padding-left: 18px;
   background-image: url(../images/icon_001.gif);
   background-repeat: no-repeat;
   background-position: left center;
   color: #8b0000;
   text-align: left;
   line-height: 16px;
   height: 16px;
}
.PageCtrl {
   text-align: center;
   margin-top: 10px;
   margin-bottom: 10px;
}
.PageCtrl a {
   text-decoration: none;
   color: #92b5f2;
   font-weight: bold;
}
.PageCtrl a:hover {
   text-decoration: none;
   color: orange;
}
.PageCtrl img {
   vertical-align: middle;
}
/* 模組 */

/* 非模組區塊 */
/* 非模組區塊 */

/* 頁面 */
.Content {
   margin-left: 15px;
   margin-right: 15px;
}
.CoverNews h1 {
   font-family: "Courier New", Courier, monospace;
   font-size: 16px;
   color: #ff8c00;
}
.CoverNews a {
   display: block;
   background-color: #FFFFFF;
   color: #5D5D5D;
   border-bottom: 1px solid #E5E5E5;
   text-decoration: none;
   padding: 3px;
   padding-left: 18px;
   background-image: url(../images/icon_002.gif);
   background-position: left center;
   background-repeat: no-repeat;
   margin-top: 5px;
   margin-bottom: 5px;
}
.CoverNews a:hover {
   text-decoration: none;
   background-color: #fffaf0;
   color: #19839A;
   border-bottom: 1px solid #FF3C00;
}
.CoverPro h1 {
   font-family: "Courier New", Courier, monospace;
   font-size: 16px;
   color: #ff8c00;
}
.CoverPro .ProBox {
   width: 176px;
   height: 200px;
   overflow: hidden;
   float: left;
   margin: 0px;
   margin-top: 5px;
}
.CoverPro .ProBox h3 {
   margin: 0px;
   padding-left: 10px;
   font-size: 12px;
   color: #545454;
   background-image: url(../images/icon_003.gif);
   background-position: left center;
   background-repeat: no-repeat;
}
.CoverPro .ProBox .Photo {
   width: 165px;
   height: 109px;
   margin: 5px auto;
}
.Navigator {
   float: right;
   margin-right: 5px;
   color: #828282;
}
.Navigator img {
   vertical-align: middle;
}
.Navigator a {
   color: #828282;
   text-decoration: none;
}
.Document h1 {
   font-family: "Courier New", Courier, monospace;
   font-size: 18px;
   color: #2B4799;
   float: left;
}
.Document {
   line-height: 20px;
}
.Document h3 {
   margin: 0px;
   padding-left: 10px;
   font-size: 12pt;
   color: #6E5300;
   background-image: url(../images/icon_005.gif);
   background-position: left center;
   background-repeat: no-repeat;
}
.Document h4 {
   margin: 0px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding-left: 10px;
   font-size: 10pt;
   color: #545454;
   background-image: url(../images/icon_003.gif);
   background-position: left center;
   background-repeat: no-repeat;
}
.SubMenu01 a {
   text-decoration: none;
   display: block;
   font-weight: bold;
   float: right;
   margin-right: 10px;
   padding: 3px;
   padding-left: 18px;
   color: #6E5300;
   background-image: url(../images/icon_004.gif);
   background-position: left center;
   background-repeat: no-repeat;
}
.SubMenu01 a:hover {
   text-decoration: none;
   color: #708090;
}
.SubMenu02 {
   display: block;
   float: right;
   height: 29px;
   line-height: 29px;
   background-image: url(../images/bg_submenu2.png);
   background-position: left center;
   background-repeat: no-repeat;
   padding-left: 12px;
}
.SubMenu02 a {
   display: block;
   float: right;
   text-decoration: none;
   font-weight: bold;
   color: #764C0B;
   line-height: 29px;
   height: 29px;
   padding-left: 20px;
   padding-right: 8px;
}
.SubMenu02 a:hover {
   color: #764C0B;
   text-decoration: none;
   background-image: url(../images/bg_submenu2_on.png);
   background-position: left center;
   background-repeat: no-repeat;
}
.DownloadHeader {
   width: 526px;
   height: 159px;
   margin: 0px auto;
   background-image: url(../images/download_head.png);
   overflow: hidden;
}
.DownloadMain {
   width: 526px;
   margin: 0px auto;
   background-image: url(../images/bg_download.png);
   padding-top: 10px;
   padding-bottom: 10px;
}
.DownloadMain a {
   display: block;
   padding: 3px;
   padding-left: 8px;
   margin: 5px;
   margin-left: 20px;
   margin-right: 20px;
   color: #FFFFFF;
   border-bottom: 1px solid #666666;
   background-image: url(../images/button_download.png);
   background-position: right center;
   background-repeat: no-repeat;
   text-decoration: none;
}
.DownloadMain a:hover {
   text-decoration: none;
   color: #ffd700;
   border-bottom: 1px solid white;
}
.DownloadBottom {
   width: 526px;
   height: 21px;
   margin: 0px auto;
   background-image: url(../images/download_bottom.png);
   overflow: hidden;
}
.CasePhoto {
   width: 106px;
   height: 106px;
   overflow: hidden;
   float: left;
   margin: 0px;
}
.CaseMovie {
   margin: 0px auto;
   clear: both;
   text-align: center;
}
/* 頁面 */

.ButtonImg {
   vertical-align: middle;
}
div.Line01 {
   height: 5px;
   overflow: hidden;
   clear: both;
}
div.Line02 {
   height: 1px;
   overflow: hidden;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
   border-top: 1px solid #EEEEEE;
}
div.Line03 {
   height: 1px;
   overflow: hidden;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
   background-image: url(../images/bg_line03.gif);
   background-repeat: repeat-x;
}
div.Line04 {
   height: 1px;
   overflow: hidden;
   clear: both;
   margin: 0px;
}
div.Line05 {
   height: 2px;
   overflow: hidden;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
   background-image: url(../images/bg_line05.png);
   background-repeat: no-repeat;
}
div.Line06 {
   height: 1px;
   overflow: hidden;
   clear: both;
   margin-top: 15px;
   margin-bottom: 5px;
   border-top: 1px solid #FF8033;
}
div.Line07 {
   height: 1px;
   overflow: hidden;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
   background-image: url(../images/bg_line07.gif);
   background-color: #dcdcdc;
   background-repeat: no-repeat;
}
div.Line08 {
   height: 10px;
   overflow: hidden;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
}
div.Line09 {
   height: 10px;
   overflow: hidden;
   clear: both;
   margin-top: 5px;
   margin-bottom: 5px;
   border-bottom: 1px solid silver;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
}

/* 數字字型 */
.Number_01 {
   font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: x-large;
   font-weight: bold;
}
.Number_02 {
   font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: large;
   font-weight: bold;
}
.Number_03 {
   font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: inherit;
   font-weight: bold;
   text-decoration: line-through;
}
.Number_04 {
   font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: inherit;
   font-weight: bold;
}

/* Color */
.ColorBlue {color: #009EDF;}
.ColorOrange {color: #FF8A26;}
.ColorLime {color: #70B22B;}
.ColorRed {color: #FF0000;}
.ColorBlack {color: #2f4046;}
.ColorYellow {color: #ffd700;}
.ColorSilver {color: silver;}
.ColorGold {color: #ffd700; font-weight: bold;}
/* Color */

/* 日期樣式 */
.DateClass {
   color: #32cd32;
   font-size: 11px;
   font-weight: normal;
}

body {
   margin: 0px;
   padding: 0px;
}
p {
   margin: 0px;
}
a {
   text-decoration: none;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #6495ed;
}
a:hover {
   text-decoration: underline;
   color: #87ceeb;
}
a img {
   border: none;
}
form {
   margin: 0px;
}