
body#bank162 {
	/*padding:100px 35px 0 35px;*/
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", Verdana Sans-serif;
	/* background:#ededed; */
	background:#fff;
}

/*a, a:hover, a:active{color: #ff4800;}
img{max-width:100%}
.cntr{text-align:center;}
.ourServices {padding:40px 0}
.ourServices img{max-width:140px}
.title{ border-bottom:1px solid #ccc; padding-bottom:4px; margin-bottom:20px; font-size:18px; font-weight:normal; color:#000;}
.title span {color: #00a99d; font-size:13px; padding-left:10px;}*/
.topHeaderSection{/*background:#fff;*/ padding:0}

  .header {
z-index: 999;
position: relative;
padding: 0;
}
.is-sticky {
width: 100%;
/*background:rgba(145, 28, 32, .8);*/
background:url(../img/bg_is_sticky.png) repeat-x;
}
#bank162 .is-sticky .brand {display:block; color:#c00;}
#bank162 .is-sticky .brand img {margin-right:5px; display:inline;}

#bank162 .brand {display:none;}

/* --------------------------- */
/* --------------------------- */
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #c72828;
	background-image:linear-gradient(to bottom,#d42026,#c72828);
	background-image:-moz-linear-gradient(top, #d42026, #c72828);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#d42026),to(#c72828));
	background-image:-webkit-linear-gradient(top,#d42026,#c72828);
	background-image:-o-linear-gradient(top, #d42026, #c72828);
	background-image:linear-gradient(to bottom, #d42026, #c72828);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd42026', endColorstr='#ffc72828', GradientType=0);
	margin-bottom:5px;
	z-index:9999;
	border-bottom:3px solid #f7941d;
	-webkit-box-shadow:0 1px 14px rgba(0, 0, 0, 0.45);-moz-box-shadow:0 1px 14px rgba(0, 0, 0, 0.45);box-shadow:0 1px 14px rgba(0, 0, 0, 0.45);
}
#bank162 .ch6c_logout {
	padding-top:10px;
}

#bank162 .ch6c_logout span {
	color:#0088cc;
	padding:0 5px;
}

.top .container {
    padding:0 15px;
}

.phone-mail {
    margin:0 20px 0 0;
    padding:0;
    z-index:9999;
    list-style:none;
    position:relative;
    float: left;
}
.phone-mail li {
    display:inline;
    list-style:none;
    padding-bottom:15px;
    margin-right: 5px;
}
.phone-mail i {
    font-size:11px;
    margin-top:3px;
    margin-right: 3px;
    color:#999;
}
.phone-mail li span {
    color:#7c8082;
    font-size:11px;
    font-family: 'Roboto', sans-serif;
}

.loginbar {
	margin:0;
	padding:0;
	z-index:9999;
	list-style:none;
	position:relative;
    float: right;
}

@media (max-width: 480px) {
    .loginbar {
        float: left;
    }
}

.loginbar li {
	display:inline;
	list-style:none;
	background:url(../img/ic_arrowicon.png) no-repeat 0 3px;
	padding:0 10px 0 18px;
}

.loginbar li a,
.loginbar li a:hover {
	color:#7c8082;
	font-size:11px;
    font-family: 'Roboto', sans-serif;
}

.loginbar li.devider { 
	top:-1px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 6px 0 2px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}

.loginbar i {
	color:#999;
	font-size:18px;
	margin-top:3px;
	cursor:pointer;
}

/*Lenguages*/
.loginbar li ul { 
	top:18px;
	margin:0;
	left:-6px;
	display:none; 
	padding-top:4px;
	position:absolute; 
	border-radius:3px;
	padding-bottom:4px;
	background:#f0f0f0;
}

.loginbar li:hover ul { 
	display:block; 
}

.loginbar li ul li { 
	padding-bottom:0;
	display:list-item;
	position:relative;
	margin-bottom:1px;
}

.loginbar li ul li a { 
	color:#555;
	display:block;
	min-width:85px; 
	font-size:10px;
	padding:2px 12px;
	background:#f0f0f0;
	text-decoration:none;
}

.loginbar li ul li a:hover, 
.loginbar li ul li.active a {
	opacity:1 !important;
	color:#555 !important;
	font-size:10px !important;
	text-shadow:none !important;
	background:#fafafa !important;
}

.loginbar li ul li.active i {
	top:2px;
	right:-5px;
	font-size:14px;
	cursor:default;
	position:absolute;
	text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
	color:#bbb;
	font-size:13px;
	margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
	top:21px; 
	left:-1px;
	color:#eee;
	display:none;
	font-size:14px;
	cursor:default;
	position:absolute;
}

.loginbar li:hover i.icon-sort-up {
	display:block;
}

.loginbar li:hover i.icon-ok {
	top:-2px;
	color:#aaa;
}
/* --------------------------- */
/* --------------------------- */
.bannerSection{background:#e5e5e5; padding:0}
.highlightSection{color:#333; background:#fafafa; padding:18px 0; border-bottom: 1px solid #D1D1D1}
.highlightSection h2{padding-top:0; margin-top:0; font-size:21px}
.highlightSection h4{padding-top:0; margin-top:0; line-height:1.6em; font-size:18px}
.bodySection{background:#fff; padding:18px 0}
.align-right{text-align:right}

.testimonails{background:#f7f7f7; padding:14px; margin:28px 0 44px }
.projectList{}
.projectList img{padding:4px; border:1px solid #eee; background:#f5f5f5;}


.projectImg{max-width:140px}
.clientSection{/*background:#fafafa; padding:18px 0;*/ margin:20px 0; /*padding:18px*/ }
.footerTopSection{background:#f7f7f7; padding:18px 0; border-top: 1px solid #e7e7e7}
.footerBottomSection{background:#00a99d; padding:18px 0; color:#fff}

#bank162 .footerBottomSection a {color:#fff;}

#topcontrol {color: #ccc;}
#topcontrol:hover {color: #fff;}
#topcontrol, #topcontrol:hover {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
padding:0 15px 0 0;
}
.blockquote {border-left: 5px solid #FF792D;}
/* Toggle menu */
.navbar-collapse {/*background:#fff*/;z-index: 9999;}
.navbar-toggle {border-radius: 0;outline:0}
.navbar-toggle span {border-color: #ff0000;background: red;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background-color: #fff;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #fff; border-color: #428bca;}
.navbar-nav>li>a {padding-top: 6px;padding-bottom: 8px;color: #858585; text-align:center;}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover {color: #ff4800}

.navbar-nav.navbar-right:last-child {margin-right: -15px;margin-top: 34px; margin-bottom: -18px;}
.btn-brand{background-color: #ff4800; border-color: #ff4800;color:#fff}
.btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active, .open .dropdown-toggle.btn-brand {color: #fff; background-color: #F07341; border-color: #F07341;}

.navbar-nav li.devider { 
	top:6px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 5px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}
.navbar-nav>li>a span {color: #00a99d; font-size:11px;}

#bank162 .navbar-collapse.in {background:#fff;}

.serviceBlock{ padding:38px 0; margin:18px 0}

.services {padding:38px 0; margin:18px 0}
.serviceBlock i {
float: left;
padding: 14px;
color: #00B8FF;
font-size: 6em;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
blockquote {
border-left: 5px solid #ff4800;
}



#bank162 .btn span {margin:0 0 0 5px;}
#bank162 .dropdown-menu {width:100%; padding:5px;}


#bank162 .ive_full_btn, body#bank162 .ive_full_btn a {width:100%;}
#bank162 .ive_full_btn {margin-bottom:10px;}
#bank162 .container {margin-bottom:5px;}


#bank162 .media h4.media-heading, #bank162 .media h4.media-heading a {
	font-size:14px;
	color:#00a99d;
}
#bank162 .media p, #bank162 .media p a {
	font-size:14px;
	color:#333;
}

#bank162 .footerTopSection h3 {color:#00a99d;}

#bank162 .ive_hotlink div.row div {margin:0 0 10px 0;}


/* Media Query */

/* Small devices (tablets, 768px and up) */
@media (max-width: 480px) {
.topHeaderSection {padding: 0;}
.da-slide .da-img{display:none}
.da-slide h2 {top: 18px;}
.da-slide p {top: 255px;}
.navbar-nav.navbar-right:last-child {margin-top: 0px;margin-bottom: 0px;}
.navbar-toggle {margin-top: 21px;}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }





/*horizontal form*/
#bank162 .form-horizontal .control-group {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#bank162 .form-horizontal .control-label {
	float:left;
	width:25%;
	padding-top:5px;
	text-align:right;
	color:#000;
	line-height:32px;
}
#bank162 .form-horizontal .controls {
	float:left;
	width:40%;
	padding:5px 0 0 10px;
	text-align:left;
}
#bank162 .form-horizontal .alart {
	float:left;
	width:35%;
	padding:5px 0 0 10px;
	text-align:left;
	line-height:32px;
}
#bank162 .form-horizontal .controls2 {
	float:left;
	width:75%;
	padding:5px 0 0 10px;
	text-align:left;
}

#bank162 .form-horizontal .controls input {
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:3px;
	width:100%;
}
	
#bank162 .projectList h3.delivery_name {
	color:#ff4800;
}


/*Spreadsheet: horizontal form2*/
#bank162 .form-horizontal2 .control-group {
	float:left;
	width:100%;
	margin-bottom:0px;
}
#bank162 .form-horizontal2 .control-label {
	float:left;
	width:30%;
	padding-top:0px;
	text-align:left;
	color:#000;
	line-height:32px;
}
#bank162 .form-horizontal2 .controls {
	float:left;
	width:20%;
	padding:0px 0 0 10px;
	text-align:left;
}
#bank162 .form-horizontal2 .alart {
	float:left;
	width:20%;
	padding:0px 0 0 10px;
	text-align:left;
	line-height:32px;
}
#bank162 .form-horizontal2 .price {
	float:left;
	width:20%;
	padding:0px 0 0 10px;
	text-align:left;
	color:#c00;
	line-height:32px;
}
#bank162 .form-horizontal2 .controls input {
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:3px;
	width:100%;
}

#bank162 .badge-warning {background-color:#c00; margin:0 3px;}


/* Customer Service */
#bank162 .top .cs_phone {
	cursor:default;
	margin-top:12px;
}

