/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* #Site Styles
================================================== */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

.clearfix:before,

.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

li {
    margin-bottom: 0;
}


.white {
    background: #fff;
    padding-bottom: 10px;
}

body {
    /*background:url(../images/bg.jpg) repeat-x #aaa;*/
    background: #ddd;
    font-size: 14px;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, arial, Sans-serif;
}

.logo_phone {
    display: none;
}

img {
    max-width: 100%;
}

img.align-right {
    float: right;
    margin: 0 0 12px 15px;
}

img.align-left {
    float: left;
    margin: 0 15px 12px 0;
}

.container .float-r {
    float: right;
}

.container .float-l {
    float: left;
}

.container .margin_l {
    margin-left: 0;
}
.border-wrapper{
    border: 1px solid #cbe5ef;
    padding: 5px;
}
.h01 {
    border-bottom: 1px solid  #eee;
    background: #fff;
    padding: 3px 0;
}

.h01_title {
    color: #1ea1af;
    font-weight: bold;
}

.h01_title span {
    color: black;
}

.header_menu {
    background: #fff;
}

.header_subnav {
    background: #6fcfff;
}

.logo {
    float: left;
    top: 25px;
    margin-bottom: -5px;
    position: absolute;
}

.logo a {
    text-decoration: none;
    color: #0a78b2;
}

.logo h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    color: #0a78b2;
    line-height: 30px;
}

.logo span {
    color: #aaa;
    display: block;
    font-size: 12px;
}

.logo-brand {
    top: 25px;
}

.declare {
    position: absolute;
    display: block;
    top: 0;
    right: 0px;
    z-index: 10000;
    margin-bottom: 5px;
}

.btn {
    margin-top: 3px;
}

.btn,
.btn ul,
.btn li {
    float: left;
    padding: 0;
    margin: 0;
}

.btn01,
a.btn01,
a:visited.btn01,
a:hover.btn01,
.btn02,
a.btn02,
a:visited.btn02,
a:hover.btn02,
.btn03,
a.btn03,
a:visited.btn03,
a:hover.btn03,
.btn04,
a.btn04,
a:visited.btn04,
a:hover.btn04,
.btn05,
a.btn05,
a:visited.btn05,
a:hover.btn05,
.btn06,
a.btn06,
a:visited.btn06,
a:hover.btn06,
a.app,
a:visited.app,
a:hover.app {
    background: url(../images/btn.png) top no-repeat;
    width: 98px;
    height: 94px;
    display: block;
    text-indent: -9999px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

.btn01 {
    margin-left: 89px;
}

.btn01,
a.btn01,
a:visited.btn01 {
    background-position: -29px 0;
}

a:hover.btn01 {
    background-position: -29px -94px;
}

.btn02,
a.btn02,
a:visited.btn02 {
    background-position: -133px 0;
}

a:hover.btn02 {
    background-position: -133px -94px;
}

.btn03,
a.btn03,
a:visited.btn03 {
    background-position: -228px 0;
}

a:hover.btn03 {
    background-position: -228px -94px;
}

.btn04,
a.btn04,
a:visited.btn04 {
    background-position: -308px 0;
}

a:hover.btn04 {
    background-position: -308px -94px;
}

.btn05,
a.btn05,
a:visited.btn05 {
    background-position: -400px 0;
}

a:hover.btn05 {
    background-position: -400px -94px;
}

.btn06,
a.btn06,
a:visited.btn06 {
    background-position: -480px 0;
}

a:hover.btn06 {
    background-position: -480px -94px;
}

.phone_app {
    display: none;
}

.in_img01 {
    background: url(../images/in_img01.jpg) top left no-repeat;
    width: 699px;
    height: 134px;
}

.in_img02 {
    background: url(../images/in_img02.jpg) top left no-repeat;
    width: 699px;
    height: 234px;
}

.tel {
    display: none;
    float: right;
}

.container .margin {
    margin: 0;
}

.house_in_img {
    background: url(../images/fb_1.jpg) top left no-repeat;
    width: 220px;
    height: 38px;
    float: left;
    margin-bottom: 2px;
}

.house_in {
    border: 1px solid #cecece;
    width: 198px;
    float: left;
    padding: 10px;
}

.house_in form#contact {
    color: #686868;
}

.house_in form#contact ul {
    margin: 0;
    padding: 8px 0;
    width: 218px;
}

.house_in form#contact li {
    width: 208px;
    float: left;
    padding: 0;
    margin: 5px;
    line-height: 23px;
}

.house_in form#contact label {
    font-weight: 100;
    width: 65px;
    font-size: 12px;
    float: left;
}

.house_in form#contact .input01 {
    margin-right: 5px;
    width: 65px;
}

.house_in form#contact .li03 {
    padding-left: 65px;
    width: 143px;
    margin-bottom: 15px;
}

.house_in input,
.house_in select {
    width: 130px;
    float: left;
    font-size: 12px;
    color: #686868;
    padding: 5px 3px;
    margin: 0;
}

.house_in select {
    width: 137px;
}

.hr24_img {
    background: url(../images/24hr.jpg) top no-repeat;
    background-size: 100%;
    width: 114px;
    height: 198px;
    margin-right: 2px;
    float: left;
}

.hr24 {
    border: 1px solid #cecece;
    width: 581px;
    height: 196px;
    float: left;
    font-size: 13px;
}

.hr24 input,
.hr24 select {
    width: 100px;
    float: left;
    font-size: 12px;
    color: #686868;
    padding: 5px 3px;
    margin: 0;
}

.hr24 ul {
    margin: 10px 5px;
    width: 571px;
}

.hr24 li {
    width: 180px;
    float: left;
    margin: 0 5px 5px;
    line-height: 23px;
}



/* #Spacing
================================================== */
.mt-10{
    margin-top: 10px;
}
.mt-30{
    margin-top: 30px;
}
.mb-30{
    margin-bottom: 30px;
}

/* #Brand
================================================== */

.brand_box{ width:31%; 
	float:left; 
	border: 3px;
	height:70px; 
	padding-top:15px;
	font-size:15px; 
	margin: 0 1%;
	text-align:center; 
	font-weight:bold; 
	margin-bottom:2%;
	border-radius: 3px;
	background: rgba(242,246,248,1);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(233,242,243,1) 30%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(30%, rgba(233,242,243,1)), color-stop(100%, rgba(224,239,249,1)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(233,242,243,1) 30%, rgba(224,239,249,1) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(233,242,243,1) 30%, rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(233,242,243,1) 30%, rgba(224,239,249,1) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(233,242,243,1) 30%, rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
}


/* #Contact
================================================== */
.online_table{font-size:15px; padding:0; margin:0}
.online_table tr ,.online_table tr td { border: 8px solid #FFF;}
.tdL{ background-color:#f8f4d0; text-align:center; width:80px; vertical-align:middle; padding:5px 0 5px 0; font-size: 14px;}
.tdR{ vertical-align:middle}

.txtbox ,.txtmail{ width:190px;} 
.txtnum{width:130px; margin:0 5px 5px 0 ;height:30px; border:1px solid #ccc;}
.txtdate1{width:185px;margin:0 5px 5px 0;height:30px;border:1px solid #ccc; }
.txtdate2{width:185px;margin:0 5px 5px 0;height:30px;border:1px solid #ccc; }
.online_select{width:160px; margin:0 5px 5px 0; height:30px; float:left}
.online_btn{ width:46%; margin-right:3%}




form#contact {
    color: #686868;
}

form#contact label {
    font-weight: 100;
    width: 70px;
    font-size: 12px;
    float: left;
}

form#contact .li {
    width: 370px;
}

form#contact .li01 {
    width: 571px;
}

form#contact .li02 {
    margin: 1px 0 0 70px;
    *margin: 1px 0 0 35px;
    width: 501px;
}

form#contact .li03 {
    width: 300px;
}

