@charset "utf-8";
/* CSS Document */
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;}
img{border:0;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
input, textarea{outline:none;}
textarea{resize:none;}
.displaynone{display:none;}

body{margin:0; padding:0; background:url(../images/body-bg.jpg);}


/** 頭部 **/
.header{margin:0; padding:0; width:1000px; margin:0 auto; background:#fafafa; height:128px;}
.header .logo h1{ margin:0; padding:0; font-family:"微軟正黑體"; font-size:28px; font-weight:normal; color:#595757; text-align:center; padding-top:34px; margin-bottom:12px;}
.header .menu{  border-top:#d3d3d3 solid 1px; height:42px; width:1000px; margin:0 auto;}

/** menu **/
.header .menu ul{margin:0; padding:0; list-style:none; height:23px; margin: 10px 0 10px 68px;}
.header .menu ul li{margin:0; padding:0; float:left;}
.header .menu ul li a{ display:block;}  
  .header .menu ul li.home a{ background:url(../images/icon-home.png); width:25px; height:23px;}
  .header .menu ul li.home a:hover{ background:url(../images/icon-home_h.png);}
  
  .header .menu ul li.menu01 a{ background:url(../images/menu01.png); width:74px; height:23px; margin-left:92px;}
  .header .menu ul li.menu01 a:hover{ background:url(../images/menu01_h.png);}
  
  .header .menu ul li.menu02 a{ background:url(../images/menu02.png); width:98px; height:23px; margin-left:92px;}
  .header .menu ul li.menu02 a:hover{ background:url(../images/menu02_h.png);}
  
  .header .menu ul li.menu03 a{ background:url(../images/menu03.png); width:66px; height:23px; margin-left:92px;}
  .header .menu ul li.menu03 a:hover{ background:url(../images/menu03_h.png);}
  
  .header .menu ul li.menu04 a{ background:url(../images/menu04.png); width:69px; height:23px; margin-left:92px;}
  .header .menu ul li.menu04 a:hover{ background:url(../images/menu04_h.png);}
  
  .header .menu ul li.menu05 a{ background:url(../images/menu05.png); width:68px; height:23px; margin-left:92px;}
  .header .menu ul li.menu05 a:hover{ background:url(../images/menu05_h.png);}

/** edm **/
.edm{ width:1000px; margin:0 auto; position:relative;}
.edm .edm-next{ position:absolute; left:443px; top:520px;}

.carousel{position:relative;visibility:hidden}
.carousel .panel{position:relative;height:546px;width:1000px; margin:0 auto;} 
.carousel .panel>img{height:546px}
.carousel .panel .panel-content{ position:absolute;top:0;left:0;margin:20px 0 0 20px;}
.carousel .panel .panel-content h2{color:#fff;font-family:'HelveticaNeueW01-77BdCn 692722';font-size:55px;font-weight:normal;line-height:55px;width:400px}
.carousel .panel .panel-content.dark h2{color:#333}
.carousel .panel .panel-content p{color:#ccc;font-size:21px;line-height:24px;width:380px}


.carousel .carousel-nav{text-align:center; position:absolute;left:600px; bottom:20px;z-index:50; width:1000px;}
.carousel .carousel-nav a,.carousel .carousel-nav button{ float:left;}

.carousel .carousel-nav a.carousel-prev{background: url(../images/prev_btn.png); margin-right:20px;width:32px;height:48px; position:absolute; bottom:115px; left:70px;display:none;}
.carousel .carousel-nav a.carousel-prev:hover{background: url(../images/prev_btn_h.png); display:none;}

.carousel .carousel-nav a.carousel-next{background: url(../images/icon-next.png); margin-left:15px;width:115px;height:48px; position:absolute; bottom:-48px; right:540px;}
.carousel .carousel-nav a.carousel-next:hover{background: url(../images/icon-next_h.png);}

.carousel .carousel-nav .carousel-btn{ background:url(../images/point_h.png) no-repeat; width:11px; height:11px;border:0;text-indent:-999em; overflow:hidden; margin:9px 5px 0 0; display:none;}
.carousel .carousel-nav .carousel-btn.active{background:url(../images/point.png) no-repeat;}


#home-carousel .panel{height:540px}
#home-carousel .panel-content{width:1200px; height:20px; margin:0;padding:20px; top:auto; bottom:0;color:#ccc;font-size:14px;font-weight:bold}
#home-carousel li.play-video{cursor:pointer}#home-carousel #home-video{position:absolute;top:0;left:0;z-index:100;visibility:hidden}
#home-carousel #home-video,#home-carousel #home-video video.video-js{width:1200px;height:540px;padding:0 61px;background-color:#000}
#home-carousel .video-js-box img.vjs-poster{height:540px!important}
#home-carousel #home-video a.btn-close-video{color:#fff;position:absolute;right:10px;top:0}


/** 內容區 **/
.main{width:1000px; margin:0 auto;}


  .maincontent{background:#fff;}
    .maincontent .left-menu{width:220px; float:left; background:url(../images/sb-bg.jpg) no-repeat right top; min-height:530px;}
	  .maincontent .left-menu ul{margin:30px 10px 25px 0px; list-style:none; margin-top:30px;}
	  .maincontent .left-menu li{margin:0; padding:0; border-bottom:dotted 1px #575656;}
	  .maincontent .left-menu .left-menu-title{ font-family:"微軟正黑體"; font-size:20px; color:#b37d77; padding-left:5px; font-weight:bold; padding-bottom:10px; border-bottom:none; }
	  .maincontent .left-menu a:link, .maincontent .left-menu a:visited{display:block; font:15px/39px "微軟正黑體"; color:#575656; padding-left:25px; background:url(../images/list-style_01.jpg) no-repeat 7px 15px;}
	  .maincontent .left-menu a:hover, .maincontent .left-menu a:active, .maincontent .left-menu a.active{background:url(../images/list-style_01.jpg) no-repeat  7px 15px; color:#F00;}
	  .maincontent .left-menu ul ul{margin:0; padding:0 0 0 25px; list-style:none; }
	  .maincontent .left-menu li li{margin:0; padding:0; border-bottom:none;}
	  .maincontent .left-menu li li a:link, .maincontent .left-menu li li a:visited{display:block; font:13px/39px "微軟正黑體"; color:#575656; padding-left:20px; background:url(../images/icon-sub.png) no-repeat 7px 15px;}
	  .maincontent .left-menu li li a:hover, .maincontent .left-menu li li a:active, .maincontent .left-menu li li a.active{color:#3a92cc;}
	  
	  .maincontent .main{width:720px; float:right; margin:0 30px;}
	  .maincontent .main .page_title{font:18px/50px "微軟正黑體"; color:#666666; padding-left:30px; margin-top:20px; background:url(../images/page_title-bg.jpg) no-repeat; text-align:left;}
	  .maincontent .main p{ font-family:"微軟正黑體"; font-size:13px; line-height:20px; color:#777; padding-left:32px; padding-right:15px; }
	  
.wd_font_01{width:480px; margin:33px auto 87px auto;}
      .wd_font_02{width:245px; height:30px; background:url(../images/flow-title-bg.png) no-repeat; margin:10px auto; font:18px/30px "微軟正黑體"; color:#fff;}
      .wd_font_03{font:13px/24px "微軟正黑體"; color:#575656;}


.main .inews{ margin:0; padding:0; background:url(../images/news-bg.png) repeat-x; height:186px;}

.inews-title{ padding:25px 0 10px 0px; margin-left:10px; border-bottom:#b8b6b6 solid 1px; width:740px; position:relative;}
.inews-title .more{ position:absolute; bottom:0; right:5px;}

.inews .inews-box{ width:750px; float:left;}
.inews .inews-list{margin:0; padding:0; margin:5px 0;}
.inews .inews-list ul{margin:0; padding:0; list-style:none;}
.inews .inews-list ul li{margin:0; padding:0; margin-left:10px; border-bottom:dotted 1px #575656; width:740px; height:30px; overflow:hidden;}
.inews .inews-list ul li a img { vertical-align:middle; margin-right:10px;}
.inews .inews-list ul li a { display:block; font-family:"新細明體"; font-size:13px; color:#555; padding-top:6px;}
.inews .inews-list ul li a:hover{ color:#C30;}

.main .link-box{ width:229px; float:right; margin:38px 10px 0 0;}
.main .link-box img{ margin-bottom:6px;}

/* 最新消息 */
.news{ width:700px; margin-left:5px;}
  .news .news-list{margin:10px 0; text-align:left;}
  .news .news-list img{ margin-right:10px;}
    .news .news-list ul{margin:0; padding:0; list-style:none;}
    .news .news-list li{margin:0; padding:0;}
    .news .news-list a:link, .news .news-list a:visited{display:block; font:13px/18px Arial; color:#575656; padding:8px 0 8px 60px; border-bottom:dotted 1px #575656;}
    .news .news-list a:hover, .news .news-list a:active{color:#c30;}
	
  .main .page{clear:both; text-align:center; font:bold 15px/70px "微軟正黑體"; color:#666;}	
    .main .page a:link, .main .page a:visited{color:#666;}
    .main .page a:hover, .main .page a:active, .main .page a.active{color:#000;}
	
.back-bn a:link, .back-bn a:visited{width:80px; font:13px/18px Arial; background:#333; color:#fff; text-align:center; padding:3px 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.back-bn a:hover, .back-bn a:active{background:#ccc; color:#333}	

/* 產品介紹 */	
.prodlist{margin:30px 0 0 30px;}
  .prodlist ul{margin:0; padding:0; list-style:none;}
  /*.prodlist li a:link, .prodlist li a:visited{width:180px; height:250px; overflow:hidden; margin:0 60px 18px 0; padding:0; float:left; font:15px/32px "微軟正黑體"; color:#0469ac;}*/
  .prodlist li a:link, .prodlist li a:visited{width:180px; overflow:hidden; margin:0 60px 18px 0; padding:0; float:left; font:15px/32px "微軟正黑體"; color:#0469ac;}
  .prodlist li a:hover, .prodlist li a:active{color:#c30;}
  .prodlist li.end a:link, .prodlist li.end a:visited{width:175px; margin:0 0 18px 0; padding:0; float:left; font:15px/32px "微軟正黑體"; color:#0469ac;}
  .prodlist li.end a:hover, .prodlist li.end a:active{color:#c30;}
  .prodlist a:link img, .prodlist a:visited img{background:#fff; padding:3px; border:solid 1px #ccc;}
  .prodlist a:hover img, .prodlist a:active img{background:#fff; padding:3px; border:solid 1px #0469ac;}
  
/** 產品陳列 **/
.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 { border-bottom:1px #CCC solid; height:150px; padding:10px 20px; position:relative;}
.pro-list ul li  .pro-photo { background:#fff; float:left; width:120px; height:120px; 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:30px; margin-left:30px; margin-right:10px;}
.pro-detaile .pro-photo {background:#fff; float:left; width:200px; height:200px; margin:0 10px 10px 30px; padding:8px; border:1px #CCC solid; text-align:center;}
.pro-specification { float:left; width:450px; 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;}
.pro-content h4{ margin:10px 0 0 30px; font-size:14px;}
.pro-content span{ color:#966; font-weight:bold;}

/* 數位接案 */
.main .case h4.qa_title{ margin:0; padding:0; display:block; font-family:"微軟正黑體"; font-size:16px; color:#666; background:#eee2e1; background:url(../images/icon-q.png) no-repeat #eee2e1 ; line-height:28px; height:28px; padding-left:30px; margin-bottom:10px;}
.main .case .qa_content p{ margin:0; padding:0; font-family:"微軟正黑體"; color:#666; padding:5px; font-size:13px; line-height:24px; margin-bottom:10px;}
.main .case span.cls{ display:block; color:#C30; font-family:"微軟正黑體"; padding:15px; font-size:14px; line-height:24px; margin-bottom:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#eee2e1; border:solid 1px #dcdcdc; margin-bottom:}


/* 連絡我們 */
.contact-table{width:100%;}
  .contact-table th{width:28%; text-align:right; font:15px/24px "微軟正黑體"; color:#333; padding:10px;}
  .contact-table td{width:72%; padding:5px;}
  .wd_input_01{width:350px; height:25px; border:solid 1px #ccc;}
  .wd_input_02{width:350px; height:100px; border:solid 1px #ccc;}
  .wd_input_03{width:120px; height:25px; border:solid 1px #ccc;}
  .wd_input_bn{font:15px/30px "微軟正黑體"; color:#333; border:solid 1px #ccc; background:#E8E8E8; cursor:pointer;}
  
/* 頁次 */	
.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{ position:relative; margin:0; padding:0; width:1000px; margin:0 auto; background:url(../images/footer-bg.png) repeat-x; height:90px;}
.footer .contact{ position:absolute; display:block; left:22px; top:26px; float:left;}
.footer .logo{ position:absolute; left:165px; top:30px;}
.footer .siteinfo{ position:absolute; left:375px; top:20px; font-family:Arial; font-size:12px; line-height:18px; color:#595757;}

.footer .wp-copyright a{ position:absolute; right:10px; top:15px; font-family:"新細明體"; font-size:12px; color:#868585;}
.footer .wp-copyright a:hover{ color:#FFF;}