/* Vertical Menu */
#bank162 .nav-list {
	border:1px solid #ccc;
	background:#fefefe;
	padding-top:8px;
	padding-bottom:8px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	-webkit-box-shadow:0 1px 14px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 14px rgba(0, 0, 0, 0.065);box-shadow:0 1px 14px rgba(0, 0, 0, 0.065);
}

.nav-list>li>a {
	border-bottom:1px solid #ccc;
	padding:10px 8px;
	background-color:#fafafa;
	background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
}
.nav-list>li.active>a {background:#c00;}

#bank162 .page-header {
	margin-top:0;
	margin-bottom:15px;
}

#bank162 .page-header h1 {margin:0 0 8px 0; border-bottom:1px solid #ccc;}
#bank162 .page-header h1 small {font-size:18px;}

#bank162 table {background:#f1f1f1;}


#bank162 .footer {
	background:#999;
	background-image:linear-gradient(to bottom,#333,#666);
	background-image:-moz-linear-gradient(top, #333, #666);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#333),to(#666));
	background-image:-webkit-linear-gradient(top,#333,#666);
	background-image:-o-linear-gradient(top, #333, #666);
	background-image:linear-gradient(to bottom, #333, #666);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff666666', GradientType=0);
	margin-top:15px;
	/*min-height:80px;*/
	padding:10px;
	border-top:5px solid #c72828;	
}

#bank162 .footer address {color:#fff;}

#bank162 .ch6c_bboard {height:300px; overflow:auto;}
#bank162 .bbcontent {
	border-bottom:1px solid #ccc;
	padding:5px 0;
	background-color:#fafafa;
	background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
}