form#contact .input {
    width: 290px;
}

form#contact .input01 {
    margin-right: 5px;
}

form#contact #captcha {
    height: 26px;
    margin-left: 5px;
}

form#contact02 .add_select select {
    width: 80px;
}

form#contact02 .add_select input {
    margin-left: 10px;
}

.hrl {
    background: url(../images/24hra_long.jpg) no-repeat left;
    float: left;
    width: 100%;
    height: 38px;
}

.hrl span {
    background: #076c5a;
    width: 15px;
    height: 38px;
    float: right;
}

.hr24 input,
.hr24 select {
    width: 90px;
    float: left;
    font-size: 12px;
    color: #686868;
    padding: 5px 3px;
    margin: 0;
}

.hr24 select {
    padding: 3px;
}

.hr24 textarea {
    width: 479px;
    height: 30px;
    min-height: 30px;
    float: left;
    margin: 0;
}

:root .hr24 textarea {
    min-height: 40px\9;
}

.tel01 {
    background: url(../images/tel.jpg) no-repeat;
    background-size: 100%;
    height: 200px;
    margin-bottom: 15px;
    text-indent: -9999px;
    display: block;
}

.tel01 a {
    text-indent: -9999px;
    display: block;
}

.area_nav_phone {
    display: none;
}

.area_nav_phone {
    margin-bottom: 10px;
}

.service_title img {
    margin-left: 26px;
    float: left;
}

.service_center {}

.service_center img {
    display: inline;
}

.service_center .service_title h3 {
    color: #aa7668;
    float: left;
    padding-top: 5px;
    font-weight: bold;
    font-style: italic;
    font-size: 30px;
}

.service_center_mobile{
    color: #0a78b2;
    float: left;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin-left: 10px;
}

.service_title h5 {
    float: left;
    font-weight: bold;
    margin-left: 10px;
    color: #868686;
}

.service_title h5 span {
    color: #1ea1af;
}

.service_area_box {}

.service_area {
    width: 150px;
    height: 80px;
    background-color: white;
    border: 1px solid #72cefd;
    box-shadow: 2px 2px 4px 2px #e7e7e8;
    margin: 0 -15px 20px 40px;
    float: left;
    padding: 5px 0 10px;
}

.area01 {
    font-weight: bold;
    margin: 0 0 0 15px;
}

.area01 a {
    text-decoration: none;
    color: #000000;
    margin-bottom: 10px;
}

.area01 h4 {
    font-weight: bold;
    color: #0a78b2;
    font-size: 18px;
    margin-bottom: 0;
}

.area01 span a {
    color: #f2aa0f;
}


/*外加樣式*/

.fix_number {
    background: url(../images/service_phone.png) no-repeat;
    width: 610px;
    height: 58px;
    padding: 8px 0 0 90px;
}

.fix_number p {
    font-size: 22px;
    color: #aa7668;
    font-weight: bold;
}

.fix_number_link {
    margin-top: -5px;
    font-size: 14px;
    color: #666;
    font-weight: none;
}

.fix_number_link a {
    text-decoration: none;
    color: #f00;
}

.fix_number_link a:hover {
    color: #999;
}

.index_content01 {
    background: url(../images/index_content01.png) no-repeat;
    height: 182px;
    display: block;
}

.index_content01 ul {
    font-family: "微軟正黑體";
    float: left;
}

.text_align_right {
    margin: 42px 9px 0 30px;
    text-align: right;
    color: #32bac8;
}

.text_align_right a {
    text-decoration: none;
    color: #32bac8;
}

.text_align_left {
    margin: 42px 9px 0 15px;
    text-align: left;
}

.index_content02 {
    background: url(../images/index_content02.png) no-repeat;
    height: 30px;
    display: block;
}

.index_content02 p {
    display: none;
}

.phone_title {
    display: none;
}

.phone_content {
    background: url(../images/taiwan.png) no-repeat;
    padding: 17px;
    font-weight: bold;
    height: 450px;
    padding-top: 20px;
    margin: 20px;
    background-size: 40%;
}

.phone_content p {
    float: left;
    margin: 0 18px 12px 0;
}

.phone_content span {
    color: #af1b25;
    margin-left: 9px;
}

.content_text {
    width: 100%;
    padding-left: 260px;
    box-sizing: border-box;
}

.station_content {
    background: url(../images/station_taiwan.png) no-repeat;
    padding: 17px;
    font-weight: bold;
    margin: 20px 0 20px 20px;
    padding-top: 20px;
    padding-left: 250px;
}

.title_h5 {
    font-weight: bold;
    color: #6d6d6d;
    padding-top: 10px;
}

.content-in-wrapper{
    padding: 20px 50px;
    line-height: 1.8em;
}
.list-type-1 {
    margin: 38px 20px 0 25px;
}

.list-type-1 li {
    margin: 0 0 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
    padding-left: 30px;
}

.list-type-1 li:before{
    font-family: 'FontAwesome';
    content: "\f138";
    padding-left: 10px;
    color: #5299a0;
    margin-left: -30px;
}
.list-type-1 li a{
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px;
}

.index_content04 {
    float: left;
    background: url(../images/index_content04.png) no-repeat;
    width: 148px;
    height: 267px;
    margin-left: 10px;
    padding: 49px 22px 27px 21px;
    display: block;
}

.index_content04 ul li {
    float: left;
    margin: 0 7px 16px;
}

.pic_margin {
    margin-bottom: 9px;
}

.ad_area li {
    float: left;
    margin: 0 2px;
}

.icon_phone {
    float: left;
    background: url(../images/icon_phone.png) no-repeat;
    width: 123px;
    height: 105px;
    margin: 15px 0 0 48px;
    text-align: center;
    padding-top: 10px;
    font-size: 18px;
    color: #fff;
}

.phone_area {
    float: left;
    color: #fff;
    font-size: 15px;
    width: 960px;
}

.phone_area p {
    margin: 0;
    font-size: 11px;
    color: #fff;
}

.phone_area ul {
    float: left;
    margin-right: 10px;
}

.AutoSkip {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 450px;
    font-size: 1em;
}

.phone_show {
    display: none;
}

.brand_content {
    background: #fff;
    padding: 17px;
    margin-left: 7px;
    -moz-box-shadow: 0px 2px 5px #bdb9bd;
    -webkit-box-shadow: 0px 2px 5px #bdb9bd;
    box-shadow: 0px 2px 5px #bdb9bd;
}

.brand_content a {
    text-decoration: none;
}

.brand_content a li {
    color: #fff;
    background: #32bac8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #32bac8 0%, #00abb7 50%, #32bac8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32bac8), color-stop(50%, #00abb7), color-stop(100%, #32bac8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #32bac8 0%, #00abb7 50%, #32bac8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #32bac8 0%, #00abb7 50%, #32bac8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #32bac8 0%, #00abb7 50%, #32bac8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #32bac8 0%, #00abb7 50%, #32bac8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bac8', endColorstr='#32bac8', GradientType=0);
    /* IE6-9 */
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin: 5px;
    width: 120px;
    text-align: center;
}

