/*
* 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
================================================== */
ul.bank_data li a {
text-decoration: none;
}

body{
	background:url(../images/bg.jpg) repeat-x;
	font-size:13px;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, arial, Sans-serif;
}f
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;
}
.logo{
	width: 270px;
	left: -5px;
	top: 10px;
	float:left;
	margin-bottom:-5px;
	position:absolute;
}
.eleven.columns.mainnav{width:670px;}
.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,a.app,a:visited.app,a:hover.app{
	background:url(../images/btn.jpg) top no-repeat;
	width:110px;
	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:-139px 0;
}
a:hover.btn02{
	background-position:-139px -94px;
}
.btn03,a.btn03,a:visited.btn03{
	background-position:-249px 0;
}
a:hover.btn03{
	background-position:-249px -94px;
}
.btn04,a.btn04,a:visited.btn04{
	background-position:-359px 0;
}
a:hover.btn04{
	background-position:-359px -94px;
}
.btn05,a.btn05,a:visited.btn05{
	background-position:-469px 0;
}
a:hover.btn05{
	background-position:-469px -94px;
}
.app,a.app,a:visited.app{
	background-position:-581px 0;
}
a:hover.app{
	background-position:-581px -93px;
}
.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;
}

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;
}
.hrl{background: url(../images/24hra_long.jpg) no-repeat left; float:left; width:100%; height:38px;}
.hrl span{background: #9e9fad; 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;
}
.qr01{
	background:url(../images/qr.jpg) no-repeat;
	background-size:100%;
	height:200px;
	margin-bottom:15px;
	text-indent:-9999px;
	display:block;
}
.tel01 a{
	text-indent:-9999px;
	display:block;
}
.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;
}
.fb{
	background-size:100%;
	border:1px solid #d0d0d0;
	padding:5px 10px 10px;
	*padding:15px 10px 10px;
	width:200px;
	height:120px;
	*height:225px;
	font-size:12px;
	float:left;
}
.fb_img{
	float: left;
    height: 38px;
    margin-bottom: 2px;
    width: 220px;
	background:url(../images/fb.jpg) top left no-repeat;}
.fb a,.fb a:visited{
	color:#5e5e5e;
	text-decoration:none;
}
.fb a:hover{
	color:#363636;
	text-decoration:none;
}
.fb li{
	width:195px;
	height:33px;
	line-height:33px;
	float:left;
	padding-left:5px;
	margin:0;
	border-bottom:1px dotted #d0d0d0;
}
.fb .line{
	border:0;
}
	
/*.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 {
	width:940px;
	font-size:12px;
	color:#686868;
	float:left;
}
footer p{
	margin-bottom:5px;
}
footer .text{
	background:#d9d9d9;
	font-size:15px;
	color:#bb1313;
	padding:5px 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;
}

.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;
}


/* #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;
}
.title{
background: #25273e; /* Old browsers */
border:1px solid #ccc;
width:687px;
height:40px;
margin:0 0 3px 0;
padding-left:10px;
line-height:40px;
color:#fff;
font-size:15px;
font-weight:bold;
}
.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:#000;
	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;
}
button.btn-1{bbackground: #b0b290; /* Old browsers */
background: -moz-linear-gradient(top,  #b0b290 0%, #8e8e66 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0b290), color-stop(100%,#8e8e66)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b0b290 0%,#8e8e66 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b0b290 0%,#8e8e66 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b0b290 0%,#8e8e66 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b0b290 0%,#8e8e66 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b290', endColorstr='#8e8e66',GradientType=0 ); /* IE6-9 */ border:none; width:130px; line-height:20px; font-size:13px; color:#fff; text-shadow:none;}

button:hover.btn-1{background:#6c6d43;}

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

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

.qr_quare{ margin-left:40px; }
.qr_img{ width:150px;}
.qr_btn{ width:150px;}
.qr_btn img{
   width: 100%;
}

/* #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) repeat-x;
}
img{
	max-width:100%;
}
nav ul{top:11px;}

.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,.app,a.app,a:visited.app,a:hover.app{
	background:url(../images/btn01.jpg) top no-repeat;
	width:93px;
	height:80px;
	display:block;
	text-indent:-9999px;
}
.logo {
    width: 250px;
    float: left;
    margin-left: 18px;
}

.logo img{
   width: 100%;
}
.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;
}
.eleven.columns.mainnav{width:560px;}
.btn{
	width:560px;
	margin-left:10px;
}
.btn01{
	/*margin-left:52px;*/
}
.btn01,a.btn01,a:visited.btn01{
	background-position:-27px 0;
}
a:hover.btn01{
	background-position:-27px -80px;
}
.btn02,a.btn02,a:visited.btn02{
	background-position:-120px 0;
}
a:hover.btn02{
	background-position:-120px -80px;
}
.btn03,a.btn03,a:visited.btn03{
	background-position:-213px 0;
}
a:hover.btn03{
	background-position:-213px -80px;
}
.btn04,a.btn04,a:visited.btn04{
	background-position:-306px 0;
}
a:hover.btn04{
	background-position:-306px -80px;
}
.btn05,a.btn05,a:visited.btn05{
	background-position:-399px 0;
}
a:hover.btn05{
	background-position:-399px -80px;
}
.app,a.app,a:visited.app{
	background-position:-493px 0;
}
a:hover.app{
	background-position:-493px -80px;
}
.tel01{
	height:170px;
}
.fb_img{
	width:190px;
	background-size: 100%;
}
.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 {
	width:764px;
	margin-top:20px;
	margin-left:2px;
}

/*內頁模式*/
.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{
width:543px;
height:40px;
margin:0 0 3px 2px;
padding-left:10px;
line-height:40px;
color:#fff;
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;
}
.qr01{
	height:160px;
}

		}

	/* Mobile (Portrait) 手機直式*/
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
body{
	background:url(../images/iphone_bg01.jpg) repeat-x;
}
.logo{
	width:181px;
	margin-left:5px;
	float:left;
}
.logo img{
   width: 100%;
}
.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:30%;
	
}
.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{
	width:31px;
	height:40px;
	text-indent:0px;
	padding:7px 14px 0;
	margin-top:6px;
	
}
.btn01,.btn01a{
	margin-left:0;
}
a:hover.btn01,a:hover.btn02,a:hover.btn03,a:hover.btn04,a:hover.btn05{
	color:#fff;
}
.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:#f6ff66;
	
}
a:hover.btn01a,a:hover.btn02a,a:hover.btn03a,a:hover.btn04a,a:hover.btn05a{
	background:#868661;
	color:#fff;
}
.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:100px;
	background-size: 100%;
}
.in_img02{
	background:url(../images/iphone_img02.jpg) top left no-repeat;
	width:300px;
	height:119px;
	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:212px;
	margin-top:-8px;
}
.tel01 a,.tel01 a:hover{
	text-indent:-9999px;
	display:block;
	width:300px;
	height:45px;
}
.fb_img{
	background:url(../images/fb01.jpg) top no-repeat;
	background-size:100%;
	margin:0 0 2px 0;
	width: 300px;
	height:28px;
}
.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;
}
.house_in select{
	width:218px;
}
.hr24_img{
	background:url(../images/iphone_24hr.jpg) top no-repeat;
	background-size:100%;
	margin:50px 0 2px 0;
	width: 300px;
	height:38px;
}
.hr24{
	width:298px;
	height:338px;
}
.hr24 ul{
	margin:10px;
	width:278px;
}
.hr24 li{
	width:278px;
	margin:0 0 7px 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;
}
.hr24 input,.hr24 select{
	width:195px;
	padding:3px;
}
.hr24 select{
	width:201px;
	padding:3px;
}
.hr24 textarea{
	width:193px;
	min-height:30px;
}
.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:298px;
}
.news_in .text ul{
	width:288px;
}
.news_in .text li{
	width:278px;
}
.fb{
	width:278px;
	height:227px;
}
.fb a,.fb a:visited{
	color:#5e5e5e;
	text-decoration:none;
}
.fb a:hover{
	color:#363636;
	text-decoration:none;
}
.fb li{
	width:273px;
}
/*body .fb-like-box iframe{
	width:278px !important;
	height:260px !important;
}
body .fb-like-box span{
	width:278px !important;
	height:260px !important;
}*/
.other{
	background:url(../images/other01.jpg) left top no-repeat;
	background-size:100%;
	width:298px;
	height:164px;
	padding:38px 0 0 0;
	margin-top:0px;
}
.other li{
	width:288px;
}
setcion .li_r{
	border-right:0px dotted #d0d0d0;
}
setcion .li_b{
	border-bottom:1px dotted #d0d0d0;
}
footer {
	width:300px;
	margin-top:-7px;
}
footer a,footer a:hover{
	margin-left:0px;
}
footer .text02{
	margin:5px 0 19px 0;
}
.service{
	display: block;
	margin-bottom:3px;
}

