@charset "utf-8";


html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  vertical-align: top;

}



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}



ol, ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

  vertical-align: middle;

}



/*input[type=checkbox], textarea {

	-webkit-appearance: none;

  	-webkit-border-radius: 0;

}*/

input[type=checkbox] {

	vertical-align: middle;

}

.inquiry label {

	padding-right: 30px;

}









/*===== Global Setting =====*/

* {

	border-radius: 0 !important;

	-moz-border-radius: 0 !important;

	/*-webkit-appearance: none;*/

}



body {

	color: #454545;

	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, "LiHei Pro", "新細明體", sans-serif;

	font-size: 16px;

	margin: 0 auto;

}



/* SAFARI WHITE SPACE ISSUE */

html,body

{

    width: 100%;

    margin: 0px;

    padding: 0px;

    overflow-x: hidden;

	overflow-y:auto;

}



.clear30 {

	clear: both;

	height: 30px;

}



.nopadding {

   padding: 0 !important;

   margin: 0 !important;

}



.red { color: #FF0000; }





/* BUTTON SETTING */

.a-btn-before {

	margin-top: 24px;

}

.a-btn-blue {

	background-color: #014099;

	border: 0;

	border-radius: 0;

	color: #FFF;

	padding: 10px 20px;

	text-decoration: none;

}

.a-btn-blue:hover, .a-btn-red:hover {

	color: #FFF;

	text-decoration: none;

}

.a-btn-red {

	background-color: #d50c18;

	border: 0;

	border-radius: 0;

	color: #FFF;

	padding: 10px 20px;

	text-decoration: none;

}









/* HEADER SETTING */

.navbar-top {

	border: 0;

	margin-bottom: 0;

}

.tb-top {

	display: table;

	margin: 15px 0 20px 0;

	padding: 0;

	width: 100%;

}

.top-left, .top-right {

	float: none;

	display: table-cell;

	height: 62px;

	vertical-align: bottom;

}

.logo-mb {

  /*text-align:center;*/

  width: 100%;

}

.logo-mb img {

  max-width: 100%;

  margin: 10px 0;

}

.lang {

	vertical-align: bottom;

	margin-bottom: 0;

	margin-left: 10px;

}





/*.navbar-menu {

	background-color: #000000;

	border: 0;

}*/

.navbar-menu {

    min-height:auto !important;

    border: none;

	margin-bottom: 0;

}

.navbar-menu .navbar-brand {

    color: #FFF;

}

.navbar-menu .navbar-nav > li > a {

    padding-top: 10px;

    padding-bottom: 10px;

}

.navbar-menu .nav {

	width: 100%;

}

.navbar-menu .nav>li {

	width: 16.55%;

    text-align: center;

}

.navbar-menu .nav li a {

    color: #FFF;

}

.navbar-menu .nav li a:hover {

    background-color: #014099;

    color: #FFF;

}

.dropdown-content {

    box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.2);

}



.dropdown-custom .dropdown-content li a {

    display: inline-block;

    width: 100%;

	padding: 10px 30px;

    text-decoration: none;

}

.dropdown-custom .dropdown-content li a:hover {

	background-color: #FFF;

    color: #454545;

}

@media (max-width: 767px) {

    .navbar-menu .nav {

        margin: 0;

    }

    .navbar-menu .nav li {

        border-top: 1px solid #333;

    }

    .navbar-menu .nav>li {

        width: 100%;

        text-align: left;

    }

    .dropdown-custom .drop-icon {

        position: absolute;

        right: 0;

        top: 0;

        width: 40px;

        height: 40px;

        font-size: 20px;

        font-weight: bold;

        color: #FFF;

        line-height: 40px;

        text-align: center;

    }

    .dropdown-custom .drop-icon:before {

        content: "+";

    }

    .dropdown-custom.on .drop-icon {

        background-color: #333;

    }

    .dropdown-custom.on .drop-icon:before {

        content: "-";

    }

}



@media (min-width: 768px) {

    .navbar-menu .nav>li:after {

        position: absolute;

        top: 0;

        right: 0;

        content: '';

        height: 1em;

        border-left: 1px solid #EEE;

        opacity: 0.5;

        margin: 12px 0;

    }

    .navbar-menu .nav>li:first-child:before {

        position: absolute;

        top: 0;

        left: 0;

        content: '';

        height: 1em;

        border-left: 1px solid #EEE;

        float: right;

        opacity: 0.5;

        margin: 12px 0;

    }

    .dropdown-custom {

        position: relative;

    }

    .dropdown-custom .drop-icon {

        display: none;

    }

    .dropdown-custom.on {

        background-color: #014099;

    }

    .dropdown-custom .dropdown-content {

        position: absolute;

        width: 200%;

        top: 100%;

        left: 0;

    }

    .dropdown-custom .dropdown-content li {

        background-color: #014099;

        text-align: left;

    }

}



@media (max-width: 1199px) and (min-width: 992px) {

	.navbar-menu .container .nav>li {

		width: 16.5%;

		font-size: 0.95em;

		text-align: center;

	}

}