.brand_content a li:hover {
    background: #86d7e0;
    /* Old browsers */
    background: -moz-linear-gradient(left, #86d7e0 0%, #4dbcc6 51%, #86d7e0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #86d7e0), color-stop(51%, #4dbcc6), color-stop(100%, #86d7e0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #86d7e0 0%, #4dbcc6 51%, #86d7e0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #86d7e0 0%, #4dbcc6 51%, #86d7e0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #86d7e0 0%, #4dbcc6 51%, #86d7e0 100%);
    /* IE10+ */
    background: linear-gradient(to right, #86d7e0 0%, #4dbcc6 51%, #86d7e0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d7e0', endColorstr='#86d7e0', GradientType=1);
    /* IE6-9 */
}


/*about*/

.content_title {
    width: 100%;
    height: 30px;
    margin-left: 7px;
    background: #a7dbd8;
    /* Old browsers */
    background: -moz-linear-gradient(left, #a7dbd8 62%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(62%, #a7dbd8), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #a7dbd8 62%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #a7dbd8 62%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #a7dbd8 62%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, #a7dbd8 62%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7dbd8', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.content_title p {
    background: #32bac8;
    width: 166px;
    height: 25px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 0 0 14px;
}

.content_title p span {
    margin-right: 9px;
}

.content {
    width: 650px;
    margin-left: 7px;
    padding: 10px;
    -moz-box-shadow: 0px 2px 5px #bdb9bd;
    -webkit-box-shadow: 0px 2px 5px #bdb9bd;
    box-shadow: 0px 2px 5px #bdb9bd;
}

.content span {
    color: #af1b25;
}

.content ul {
    width: 500px;
    margin: 10px auto;
}

.content ul li {
    float: left;
    margin: 5px 10px;
}


/*end*/

.news_in h1 {
    background: #4bb7e8;
    padding: 8px 0;
    text-indent: 5px;
    font-size: 18px;
    line-height: 20px;
    font-family: "微軟正黑體";
    color: #fff;
    margin-bottom: 2px;
}

.news_in .text {
    border: 1px solid #cecece;
    width: 698px;
    float: left;
}

.news_in .text ul {
    width: 688px;
    padding: 5px;
    margin: 0;
}

.news_in .text li {
    width: 678px;
    padding: 5px;
    margin: 0;
    border-bottom: 1px dotted #cecece;
    font-size: 12px;
    text-decoration: none;
}

.news_in a,
.news_in a:visited {
    color: #bd0000;
    text-decoration: none;
}

.news_in a:hover {
    color: #650000;
    text-decoration: none;
}

.news_in .text .li {
    border-bottom: 0px;
    font-size: 12px;
    padding-left: 5px;
}

.service_phone {
    background-size: 100%;
    padding: 5px 0 10px;
    *padding: 15px 10px 10px;
    width: 200px;
    font-size: 12px;
    float: left;
}

.service_phone_img {
    float: left;
    height: 38px;
    width: 220px;
    background: #e4f5fd;
    color: #237a98;
    text-align: center;
    border-bottom: 2px solid #237a98;
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
}

.service_phone_text {
    display: inline-block;
    margin: 10px 0 0 10px;
    vertical-align: top;
}


.service_phone a,
.service_phone a:visited {
    color: #0a78b2;
    text-decoration: none;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 0;
}

.service_phone a:hover {
    color: #363636;
    text-decoration: none;
}

.service_phone a span {
    color: #969696;
    font-size: 10px;
}

.service_phone ul {
    width: 220px;
}


/*-moz-box-shadow: 0px 2px 5px #cecdcd;*/


/*-webkit-box-shadow: 0px 2px 5px #cecdcd;*/


/*box-shadow: 0px 2px 5px #cecdcd;*/

.service_phone li {
    border-bottom: 1px solid #d0d0d0;
}

.service_phone .line {
    border: 0;
}

.service_phone img {
    margin: 0 0 0 20px;
}


/*.fb-like-box {
	margin-top:10px;
	margin-bottom:0;
}
body .fb-like-box iframe{
	width:200px !important;
	height:215px !important;
}
body .fb-like-box span{
	width:200px !important;
	height:215px !important;
}*/

.other {
    border: 1px solid #d0d0d0;
    background: url(../images/other.jpg) left top no-repeat;
    width: 778px;
    height: 66px;
    color: #5e5e5e;
    font-size: 12px;
    padding-left: 160px;
    margin-top: 5px;
}

.other a,
.other a:visited,
.other a:hover {
    color: #5e5e5e;
    text-decoration: none;
}

.other a:hover {
    color: #363636;
}

.other li {
    width: 248px;
    height: 32px;
    line-height: 32px;
    float: left;
    padding-left: 10px;
    margin: 0;
    border-bottom: 1px dotted #d0d0d0;
    border-right: 1px dotted #d0d0d0;
}

setcion .li_r {
    border-right: 0px dotted #d0d0d0;
}

setcion .li_b {
    border-bottom: 0px dotted #d0d0d0;
}

footer {
    font-size: 12px;
    text-align: center;
}

.footer-wrapper {
    background: #3b93c1;
}

footer p {
    margin-bottom: 5px;
}

footer .text {
    /*background:#d9d9d9;*/
    font-size: 15px;
    color: white;
    padding: 10px 8px;
}

footer .text01 {
    padding: 0 8px;
}

footer .text01 a,
footer .text01 a:hover {
    text-decoration: none;
    margin-left: 13px;
}

footer .text02 {
    border: 1px solid #d0d0d0;
    padding: 8px;
    margin: 1px 0 19px 0;
}

footer .text02 a,
footer .text02 a:hover {
    text-decoration: none;
    color: #686868;
}

footer .text02 a:hover {
    color: #333;
}

footer .a_text {
    padding: 10px 0;
    color: white;
}
footer .a_text ul{
	margin-bottom: 0;
}

footer .a_text ul li {
    display: inline;
    color: white;
}

footer .a_text ul li a {
    display: inline;
    color: white;
}

.online {
    position: fixed;
    left: 0;
}

.oline {
    background: url(../images/oline_bg.png) left no-repeat;
    width: 360px;
    height: 180px;
}

.oline_text {
    width: 320px;
    height: 73px;
    text-align: center;
    float: left;
    color: #fff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 30px 20px 28px 20px;
}

.oline_btn {
    width: 360px;
    text-align: center;
    float: left;
}

.oline_btn .o_btn {
    width: 80px;
    margin: 5px;
    background: #fffcde;
    border: 1px solid #7b6e90;
    font-size: 14px;
    color: #675a7c;
    padding: 6px 0 7px;
    *padding: 6px 0 4px 0;
}

:root .oline_btn .btn {
    padding: 9px 0 5px\9;
}

.oline_btn .o_btn01 {
    width: 80px;
    margin: 5px;
    background: #fff;
    border: 1px solid #7b6e90;
    font-size: 14px;
    color: #7b6e90;
    padding: 6px 0 7px;
    *padding: 6px 0 4px 0;
}

:root .oline_btn .o_btn01 {
    padding: 9px 0 5px \9;
}

.oline01 {
    width: 120px;
}

.oline01 .div01 {
    width: 120px;
    float: left;
    line-height: 0;
}

.oline01 .div02 {
    width: 120px;
    background: url(../images/online_02.png) left repeat-y;
    float: left;
}

.oline01 .div02 h1,
.oline01 .div02 h2 {
    font-weight: bold;
    width: 100px;
    margin: 0 13px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

.oline01 .div02 h2 {
    font-weight: 100;
}

.oline01 .div02 h3 {
    font-weight: 100;
    width: 84px;
    background: #fff;
    margin: 5px 13px;
    padding: 5px;
    text-align: center;
    float: left;
    color: #9c4f00;
    font-size: 12px;
    line-height: 16px;
}

.oline01 .div02 a,
.oline01 .div02 a:hover {
    text-decoration: none;
    color: #9c4f00;
}

.oline01 .div02 a:hover {
    color: #9c2500;
}

.service {
    display: none;
}

/* #Typography
================================================== */
.txtRed {
    color: #ce0000;
}
.txtBlue, a.txtBlue {
    color: #198fc1;
    text-decoration: none;
}
.txtHighlight{
    color: #af1b25;
}



/* #Page Styles
================================================== */

.hr24_img01 {
    background: url(../images/24hra.jpg) top left no-repeat;
    background-size: 100%;
    height: 38px;
}

.hr24_main {
    border: 1px solid #cecece;
    float: left;
    width: 218px;
    height: 430px;
    margin-bottom: -3px;
}

.hr24_main ul {
    margin: 5px;
    width: 208px;
}

.hr24_main li {
    width: 208px;
    float: left;
    margin: 0 0 5px 0;
    line-height: 23px;
}

.hr24_main .text {
    color: #a42f2f;
    font-size: 12px;
    line-height: 16px;
}

form#contact01 {
    color: #686868;
}

form#contact01 label {
    font-weight: 100;
    width: 75px;
    font-size: 12px;
    float: left;
}

form#contact01 .li {
    width: 143px;
    *width: 170px;
    margin: 1px 0 0 65px;
    *margin: 1px 0 0 32px;
}

form#contact01 .input01 {
    width: 66px;
    *width: 64px;
    float: left;
    margin-right: 5px;
}