/*內頁模式*/
.hr24_img01{
	background:url(../images/iphone_24hra.jpg) left top no-repeat;
	margin:-5px 0 2px 0;
}
.hr24_main{
	width:298px;
	height:415px;
	margin:0 0 0 0;	
}
.hr24_main ul{
	width:298px;
}
.hr24_main li{
	width:298px;
}
form#contact01 .li{
	width:233px;
}
form#contact01 .input01{
	width:100px;
	margin-right:5px;
}
.hr24_main input,.hr24_main select{
	width:195px;
}
.hr24_main select{
	width:203px;
}
.hr24_main textarea{
	width:193px;
}
.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:298px;
	margin:3px 0 6px;
}
form#contact03 ul{
	width:278px;
}
form#contact03 li{
	width:258px;
}
form#contact03 .li{
	width:180px;
}
form#contact03 input,form#contact03 select{
	width:180px;
}
form#contact03 select{
	width:187px;
}*/
.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;
}
.qr01{
	height:280px;
}
.qr_quare{ margin-left:75px; }
.qr_img{ width:150px;}
.qr_btn{  width:150px;}
.qr_btn img{
   width: 100%;
}
		}
@media all and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {
.main{
margin-bottom:22px;
}
.hr24{
	height:310px;
}
.service{
	margin-bottom:6px;
}
.tel01{
	margin:-6px 0 10px;
}
.hr24_img01{
	margin:0 0 -2px 0;
}
.hr24_main{
	height:414px;
}

}

	/* 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_bg.jpg) repeat-x;
}	
img{
	max-width:100%;
}
.logo{
	width:250px;
	margin-top: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{
	width:63px;
	height:45px;
	line-height:45px;
	padding:0 10px;	
	color:#fff;
}
.btn01{
	margin-left:0;
}
a:hover.btn01,a:hover.btn02,a:hover.btn03,a:hover.btn04,a:hover.btn05{
	color:#fff;
}
.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%;
}
.tel{
	width:144px;
	margin:28px 0 0px;
}
.tel01{
	height:60px;
	margin-bottom:20px;
}
.fb_img{
	width: 420px;
	height:38px;	
}
.house_in_img{
	width: 420px;
	height:38px;	
}
.house_in{
	width:398px;
}
.house_in form#contact ul{
	width:418px;
}
.house_in form#contact li{
	width:398px;
}
.house_in input,.house_in select{
	width:320px;
}
.house_in select{
	width:327px;
}
.hr24_img{
	width: 420px;
	height:58px;	
}
.hr24{
	width:418px;
	height:325px;
}
.hr24 ul{
	margin:10px;
	width:398px;
}
.hr24 li{
	width:398px;
	margin:0 0 7px 0;
}
.tel01 a, .tel01 a:hover {
    display: block;
    height: 65px;
    text-indent: -9999px;
    width: 420px;
}
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;
}
.hr24 input,.hr24 select{
	width:320px;
	padding:3px;
}
.hr24 select{
	width:328px;
	padding:3px;
}
.hr24 textarea{
	width:315px;
	min-height:30px;
}
.news_in .text{
	width:418px;
}
.news_in .text ul{
	width:408px;
}
.news_in .text li{
	width:388px;
}
.other{	
	padding:50px 0 0;
	width:418px;
	height: 98px;
}
.other li{
	width:198px;
}
setcion .li_r{
	border-right:1px dotted #d0d0d0;
}
footer {
	width:420px;
}
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;
}
.fb{
	width:398px;
}
.fb li{
	width:393px;
}
/*body .fb-like-box iframe{
	width:400px !important;
	height:230px !important;
}
body .fb-like-box span{
	width:400px !important;
	height:230px !important;
}*/
/*內頁模式*/
.hr24_main{
	width:418px;
	height:415px;
}
.hr24_main ul{
	width:418px;
}
.hr24_main li{
	width:418px;
}
form#contact01 .li{
	width:358px;
}
form#contact01 .input01{
	width:100px;
}
.hr24_main input,.hr24_main select{
	width:312px;
}
.hr24_main select{
	width:320px;
}
.hr24_main textarea{
	width:310px;
}
.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;
}
.qr01{
	height:380px;
}

}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-width: 480px) and (max-width: 767px) {
.main{
margin-bottom:22px;
}
.hr24{
	height:310px;
}
.service{
	margin-bottom:8px;
}
.tel01{
	margin:-6px 0 15px;
}
.hr24_img01{
	margin:0 0 2px 0;
}
.hr24_main{
	height:412px;
}
.qr_quare{ margin-left:135px; }
.qr_img{ width:150px;}
.qr_btn{  width:150px;}
.qr_btn img{
   width: 100%;
}
}