@charset "utf-8";

body { margin:0; padding:0; font-family: Arial,"微軟正黑體"; font-size: 13px; background:url(../images/bg.jpg); }
a { text-decoration:none;}
img { border:0; vertical-align:middle;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */ 
.warpper { width:1000px; margin:0 auto;}


/** 選單 **/
.menu { background:url(../images/menu_bg.jpg) repeat-x; height:45px;}

.menu ul { width:885px; margin:0 auto; padding:0; height:45px; list-style:none; text-align:center;}
.menu ul li { float:left; width:169px; line-height:45px; text-align:center; font:16px/45px "微軟正黑體"; color:#fad15d;background:url(../images/menu.png) no-repeat 0 0 ;}
.menu a { color:#fff; display:block;font:16px/45px "微軟正黑體"; color:#fad15d;}
.menu ul li:last-child{ float:left; width:209px; background:url(../images/menu.png) no-repeat right 0 ; }


/** 頭部 **/
.header { width:1000px; margin:0 auto;  height:107px; position:relative; }
.header .logo { width:389px;  line-height:40px; position:absolute; top:37px; left:2px;}
.header .slogan { width:234px; font-size:13px; color:#fff; position:absolute; bottom:6px; right:48px; text-align:right;}


/** main **/
.main { width:1000px; margin:0 auto; min-height:300px; padding:5px 0;}
.col-01 { float:left; width:239px; border-right:1px #CCC solid; padding-right:10px; margin-right:10px;}
.col-02 { float:left; width:1000px; }
.col-03 { float:left; }

.page-main {}
h3.page-title {  font:24px/30px "微軟正黑體" ; font-weight:bold; color:#333; border-bottom:1px #c4c4c2 solid; margin: 0 0 40px 0; padding:37px 0 17px 0;}
.page-title02 {  font:24px/30px "arial" ;color:#427bbf;}

/** 內頁文字 **/
.content { font:14px/26px "微軟正黑體";  color:#666; margin:0 10px; padding:0 0 60px 0;}
.content a{ font:14px/26px "微軟正黑體";  color:#666; }
.content a:hover{ color:#638dbd;}

.content h2{ font:17px/26px "微軟正黑體";  color:#427bbf; border-left:4px #427bbf solid;}
.content-h2{ font:15px/30px "arial";  color:#ca9803; font-weight:bold;}
.content ul{ list-style: square; margin:0; padding:0 0 0 35px;}
.content h3{ font:15px/24px "微軟正黑體";  color:#427bbf;border-left:3px #427bbf solid; padding:0; margin:0;}
.content-h3{ font:15px/24px "微軟正黑體";  color:#ca9803;}


/** 關於我們內頁文字 **/
.about-left{ float:left; width:20%;}
.about-right{ /*float:right;*/ width:80%;}


/** 聯絡我們內頁文字 **/
.contact-left{ float:left; width:430px;}
.contact-right{ float:right; width:550px;}


/** Global Identity Network **/
.global{display: flex; font-family: "arial";}
.global .g-image{flex: 1; position: relative;}
.global .g-image img{ width: 100%;}
.global .g-image .g-more{ position:absolute;bottom:10%;left: 42%; max-width: 80px; margin: 0 auto; text-align: center; color: #97cbff; font-size: 16px;}
.global .g-image .g-more a{color: #97cbff;  }
.global .g-image .g-more a:hover{color: #47a3ff; text-decoration: underline; }
.global .g-contect{flex: 1;background: #ddd;padding:10px 15px;}
.global .g-contect .g-title{ color: #222; font-size: 40px; line-height:1.3em;font-weight: bold;}
.global .g-contect .g-title02{ color: #1f3864; }
.global .g-contect .g-information{color: #222;font-size:15px; line-height:1.4em;padding:7px 0 0 0;  }


.global-main{font-family: "arial";color: #555;font-size:15px; line-height:1.6em;}
.global-main-font001{font-style: oblique;font-weight: bold;}
.global-main-font002{font-weight: bold;}





.btn-bottom { text-align:center; padding: 10px 0; margin-top:20px; border-top: 1px #CCC dotted;}
input.input-btn01 { background: #06C; line-height:25px; width:100px; color:#fff; font-size:12px; border:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 3px;}
input.input-btn02 { background: #900; line-height:25px; width:100px; color:#fff; font-size:12px; border:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;margin: 0 3px;}

/** 首頁內容 **/
.index-contect{background:url(../images/about_bg.png) no-repeat bottom right; padding:40px 0 60px 0;}
.index-contect h3{ font:18px/24px "微軟正黑體"; color:#666; border-bottom:1px #c4c4c2 solid; padding:0 0 20px 0; margin:0 0 40px 0 ;}
.index-contect-title01{ font:24px/24px "Arial"; color:#333; font-weight:bold;}
.index-contect-title02{ font:24px/24px "Arial"; color:#427bbf;}

.index-contect02{ font:13px/26px "微軟正黑體"; color:#666; width:610px;}


/** 作品陳列 **/
.pro-list {}
.pro-list-title { font-size:16px; line-height:30px; color: #89B48E; font-weight:bold; padding: 0 0 0px 0; margin-bottom:10px; border-bottom:1px #999 dotted;}
.pro-list ul { list-style:none; margin:0; padding:0;}
.pro-list ul li { float:left; width:190px; height:190px; padding:5px; position:relative;}
.pro-list ul li  .pro-photo { background:#fff; float:left; width:170px; height:170px; margin-right:10px; padding:8px; border:1px #CCC solid;}
.pro-list ul li  .pro-photo img { width:100%; height:100%;}
.pro-list ul li .pro-brief { float:left; width:550px; }
.pro-list ul li .pro-brief h3.pro-list-name { font-size:15px; color:#333; margin:0 0 10px 0; padding:0; }
.pro-list ul li .pro-brief p.pro-list-content { margin:0; padding:0px 0; font-size:12px; line-height:1.5em; color: #999;  }

.cart-info { position:absolute; right:10px; bottom: 10px; width:200px;}
.cart-info .price { font-size:18px; font-weight:bold; color: #666; line-height:25px; }
.cart-info .check-out { display:block; float:right; width:90px; text-align:center;}
.cart-info .check-out a { background: #39C; font-size:13px; color:#fff; line-height:25px; display:block;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.cart-info .check-out a:hover { background: #039;}


.pro-detaile { }
h3.pro-detaile-title { border-bottom:1px #06C dotted; font-size:15px; color:#333; line-height:30px; margin-bottom:10px;}
.pro-detaile .pro-photo {background:#fff; float:left; width:200px; height:200px; margin:0 10px 10px 0; padding:8px; border:1px #CCC solid;}
.pro-specification { float:left; width:510px; font-size:12px; line-height:1.5em; color:#333; position:relative; height:220px; margin-bottom:10px;}
.pro-specification p { margin:}
.pro-content { padding:0px 0; font-size:12px; line-height:1.5em; color:#999;} 
.pro-content p.spec { margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}


/** 首業主廣告 **/
.edm { background: url(../images/edm_bg.jpg) repeat-x; height:510px;}
.edm02 { width:1000px; height:500px; margin:0 auto; position:relative;}

.edm-button{ position:absolute; bottom:26px; right:50px;}
.edm-button ul{ list-style:none; padding:0; margin:0;}
.edm-button ul li{ float:left; width:10px; margin:0 19px 0 0 ;}

.edm-arrow01{ position:absolute; top:213px; left:-42px;}
.edm-arrow01 a{ display:block;}
.edm-arrow01 a:hover{ background:url(../images/arrow_h01.png) no-repeat}

.edm-arrow02{ position:absolute; top:213px; right:-42px;}
.edm-arrow02 a{ display:block;}
.edm-arrow02 a:hover{ background:url(../images/arrow_h02.png) no-repeat}


/* 頁次 */	
.page{ height:40px; font:13px/40px "微軟正黑體"; color:#333; text-align: center; clear:both; margin-top:10px; border-top:1px #CCC dotted;}
  .page a {color:#333;}
  .page a:hover {color: #C30;}

/** footer **/
.footer-message{background:url(../images/footer_bg001.jpg)
repeat-x; height:100px;}
.footer-logo-menu{ width:1000px; margin:0 auto; position:relative;}
.footer-logo{ position:absolute; top:35px; left:0;}
.footer-menu{ position:absolute; top:37px; right:0;}
.footer-menu ul{ list-style:nono; margin:0; padding:0; }
.footer-menu ul li{display:block;float:left;min-width: 91px;margin:0 7px;border:1px #c3c3c1 solid;height:26px;font:13px/26px "微軟正黑體";color:#585858;text-align:center;padding: 5px;}
.footer-menu ul li a{ font:13px/26px "微軟正黑體" ; color:#585858;}
.footer-menu ul li a:hover{ display:block; background:url(../images/footer-menu_h.jpg) repeat-x;color:#f1f0ec; height:26px;}


.footer {background:url(../images/footer_bg002.jpg) repeat-x; height:100px;font:13px/34px "微軟正黑體"; color:#ccc; text-align:center; padding:18px 0 0 0; margin:0;}

.footer01{font:13px/22px "微軟正黑體"; color:#427bbf;}
.footer02{font:10px/22px "微軟正黑體"; color:#8a8a8a;}
.footer02 a{font:10px/22px "微軟正黑體"; color:#8a8a8a;}
.footer02 a:hover{color:#bbb;}