.hr24_main input,
.hr24_main select {
    width: 120px;
    float: left;
    font-size: 12px;
    color: #686868;
    padding: 3px;
    margin: 0;
}

.hr24_main select {
    width: 128px;
    padding: 3px;
}

.hr24_main textarea {
    width: 117px;
    height: 35px;
    min-height: 30px;
    float: left;
    margin: 0;
}

:root .hr24_main textarea {
    min-height: 40px\9;
}

.page-content{
	margin: 0 20px;
}
.title {
    color: #237a98;
    background: #e4f5fd;
    padding-left: 15px;
    /* Old browsers */
    border-bottom: 2px solid #237a98;
    height: 40px;
    margin: 0 0 10px 0;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.title_sub{
     border-bottom: 1px solid  #cbe5ef;
    background: #fff;
    color: #237a98;
    padding: 3px 0;
    margin-bottom: 5px;
}

.main {
    border: 1px solid #ccc;
    width: 657px;
    padding: 20px;
    min-height: 668px;
}

.main .text {
    font-weight: bold;
    color: #d40000;
}

.main h1 {
    font-size: 13px;
    font-weight: bold;
    color: #d40000;
    line-height: 22px;
    margin-bottom: 5px;
}

.main h2 {
    font-size: 12px;
    font-weight: 100;
    color: #585858;
    line-height: 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #bebdd2;
}

.main h3 {
    font-size: 15px;
    font-weight: bold;
    color: #d65100;
    line-height: 20px;
    padding-bottom: 5px;
}

.main h4 {
    font-size: 13px;
    font-weight: bold;
    color: #088634;
    line-height: 18px;
    padding-bottom: 5px;
}

.main h5 {
    font-size: 13px;
    font-weight: bold;
    color: #384b88;
    line-height: 22px;
    margin-bottom: 5px;
}

.main .line {
    border-bottom: 0;
}

.main .line01 {
    padding-bottom: 14px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bebdd2;
}

.main table {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 3px;
}

.main table a,
.main table a:visited {
    color: #087b7c;
    text-decoration: none;
}

.main table a:hover {
    color: #3c8474;
    text-decoration: none;
}

.main .page,
.main .page a,
.main .page a:visited {
    text-align: center;
    font-size: 12px;
    color: #087b7c;
    text-decoration: none;
    margin: 0 10px;
}

.main .page a:hover {
    text-align: center;
    font-size: 12px;
    color: #3c8474;
    text-decoration: none;
    margin: 0 10px;
}

.main .page {
    margin-top: 15px;
}

.main .page_no {
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px;
    color: #333;
}

.main .page_no01 {
    margin: 0 10px 0 0;
}

.main .page_no02 {
    margin: 0 0 0 10px;
}

.main table th {
    background: #3e6e6e;
    color: #fff;
    padding: 3px;
}

.main table td {
    background: #cee2e2;
    padding: 3px;
}

.main .td {
    background: #fff;
}

.main .td01 {
    background: #186ca2;
    color: #fff;
    font-weight: bold;
}

form#contact02 {
    color: #555;
}

form#contact02 label {
    font-weight: 100;
    width: 65px;
    font-size: 12px;
    float: left;
}

form#contact02 ul {
    width: 650px;
    float: left;
}

form#contact02 li {
    width: 650px;
    padding: 10px 0;
    margin-bottom: 0;
    line-height: 23px;
    float: left;
}

form#contact02 .li {
    width: 143px;
    *width: 170px;
    margin: 1px 0 0 65px;
    *margin: 1px 0 0 32px;
    border: 0;
}

form#contact02 .input01 {
    width: 66px;
    *width: 64px;
    float: left;
    margin-right: 5px;
}

form#contact02 input,
form#contact02 select {
    /*	width:300px;*/
    float: left;
    font-size: 12px;
    color: #686868;
    padding: 3px;
    margin: 0;
}

form#contact02 select {
    /*width:307px;*/
    padding: 3px;
}

form#contact02 textarea {
    width: 570px;
    height: 70px;
    float: left;
    margin: 0;
}


/*.house{
	width:697px;
	border:1px solid #e6c48f;
	padding:0;
	margin:-5px 0 25px;
	float:left;
}
.house h1{
	font-size:13px;
	font-weight:bold;
	color:#d40000;
	line-height:18px;
	margin-bottom:10px;
	padding:10px;
	background:#fceacf;
	border-bottom:1px solid #e6c48f;
}*/

.bank_no {
    display: none;
}

.house_no {
    display: none;
}

.bank_main {
    min-height: 907px;
}

.house_main {
    min-height: 936px;
}

.house {
    font-size: 13px;
    font-weight: bold;
    color: #d40000;
    line-height: 18px;
    margin-bottom: 3px;
    padding: 5px;
    background: #fceacf;
    border: 1px solid #e6c48f;
}

form#contact03 {
    color: #686868;
}

form#contact03 ul {
    border: 1px solid #e6c48f;
    width: 208px;
    float: left;
    padding: 10px 5px;
    margin: 0;
}

form#contact03 li {
    width: 208px;
    float: left;
    margin: 0 0 5px 0;
    line-height: 23px;
}

form#contact03 label {
    font-weight: 100;
    width: 65px;
    font-size: 12px;
    float: left;
}

form#contact03 .li {
    width: 143px;
    *width: 170px;
    margin: 1px 0 0 65px;
    *margin: 1px 0 0 32px;
}

form#contact03 .label {
    width: 20px;
}

form#contact03 .input01 {
    width: 66px;
    *width: 64px;
    float: left;
    margin-right: 5px;
}

form#contact03 .input02 {
    width: 110px;
    margin-right: 5px;
}

form#contact03 input,
form#contact03 select {
    width: 130px;
    float: left;
    font-size: 12px;
    color: #686868;
    padding: 3px;
    margin: 0;
}

form#contact03 select {
    width: 138px;
    padding: 3px;
}

.text_red {
    color: #d40000;
}

.text_red01 {
    font-size: 12px;
    font-weight: bold;
    color: #d40000;
}

.link_main {
    min-height: 359px;
}

.text-center{
    text-align: center;
}