@media (max-width: 991px) and (min-width: 768px) {

	.lang {

		margin-left: 0;

	}

	.ico_contact {

		padding-top: 10px;

	}

	.navbar-menu .container .nav>li {

		width: 16.5%;

		font-size: 0.85em;

		text-align: center;

	}

}







/* BANNER SETTING */

#slide {

	/*margin-top: 55px;*/

	width: 100%;

	height: auto;

	overflow: hidden;

}

.banner {

	width: 100%;

}







/* INNER GLOBAL SETTING */

.title-main {

	color: #014099;

	font-size: 1.5em;

	font-weight: bold;

	letter-spacing: 1px;

	margin-bottom: 2em;

	text-align: center;

}







/* INDEX MAIN SETTING */

.mainbox {

	margin: 6em auto;

}

.title-left {

	color: #014099;

	font-size: 1.5em;

	font-weight: bold;

	letter-spacing: 1px;

	margin-bottom: 15px;

}

.news-list {

	padding-right: 20px;

}



.news-item {

	border-bottom: solid 1px #ccc;

	float: left;

	padding: 20px 20px 20px 0;

}

.news-item:last-child {

	border-bottom: 0;

}

.news-item img {

	float: left;

	width: 20%;

	max-width: 98px;

	border: 1px solid #CCC;

}

.news-item .item-right {

  float: left;

  line-height: 26px;

  width: 80%;

  padding-left: 15px;

}

.news-date {

	color: #014099;

	font-size: 0.9em;

	font-weight: bold;

}

.news-title a {

	color: #454545;

	font-weight: bold;

}

.news-title a:hover {

	color: #014099;

	text-decoration: none;

}

.read-more a {

	color: #CCC;

	font-size: 0.9em;

	font-weight: bold;

}

.index-about-ptext {

	line-height: 25px;

	padding-top: 15px;

}

.index-about-img {

	margin-bottom: 1.6em;

}



@media (max-width: 991px) and (min-width: 768px) {

	.mgbtm-991{

		margin-bottom: 45px;

	}

	.pad-lt768 {

		padding: 0 15px;

	}

}

@media only screen and (max-width : 414px) {

	.mgbtm-991{

		margin-bottom: 45px;

	}

	.pad-lt768 {

		padding: 0 15px;

	}

}





/* INDEX PRODUCT LIST SETTING */

.index-product {

	background: url(../images/bg_plist.jpg);

	background-repeat: repeat;

	padding: 2em 0;

}

.list-item {

	background: #FFF;

}

.list-item:hover {

	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}



.shadow

{

    position:relative;

	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);

       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);

            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);

}

.shadow:before, .shadow:after

{

    content:"";

    position:absolute;

    z-index:-1;

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

    box-shadow:0 0 20px rgba(0,0,0,0.8);

    top:50%;

    bottom:0;

    left:10px;

    right:10px;

    -moz-border-radius:100px / 10px;

    border-radius:100px / 10px;

}

.shadow:after

{

    right:10px;

    left:auto;

    -webkit-transform:skew(8deg) rotate(3deg);

       -moz-transform:skew(8deg) rotate(3deg);

        -ms-transform:skew(8deg) rotate(3deg);

         -o-transform:skew(8deg) rotate(3deg);

            transform:skew(8deg) rotate(3deg);

}





.rwd-img

{

  width: 100%;

  padding: 0;

  margin: 0 0 2em 0;

}



.img-box

