@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans);*/
@import url(reset.css);

body {  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", DFKai-SB, sans-serif, Meiryo;
  font-size: 16px; }

section {}

img { }

ul {padding: 0;  }

#brand {}
#brand .logo { }
.top-contact {  font-size: 20px; }
#site-wrapper {  width: 100%;  height: 100%;  margin: 0 auto;/*  padding: 0 15px;*/  position: relative;  overflow: hidden; }
#site-canvas {  width: 100%;  min-height: 1080px;  position: relative; transform: translateX(0);  transform: translate3d(0);/* transition: ease 0.3s all;*/ backface-visibility: hidden; }
.show-nav #site-canvas { 
	-webkit-transform: translateX(100vw);
	-moz-transform: translateX(100vw);
	transform: translateX(100vw);
	-webkit-transform: translate3d(100vw, 0, 0);
	-moz-transform: translate3d(100vw, 0, 0);
	transform: translate3d(100vw, 0, 0);
}

#tables-progress{ background:rgba(255,255,255,1.00); width:100%; font:18px/30px Arial, "微軟正黑體", Meiryo; text-align:center; margin-bottom:50px;}
#tables-progress img{ height:80px; width:auto; margin:5px auto;}
#tables-progress button {  width: 80%; margin:0 auto;}
#tables-progress .img-responsive {  width: auto;}
#tables-progress th, #tables-progress tr {  /*font-size: .938em; font-size: 1em;*/ text-align: center;}
#tables-progress th { color: #fff;  background-color: #000; height:30px;}
#tables-progress td a {  color: #000;  text-decoration: underline;}
#tables-progress td {  text-align: left; vertical-align:middle;}



/*--top--*/
#brand{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9800+0,ff9e01+100 */
background: #ff9800; /* Old browsers */
background: -moz-linear-gradient(top, #ff9800 0%, #ff9e01 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff9800 0%,#ff9e01 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff9800 0%,#ff9e01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800', endColorstr='#ff9e01',GradientType=0 ); /* IE6-9 */
	 }