.map_table {border: 1px solid #ccc; border-collapse: collapse; font-size:15px; margin:0 0 30px 0;}
.map_table tr ,.map_table tr td{ border: 1px solid #ccc;}
.td1{ background-color:#e8e8e8; text-align:center; width:80px;}
.td2{ padding-left:10px;}
.td2 a{ color:#198fc1; font-weight:bold;}
        

button.btn-1 {
    


background: rgba(135,210,237,1);
background: -moz-linear-gradient(top, rgba(135,210,237,1) 0%, rgba(68,175,207,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(135,210,237,1)), color-stop(100%, rgba(68,175,207,1)));
background: -webkit-linear-gradient(top, rgba(135,210,237,1) 0%, rgba(68,175,207,1) 100%);
background: -o-linear-gradient(top, rgba(135,210,237,1) 0%, rgba(68,175,207,1) 100%);
background: -ms-linear-gradient(top, rgba(135,210,237,1) 0%, rgba(68,175,207,1) 100%);
background: linear-gradient(to bottom, rgba(135,210,237,1) 0%, rgba(68,175,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87d2ed', endColorstr='#44afcf', GradientType=0 );


    border: none;
    width: 130px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-shadow: none;
}

button:hover.btn-1 {
    
background: rgba(68,175,207,1);
background: -moz-linear-gradient(top, rgba(68,175,207,1) 0%, rgba(135,210,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,175,207,1)), color-stop(100%, rgba(135,210,237,1)));
background: -webkit-linear-gradient(top, rgba(68,175,207,1) 0%, rgba(135,210,237,1) 100%);
background: -o-linear-gradient(top, rgba(68,175,207,1) 0%, rgba(135,210,237,1) 100%);
background: -ms-linear-gradient(top, rgba(68,175,207,1) 0%, rgba(135,210,237,1) 100%);
background: linear-gradient(to bottom, rgba(68,175,207,1) 0%, rgba(135,210,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44afcf', endColorstr='#87d2ed', GradientType=0 );

}

.Pf {
    color: #990000;
    font-size: 15px;
    font-weight: bold;
}

ul.bank_data li {
    float: left;
    margin: 3px 10px 3px 0;
}

.qa-detail-wrapper{
    padding: 0 55px;
    margin-top: 15px;
}

/* #Media Queries
================================================== */


/* Tablet Portrait 平板直式 */


/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        /*	background:url(../images/ipad_bg.jpg) 0 -13px repeat-x;*/
    }
    .fix_number {
        background: url(../images/service_phone_pad.png) no-repeat;
        width: 472px;
        height: 60px;
        padding: 6px 0 0 84px;
    }
    .fix_number p {
        font-size: 20px;
        color: #aa7668;
        font-weight: bold;
    }
    .fix_number_link {
        margin-top: -5px;
        font-size: 13px;
        color: #666;
        font-weight: none;
    }
    .index_content01 {
        background: url(../images/index_content01_pad.png) no-repeat;
        height: 182px;
    }
    .index_content01 ul {
        font-family: "微軟正黑體";
        float: left;
    }
    .text_align_right {
        margin: 42px 9px 0 30px;
        text-align: right;
    }
    .text_align_left {
        margin: 42px 9px 0 15px;
        text-align: left;
    }
    .index_content02 {
        background: url(../images/index_content02_pad.png) no-repeat;
        height: 30px;
        display: block;
    }
    .phone_content {
        margin-left: 0px;
        margin-right: 0;
        background-size: 230px 305px;
    }
    .station_content {
        background-size: 38%;
        padding-left: 100px;
    }
    .AutoSkip {
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 300px;
        font-size: 1em;
    }
    .icon_phone {
        width: 123px;
        height: 105px;
        margin: 15px 0 0 20px;
    }
    .phone_area {
        color: #fff;
        font-size: 13px;
        width: 100%;
    }
    .phone_area ul {
        float: left;
        margin-right: 10px;
    }
    .content_title {
        width: 100%;
        height: 30px;
        margin-left: 0px;
    }
    .content {
        width: 527px;
        margin-left: 0px;
    }
    .content_text {
        padding-left: 230px;
    }
    .service_center .service_title h3 {
        font-size: 18px;
    }
    .service_center .service_title h5 {
        font-size: 14px;
    }


    .btn01,
    a.btn01,
    a:visited.btn01,
    a:hover.btn01,
    .btn02,
    a.btn02,
    a:visited.btn02,
    a:hover.btn02,
    .btn03,
    a.btn03,
    a:visited.btn03,
    a:hover.btn03,
    .btn04,
    a.btn04,
    a:visited.btn04,
    a:hover.btn04,
    .btn05,
    a.btn05,
    a:visited.btn05,
    a:hover.btn05,
    .btn06,
    a.btn06,
    a:visited.btn06,
    a:hover.btn06,
    .app,
    a.app,
    a:visited.app,
    a:hover.app {
        background: url(../images/btn01.png) top no-repeat;
        width: 83px;
        height: 80px;
        display: block;
        text-indent: -9999px;
    }

    .logo {
        width: 240px;
        float: left;
        margin-left: -8px;
        top: 15px;
    }
    .logo h1 {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
    }
    .logo.logo-brand{
        width: 330px ;
        top: 20px;
    }
    .logo.logo-brand h1{
        line-height: 1.1em;
    }
    .declare {
        position: absolute;
        display: block;
        top: -1px;
        right: 2%
    }
    .in_img01 {
        background: url(../images/in_img01.jpg) top left no-repeat;
        width: 555px;
        height: 110px;
        background-size: 100%;
    }
    .in_img02 {
        background: url(../images/in_img02.jpg) top left no-repeat;
        width: 555px;
        height: 180px;
        background-size: 100%;
    }
    .container .margin_r {
        margin-right: 0;
    }
    .container .margin_r01 {
        margin-right: -10px;
    }
    .btn {
        margin-left: 10px;
    }
    .btn01 {
        /*margin-left:52px;*/
    }
    .btn01,
    a.btn01,
    a:visited.btn01 {
        background-position: -10px 0;
    }
    a:hover.btn01 {
        background-position: -10px -87px;
    }
    .btn02,
    a.btn02,
    a:visited.btn02 {
        background-position: -98px 0;
    }
    a:hover.btn02 {
        background-position: -98px -87px;
    }
    .btn03,
    a.btn03,
    a:visited.btn03 {
        background-position: -176px 0;
    }
    a:hover.btn03 {
        background-position: -176px -87px;
    }
    .btn04,
    a.btn04,
    a:visited.btn04 {
        background-position: -256px 0;
    }
    a:hover.btn04 {
        background-position: -256px -87px;
    }
    .btn05,
    a.btn05,
    a:visited.btn05 {
        background-position: -331px 0;
    }
    a:hover.btn05 {
        background-position: -331px -87px;
    }
    .btn06,
    a.btn06,
    a:visited.btn06 {
        background-position: -406px 0;
    }
    a:hover.btn06 {
        background-position: -406px -87px;
    }
    .app,
    a.app,
    a:visited.app {
        background-position: -493px 0;
    }
    a:hover.app {
        background-position: -493px -87px;
    }
    .tel01 {
        height: 170px;
    }
    .service_phone_img {
        width: 185px;
        background-size: 100%;
    }
    .service_phone {
        width: 170px;
    }
    .service_phone img {
        margin-left: 5px;
    }

    .service_phone ul {
        width: 185px;
    }

    .house_in_img {
        width: 190px;
    }
    .house_in {
        width: 168px;
    }
    .house_in form#contact ul {
        width: 188px;
    }
    .house_in form#contact li {
        width: 178px;
    }
    .house_in form#contact .li03 {
        width: 143px;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .house_in input,
    .house_in select {
        width: 100px;
    }
    .house_in select {
        width: 107px;
    }
    .hr24_img {
        width: 100px;
        height: 229px;
        background: url(../images/ipad_24hr.jpg) top no-repeat #e35644;
    }
    .hr24 {
        width: 450px;
        height: 228px;
    }
    .hr24 ul {
        width: 441px;
        margin: 6px 3px;
    }
    .hr24 li {
        width: 135px;
    }
    form#contact {
        color: #686868;
    }
    form#contact label {
        width: 70px;
    }
    form#contact .li {
        width: 284px;
    }
    form#contact .li01 {
        width: 446px;
    }
    form#contact .li02 {
        margin: 1px 0 0 65px;
        width: 501px;
    }
    form#contact .li03 {
        width: 250px;
    }
    form#contact .input {
        width: 210px;
    }
    .hr24 input,
    .hr24 select {
        width: 55px;
        padding: 2px 3px;
    }
    .hr24 select {
        padding: 0;
    }
    .hr24 textarea {
        width: 353px;
        height: 75px;
        min-height: 20px;
        float: left;
    }
    :root .hr24 textarea {
        height: 25px\9;
        min-height: 33px\9;
    }
    .news_in h1 {
        background: #29426a;
        padding: 8px 0;
        text-indent: 5px;
        font-size: 16px;
        line-height: 20px;
        font-family: "微軟正黑體";
        color: #fff;
        margin-bottom: 2px;
    }
    .news_in .text {
        width: 554px;
    }
    .news_in .text ul {
        width: 554px;
    }
    .news_in .text li {
        width: 534px;
    }
    .tel01,
    .fb {
        margin-right: -18px;
    }
    .fb {
        padding: 7px 10px 10px;
        *padding: 17px 10px 10px;
        width: 168px;
        height: 227px;
    }
    .fb a,
    .fb a:visited {
        color: #5e5e5e;
        text-decoration: none;
    }
    .fb a:hover {
        color: #363636;
        text-decoration: none;
    }
    .fb li {
        width: 163px;
    }
    /*body .fb-like-box iframe{
	width:170px !important;
	height:160px !important;
}
body .fb-like-box span{
	width:170px !important;
	height:160px !important;
}*/
    .other {
        width: 602px;
        height: 66px;
        margin: 0 0 20px 2px;
    }
    .other li {
        width: 190px;
    }
    footer {
        margin-left: 2px;
        width: 100%;
    }
    /*內頁模式*/
    .hr24_img01 {
        margin-right: -18px;
    }
    .hr24_main {
        width: 188px;
        height: 430px;
        margin-right: -18px;
    }
    .hr24_main ul {
        width: 180px;
    }
    .hr24_main li {
        width: 180px;
    }
    form#contact01 .li {
        width: 115px;
    }
    form#contact01 .input01 {
        width: 53px;
        margin-right: 3px;
        font-size: 11px;
    }
    .hr24_main input,
    .hr24_main select {
        width: 90px;
    }
    .hr24_main select {
        width: 98px;
    }
    .hr24_main textarea {
        width: 88px;
    }
    .title {
        height: 40px;
        margin: 0 0 3px 2px;
        padding-left: 10px;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
    }
    .main {
        width: 513px;
        margin-left: 2px;
        padding: 20px;
        min-height: 651px;
    }
    form#contact02 ul {
        width: 515px;
    }
    form#contact02 li {
        width: 515px;
    }
    form#contact02 input,
    form#contact02 select {
        width: 180px;
    }
    form#contact02 select {
        width: 187px;
    }
    form#contact02 textarea {
        width: 430px;
    }
    /*.house{
	width:553px;
	margin-left:2px;
}
form#contact03 ul{
	width:533px;
}
form#contact03 li{
	width:245px;
}
form#contact03 .li{
	width:240px;
}
form#contact03 input,form#contact03 select{
	width:150px;
}
form#contact03 select{
	width:157px;
	margin-bottom:3px;
}*/
    .bank_main {
        min-height: 871px;
    }
    .house_main {
        min-height: 884px;
    }
    .house {
        width: 178px;
    }
    form#contact03 ul {
        width: 178px;
    }
    form#contact03 li {
        width: 178px;
    }
    form#contact03 .li {
        width: 115px;
    }
    form#contact03 .input01 {
        width: 53px;
        margin-right: 3px;
    }
    form#contact03 .input02 {
        width: 80px;
        margin-right: 5px;
    }
    form#contact03 input,
    form#contact03 select {
        width: 103px;
    }
    form#contact03 select {
        width: 111px;
    }
    .link_main {
        min-height: 358px;
    }
}


