@charset "utf-8";
/* CSS Document */

body{margin:0 auto; font-size:90%; color:#000; font-family:"Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif; line-height:1.4; background:#fff; letter-spacing:1px; }
a img{border:none;}
a{border:none; text-decoration:none; color:#19418b;}
a:hover{text-decoration:none; color:#5075b8;}
img{border:none; display:block;}
p{line-height:1.5; margin:0; padding:0 0 20px 0;}
iframe { border:none; }
div { position:relative;}
input { border:#ccc 1px solid;font-size:1.1em;}
::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }
.clear{clear:both;}

html, body {width:100%; min-width:960px; padding:0; background:#fff;}

a.title { font-size:2.2em; margin-bottom:5px; line-height:1.2; color:#00a0e9; }
a.title:hover{ color:#0082bc;}

a.mobileTel{}
a.mobileTel:hover{}

#top { width:910px; margin:0 auto; height:90px; margin-top:15px;}
#top > #logoBG {background:url(images/logoBG.png) no-repeat; width:460px; height:162px; position:absolute; left:-63px; top:0px}
#top > #logoBG > a {width:400px; height:88px;left:63px; position:absolute}
#top > #tel-wrapper{background:url(images/bg-tel.png) no-repeat; width:250px; height:68px; position:absolute; right:0px; top:17px}
#top > #tel-wrapper > .tel{ position:absolute; text-align:left; font-size:1.3em; line-height:18px; letter-spacing:0px; color:#fff;}
#top > #tel-wrapper > a.day{ left:46px; top:18px; width:200px; }
#top > #tel-wrapper > a.mail{ left:46px; top:45px; width:200px;font-size:0.9em;}
#top > #tel-wrapper > a.night{ right:27px; top:20px; width:180px;}

#topMenu-wrapper{background:rgb(205,225,235);background:rgba(155,195,220,.5);width:100%;margin:0 auto; padding-top:8px; padding-bottom:1px;font-family:font-family: "Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif;}
#topMenu{width:910px; margin:0 auto; text-align:left;}
#topMenu > a {width:225px/*ori-129px*/; margin-right:1px; font-size:16px; line-height:1.2; text-align:center; display:inline-block; background:#666;color:#fff; padding:5px 0;vertical-align:bottom;
        -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;}
#topMenu > a:hover{ background:#999;}
#topMenu > a.current{background:#4972BB;}
#topMenu > a.fb {height:19px;background:url(images/bg-tabFB.png) top right no-repeat #3b5998;
        -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;}
#topMenu > a.fb:hover{ background-position:bottom right;}

#main { width:910px; margin:0 auto; margin-top:15px; margin-bottom:50px;}
#leftMenu-wrapper{float:left;position:fixed; z-index:1;width:190px;/*top:158px;*/ margin-bottom:100px;}
#leftMenu{border:#4972BB 1px solid; background:#fff; width:188px; /*height:230px;*/ margin-bottom:20px;
        -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;}
#leftMenu > #title { font-family: "Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif; text-align:left; padding:8px 10px; color:#fff; font-size:18px; background:#4972BB; line-height:1;}
#leftMenu ul{ margin:5px 0 0 0; padding:0;background:#fff;}
#leftMenu li{ font-size:1.1em; list-style:none; margin:6px 0; line-height:1.3; border-bottom:#ccc 1px solid; padding:0 10px 3px;background:#fff;}
#leftMenu li:last-child { border:none;}
#leftMenu a{background:transparent url(images/btn-leftMenuArrow.png) 0 4px no-repeat; vertical-align:top; color:#000; display:block; margin-bottom: 2px; /*width:7px; padding-left:10px;*/}
#leftMenu a:hover{background-image:url(images/btn-leftMenuArrowH.png);color:#4972BB; }
#leftMenu a>div{display:inline-block; margin-left:10px;}
#leftMenu a.submenu{font-size:0.9em; margin-left:12px;padding-left:12px}

#leftFAQ{border:#ff9900 1px solid; width:188px; /*height:230px;*/
        -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;}
#leftFAQ > #title { ffont-family: "Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif; text-align:left; padding:8px 10px; color:#fff; font-size:18px; background:#ff9900; line-height:1;}
#leftFAQ > #FAQcontainer {padding:10px; color:#666; font-size:1em;}
#leftFAQ .q{ color:#000; padding-bottom:10px;}
#leftFAQ a.more{display:block; text-align:right; margin-top:10px; text-decoration:underline;}

#body{float:right; width:700px; min-height:550px; margin-bottom:50px;}
#lightBox{width:70px;height:251px; margin-bottom:16px; display:block;}

#body .livequo{ background:#ff0000 !important; color:#fff; font-size:1.7em; line-height:1; padding:5px 10px; margin-bottom:8px;display:inline-block; font-family: "Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif;
        -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;}
#body .title-line{font-family:Arial, Helvetica, "微軟正黑體", sans-serif;font-size:1.6em; letter-spacing: 1px; color:#4972BB;border-bottom:#4972BB 1px solid; line-height:1.2;padding:3px 0 3px 0; margin-bottom:20px;text-shadow: 0 1px 2px rgba(0, 0, 0, .25)}
#body .title-line .en{font-size:0.85em;}
#body .title-sub{font-family: "Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif;font-size:1.4em; color:#4972BB;border-bottom:#4972BB 1px solid; line-height:1;padding:3px 0; margin-bottom:10px;display:inline-block;text-shadow: 0 1px 2px rgba(0, 0, 0, .22)}
#body #quo-table{margin-bottom:10px}
#body #quo-table input{ width:65px;}
#body #content ul{margin:10px 0 0 0;padding:0;}
#body #content li{list-style:outside disc; margin-left:25px; margin-bottom:3px;}
.step td{ padding-bottom:15px;}
.step .stepArrow{background:transparent url(images/img-stepArrow.png) no-repeat top right; font-size:1.6em; line-height:0.8; width:36px; height:20px; padding-left:24px;}
.step td.txt{padding-left:10px;}
.content-cell{margin-bottom:20px;}
.content-cell .title-sub{font-size:1.1em;margin-bottom:5px; color:#4972BB;}

.ref-pic { list-style:none; margin-bottom:25px !important; width:705px;}
.ref-pic li {width:220px;/*height:200px;*/display:inline-block; margin-right:10px; vertical-align:top; margin:0 10px 15px 0 !important; font-size:0.9em;}
.ref-pic li img { text-align:center;padding-bottom:5px;}
.ref-pic li p{ margin:0; padding:0;}

.tableList { margin:0 0 25px 0;}
.tableList img {display:inline;}
.tableList tr.row1 { background:#efefef;}
.tableList tr.row2 { background:#fff;}
.tableList ul{ list-style:outside disc !important; margin:0 !important;}
.tableList .type{margin-bottom:10px;color:#4972BB; font-size:1.4em}

.faqQ { color:#4972BB; margin-bottom:5px; display:inline-block;font-size:1.1em;}


#footer-wrapper{ width:100%; color:#000; border-top:#4972BB 3px solid; /*background:#CDE0EC;*/ background:rgb(205,225,235);background:rgba(155,195,220,.5);}
#footer{ margin:0 auto; padding-top:10px; padding-bottom:30px; width:910px; font-size:0.9em; letter-spacing:0; line-height:1.7; text-align:center;}
#footer a{color:#000;}
#footer a.address{ display:inline-block; margin-right:30px;}
#footer > #contact {margin-bottom:8px; letter-spacing:0; display:block;}
#footer > #contact ul{margin:0; padding:0;}
#footer > #contact li{ display:inline-block; margin:0 10px;}
#footer .copyright{ display:inline-block; margin-right:10px; letter-spacing:0; }
#footer .link{ display:inline-block; text-decoration:none; margin-left:10px;}


a.btn-more {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #edebdd) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #edebdd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edebdd');
	background-color:#edebdd;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #bab7a3;
	display:inline-block;
	color:#85806a;
	font-family:font-family: "Open Sans", Arial, "Helvetice Neue", "Microsoft JhengHei", 微軟正黑體, sans-serif;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	letter-spacing:0px;
	height:20px;
	line-height:20px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding:0px 12px;}
a.btn-more:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #edebdd) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #edebdd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#edebdd');
	background-color:#edebdd;
 	color:#5e5a49;}
a.btn-more:active {position:relative;}

/*---responsiveslides---*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  .rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 6px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 10px;
  height: 10px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }