/* ==========================================================================
   自定義CSS
   ========================================================================== */

@font-face {
  font-family: meriryo;
  src: url(../fonts/meriryo.ttf);
  font-weight: normal;
}

table { max-width: 100%; /*table-layout: fixed;*/ word-wrap: break-word;}

hr { margin: 5px 0;}

/*.flexslider { margin-top: 66px !important;}*/

.banner { /*height: 400px; margin-top: 50px;*/}

.h3-nomargin{ margin-top: 0;}
.section { padding: 0;}

.item,
.active,
.carousel-inner { height: 100%;}

.list-social-icons { margin-bottom: 45px;}

.tooltip-social a { float:left; text-decoration: none; color: inherit; color:rgba(255,255,255,1.00);}

/* 404 Page Styles */
.error-404 { font-size: 5em;}

footer { margin: 20px 0 0; padding-bottom:0;}

.main-news{ height: 100px; overflow: hidden;}

.row-products { margin-bottom: 30px;}
.row-products a{  text-decoration:none; }
.row-products:last-child { margin-bottom: 0;}
.row-products .title{ font:18px/30px Arial, sans-serif, "微軟正黑體"; color: #042632;}
.row-products .con{ font-size:12px; color: #666; line-height: 20px; width:95%; margin-top:15px;}
.row-contact{ margin-bottom: 20px;}

.left_m{ padding:40px 25px;}
.left_m li{ }
.left_m a{ font:bold 1.25em Arial, meiryo; }


.sidebar { /*box-shadow:55px 5px 100px -50px rgba(69,69,69,0.25) inset;*/ background-color:rgba(255,255,255,1.00);  border-color:rgba(255,255,255,0.30); border-style:solid; border-width:1px 1px 0 0;}

.sidebar2 { /*box-shadow:55px 5px 100px -50px rgba(69,69,69,0.25) inset;*/ background-color:rgba(255,255,255,1.00);  border-color:rgba(255,255,255,0.30); border-style:solid; border-width:1px 1px 0 0; padding:0 15px 100px 15px;}

.sidebar>ul {  /*border: 1px solid #cccccc;  border-radius: 5px;*/
  border-image-source: url(../images/bdic.jpg); border-image-slice: 20; border-image-width: 1em; border-image-repeat: round;}
.sidebar li {  padding: 5px;}
.left_m a{  color: #333;}

.prev-next{ padding: 0 1%; position: absolute; top: 50%; width: 100%; z-index: 9999999;}
.prev-next i{ color: rgba(255,255,255, .5);}
.prev-left{float: left;}
.next-right{float: right;}

.news-list{ padding: 20px;}

.news-list li:before { content: '•';  margin-right: 0px;}

.news-title { margin-bottom: 15px; color: #1c1c1c; }

.gotop{ background-color: rgba(0, 0, 0, .3); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; bottom: 8%; color: white; display: none;  font-size: 2em; height: 50px; padding: 3px 11px; position: fixed; right: 3%; width: 50px;}

/*.products-img {  }*/

.portfolio-item{}
.portfolio-item h3{ }
.portfolio-item h3 a{ font: bold 20px Arial, sans-serif, meiryo, "微軟正黑體"; text-decoration:none; color:#042632;}
.portfolio-item h3 a:hover{ text-decoration:none; color:#40a629; }
/*.portfolio-item img {  height: 300px; }*/
.portfolio-item h3 + a { display: block; min-height: 300px; border: 1px solid #d7d7d7;}

.facebook-link a:hover { color: #3b5998;}
.weibo-link a:hover { color: #df2029;}
.twitter-link a:hover { color: #39a9e0;}
.google-plus-link a:hover { color: #d14836;}


/*.weibo-link a, .twitter-link a, .facebook-link a, .google-plus-link a { display:block; width:50px; height:50px; background-color:rgba(219,218,40,1.00);}*/


.weibo-link a:hover, 
.twitter-link a:hover, 
.facebook-link a:hover,
.google-plus-link a:hover {
  -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.form-inline .form-control, .navbar-form .form-control { width: 100%; margin-bottom: 10px;}

.page-header { margin: 25px 0 10px 0 !important; font:bold 30px/45px meiryo; }

.copyright { font-size: 16px; margin: 2px 0 0 10px; float: left; color:rgba(255,255,255,1.00);}

.news-info, .prod-info{ padding: 5px 15px 25px 15px; position: relative; min-height: 425px;}
.news-info hr{margin: 10px 0; opacity:0;}

.news-date { color: #B10A50; padding-bottom:5px; line-height:30px;}
.news-con{ color: #828181; font:13px/20px Arial, "新細明體";}
.news-con:hover{ color:#042632; text-decoration:none;}
.contact-info{ padding: 5px 0 0 25px; min-height: 400px;}


/*.contact-header{ height:68px;  background:url(../images/icon_contact.png) no-repeat left center; text-indent:28px;}
.contact-header span{ font-family:Arial, sans-serif, "新細明體", "微軟正黑體", "標楷體";}*/
/* .news-header{ height:68px; background:url(../images/icon_news.png) no-repeat left center; text-indent:28px; }
.news-header span{ font-family:Arial, sans-serif, "新細明體", "微軟正黑體", "標楷體";}*/
/*.prod-header{ height:68px;  background:url(../images/icon_product.png) no-repeat left center; text-indent:28px; }
.prod-header span{ font-family:Arial, sans-serif, "新細明體", "微軟正黑體", "標楷體";}*/


.contact-info p.bold{ font:bold 15px meiryo; color: #042632; margin:3px 0 0 0; line-height: 18px;}
.contact-info p{ font-size: 15px; color: #042632; margin: 0; padding-left:6px; line-height: 20px;}
.contact-info a{padding-left:6px;}
.contact-info p.font13{ font-size: 13px; }

.contact-info2{ padding: 20px;}

.index_icon{ clear:both; display:inline-block; width:50px; height:50px; margin:0 10px 0 0;}
.index_icon img{ margin-top:-18px;}

.index_cont_icon img{ display:block; margin-left:8px;}


.header{ height:80px; font:15px Arial, sans-serif, "新細明體", "微軟正黑體"; margin-bottom:20px;}
.header span{ }
.header h3{ display: inline-block; height:50px; font-weight: bold; font:bold 24px/50px meiryo, Arial; color:#042632;}
.header span{ font-family: "標楷體";}


.index_shadow{ /*box-shadow:55px 5px 100px -50px rgba(69,69,69,0.25) inset;*/ background-color:rgba(255,255,255,1.00); padding-right:0; padding-left:0;/*border-style:solid; border-width:1px 1px 0 0;*/}
.index_shadow2{/* box-shadow:35px 0px 60px -30px rgba(0,0,0,0.80) inset;*/ padding-right:0; padding-left:0; background-color:#add528;}
.index_contentbg{ background:url(../images/index_contentbg.jpg) repeat center top;}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 480px) {
  .header{ height:80px; font:15px Arial, sans-serif, "新細明體", "微軟正黑體"; margin-bottom:0;}
  /*.banner { height: 250px;}*/
  .news-img { margin-top: 10px; width: 100px; }.news-con{ color: #828181; font:12px/20px Arial, "新細明體";}
  .contact-info{ padding: 5px 15px 0 15px; min-height: 400px;}
  .copyright { font-size: 16px; margin: 2px 10px 80px 10px; float: left; color:rgba(255,255,255,1.00); text-align:center;}
}


.link > .list-inline li { padding: 0 5px; }

.contact-info ul li { position: relative; }
.contact-info ul li:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -30px;
}

.contact-info ul li.ads:before { background: url(../images/contact_icon01.png) no-repeat; background-size: cover; }
.contact-info ul li.tel:before { background: url(../images/contact_icon02.png) no-repeat; background-size: cover; }
.contact-info ul li.fax:before { background: url(../images/contact_icon03.png) no-repeat; background-size: cover; }
.contact-info ul li.mail:before { background: url(../images/contact_icon04.png) no-repeat; background-size: cover; }