.logo{ position: relative; height:108px; z-index: 10; text-decoration:none; background:url(../img/logo.png) no-repeat left 25px; filter: drop-shadow(0 0 10px rgba(231,86,7,0.5)); margin-left: 15px; }
.logo p{ opacity: 0; font:bold 30px/30px meiryo; color:#000; position:absolute; left:130px; top:32px; }
.logo span{ font:normal 15px Arial, sans-serif, "新細明體"; letter-spacing:1px; color: #949494; position:absolute; left:130px; top:70px;}


/*--社群連結--*/
.community_link{ position:absolute; top:45px; right:15px;}
.community_link li{ display:block; float:left;  }
.community_link li span{ display:block; float:left; width:25px; height:25px; position:relative; margin-left:25px; background-size: cover !important;  }

.fb { background-image: url(../css/css-img/fb-icon.png);}
.twitter { background-image: url(../css/css-img/twitter-icon.png);}
.line { background-image: url(../css/css-img/line-icon.png);}
.google { background-image: url(../css/css-img/gp-icon.png);}
.youtube { background-image: url(../css/css-img/youtube-icon.png);}
.weibo { background-image: url(../css/css-img/weibo-icon.png);}
.ig{ background-image: url(../css/css-img/ig-icon.png);}
.fb:hover, .twitter:hover, .line:hover, .google:hover, .youtube:hover, .weibo:hover, .ig:hover{ /*background-position:0 bottom;*/}




/*--語言版本區塊--*/


.ver{ display:block; position:absolute; top:45px; right:0; width:110px;}
.ver option{ border: none;}
.ver option:hover{ background:rgba(0,0,0,1.00);}
.explanation{ position:absolute; bottom:-32px; right:168px; font: normal 9px/12px "新細明體"; color:#373737;}




/*--menu--*/


#navigation { margin: 0 ; 
background: #fe9e01;
background: -moz-linear-gradient(top, #fe9e01 0%, #ffc107 100%);
background: -webkit-linear-gradient(top, #fe9e01 0%,#ffc107 100%);
background: linear-gradient(to bottom, #fe9e01 0%,#ffc107 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9e01', endColorstr='#ffc107',GradientType=0 );
padding-bottom: 10px;}

#navigation .navi-bar {  position: absolute;  top: 21.875vw;  z-index: 999;}
#site-menu{}
#site-menu ul.menu { border-radius: 15px; border-color: #fff; border-style: solid; border-width: 4px 0 1px; background: #fdf1de; padding: 0 60px; box-shadow: 0px 5px 10px 0px rgba(145,90,26,0.25); }

#site-menu ul.menu li { /*border-right: solid 1px #3b5490;*/ display:table-cell; text-align:center; width:5%; }
#site-menu ul.menu li:first-child{  }
#site-menu ul.menu li:nth-child(2) { }
#site-menu ul.menu li:nth-child(3) { }
#site-menu ul.menu li:nth-child(4) { }
#site-menu ul.menu li:nth-child(5) { }
#site-menu ul.menu li:last-child{ border-right:none;}
#site-menu ul.menu li a { display: inline-block; width:calc(100% - 45px); font:16px/45px arial, 微軟正黑體, sans-serif; color: #000; text-decoration: none; }
#site-menu ul.menu li::after{ content: "∣"; margin: 0 18px;}
#site-menu ul.menu li:last-child::after{ content: ""; margin: 0 18px;}
#site-menu ul.menu li a:hover { /*background: #dc143c;*/transition: all 0.2s ease; color:#ff9800; }

#site-menu ul.menu li a span{ font:13px/50px meiryo; }



.owl-carousel.owl-loaded {  display: block; }


/*-- index title + contact title --*/


.index-header { font:24px/39px Arial, 微軟正黑體, sans-serif, Meiryo; color:#000000; margin:35px 0;}
.pd_icon, .news_icon, .video_icon, .ad_icon{ 
	display:block; float:left; width:23px; height:39px;  margin: 0 15px; background:#fff url(../img/list_icon.png) no-repeat center center; background-size: cover; }
.news_icon, .video_icon, .ad_icon{ background:#fff9ec url(../img/list_icon.png) no-repeat center center; background-size: cover;  }



.divider{ display: block; position: absolute; top:0; right: 15px; height: 20px; width: calc(100% - 185px); content: ""; border-bottom: solid 1px #dbdad2;}
.sub{ display: none; height:50px; font: normal 20px/50px Calibri, sans-serif, "標楷體", Meiryo; color:#000000;}
.index_news_title{}

.pd_title,.news_title,.video_title{ position: relative;}
.pd_title h2,.news_title h2,.video_title h2{ display: inline-block; background: #fff; color: #000; }

.news_title h2,.video_title h2{ background:#fff9ec;}
.news_title{ color:rgba(255,255,255,1.00);}
.news_title .divider{ color:rgba(255,255,255,1.00);}
.news_title .sub{ color:rgba(255,255,255,1.00);}
.video_title{}
.ad_title{}




/*--index product--*/


#index-products { padding: 0 0 0 0; }
#index-products .row { margin-bottom: 30px;}
#index-products h1 { font-size: 24px;}
#index-products .productsPack { margin:0 13px 30px; background-color: #fff; position: relative;}

#index-products .productsPack a { color: #000;  text-decoration: none;}

#index-products .productsPack .products-img { border: 1px solid #c0c0c0; width: 250px; height: 250px; overflow: hidden;}
#index-products .productsPack .products-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}

#index-products .productsPack .products-content { height: 200px; overflow: hidden; padding: 0 30px; position:relative; }
#index-products .productsPack .products-title { font:bold 18px/24px Arial, "微軟正黑體", sans-serif, Meiryo; margin-top:35px; color:rgba(0,0,0,1.00);}
#index-products .productsPack .products-desc { width: 100%; min-height: 50px; margin:18px 0 0; font:12px/20px Arial, sans-serif, "新細明體"; color:rgba(0,0,0,1.00);}
/*.productsPack .products-ask { position:absolute; top:42.2222%; right:17px; width: 50px; height: 50px; border-radius:50px; background:#b22222 url(../img/inquiry.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }*/
.productsPack .products-ask { position:absolute; top:42.2222%; right:17px; width: 50px; height: 50px; border-radius:50px; background:transparent url(../img/line.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }
 /*.productsPack .products-ask:hover { background:#fff url(../img/inquiry_hover.png) no-repeat center center; background-size: cover; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); }*/
 .productsPack .products-ask p { display: none; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }

 




/*--index news--*/

 
#news{ background:#fff9ec; margin:0 0 0 0; border-top: solid 1px #f6efe5;}
#news .news-list{ padding:0 15px;}
#news .news-list li { height: 40px;  padding: 0; margin-bottom:13px; margin-top: 26px; }

#news .news-list li:nth-child(1){ }
#news .news-list li:last-child{ margin-bottom:0; }

.news-list li a { width: 100%;  float: left;  color: #000;font: normal 13px/18px Arial, "微軟正黑體", Meiryo; text-decoration: none; }


.news-list li .date { width: 20%; height: 40px; float: left; margin-right: 20px; color: #000; font: normal 13px/40px Arial, "微軟正黑體", Meiryo; text-align: center; background: #fff; letter-spacing:0; color: #b22222; border: solid 1px #e3dccf; border-radius: 4px;}
.news-list li a:hover > .date {  }
.news-list li p { display: flex; align-items: center; height: 40px; position: relative; font: 13px/20px arial,新細明體,微軟正黑體,sans-serif;}
.news-list li p::after{ display: block; position: absolute; top:40px; height: 13px; width: 100%; content: ""; border-bottom: dotted 1px #a6a29a; }
.news-list li:last-child p::after{ border-bottom: none; }

/*--index video & AD--*/


.video-container { padding:0 0 50px 15px;}
.video-container iframe{ width:535px; height:300px;}

/*--footer--*/

footer { padding:75px 0 50px; background:#ffc107 url(../img/footbg.jpg) repeat-x center top;  }
footer a { color: #000; text-decoration: none; }

footer .footer-logo { display:block; width:auto; height:74px; background: url(../img/logo.png) no-repeat left center; background-size:cover; }
.footer_title{ font:bold 14px/40px 微軟正黑體, Arial,Meiryo,sans-serif; color:rgba(0,0,0,1.00); padding-left:15px; }
.footer_title br.noh{ display: none;}
.footer_menu{ margin:0; }
.footer_menu li{ float:left; font: 12px/40px 新細明體,Arial, sans-serif, Meiryo;color:rgba(0,0,0,1.00); width: 20%;   }
.footer_menu li::after{ content: "∣"; margin: 0 18px;}
.footer_menu li:nth-child(1){  }
.footer_menu li:last-child::after{content: "";}
.footer_menu a{ text-decoration:none; }
.footer_menu a:hover{ color:#000;}
.footer_menu li a span{ display:none;}


.foot_link{ display:none;}


.qrcode_map, .qrcode_fb, .qrcode_line, .qrcode_net{ display: none; float:left;  width:40px; height:40px; margin:20px auto 0 ; }
.qrcode_map{ background-image:url(../img/map.jpg); width:195px; height:135px; display:block; margin-left:35px;}
.qrcode_fb{ background-image:url(../img/icon_fb2.jpg);}
.qrcode_line{ background-image:url(../img/icon_line2.jpg);}
.qrcode_net{ background-image:url(../img/icon_net2.jpg); }

.copyright{ color:rgba(255,255,255,1.00); font: normal 14px/22px Arial, sans-serif, "微軟正黑體"; margin-top:10px; padding:0 15px;}
.copyright ul{ margin-bottom:5px;}
.copyright li{ float:left; list-style:none; margin:0 15px 0 20px;}
.copyright li:last-child{}
.copyright a{ text-decoration:none;  color:rgba(255,255,255,1.00);}
.copyright p{ display:block; padding:0; margin:0; font:13px/13px Arial, sans-serif, "微軟正黑體";}

.copyright_m{ font: normal 14px/20px Arial, sans-serif, "微軟正黑體";}



/*--page--*/


.bread { width: 100%;  height: 37px;  font-size: 15px/37px Arial, sans-serif, Meiryo;  margin-top:80px; margin-bottom: 13px;  }
.bread li { padding: 0;}
.bread li a {  color: #000;  text-decoration: none;}
.bread li:before {  padding: 0 15px;  color: #000;  content: "•"; }
.bread li:first-child:before {  content: ""; padding:0 15px 0 0; }




.sidebar .sidebar-title {  width: 95%;  height: 30px;  color: #888171;  font-size: 20px;  line-height: 30px;  margin:60px 0; font:bold 30px/40px Arial, Meiryo, "微軟正黑體", sans-serif; color:rgba(0,0,0,1.00); text-align:left;}
.sidebar .sidebar-title span{ display:block; font:24px/40px Arial, sans-serif, Meiryo;}
.sidebar .sidebar-title span.divider{ right: 0; }


.sidebar .sidebar-list { 
	width: 95%; height: auto; margin: 3px 0 0; padding:20px 0; overflow:hidden; border-radius: 15px;
	background: #ffc107;}
.sidebar .sidebar-list h4.level-1, .sidebar .sidebar-list h4.level-2 { color: #000; width:90%; line-height:35px; margin: 0 auto;}
.sidebar .sidebar-list h4.level-1 {  text-align:center; }
.sidebar .sidebar-list h4.level-2 {  margin: 0 auto 15px; overflow:hidden; text-align: center; color:#000; font:bold 20px/36px Arial, Meiryo; }
.sidebar .sidebar-list h4:hover{}
.sidebar .sidebar-list li { padding:10px 30px; text-align: center; }
.sidebar .sidebar-list li:last-child { margin-bottom: 15px; }
.sidebar .sidebar-list a { width:100%; color: #000; text-decoration: none; }
.sidebar .sidebar-list a:hover{ }

.list-unstyled{ padding-left:0; list-style:none }

.list-unstyled li:before{ content:""; color:rgba(0,0,0,1.00);}


/*.list-inline{ padding-left:0; list-style:none;margin-left:-5px }*/
.list-inline > li{display:inline-block;}



.edit { padding:30px; margin:20px 0 50px 15px; min-height:500px; background:rgba(255,255,255,1.00); line-height: 200%; }


/*.pagination { padding-top: 20px; }
.pagination ul { text-align: center; }
.pagination li a { display: block; padding: 3px 6px; border: 1px dotted #fff; border-radius: 5px; color: #a84141; text-decoration: none; }
.pagination li a:hover { background: #a84141; border: 1px solid #a84141; color: #fff; text-decoration: none; }
.pagination li .active { background: #a84141; border: 1px solid #a84141; color: #fff; text-decoration: none; }
*/

.pagination { padding-top: 0; }
.pagination ul { text-align: center; margin-bottom:50px; }
.pagination li a { display: block; padding: 2px 10px; border-radius: 5px; color: #fff; text-decoration: none; background: #000; font:16px/30px Arial, sans-serif, "微軟正黑體", Meiryo;  }
.pagination li a:hover { background: #000; color: #fff; text-decoration: none; }
.pagination li .active { background: #000; color: #fff; text-decoration: none; }



.news-container{ padding:0 15px; margin:0 15px;}



#page-news { /*background:#fff000;*/}
#page-about { /*background:#fff000;*/}
#page-contact { /*background:#fff000;*/}
#page-inquiry{ /*background:#fff000;*/}

#page-products { padding: 20px 0 50px 0; /*background:#fff000;*/}
#page-products span{ text-align: center; display: block; }
#page-products .row { margin-bottom: 30px;}
#page-products h1 { font-size: 24px;}
#page-products .productsPack { margin:0 15px 30px; background-color: #fff;}
#page-products .productsPack a { color: #000;  text-decoration: none;}

#page-products .productsPack .products-img { border: 1px solid #c0c0c0; width: 250px; height: 250px; overflow: hidden;}
#page-products .productsPack .products-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}

#page-products .productsPack .products-content { height: 135px; overflow: hidden; padding: 5px 15px; position:relative; background:rgba(0,0,0,0.00);}
#page-products .productsPack .products-title { font:18px/24px Arial, "微軟正黑體", sans-serif, Meiryo; margin-top:25px; color:rgba(0,0,0,1.00);}
#page-products .productsPack .products-desc { width: 100%; min-height: 50px; margin:18px 0 0; font:12px/20px Arial, sans-serif, "新細明體"; color:#737373;}
/*#page-products .productsPack .products-ask { position:absolute; bottom:135px; right:16px; width: 63px; height: 63px; border-radius:63px; background:#e40645; cursor: pointer; z-index:85; }
#page-products .productsPack .products-ask p { display: block; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }*/




.products_detail{ background:#fff; padding:0 25px 50px; margin:0 0 80px 15px;}
.products_detail h1{ font:bold 18px/36px Arial, Meiryo; margin:25px 15px 25px; }
.products_detail p{ font:15px/24px Arial, sans-serif, "微軟正黑體", Meiryo; margin:0 15px;}
.products_detail_edit{ margin:50px 0; font:16px/24px Arial, sans-serif, "新細明體"; }

.products-img{ margin:0 25px 0 0; }
.products-img img{ width:100%; height:auto;}
.products-relation{ }
/*.products-detail-ask{ position:absolute; top:100%; right:17px; width: 50px; height: 50px; border-radius:50px; background:#b22222 url(../img/inquiry.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }
*/
.products-detail-ask{ position:absolute; top:100%; right:17px; width: 50px; height: 50px; border-radius:50px; background: url(../img/line.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }

.products-detail-ask p{ display: none; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; font:16px/63px Arial, sans-serif, "微軟正黑體", Meiryo; margin:0;  }



#page-news { }
#page-news .news-container a {  color: #000;  text-decoration: none; }
#page-news .news-list {  width: 100%;  margin: 20px 0;  padding: 10px;  border: 2px solid #c0c0c0; border-radius: 5px; background:rgba(255,255,255,1.00);}
#page-news .news-list:hover {  border: 2px solid #ff9900;}
#page-news .new-detail-content {  margin-top: 35px;}
#page-news .new-detail-content h1 {  font-size: 24px; }
.news-content{ margin:0 15px 0 25px; }
.news-content p{ font:14px/24px Arial, "微軟正黑體", sans-serif; color: #737373; }
.news-content p:first-child{ font-size: 16px; font-weight: bold; margin: 15px 0 10px; color: #000;}

.new-detail-content{ background:#fff; margin:0 35px 80px;}
.new-detail-content h1{ font:16px/36px Arial, "微軟正黑體", Meiryo; margin:25px 0; }
.new-detail-content p{ font:13px/24px Arial, "微軟正黑體", sans-serif; margin-top:10px; }


.news-date{ font:bold 18px/48px Arial, Meiryo; }
.news-pic{}


.page_contact{ margin:25px 0 80px;}

#page-contact .google-maps {  height: 0;  margin: 50px 0;  padding-bottom: 30%;  position: relative;  overflow: hidden; }
#page-contact .google-maps iframe {  width: 100% !important;  height: 100% !important;  position: absolute;  top: 0;  left: 0; }


.sidebar-contact{ padding-right:25px;}
.sidebar-contact span{ font:bold 22px/30px Arial, sans-serif, Meiryo; margin:15px 0 35px; display: block;}
.sidebar-contact h4{ font:bold 18px/30px Arial, sans-serif, Meiryo; margin-bottom:15px;}
.sidebar-contact p{ font:16px/30px Arial, sans-serif, Meiryo;  }

.page-header{ display:none; margin:0 0 20px; padding-top:9px; padding-bottom:0; font:24px/30px Arial, sans-serif, Meiryo;}


input[type="text"], input[type="email"]/*, input[type="phone"]*/{ width:90%;}




@media (min-width: 62em) and (max-width: 74.9375em) {


/*--top--*/
/*#brand{ background:#fff000; }


.logo{ position: relative; height:128px; z-index: 10; text-decoration:none; background:url(../img/logo.png) no-repeat left 10px; margin-top:15px;}
.logo p{ font:bold 30px/30px meiryo; color:#000; position:absolute; left:120px; top:32px; }
.logo span{ font:normal 15px Arial, sans-serif, "新細明體"; letter-spacing:1px; color: #949494; position:absolute; left:120px; top:65px;}
*/

/*--社群連結--*/
/*.community_link{ position:absolute; top:45px; right:135px;}
.community_link li{ display:block; float:left;  }
.community_link li span{ display:block; float:left; width:35px; height:35px; position:relative; margin-left:20px; background-size: cover !important;  }

.fb { background-image: url(../css/css-img/fb-icon.png);}
.twitter { background-image: url(../css/css-img/twitter-icon.png);}
.google { background-image: url(../css/css-img/gp-icon.png);}
.youtube { background-image: url(../css/css-img/youtube-icon.png);}
.weibo { background-image: url(../css/css-img/weibo-icon.png);}
.fb:hover, .twitter:hover, .google:hover, .youtube:hover, .weibo:hover{ background-position:0 35px;}*/




/*--語言版本區塊--*/


/*.ver{ display:block; position:absolute; top:45px; right:0; width:110px;}
.ver option{ border: none;}
.ver option:hover{ background:rgba(0,0,0,1.00);}
.explanation{ position:absolute; bottom:-32px; right:168px; font: normal 9px/12px "新細明體"; color:#373737;}*/




/*--menu--*/


/*#navigation { margin: 0 ; background:rgba(0,0,0,0.0); }
#navigation .navi-bar {  position: absolute;  top: 70px;  z-index: 999;}

#site-menu ul.menu {  background:url(../img/img_bg.jpg); border: dashed 1px #a94242;border-radius:12px; padding:10px; }
#site-menu ul.menu li { border-right: solid 1px #3b5490; display:table-cell; text-align:center; width:5%;}
#site-menu ul.menu li:last-child{ border-right:none;}
#site-menu ul.menu li a { display: block; width:100%; font:15px/52px meiryo; color: #000; text-decoration: none; background:rgba(255,255,255,1.00);}
#site-menu ul.menu li a:hover { background: rgba(255,255,255,0.00); transition: all 0.2s ease; color:rgba(255,255,255,1.00);}

#site-menu ul.menu li a span{ font:13px/50px meiryo; }*/






/*.owl-carousel.owl-loaded {
  display: block; background: url(../img/bg_line.png) repeat-x center bottom; padding:50px 0 40px;
}
*/
/*-- index title + contact title --*/


/*.index-header { font:bold 30px/50px Arial, sans-serif, Meiryo; color:#000000; margin:50px 0 25px 0;}
.pd_icon, .news_icon, .video_icon, .ad_icon{ display:none; float:left; width:50px; height:50px; margin-right:15px; background:rgba(213,213,213,1.00) no-repeat left center; color:rgba(255,255,255,1.00); font: normal 30px/50px Meiryo; text-align:center; border-radius:25px; }




.divider{ font:20px/50px "標楷體"; margin:0 5px 0 15px; color:#000000;}
.sub{ height:50px; font: normal 20px/50px Calibri, sans-serif, "標楷體", Meiryo; color:#000000;}
.index_news_title{}

.pd_title{}
.news_title{ color:rgba(255,255,255,1.00);}
.news_title .divider{ color:rgba(255,255,255,1.00);}
.news_title .sub{ color:rgba(255,255,255,1.00);}
.video_title{ opacity:0;}
.ad_title{}*/




/*--index product--*/


/*#index-products { padding: 20px 0 50px 0; background:#fff000;}
#index-products .row { margin-bottom: 30px;}
#index-products h1 { font-size: 24px;}
#index-products .productsPack { margin:0 15px 30px;   /*border: 1px solid #ebebeb;}
#index-products .productsPack a { color: #000;  text-decoration: none;}

#index-products .productsPack .products-img { border-bottom: 1px solid #ebebeb;}
#index-products .productsPack .products-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}

#index-products .productsPack .products-content { height: 135px; overflow: hidden; padding: 5px 15px; position:relative; background:rgba(0,0,0,1.00);}
#index-products .productsPack .products-title { font:16px/18px Arial, sans-serif, "微軟正黑體", Meiryo; margin-top:25px; color:rgba(255,255,255,1.00);}
#index-products .productsPack .products-desc { width: 100%; min-height: 50px; margin:18px 0 0; font:12px/20px Arial, sans-serif, "新細明體"; color:rgba(255,255,255,1.00);}
#index-products .productsPack .products-ask { position:absolute; bottom:135px; right:16px; width: 63px; height: 63px; border-radius:63px; background:#e40645; cursor: pointer; z-index:85; }
#index-products .productsPack .products-ask p { display: block; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }*/

 




/*--index news--*/

 
/*#news{ background:#e40645; margin:0 0 0 0;}
#news .news-list{ padding:0 15px;}
#news .news-list li { height: 50px;  padding: 0; margin-bottom:10px; overflow: hidden; }

#news .news-list li:nth-child(1){ }
#news .news-list li:last-child{ margin-bottom:0; }

.news-list li a { width: 100%;  float: left;  color: #000;font: normal 13px/18px Arial, "微軟正黑體", Meiryo; text-decoration: none; background:rgba(255,255,255,1.00);}


.news-list li .date { width: 25%; height: 50px; float: left; margin-right: 20px; color: #000; font: normal 16px/50px Arial, "微軟正黑體", Meiryo; text-align: center; background: #fff000; letter-spacing:2px; }
.news-list li a:hover > .date { background:#fff000; }
.news-list li p { padding-top:6px;}*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#news .news-list li { overflow: hidden !important; }
}

/*--index video & AD--*/


/*.video-container { padding:0 0 80px 15px;}
.video-container iframe{ width:520px; height:300px;}
*/
/*--footer--*/

/*footer { padding:40px 0 80px 0; background:rgba(0,0,0,1.00);  }
footer a { color: #fff; text-decoration: none; }

footer .footer-logo { display:block; width:128px; height:74px; background: url(../img/logo.png) no-repeat left center; background-size:cover; }
.footer_title{ font:bold 30px/40px Arial, Meiryo; color:rgba(255,255,255,1.00); padding-left:35px; margin-top:7px; }

.footer_menu{ margin:0; }
.footer_menu li{ list-style-type:disc; float:left; padding:20px 15px 10px 0; margin-left:13px; text-indent:3px; font: 16px/20px Arial, sans-serif, Meiryo;color:rgba(255,255,255,1.00);  }
.footer_menu li:nth-child(1){ list-style-type:none;}
.footer_menu li:last-child{}
.footer_menu a{ text-decoration:none; }
.footer_menu a:hover{ color:#fff;}
.footer_menu li a span{ display:none;}

.foot_link{ display:none;}*/

/*@media screen and (min-width: 992px) and (max-width: 1199px) {
.footer_menu li{ margin-left:10px; padding-right: 10px; text-indent: 0; font: 14px/20px Arial, sans-serif, Meiryo; }
}*/

/*.qrcode_map, .qrcode_fb, .qrcode_line, .qrcode_net{ display: none; float:left;  width:40px; height:40px; margin:20px auto 0 ; }
.qrcode_map{ background-image:url(../img/map.jpg); width:195px; height:135px; display:block; margin-left:35px;}
.qrcode_fb{ background-image:url(../img/icon_fb2.jpg);}
.qrcode_line{ background-image:url(../img/icon_line2.jpg);}
.qrcode_net{ background-image:url(../img/icon_net2.jpg); }

.copyright{ color:rgba(255,255,255,1.00); font: normal 14px/22px Arial, sans-serif, "微軟正黑體"; margin-top:10px; padding:0 15px;}
.copyright ul{ margin-bottom:5px;}
.copyright li{ float:left; list-style:none; margin:0 10px 0 0;}
.copyright li:nth-child(2){ margin:0 10px 0 15px;}
.copyright li:last-child{}
.copyright a{ text-decoration:none;  color:rgba(255,255,255,1.00);}
.copyright p{ display:block; padding:0; margin:0; font:13px/13px Arial, sans-serif, "微軟正黑體";}

.copyright_m{ font: normal 14px/20px Arial, sans-serif, "微軟正黑體";}*/



/*--page--*/


/*.bread { width: 100%;  height: 37px;  font-size: 15px/37px Arial, sans-serif, Meiryo;  margin-top:113px;  }
.bread li { padding: 0;}
.bread li a {  color: #000;  text-decoration: none;}
.bread li:before {  padding: 0 15px;  color: #000;  content: "•"; }
.bread li:first-child:before {  content: ""; padding:0 15px 0 0; }




.sidebar .sidebar-title {  width: 95%;  height: 30px;  color: #888171;  font-size: 20px;  line-height: 30px;  margin:60px 0 80px 0; font:bold 40px/40px Arial, sans-serif, Meiryo; color:rgba(0,0,0,1.00); text-align:center;}
.sidebar .sidebar-title span{ display:block; font:24px/40px Arial, sans-serif, Meiryo;}



.sidebar .sidebar-list { width: 95%; height: auto; margin: 3px 0 0; padding:20px 0; overflow:hidden; background:#0f1526; border-radius: 3px;}
.sidebar .sidebar-list h4.level-1, .sidebar .sidebar-list h4.level-2 { color: #fff; padding:0 0 0 20px; width:90%; line-height:35px; }
.sidebar .sidebar-list h4.level-1 {  text-align:center; }
.sidebar .sidebar-list h4.level-2 {  margin: 0; overflow:hidden; color:#FFFFFF; font:bold 20px/36px Arial, Meiryo; }
.sidebar .sidebar-list h4:hover{ color:#fff000;}
.sidebar .sidebar-list li { padding:5px 30px; }
.sidebar .sidebar-list a { width:100%; color: #fff; text-decoration: none; }
.sidebar .sidebar-list a:hover{ color:#fff000;}

.list-unstyled{ padding-left:0; list-style:none }

.list-unstyled li:before{ content:"－"; color:rgba(255,255,255,1.00);}*/


/*.list-inline{ padding-left:0; list-style:none;margin-left:-5px }
.list-inline > li{display:inline-block;}



.edit { padding:30px; margin:20px 0 50px 15px; min-height:500px; background:rgba(255,255,255,1.00); }*/


/*.pagination { padding-top: 20px; }
.pagination ul { text-align: center; }
.pagination li a { display: block; padding: 3px 6px; border: 1px dotted #fff; border-radius: 5px; color: #a84141; text-decoration: none; }
.pagination li a:hover { background: #a84141; border: 1px solid #a84141; color: #fff; text-decoration: none; }
.pagination li .active { background: #a84141; border: 1px solid #a84141; color: #fff; text-decoration: none; }*/


/*.pagination { padding-top: 0; }
.pagination ul { text-align: center; margin-bottom:50px; }
.pagination li a { display: block; padding: 2px 10px; border-radius: 5px; color: #fff; text-decoration: none; background: #000; font:16px/30px Arial, sans-serif, "微軟正黑體", Meiryo;  }
.pagination li a:hover { background: #000; color: #fff; text-decoration: none; }
.pagination li .active { background: #000; color: #fff; text-decoration: none; }



.news-container{ padding:0 15px; margin:0 15px;}*/


/*
#page-news { background:#fff000;}
#page-about { background:#fff000;}
#page-contact { background:#fff000;}
#page-inquiry{ background:#fff000;}


#page-products { padding: 20px 0 50px 0; background:#fff000;}
#page-products .row { margin-bottom: 30px;}
#page-products h1 { font-size: 24px;}
#page-products .productsPack { margin:0 15px 30px;   border: 1px solid #ebebeb;}
#page-products .productsPack a { color: #000;  text-decoration: none;}

#page-products .productsPack .products-img { border-bottom: 1px solid #ebebeb;}
#page-products .productsPack .products-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}

#page-products .productsPack .products-content { height: 135px; overflow: hidden; padding: 5px 15px; position:relative; background:rgba(0,0,0,1.00);}
#page-products .productsPack .products-title { font:16px/18px Arial, sans-serif, "微軟正黑體", Meiryo; margin-top:25px; color:rgba(255,255,255,1.00);}
#page-products .productsPack .products-desc { width: 100%; min-height: 50px; margin:18px 0 0; font:12px/20px Arial, sans-serif, "新細明體"; color:rgba(255,255,255,1.00);}*/
/*#page-products .productsPack .products-ask { position:absolute; bottom:135px; right:16px; width: 63px; height: 63px; border-radius:63px; background:#e40645; cursor: pointer; z-index:85; }
#page-products .productsPack .products-ask p { display: block; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }*/




.products_detail{ background:#fff; padding:0 25px 50px; margin:0 0 80px 15px;}
.products_detail h1{ font:bold 18px/36px Arial, Meiryo; margin:25px 15px 25px; }
.products_detail p{ font:15px/24px Arial, sans-serif, "微軟正黑體", Meiryo; margin:0 15px;}
.products_detail_edit{ margin:50px 0; font:16px/24px Arial, sans-serif, "新細明體"; }

.products-img{ margin:0 25px 0 0; }
.products-img img{ width:100%; height:auto;}
.products-relation{ }
/*.products-detail-ask{ position:absolute; top:105%; right:17px; width: 50px; height: 50px; border-radius:50px; background:#b22222 url(../img/inquiry.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }*/
.products-detail-ask{ position:absolute; top:105%; right:17px; width: 50px; height: 50px; border-radius:50px; background: url(../img/line.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }
.products-detail-ask p{ display: none; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; font:16px/63px Arial, sans-serif, "微軟正黑體", Meiryo; margin:0;  }



#page-news { }
#page-news .news-container a {  color: #000;  text-decoration: none; }
#page-news .news-list {  width: 100%;  margin: 20px 0;  padding: 10px;  border: 1px dashed #000; border-radius: 5px; background:rgba(255,255,255,1.00);}
#page-news .news-list:hover {  border: 1px solid #a84141;}
#page-news .new-detail-content {  margin-top: 20px;}
#page-news .new-detail-content h1 {  font-size: 24px; }
.news-content{ margin:0 15px 0 25px; }
.news-content p{ font:15px/24px Arial, sans-serif, "微軟正黑體"; }

.new-detail-content{ background:#fff; padding:25px 25px 50px 25px; margin:0 0 80px 15px;}
.new-detail-content h1{ font:bold 18px/36px Arial, Meiryo; margin-top:25px; }
.new-detail-content p{ font:13px/22px Arial, sans-serif, "微軟正黑體"; margin-top:10px; }


.news-date{ font:bold 18px/48px Arial, Meiryo; }
.news-pic{}


.page_contact{ margin:25px 0 80px;}

#page-contact .google-maps {  height: 0;  margin: 50px 0;  padding-bottom: 30%;  position: relative;  overflow: hidden; }
#page-contact .google-maps iframe {  width: 100% !important;  height: 100% !important;  position: absolute;  top: 0;  left: 0; }


.sidebar-contact{ padding-right:25px;}
.sidebar-contact span{ display: none; font:bold 22px/30px Arial, sans-serif, Meiryo; text-align:center; margin-bottom:35px;}
.sidebar-contact h4{ font:bold 18px/30px Arial, sans-serif, Meiryo; margin:25px 0 10px;}
.sidebar-contact p{ font:16px/30px Arial, sans-serif, Meiryo;  }

.page-header{ display:none; margin:0 0 20px; padding-top:9px; padding-bottom:0; font:24px/30px Arial, sans-serif, Meiryo;}



 input[type="text"], input[type="email"]/*, input[type="phone"]*/{ width:90%;} 
  
  
  
  
  
  
  
  
  
  
  
  
}

@media (min-width: 20em) and (max-width: 61.938em) {
	
	
.owl-controls{ border-top: solid 4px #ffa903;display: none; }
	
/*--top--*/
#brand{  }


.logo{ position: relative;  height:25vw; z-index: 10; text-decoration:none; background:url(../img/logo.png) no-repeat 6.25vw 6.25vw; margin:0 0 1.5625vw; background-size: 46.875vw; z-index: 999; }
.logo p{ font:bold 24px/22px meiryo; color:#000; position:absolute; left:105px; top:12px; width:160px; }
.logo span{ font:normal 13px Arial, sans-serif, "新細明體"; color: #000; position:absolute; left:105px; top:58px;}


/*--社群連結--*/
.community_link{ position:absolute; top:45px; right:135px;}
.community_link li{ display:block; float:left;  }
.community_link li span{ display:block; float:left; width:35px; height:35px; position:relative; margin-left:20px; background-size: cover !important;  }

.fb { background-image: url(../css/css-img/fb-icon.png);}
.twitter { background-image: url(../css/css-img/twitter-icon.png);}
.google { background-image: url(../css/css-img/gp-icon.png);}
.youtube { background-image: url(../css/css-img/youtube-icon.png);}
.weibo { background-image: url(../css/css-img/weibo-icon.png);}
.fb:hover, .twitter:hover, .google:hover, .youtube:hover, .weibo:hover{/* background-position:0 35px;*/}




/*--語言版本區塊--*/


.ver{ display:block; position:absolute; top:45px; right:0; width:110px;}
.ver option{ border: none;}
.ver option:hover{ background:rgba(0,0,0,1.00);}
.explanation{ position:absolute; bottom:-32px; right:168px; font: normal 9px/12px "新細明體"; color:#373737;}




/*--menu--*/


#navigation { margin: 0 ; background:rgba(0,0,0,0.0); }
#navigation .navi-bar {  position: absolute;  top: 21.875vw;  z-index: 999;}


#site-menu { width: 100vw; height: 100%;  position: fixed; top: 0; left: -87.625vw; left: -100vw; z-index: 101;
	background: #fe9e01 url(../img/logo.png) no-repeat 6.25vw 6.25vw;
background: -moz-linear-gradient(top, #fe9e01 0%, #ffc107 750px) url(../img/logo.png) no-repeat 6.25vw 6.25vw;
background: -webkit-linear-gradient(top, #fe9e01 0%,#ffc107 750px) url(../img/logo.png) no-repeat 6.25vw 6.25vw;
background: linear-gradient(to bottom, #fe9e01 0%,#ffc107 750px) url(../img/logo.png) no-repeat 6.25vw 6.25vw;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9e01', endColorstr='#ffc107',GradientType=0 );
	background-size: 46.875vw; 
	
	}
#site-menu ul.menu { background:none;top: 28.125vw; position: absolute;border:none;  padding: 0;box-shadow: none;  }

	
#site-menu ul.menu li {  display: block; margin: 0 0 4.6875vw; width: 100vw; height:14.0625vw; }
	#site-menu ul.menu li::after{ display: none;}
#site-menu ul.menu li:last-child{ border-right:none;}
#site-menu ul.menu li a { display: block; width:90.625vw; width: 80vw; border-radius: 4.6875vw; font:bold 5vw/14.0625vw 微軟正黑體,meiryo; color: #000; text-decoration: none; background:#fdf1de; margin: 0 auto; border-style: solid; border-width: 4px 0 1px; border-color: #fff; box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.15);}
#site-menu ul.menu li a:hover { transition: all 0.2s ease; color:rgba(0,0,0,1.00);}

#site-menu ul.menu li a span{ font:13px/50px meiryo; }

	.pd_title h2, .news_title h2, .video_title h2{ padding: 0 4.6875vw 0 14.625vw; background:#fff url(../img/list_icon.png) no-repeat 4.6875vw center; background-size: 7.1875vw; float: inherit;}
	.news_title h2,.video_title h2{ background-color:#fff9ec;  margin-bottom: 9.375vw; }
  #site-menu select {   }
  #site-menu .menu-close { position: relative; top: 10.9375vw; right: 3.125vw; color: #000; font-size: 2em; }





.owl-carousel.owl-loaded {/*  display: block; background: url(../img/bg_line.png) repeat-x center bottom;padding:20px 0 40px;*/ }

/*-- index title + contact title --*/


.index-header { font: 7.5vw/15.625vw Arial,微軟正黑體, sans-serif, Meiryo; color:#000000;  text-align: center; }
.pd_icon, .news_icon, .video_icon, .ad_icon{ display:none; float:left; width:50px; height:50px; margin-right:15px; background:rgba(213,213,213,1.00) no-repeat left center; color:rgba(255,255,255,1.00); font: normal 30px/50px Meiryo; text-align:center; border-radius:25px; }




.divider{ font:5vw/15.625vw "標楷體"; margin:0 auto; color:#000000; width: 90%; z-index: -1; height:7.8125vw;  }
.sub{ height:50px; font: normal 16px/50px Calibri, sans-serif, "標楷體", Meiryo; color:#000000;}
.index_news_title{}

.pd_title{}
.news_title{ color:rgba(255,255,255,1.00); margin:35px 0 15px 15px;}
.news_title .divider,.video_title .divider{ color:rgba(255,255,255,1.00); position: initial; z-index: 0; margin-top: -18.75vw; height: 3.125vw;}
.news_title .sub{ color:rgba(255,255,255,1.00);}
.video_title{ }
.ad_title{}




/*--index product--*/


#index-products { }
#index-products .row { margin-bottom: 30px;}
#index-products h1 { font-size: 24px;}
#index-products .productsPack { margin:0 4.6875vw 9.375vw;   /*border: 1px solid #ebebeb;*/}
#index-products .productsPack a { color: #000;  text-decoration: none;}

#index-products .productsPack .products-img { width: 90.625vw; height: 90.625vw;}
#index-products .productsPack .products-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}

#index-products .productsPack .products-content { height: 42.1875vw; overflow: hidden; padding: 1.5625vw 4.6875vw; position:relative; }
#index-products .productsPack .products-title { font:bold 6.25vw/7.5vw Arial, sans-serif, "微軟正黑體", Meiryo; margin-top:10.9375vw; color:rgba(0,0,0,1.00);}
#index-products .productsPack .products-desc { width: 100%; min-height: 50px; margin:7.8125vw 0 0; font:4.6875vw/7.5vw Arial, sans-serif, "新細明體"; color:#777;}
/*#index-products .productsPack .products-ask { position:absolute; bottom:135px; right:16px; width: 63px; height: 63px; border-radius:63px; background:#e40645; cursor: pointer; z-index:85; }
#index-products .productsPack .products-ask p { display: block; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }
*/
 
	.index-header{ margin:10.9375vw 0;}



/*--index news--*/

 
#news{ margin:0 0 0 0;}
#news .news-list{ padding:0 4.6875vw;}
#news .news-list li { height: 15.625vw;  padding: 0; margin:0;  }

#news .news-list li:nth-child(1){ }
#news .news-list li:last-child{ margin-bottom:0; border-bottom: none;}

.news-list li a { width: 100%;  float: left;  color: #000;font: normal 13px/20px Arial, "微軟正黑體", Meiryo; text-decoration: none; border-bottom: dashed 1px #c2bdb3; padding: 3.125vw;}
	.news-list li:last-child a{ border-bottom: none;}

.news-list li .date { width: 35%; float: left; font: normal 3.75vw/9.375vw Arial, "微軟正黑體", Meiryo; text-align: center;  letter-spacing:1px; overflow:hidden; /*margin: 3.125vw 6.25vw 3.125vw 0;*/ height: 9.375vw; margin-top: 3.125vw; }
.news-list li a:hover > .date { }
.news-list li p { overflow:hidden; font: 4.0625vw/6.25vw arial,微軟正黑體,sans-serif; min-height: 15.625vw; height: auto;}



/*--index video & AD--*/


.video-container { padding:0 0 15.625vw 0; margin-top:14.625vw;}
.video-container iframe{ width:90vw; height:46.875vw; padding:0 5%;}

/*--footer--*/

footer { padding:30px 0 80px 0; position:relative;}
footer a { color: #fff; text-decoration: none; }

footer .footer-logo { display:none; width:auto; height:74px; background: url(../img/logo.png) no-repeat left center; background-size:cover; }
.footer_title{ font: 5vw/7.5vw Arial, Meiryo; color:rgba(0,0,0,1.00); padding-left:0;height: 85vw; }
.footer_title span{position: absolute; top: 40%; text-align: center; width: 90%;left: 5%;}
.footer_title p{position: absolute; top: 65%; text-align: center; width: 90%;left: 5%;}
	.footer_title span br.noh{ display: block;}
.footer_menu{ margin:0; display:none; }
.footer_menu li{ list-style-type:disc; float:left; padding:20px 20px 10px 0; margin-left:20px; text-indent:15px; font: 16px/20px Arial, sans-serif, Meiryo;color:rgba(255,255,255,1.00);  }
.footer_menu li:nth-child(1){ list-style-type:none;}
.footer_menu li:last-child{}
.footer_menu a{ text-decoration:none; }
.footer_menu a:hover{ color:#fff;}
.footer_menu li a span{ display:none;}


.top_link{ display:block; width:45.3125vw; height:10.9375vw; margin:0 auto; position:absolute; right:calc(50% - 45.3125vw/2); z-index:50; top: 125vw; }
.top_link li{ display:block; float:left;  }
.top_link li span{ display:block; float:left; width:7.8125vw; height:7.8125vw; margin-left:10.9375vw; background-size: cover !important;  }
	.top_link li:first-child span{ margin-left: 0; }


.foot_link{ display:block; width:37.5vw; height:10.9375vw; margin:0 auto; position:absolute; right:calc(50% - 37.5vw/2); z-index:50;top: 23.4375vw;}

.foot_link ul{ }
.foot_link li{ display:block; float:left;  }
.foot_link li span{ display:block; float:left; width:7.8125vw; height:7.8125vw; margin-left:6.25vw; background-size: cover !important; background-position: bottom;  }
.fb { background-image: url(../css/css-img/fb-icon.png);}
.line { background-image: url(../css/css-img/line-icon.png);}
.twitter { background-image: url(../css/css-img/twitter-icon.png);}
.google { background-image: url(../css/css-img/gp-icon.png);}
.youtube { background-image: url(../css/css-img/youtube-icon.png);}
.weibo { background-image: url(../css/css-img/weibo-icon2.png);}
.fb:hover, .twitter:hover, .google:hover, .youtube:hover, .weibo:hover{/* background-position:0 35px;*/}


.copyright{ color:rgba(255,255,255,1.00); font: normal 14px/22px Arial, sans-serif, "微軟正黑體"; margin-top:10px; padding:0 15px;}
.copyright ul{ margin-bottom:5px;}
.copyright li{ float:none; text-align: center; list-style:none; margin:0 15px 0 20px;}
.copyright li:last-child{}
.copyright a{ text-decoration:none;  color:rgba(255,255,255,1.00); }
.copyright p{ display:block; padding:0; margin:0; font:13px/13px Arial, sans-serif, "微軟正黑體";}

.copyright_m{ font: normal 16px/20px Arial, sans-serif, "微軟正黑體"; text-align:center; padding:0 15px 0; margin-left:-20px; margin-top:50px;}



/*--page--*/


.bread { width: 100%;  height: 37px;  font-size: 13px/35px Arial, sans-serif, Meiryo;  margin-top:35px; display:none;  }
.bread li { padding: 0;}
.bread li a {  color: #000;  text-decoration: none;}
.bread li:before {  padding: 0 15px;  color: #000;  content: "•"; }
.bread li:first-child:before {  content: ""; padding:0 15px 0 0; }




.sidebar .sidebar-title {  width: 100%;  font: 7.5vw/15.625vw Arial,微軟正黑體, sans-serif, Meiryo; color:#000000;  text-align: center; margin-bottom: 15.625vw; }
.sidebar .sidebar-title span{ display:block; font:24px/40px Arial, sans-serif, Meiryo;}
	.sidebar .sidebar-title span.news_icon{ display: none;}


.sidebar .sidebar-list { 
	width: 90.625vw; margin-left:4.6875vw; color: #fff; overflow: hidden; border: 0; font:5vw/10.9375vw  Arial, "微軟正黑體", Meiryo;
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    background: rgba(255,157,1,1.0) ;
    background-size: 6.25vw;
    background-position: 95% 50%;
    margin-top: 1.5625vw; margin-bottom: 1.5625vw; border-radius:1.5625vw;
	
	}
.sidebar .sidebar-list h4.level-1, .sidebar .sidebar-list h4.level-2 { color: #fff; width:90.625vw; line-height:10.9375vw; }
.sidebar .sidebar-list h4.level-1 {  text-align:center; }
.sidebar .sidebar-list h4.level-2 {  margin: 0; overflow:hidden; color:#FFFFFF; font:bold 5vw/10.9375vw Arial, Meiryo; }
.sidebar .sidebar-list h4:hover{ color:#fff000;}
.sidebar .sidebar-list li { padding:5px 30px; }
.sidebar .sidebar-list a { width:100%; color: #fff; text-decoration: none; }
.sidebar .sidebar-list a:hover{ color:#fff000;}

.list-unstyled{ padding-left:0; list-style:none }

.list-unstyled li:before{ content:"－"; color:rgba(255,255,255,1.00);}


/*.list-inline{ padding-left:0; list-style:none;margin-left:-5px }*/
.list-inline > li{display:inline-block;}



.edit { min-height:46.875vw; background:rgba(255,255,255,1.00); margin:15.625vw 4.6875vw; font:5vw/7.5vw Arial, sans-serif, "新細明體"; overflow:hidden; padding: 0 3.125vw; text-align: justify;   }


.pagination { padding-top: 0; }
.pagination ul { text-align: center; margin-bottom:15.625vw; }
.pagination li a { display: block; padding: 0.625vw 3.125vw; border-radius: 1.5625vw; color: #fff; text-decoration: none; background: #000; font:5vw/9.375vw Arial, sans-serif, "微軟正黑體", Meiryo;  }
.pagination li a:hover { background: #000; color: #fff; text-decoration: none; }
.pagination li .active { background: #000; color: #fff; text-decoration: none; }

.news-container{ padding:0; margin:0 4.6875vw; width: 90.625vw;}



/*#page-news { background:#fff000;}
#page-about { background:#fff000;}
#page-contact { background:#fff000;}
#page-inquiry{ background:#fff000;}
*/


#page-products { padding: 0; /*background:#fff000;*/}
#page-products .row { margin-bottom: 9.375vw;}
#page-products h1 { font-size: 7.5vw;}
#page-products .productsPack { margin:0 4.6875vw 9.375vw   /*border: 1px solid #ebebeb;*/}
#page-products .productsPack a { color: #000;  text-decoration: none;}

#page-products .productsPack .products-img { width: 90.625vw; height: 90.625vw;}
#page-products .productsPack .products-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}

#page-products .productsPack .products-content { height: 42.1875vw; overflow: hidden; padding: 1.5625vw 4.6875vw; position:relative; }
#page-products .productsPack .products-title { font:bold 6.25vw/7.5vw Arial, sans-serif, "微軟正黑體", Meiryo; margin-top:10.9375vw; color:rgba(0,0,0,1.00);}
#page-products .productsPack .products-desc { width: 100%; min-height: 15.625vw; margin:7.8125vw 0 0; font:4.6875vw/7.5vw Arial, sans-serif, "新細明體"; color:#777;}
/*#page-products .productsPack .products-ask { position:absolute; bottom:135px; right:20px; width: 63px; height: 63px; border-radius:63px; background:#e40645; cursor: pointer; z-index:85; }
#page-products .productsPack .products-ask p { display: block; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }
*/



.products_detail{ background:#fff; padding:0; margin:3.125vw 4.6875vw;}
.products_detail h1{ font:bold 5.625vw/10.9375vw Arial, Meiryo; margin:15.625vw 4.6875vw 3.125vw; }
.products_detail p{ font:4.6875vw/7.5vw Arial, sans-serif, "微軟正黑體", Meiryo; margin:0 4.6875vw;}
.products_detail_edit{ margin:15.625vw 0; font:5vw/7.5vw Arial, sans-serif, "新細明體"; overflow:hidden; }

.products-img{ margin: 0; width: 90.625vw; }
.products-img img{ width:100%; height:auto;}
.products-relation{ margin-top:7.8125vw;}
/*.products-detail-ask{ position:absolute; top:105%; right:5vw; width: 15.625vw; height: 15.625vw; border-radius:15.625vw; background:#b22222 url(../img/inquiry.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85;  }*/
.products-detail-ask{ position:absolute; top:105%; right:5vw; width: 50px; height: 50px; border-radius:15.625vw; background: url(../img/line.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85;  }

.products-detail-ask p{ display: none; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; font:16px/63px Arial, sans-serif, "微軟正黑體", Meiryo; margin:0;  }

/*.productsPack .products-ask { position:absolute; top:67.1875vw; right:4.6875vw; width: 18.75vw; height: 18.75vw; border-radius:18.75vw; background:#b22222 url(../img/inquiry.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }*/
.productsPack .products-ask { position:absolute; top:67.1875vw; right:4.6875vw; width: 50px; height: 50px; border-radius:18.75vw; background:url(../img/line.png) no-repeat center center; background-size: cover; cursor: pointer; z-index:85; }

/* .productsPack .products-ask:hover { background:#fff url(../img/inquiry_hover.png) no-repeat center center; background-size: cover; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); }
*/ .productsPack .products-ask p { display: none; width: 63px;  letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; line-height:63px; }
	

#page-news { }
#page-news .news-container a {  color: #000;  text-decoration: none; }
#page-news .news-list {  width: 100%;  margin: 6.25vw 0;  padding: 3.125vw 3.125vw 6.25vw;  border: 2px solid #c0c0c0; border-radius: 1.5625vw; background:rgba(255,255,255,1.00);}
#page-news .news-list:hover {  border: 2px solid #ff9900;}
#page-news .new-detail-content {  margin-top: 6.25vw;}
#page-news .new-detail-content h1 {  font-size: 7.5vw; }
.news-content{ margin:0 4.6875vw 0 7.8125vw; }
.news-content p{ font:15px/24px Arial, sans-serif, "微軟正黑體"; }

.new-detail-content{ background:#fff; padding:0; margin:0 4.6875vw; width: 90.625vw;}
.new-detail-content h1{ font:bold 5.625vw/10.9375vw Arial, Meiryo; margin-top:7.8125vw; }
.new-detail-content p{ font:4.0625vw/7.5vw Arial, sans-serif, "微軟正黑體"; margin:3.125vw 0 10.9375vw; }
	
.news-list li p::after{  top:12.5vw; height: 4.0625vw; width: 100%; border-bottom: none;}
.news-list li:last-child p::after{ }


.news-date{ font:bold 5.625vw/15vw Arial, Meiryo; }
.news-pic{}
.news-pic img{ width: 100%;}

.page_contact{ margin:1.5625vw 0 25vw;}

#page-contact .google-maps {  height: 0;  margin: 4.6875vw;  padding-bottom: 60%;  position: relative;  overflow: hidden; }
#page-contact .google-maps iframe {  width: 100% !important;  height: 100% !important;  position: absolute;  top: 0;  left: 0; }


.sidebar-contact{ margin:0 auto; padding-right:0; padding-left:20px; padding-bottom:50px;}
.sidebar-contact span{ display: none; font:bold 22px/30px Arial, sans-serif, Meiryo; text-align:center; margin-bottom:35px;}
.sidebar-contact h4{ font:bold 5vw/10.9375vw Arial, sans-serif, Meiryo; margin:4.6875vw 0;}
.sidebar-contact p{ font:5vw/9.375vw Arial, sans-serif, Meiryo;  }

.page-header{ display:none; margin:0 0 20px; padding-top:9px; padding-bottom:0; font:7.5vw/9.375vw Arial, sans-serif, Meiryo;}	


input[type="text"], input[type="email"]/*, input[type="phone"]*/{ width:100%;}

#form1{ margin:0 15px;}

#tables-progress{ width:90%; font:18px/30px Arial, "微軟正黑體", Meiryo; text-align:center; margin:0 15px 50px 15px;}
#tables-progress img{ height:80px; width:auto; margin:5px auto;}
#tables-progress button {  width: 80%; margin:0 auto;}
#tables-progress .img-responsive {  width: auto;}
#tables-progress th, #tables-progress tr {  /*font-size: .938em; font-size: 1em;*/ text-align: center; }
#tables-progress th { color: #fff;  background-color: #000; height:30px; padding:5px; margin:5px;}
#tables-progress td a {  color: #000;  text-decoration: underline;}
#tables-progress td {  text-align: center; vertical-align:middle;}




	
 #site-wrapper {
    padding: 0;
  }


  #navigation { background: none; padding: 0;}

  .overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    right: 0;
    background: #000;
    opacity: .6;
    z-index: 100;
  }


  .navi { position:absolute; top: -10.9375vw;  left:calc(80vw + 15px);  }
  .navi span {
    width: 9.375vw;
    height: 0.9375vw;
    margin-bottom: 1.5625vw;
    position: relative;
    display: block;
    background: #fff;
  }


  .activeNavi {
    background: transparent;
  }
 
  .activeNavi:before {
    top: 0;    transform: rotate(45deg);
  }

  .activeNavi:after {
    top: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

 


 
  .video-container {  }

  
  .sidebar .sidebar-list {
    padding: 0;
    border: 0;
  }
  
/*  .sidebar .sidebar-list h4.level-1, .sidebar .sidebar-list h4.level-2 {
    height: 36px;
    margin: 20px 0 0 0;
    cursor: pointer;
    color: #fff !important;
    font-size: 18px;
    line-height: 36px;
    text-indent: 20px;
    background-color: #a84141;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
  }
  
  .sidebar .sidebar-list ul {
    display: none;
    border: 1px solid #a84141;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  .sidebar .sidebar-list li {
    margin: 10px;
  }

  .sidebar .sidebar-list a {
    color: #a84141;
    text-decoration: none;
  }
*/
  #tables-progress table, #tables-progress thead, #tables-progress tbody, #tables-progress th, #tables-progress td, #tables-progress tr {
    display: block; margin-bottom:10px;   }
 
  #tables-progress thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #tables-progress tr {
    border: 1px solid #ccc;
  }

  #tables-progress td {
    padding-left: 35%;
    position: relative;
    border: none;
    border-bottom: 1px solid #ebebeb;
    text-align: left;
    white-space: normal;
  }
  
  #tables-progress td:before {
    width: 45%;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: #000;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    content: attr(data-title);
  }


  .side-nav-xs { width: 90.625vw; margin-left:4.6875vw; color: #fff; overflow: hidden; border: 0; font:5vw/10.9375vw  Arial, "微軟正黑體", Meiryo;
    -webkit-appearance: none; text-indent:6.25vw;
    -moz-appearance: none;
    -ms-appearance: none;
    background: rgba(255,157,1,1.0) url("../img/arrow.png") no-repeat;
    background-size: 6.25vw;
    background-position: 95% 50%;
	  margin-top: 0;
    margin-bottom: 0.3125vw; border-radius:1.5625vw;
  }

  .side-nav-xs option {
    width: 100%;
    /*background-color: #fff; */text-indent:6.25vw;
  }
}