/* Mobile (Portrait) 手機直式*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .qa-title{
        margin-top: 30px !important;
    }
    .qa-detail-wrapper{
        padding: 0 15px;
    }
    .phone_content{
        height: 500px;
    }
    .white {
        margin-top: 10px;
    }
    .content-in-wrapper{
        padding: 0;
    }
    .page-content, .list-type-1{
        margin: 0;
    }
    body {
        background: #fff;
    }
    .header_subnav {
        padding: 3px 0;
        background: rgba(209, 209, 209, 1);
        background: -moz-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(238, 238, 238, 1) 50%, rgba(204, 204, 204, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209, 209, 209, 1)), color-stop(50%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
        background: -webkit-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(238, 238, 238, 1) 50%, rgba(204, 204, 204, 1) 100%);
        background: -o-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(238, 238, 238, 1) 50%, rgba(204, 204, 204, 1) 100%);
        background: -ms-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(238, 238, 238, 1) 50%, rgba(204, 204, 204, 1) 100%);
        background: linear-gradient(to bottom, rgba(209, 209, 209, 1) 0%, rgba(238, 238, 238, 1) 50%, rgba(204, 204, 204, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#cccccc', GradientType=0);
    }
    .mainnav {
        display: none;
    }
    .er01 {
        display: block;
    }
    .content_title {
        background: #32bac8;
        width: 100%;
        height: 34px;
        margin-left: 0px;
        padding: 4px 0 0;
    }
    .content_title p {
        background: none;
        font-size: 15px;
        width: 120px;
        margin: 0 auto;
    }
    .content {
        width: 280px;
        margin-left: 0px;
    }
    .declare {
        position: relative;
        right: 0;
        text-align: center;
    }
    .h01 {
        padding: 0;
        border-bottom: 1px solid #ceeaf8;
    }
    .h01_title {
        display: none;
    }

    .area_nav_phone {
        display: block;
    }
    .area_nav_title {
        text-align: center;
        background: #178bc6;
        color: #fff;
        padding: 5px 0;
        font-size: 16px;
        font-weight: bold;
    }
    .area_nav_list {
        margin-bottom: 10px;
        background: #5ab9e9;
    }
    .area_nav_list ul {
        margin: 0;
    }
    .area_nav_list li {
        float: left;
        width: 50%;
        text-align: center;
        background: #5ab9e9;
    }
    .area_nav_list li a {
        color: #fff;
        text-decoration: none;
        padding: 8px 0;
        display: block;
        font-size: 16px;
        font-weight: bold;
    }

    .service_area {
        width: 46%;
        margin: 0 5px 10px;
    }

    .area01 {
        margin: 0;
        padding-left: 5px;
    }
    .fix_number {
        background: url(../images/phone/service_phone.png) no-repeat;
        width: 231px;
        height: 62px;
        margin: 0 auto;
        padding: 6px 0 0 60px;
    }
    .fix_number p {
        font-size: 14px;
        color: #aa7668;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .fix_number_link {
        margin-top: -20px;
        font-size: 10px;
        color: #666;
        font-weight: none;
        line-height: 13px;
    }
    .fix_number_link a {
        color: #f00;
    }
    .index_content01 {
        display: none;
    }
    .index_content02 {
        background: #32bac8;
        height: 30px;
        width: 100%;
        text-align: center;
        padding: 8px 0 0;
    }
    .index_content02 p {
        display: block;
        color: #fff;
        font-size: 14px;
    }
    .index_content02 p span {
        margin-right: 5px;
    }
    .brand_content a li {
        width: 220px;
    }

    .phone_title {
        background: #32bac8;
        height: 30px;
        width: 100%;
        text-align: center;
        padding: 8px 0 0;
        display: block;
    }
    .phone_title p {
        display: block;
        color: #fff;
        font-size: 14px;
    }
    .phone_title p span {
        margin-right: 5px;
    }
    .phone_show {
        display: block;
        width: 280px;
        margin: 0 auto;
    }
    .phone_show ul {
        margin-top: 20px;
    }
    .phone_show a {
        text-decoration: none;
        font-weight: bold;
    }
    .phone_show a li h1 {
        font-size: 14px;
        color: #32bac8;
        margin: 0;
        line-height: 28px;
    }
    .phone_show p {
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        font-size: 12px;
    }
    .phone_content {
        background: url(../images/taiwan_phone.png) no-repeat;
        margin: 0;
        background-size: 75%;
    }
    .station_content {
        background: url(../images/taiwan_phone.png) no-repeat bottom;
        padding: 0px 0 180px;
        margin: 20px 0 0;
    }
    .content_text {
        margin: 0;
        width: auto;
        padding: 200px 0 0;
    }
    .phone_content p {
        float: none;
        margin: 10px auto;
    }
    .index_content04 {
        display: none;
    }
    .content ul {
        width: 240px;
        margin: 10px auto;
    }
    .service_phone {
        background-size: 100%;
        padding: 5px 0 10px;
        *padding: 15px 10px 10px;
        width: 100%;
        font-size: 12px;
        float: left;
    }
    .service_phone_img {
        float: left;
        text-align: center;
        margin-bottom: 2px;
        width: 100%;
    }
    .service_phone_img p {
        display: block;
        color: #fff;
        font-size: 14px;
    }
    .service_phone_img p span {
        margin-right: 5px;
    }
    .service_phone ul {
        width: 100%;
    }

    .service_phone li {
        margin: 0 auto;
        border-bottom: 1px dotted #d0d0d0;
    }
    .service_center .service_title h3 {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 1.2em;
        border-bottom: 1px solid #aaa;
    }
    .service_center_mobile{
        margin-left: 0;
        font-size: 14px;
    }
    .service_title {
        margin: 10px 0;
    }
    .service_title h5 {
        line-height: 1.6em;
        font-size: 12px;
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }
    .service_title h5 span {
        display: block;
    }

    .common_list ul {
        width: 200px;
        margin: 0 auto;
    }
    .common_list ul li {
        float: left;
        margin: 20px;
    }
    .logo {
        width: 300px;
        float: none;
        position: relative;
        display: none;
    }
    .logo h1 {
        font-size: 24px;
        font-weight: bold;
    }
    .logo_phone {
        display: block;
    }
    .logo_phone h3 {
        font-weight: bold;
        float: left;
        color: #0a78b2;
        padding: 10px 0 0 0;
        font-size: 20px;
    }
    .logo_phone h3 a{
        color: #0a78b2;
        text-decoration: none;
    }
    .logo_phone.logo-brand h3{
        line-height: 1.2em;
        padding: 5px 0;
        margin-top: 12px;
        margin-bottom: 0;
        font-size: 16px;
    }

    .header_menu_phone_btn {
        color: #1ea1af;
        float: right;
        font-size: 14px;
        margin: 10px 0;
    }
    .header_menu_phone_btn i {
        font-size: 30px;
    }
    .header_menu_phone_btn a {
        text-decoration: none;
        color: #1ea1af;
    }
    .header_menu_phone_btn span {
        width: 40px;
        display: inline-block;
        line-height: 17px;
    }


    .btn {
        margin: 65px 0 0 0;
    }
    /*.eleven.columns.mainnav{width:auto; }*/
    .phone_app {
        display: block;
        background: url(../images/phone_app.jpg) no-repeat;
        background-size: 300px;
        width: 300px;
        height: 50px;
        margin-bottom: 10px;
    }
    .phone_app a {
        display: block;
        width: 300px;
        height: 36px
    }
    img.align-right,
    img.align-left {
        max-width: 50%;
    }
    .oline01 {
        display: none;
    }
    .container .float-l {
        float: none;
    }
    .container .float-la {
        float: left;
        margin-bottom: 0px;
    }
    .btn01,
    a.btn01,
    a:visited.btn01,
    a:hover.btn01,
    .btn02,
    a.btn02,
    a:visited.btn02,
    a:hover.btn02,
    .btn03,
    a.btn03,
    a:visited.btn03,
    a:hover.btn03,
    .btn04,
    a.btn04,
    a:visited.btn04,
    a:hover.btn04,
    .btn05,
    a.btn05,
    a:visited.btn05,
    a:hover.btn05 {
        background: rgba(200, 200, 200, 0.5);
        width: 31px;
        height: 40px;
        text-indent: 0px;
        padding: 7px 14px 0;
        margin-top: 6px;
        color: #333;
    }
    .btn01,
    .btn01a {
        margin-left: 0;
    }
    a:hover.btn01,
    a:hover.btn02,
    a:hover.btn03,
    a:hover.btn04,
    a:hover.btn05 {
        color: #666;
    }
    .btn01a,
    a.btn01a,
    a:visited.btn01a,
    a:hover.btn01a,
    .btn02a,
    a.btn02a,
    a:visited.btn02a,
    a:hover.btn02a,
    .btn03a,
    a.btn03a,
    a:visited.btn03a,
    a:hover.btn03a,
    .btn04a,
    a.btn04a,
    a:visited.btn04a,
    a:hover.btn04a,
    .btn05a,
    a.btn05a,
    a:visited.btn05a,
    a:hover.btn05a {
        border-right: 1px solid #908cbe;
        width: 31px;
        height: 39px;
        text-indent: 0px;
        padding: 7px 14px 0;
        margin-top: 1px;
        color: #333;
    }
    a:hover.btn01a,
    a:hover.btn02a,
    a:hover.btn03a,
    a:hover.btn04a,
    a:hover.btn05a {
        background: #868661;
        color: #333;
    }
    .btn05,
    a.btn05,
    a:visited.btn05,
    a:hover.btn05 {
        border: 0px;
    }
    .btn .app {
        display: none;
    }
    .in_img01 {
        background: url(../images/iphone_img01.jpg) top left no-repeat;
        width: 300px;
        height: 110px;
        background-size: 100%;
    }
    .in_img02 {
        background: url(../images/iphone_img02.jpg) top left no-repeat;
        width: 300px;
        height: 149px;
        background-size: 100%;
    }
    .tel {
        width: 110px;
        display: block;
        float: right;
        margin: 20px 2px 8px 0;
    }
    .tel01 {
        background: url(../images/iphone_tel01.jpg) no-repeat;
        background-size: 100%;
        width: auto;
        height: 45px;
        margin-top: -8px;
    }
    .tel01 a,
    .tel01 a:hover {
        text-indent: -9999px;
        display: block;
        width: 300px;
        height: 45px;
    }

    .ad_area {
        display: none;
    }
    .house_in_img {
        background: url(../images/iphone_house.jpg) top no-repeat;
        background-size: 100%;
        margin: 0 0 2px 0;
        width: 300px;
        height: 28px;
    }
    .house_in {
        width: 278px;
    }
    .house_in form#contact ul {
        width: 298px;
    }
    .house_in form#contact li {
        width: 288px;
    }
    .house_in form#contact .input01 {
        margin-right: 5px;
        width: 65px;
    }
    .house_in form#contact .li03 {
        padding-left: 65px;
        width: 143px;
        margin-bottom: 15px;
    }
    .house_in input,
    .house_in select {
        width: 211px;
        float: left;
        font-size: 12px;
        color: #686868;
        padding: 5px 3px;
        margin: 0;
    }
    
    form#contact .li {
        width: 278px;
    }
    form#contact .li01 {
        width: 278px;
    }
    form#contact .li02 {
        margin: 1px 0 0 65px;
        width: 213px;
    }
    form#contact .li03 {
        margin: 1px 0 0 65px;
        width: 213px;
    }
    form#contact .input {
        width: 203px;
    }
    form#contact .input01 {
        margin-right: 5px;
        width: 80px;
    }
    form#contact #captcha {
        margin-top: 5px;
        margin-left: 0;
    }
    
    .icon_phone {
        float: none;
        background: url(../images/icon_phone.png) no-repeat;
        width: 123px;
        height: 105px;
        margin: 15px auto;
        text-align: center;
        padding-top: 10px;
        font-size: 18px;
        color: #fff;
    }
    .phone_area {
        margin: 0;
        text-align: center;
        float: left;
        color: #fff;
        font-size: 15px;
        width: 100%;
    }
    .phone_area p {
        float: none;
        margin: 0;
        font-size: 11px;
        color: #fff;
    }
    .phone_area ul {
        float: none;
        margin-right: 20px;
    }
    footer {
        height: 100%;
        margin-top: 10px;
        background: #3b93c1;
    }

    footer a,
    footer a:hover {
        margin-left: 0px;
    }
    footer .text02 {
        margin: 5px 0 19px 0;
    }
    .footer-link.container{
    	background: #04659a;
    	width: 100%;
    }

    .service {
        display: block;
        margin-bottom: 3px;
    }
    form#contact01 .li {
        width: 233px;
    }
    form#contact01 .input01 {
        width: 100px;
        margin-right: 5px;
    }
    form#contact02 .add_select select {
        width: 200px;
    }
    form#contact02 .add_select input {
        margin-left: 65px;
    }


    .title {
        width: 288px;
        height: 40px;
        margin: 8px 0 3px 0;
    }
    .main {
        width: 278px;
        padding: 10px;
        min-height: 300px;
        margin-bottom: 10px;
    }

    form#contact02 {
        /*height:480px;*/
    }
    form#contact02 ul {
        width: 278px;
    }
    form#contact02 li {
        width: 278px;
    }
    form#contact02 input,
    form#contact02 select {
        width: 200px;
    }
    form#contact02 select {
        width: 207px;
    }
    form#contact02 textarea {
        width: 200px;
    }
   
    .house {
        width: 288px;
        margin: 3px 0 6px;
    }
    form#contact03 ul {
        width: 288px;
    }
    form#contact03 li {
        width: 288px;
    }
    form#contact03 .li {
        width: 213px;
    }
    form#contact03 .input01 {
        width: 100px;
        margin-right: 5px;
    }
    form#contact03 .input02 {
        width: 195px;
    }
    form#contact03 input,
    form#contact03 select {
        width: 215px;
    }
    form#contact03 select {
        width: 222px;
    }
}