{

  float: left;

  width: 100%;

  padding: 0;

  margin: 0 0 0.5em 0;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.img-box span

{

  display: block;

  width: 100%;

  overflow: hidden;

}



.prod-img

{

  display: block;

  max-width: 100%;

  max-height: 100%;

  margin: auto;

}



.rwd-img .img-box span

{

  position: relative;

  height: 0;

  padding-top: 84.937%;

}



.rwd-img img

{

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}



.prod-list-txt {

	padding: 15px;

	height: 65px;

	overflow: hidden;

	border-top: solid 1px #ededed;

}



.prod-list-txt2 {

	padding: 15px;

	height: 100px;

	overflow: hidden;

	border-top: solid 1px #ededed;

}



.list-name a {

	color: #666;

	font-size: 0.9em;

	line-height: 1.3em;

	text-decoration: none;

}



@media only screen and (max-width : 414px) {

	div.col-xxs-12 {width: 100%; }

  	div.col-xxs-hidden {display: none; }

}









/* QUOTE SETTING */

.index-quote {

	margin: 3.5em 0;

}

blockquote {

	font-size: 1.55em;

	margin: 1.5em 10px;

	padding: 0.5em 10px;

	quotes: "\201C""\201D""\2018""\2019";

}

blockquote:before {

  color: #454545;

  content: open-quote;

  font-size: 2.5em;

  font-family: "Times New Roman", Times, serif;

  line-height: 0.1em;

  float: left;



}

blockquote:after {

  color: #454545;

  content: close-quote;

  font-size: 2.5em;

  font-family: "Times New Roman", Times, serif;

  line-height: 1em;

  vertical-align: -0.8em;

  float: right;

}

blockquote p {

	margin: 0.8em 2em 0.8em 2em;

}







/* FOOTER SETTING */

.footer-edm {

	background-color: #F5F5F5;

	padding: 30px;

}

.title-left-grey {

	color: #333;

	font-size: 1.5em;

	letter-spacing: 1px;

	margin-bottom: 15px;

	margin-top: 20px;

}

.title-extend {

	font-size: 14px;

	font-weight: bold;

	vertical-align: baseline;

}



.get-quote {

	background: url(../images/bg_getquote.png);

	background-repeat: no-repeat;

	background-position: right 0 top;

}

.get-quote p {

	font-size: 0.9em;

	margin-top: 20px;

}

.get-quote h3 {

	color: #333;

	font-size: 1.5em;

	letter-spacing: 1px;

	margin-top: 5px;

	margin-bottom: 30px;

}

.border-edm {

	border-right:solid 1px #ddd;

	padding-right: 30px;

}



.footer-info {

	font-size: 0.85em;

}

.info-title {

	font-size: 1.3em;

	height: 69px;

	display: table-cell;

	vertical-align: bottom;

}

.f-cominfo li {

	line-height: 20px;

	padding-bottom: 15px;

}

.url-map {

	background-color: #014099;

	color: #FFF;

	font-size: 0.8em;

	margin-left: 5px;

	padding: 1px 6px;

}

.url-map:hover {

	color: #FFF;

	text-decoration: none;

}

.f-cominfo, .quick-link {

	margin-top: 15px;

}

.quick-link li {

	line-height: 30px;

}

.quick-link li a {

	color: #454545;

}





.footer-copyright {

	border-top: solid 1px #ccc;

	border-bottom: solid 7px #000;

	font-size: 0.9em;

	line-height: 1.8em;

	padding: 30px 0;

}

@media (max-width: 768px) {

	.get-quote {

		margin-top: 50px;

	}



	.footer-copyright {

		padding: 20px 0;

	}



}

@media (max-width: 991px) {

	.border-edm {

		border-right: 0;

		padding-right: 10px;

	}

}







/* INNER NEWS SETTING */

.innews-item {

	border-bottom: solid 1px #ccc;

	padding: 20px 20px 20px 0;

	

}

@media (max-width: 768px) {

	.innews-item {

		padding: 20px;

		

	}

}

.innews-item img {

	float: left;

	width: 20%;

	max-width: 98px;

	border: 1px solid #CCC;

}

.innews-item .item-right {

  float: left;

  line-height: 26px;

  width: 75%;

  padding-left: 15px;

}

.news-detail-title {

	border-bottom: solid 1px #ddd;

	color: #014099;

	font-size: 1.2em;

	font-weight: bold;

	letter-spacing: 1px;

	padding: 0.5em;

}

.news-detail-date, .news-detail-venue {

	border-bottom: solid 1px #ddd;

	padding: 0.5em;

}

.news-content {

	padding: 1em 0.5em;

}

.box-news-img {

	border-bottom: solid 1px #ddd;

	padding: 0.5em 0.5em 2em 0.5em ;

	/*text-align: center;*/

}

.news-img {

	max-width: 100%;

}

.news-back {

	margin: 2em 0.5em;

}



.feature-title {

	color: #014099;

	font-size: 1.2em;

	font-weight: bold;

	letter-spacing: 1px;

	/*padding: 0.5em;*/

}



.map-model {

	border: 0;

	width: 100%;

	height: 540px;

}

@media (max-width: 767px) {

	.map-model { height: 320px; }

	.mgtop-xs {

		margin-top: 2em;

	}

	.mainbox {

		margin: 3.5em auto;

	}

}

@media (max-width: 479px) {

	.map-model { height: 250px; }

}





/* PRODUCT DETAIL SETTING */

.prod-title-section {

	padding-left: 30px;

}

.pname {

	font-size: 1.3em;

	line-height: 2em;

	margin-bottom: 0.8em;

	font-weight: bold;

}

.papp dt, .pdescr dt, .pspec dt {

	color: #014099;

}

.papp {

	margin-bottom: 1.8em;

}

.pspec dt, .pdescr dt {

	margin-bottom: 0.3em;

}

.papp dd {

	line-height: 1.6em;

	vertical-align: middle;

}

.descr-tb {

	display: table;

	margin-bottom: 1.8em;

}

.descr-tb-row {

	display: table-row;

}

.descr-tb-cell {

	display: table-cell;

	line-height: 1.6em;

	vertical-align: top;

}

.descr-tb-left {

	width: 18px;

}

.pshop span { margin-right: 10px;}

.tb-spec-head {

	background-color: #014099;

	color: #FFF;

	text-align: center;

}



.table .tb-spec-head >tr>th {

	text-align: center;

	border-bottom: 0;

}

@media (max-width: 767px) {

	.prod-title-section {

		padding-left: 15px;

	}

}