@media all and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {

    .main {
        margin-bottom: 22px;
    }
    .service {
        margin-bottom: 6px;
    }
    .tel01 {
        margin: -6px 0 10px;
    }
}


/* Mobile (Landscape) 手機橫式 */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        /*	background:url(../images/iphone_bg01.jpg) repeat-x;*/
    }
    .content {
        width: 400px;
        margin-left: 0px;
    }
    .common_list ul {
        width: 300px;
        margin: 0 auto;
    }
    .logo {
        width: 360px;
        margin-top: 0px;
    }
    .logo h1 {
        font-size: 24px;
        font-weight: bold;
    }
    .btn {
        margin: 78px 0 0 0;
    }
    .btn01,
    a.btn01,
    a:visited.btn01,
    a:hover.btn01,
    .btn02,
    a.btn02,
    a:visited.btn02,
    a:hover.btn02,
    .btn03,
    a.btn03,
    a:visited.btn03,
    a:hover.btn03,
    .btn04,
    a.btn04,
    a:visited.btn04,
    a:hover.btn04,
    .btn05,
    a.btn05,
    a:visited.btn05,
    a:hover.btn05 {
        width: 63px;
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
        color: #333;
    }
    .btn01 {
        margin-left: 0;
    }
    a:hover.btn01,
    a:hover.btn02,
    a:hover.btn03,
    a:hover.btn04,
    a:hover.btn05 {
        color: #333;
    }
    .brand_content a li {
        width: 155px;
    }
    .phone_show {
        display: block;
        width: 380px;
        margin: 0 auto;
    }

    .phone_app {
        display: block;
        background: url(../images/phone_app.jpg) no-repeat;
        width: 420px;
        height: 68px;
        margin-bottom: 20px;
    }
    .phone_app a {
        display: block;
        width: 420px;
        height: 68px
    }
    .in_img01 {
        width: 420px;
        height: 158px;
        background-size: 100%;
    }
    .in_img02 {
        width: 420px;
        height: 220px;
        background-size: 100%;
    }
    form#contact .li {
        width: 398px;
    }
    form#contact .li01 {
        width: 398px;
    }
    form#contact .li02 {
        margin: 1px 0 0 65px;
        width: 333px;
    }
    form#contact .input {
        width: 320px;
    }
    form#contact .input01 {
        margin-right: 5px;
        width: 100px;
    }
    form#contact #captcha {
        margin-top: 5px;
    }
    form#contact02 .add_select select {
        width: 310px;
    }
    form#contact02 .add_select input {
        margin-left: 65px;
    }
    footer .text01 {
        padding: 0 8px;
    }
    footer .text01 a,
    footer .text01 a:hover {
        text-decoration: none;
        margin-left: 13px;
    }
    footer .text02 {
        margin: 5px 0 19px 0;
    }
    footer .text02 a,
    footer .text02 a:hover {
        text-decoration: none;
        color: #686868;
    }
    
    form#contact01 .li {
        width: 358px;
    }
    form#contact01 .input01 {
        width: 100px;
    }
    .title {
        width: 408px;
        height: 40px;
        margin: 8px 0 3px 0;
    }
    .main {
        width: 398px;
        padding: 10px;
        min-height: 200px;
        margin-bottom: 10px;
    }
    form#contact02 {
        /*height:480px;*/
    }
    form#contact02 ul {
        width: 398px;
    }
    form#contact02 li {
        width: 398px;
    }
    form#contact02 input,
    form#contact02 select {
        width: 300px;
    }
    form#contact02 select {
        width: 307px;
    }
    form#contact02 textarea {
        width: 300px;
    }
    /*.house{
	width:416px;
	margin:0px 0 5px;
}
form#contact03 ul{
	width:396px;
}
form#contact03 li{
	width:376px;
}
form#contact03 .li{
	width:298px;
}
form#contact03 input,form#contact03 select{
	width:298px;
}
form#contact03 select{
	width:305px;
}*/
    .house {
        width: 408px;
        margin: 0 0 5px;
    }
    form#contact03 ul {
        width: 408px;
    }
    form#contact03 li {
        width: 408px;
    }
    form#contact03 .li {
        width: 358px;
    }
    form#contact03 .input01 {
        width: 100px;
    }
    form#contact03 .input02 {
        width: 312px;
    }
    form#contact03 input,
    form#contact03 select {
        width: 332px;
    }
    form#contact03 select {
        width: 340px;
    }

    .phone_content {
        background-size: 75%;
        background-position: top center;
    }
}

/* Mobile (Portrait) 手機直式 */
/* Note: Design for a width of 450px */
@media only screen and (max-width: 450px) {
    .phone_content {
        background-size: 100%;
    }
}





/* #Visibility
================================================== */

	.visible-xs{display:none !important;}
	.hidden-xs{display: block !important;}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.visible-xs{display: block !important;}

		.hidden-xs{display: none !important;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}