body, html { 
	padding:0;
	margin:0;
	height: 100%;
	width: 100%;
	background-color:#ffffff;
	/*font:13px/1.231 "PingFang HK",STHeitiTC-Light,Arial,Meiryo,"Microsoft JhengHei",sans-serif;*/
	font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
	font-weight: normal;
	font-size:13px;
}
* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
a:link {
	color:#d00000;
	text-decoration:none !important;
	text-shadow:none !important;
	font-weight:normal !important;
}
a:hover {
	color:#f08d00;
	text-decoration:none
}
a:visited {
	color:#d00000
}
a:focus{
	outline:none
}
area:focus{
	outline:none
}
em{
	color:#C00
}
.container-fluid, .row, [class*='col-'] {
 padding:0;
 margin:0
} 

.top {
    width: 100%;
	height:50px;
	background-color:#ff8080; 
	padding:7px;
}

.top a {
	color:#FFF
}
.top .lefticon{
	
}
.top .lefticon a{
	padding:0 5px
} 

.topmenu{
	background-color:#b80000;
	height:46px;
	margin-top:0px !important;
}
.topmenu a{
	color:#ffffff;
	font-size:17px;
	line-height:46px !important; 
}
.topmenu a:hover{
	background-color:#8c0000 !important
}
.topmenu .navbar-collapse{
	padding-left:0 !important;
	padding-right:0 !important	
}
.topmenu .navbar-nav>li>a{
	padding-top:0;
	padding-bottom:0
}
.topmenu .nav>li>a{
	padding-left:10px;
	padding-right:10px
}
.topmenu .nav>li>a:focus{
	background-color:#8c0000 !important
}

.topmenu .nav .open>a,.topmenu .nav .open>a:focus,.topmenu .nav .open>a:hover{
	background-color:#8c0000 !important;
	border-color:#b00000!important;
}

.topmenu .nav .dropdown-menu{
	border:none !important;
	background-color:#8c0000 !important;
}
.topmenu .nav .dropdown-menu>li>a{
	color:#FFF !important;
	line-height:35px !important;
	border-color:#b00000
}
.topmenu .nav .dropdown-menu a:hover{
	background-image:none !important;
	background-color:#c70000 !important
}
.lang{
	font-size:17px;
	color:#FFF;
	line-height:35px;
}
.lang a{
	padding:5px;
} 

.titlebar{
	width:100%;
	height:45px;
	line-height:45px;
	overflow:hidden;
	padding:0 10px;
	margin-top:10px;
	color:#FFFFFF;
	background-color:#900;
	font-size:21px;
}

.titlebar a{
	color:#FFFFFF;
	font-size:17px;
	float:right;
}
 
.maincontent{
	max-width:1190px;
	min-height:500px; 
	margin-left:auto;
	margin-right:auto; 
	background-color:#f2f2f2; 
} 
.maincontent .content{
	display:block; 
	margin:15px;
	padding:15px;
	background-color:#ffffff;
}
#div-finance{ 
	height:20px;   
	line-height:20px;
	font-size:15px
}
#div-weather{  
	font-size:17px	
}
 
#finance { 
	color: #ffffff;  
}
#finance .change_up {
	color: #3ef000;
	padding-left:10px;
}
#finance .change_dn {
	color: #FF0000; 
	padding-left:10px;
}
#weather { 
	color: #ffffff;  
	margin-top:1px;
	line-height:35px
}

#weather .warningicon {
	 
}
#weather .weathericon {
	 
}
#weather .temperature {
	 
}
#weather .humidity {
 
}
#weather .icon {
 	width:22px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle
} 
 
.v10height{
	clear:both;
	height:10px;
}
 
.bt_icon{
	margin-top:20px
} 
.searchbtn{
	background-image:url(img/search_btn.gif);
	background-repeat:no-repeat;
	width:107px;
	height:32px;
	border:none
}
#gfbtn{
	margin-left:6px;
	cursor:hand;
	cursor:pointer
}

.footer { 
	min-height:200px;  
	width:100%; 
	background-color:#ff8080;
	padding-bottom:60px;
	text-align:center;
}

.footer_menu{
	height:45px;
	line-height:45px;
	overflow:hidden;
	background-color:#b80000;
	text-align:center;
	font-size:15px;
}
.footer_menu a{
	color:#FFF;
	padding:10px 5px;
}
.footer .footer_inner {   
	max-width:1190px; 
	padding:0 5px;
	width:100%; 
	margin:auto;
}
.footer .footer_inner .branchname{
	padding:15px;
	padding-bottom:30px;
	text-align:center;
	font-size:19px;
	color:#fff;
}
.footer .footer_inner .branchname span{
	margin-left:10px;
	margin-right:10px;
}
.footer .footer_inner .branchname a{
	color:#FFF
}
.footer .ficon td{
	font-size:17px;
	line-height:19px;
	color:#FFF
}
.footer .ficon .lbl{
	padding-right:5px;
	padding-left:15px;
	text-align:right
}
.footer .ficon .icon{
	text-align:left
}

.footer .othermenu{
	border-top:1px solid #FFF;
	padding-top:5px;
	margin-top:30px;
	max-width:600px;
	float:right;	
	font-size:15px;
	text-align:right;
}
.footer .othermenu a{
	color:#FFF;
	margin:5px;
}
.footer .footer_link{
	padding:15px !important;
	margin:auto!important;
	max-width:500px; 
} 
 
.footer .copyright{
	color:#FFF;  
	text-align:right;	
	font-size:15px
} 

.footer .copyright a{
	color:#FFF; 
}
 
.footer .copyright div{
	margin-top:10px;
}

#top-link-block{
	z-index:999999;
}
#top-link-block.affix-top { 
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 10px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block a{
	color:#FFF
}
.backtop{
	background-color:#333333;
	padding:10px 15px 15px 15px; 
	display:block;
	text-align:center
} 
.pagination{
	margin:0;
}
.pagination-lg>li>a, .pagination-lg>li>span{
	padding: 8px 12px;
    font-size: 16px; 
	color:#6e6e6e;
}
.pagination-lg>li>a.active{
	background-color:#e18e18; 
	color:#fff
}
 
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	color:#FF0000
}
.numnav{
	background-color:#e7e7e7;
	padding:8px;
	margin-bottom:10px;
}
.numnav td{
	color:#6e6e6e
}
.numnav .list{
	float:right;
	border-right:1px solid #d0d0d0
}

.numnav a{
	display:block; 
	padding:0 10px;
	height:30px;
	overflow:hidden;
	text-align:center;
	line-height:30px;
	background-color:#FFF; 
	border:1px solid #d0d0d0;
	border-right:none;
	color:#6e6e6e;
	font-size:15px;
}
.numnav a.last{
	border-right:1px solid #d0d0d0;
}

.numnav a.active{
	background-color:#e18e18;
	border-color:#e18e18;
	color:#fff
} 

.navbar{ 
	border:none !important;
	
}

.navbar .navbar-default{
	background-image:none !important;
	background-color:#880000 !important;
	-webkit-box-shadow:none !important;

}
.navbar-toggle{ 
	margin-right:6px!important;
	border-radius:5px !important;
	border-color:#ec9b9b !important;
	-webkit-border-radius:5px !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #560000;
}
 
.navbar-toggle .icon-bar{
	background-color:#FFF !important;
}
.hi5{
	height:5px
}
em{
	color:#F00
}
.button{
	padding:5px 13px;
	background-color:#3b3b3b;
	color:#ffcc00;
	border:none;
}  

.leftcol{
	width:354px;
	padding-right:7px;
} 
.breaklink{
	word-break:break-all;
}
.paddingLeft_nxs_5{
	padding-left:5px
}

.paddingRight_nxs_5{
	padding-right:5px
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color:#C00;
	border-color:#900
}
.pagination>li>a, .pagination>li>span{
	color:#333
}

/* page banner fade effect */
.page_banner{
	margin-top:5px;
	background-color:#000;
	
}
.page_banner img{
	width:100%;
} 

.page_banner .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.page_banner .carousel-fade .carousel-inner .item,
.page_banner .carousel-fade .carousel-inner .active.left,
.page_banner .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.page_banner .carousel-fade .carousel-inner .active,
.page_banner .carousel-fade .carousel-inner .next.left,
.page_banner .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.page_banner .carousel-fade .carousel-inner .next,
.page_banner .carousel-fade .carousel-inner .prev,
.page_banner .carousel-fade .carousel-inner .active.left,
.page_banner .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.page_banner .carousel-fade .carousel-control {
  z-index: 2; 
}
.page_banner .carousel-fade a.carousel-control {
	width:5%; 
	text-shadow: 0px 0px 5px #666  !important;
	padding-top:7%
}
.page_banner .carousel-fade a.carousel-control img{
	width:60%
}

.page_banner .carousel-indicators{ 
	text-align:center;
	right:10px !important;
	left:auto;
	width:auto;
	line-height:100px;
	margin-left:auto;
	bottom:0; 
}
.page_banner .carousel-indicators li{ 
	border-radius:10px !important;
	margin-left:5px;
} 

.panel-title a{
	color:#FFF
}
.panel-title .btn:hover{
	color:#FFF
}
.panel-heading a:hover{
	color:#FFF
}
.panel-title .btn.focus, .panel-title .btn:focus, .panel-title .btn:hover{
	color:#FFF
}
.panel-default>.panel-heading{
	background-image:none !important;
	background-color:#7d7d7d
}

.form-control{
	/*padding-left:3px */
}
/* page banner fade effect */


 
/*  loader */
#loadingdiv {
  display:none;
  position: absolute;
  text-align:center;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 100px;
  margin: -40px 0 0 -40px;
  border-radius: 5px !important;
  padding:10px;
  z-index: 1; 
  background-color:#EBEBEB
}
#loadingdiv .msg{
	font-size:15px;
	text-align:center;
	margin-top:5px;
}
#loadingdiv #cusloader {   
  border: 10px solid #f3f3f3;
  border-radius: 60px !important;
  border-top: 8px solid #C00;
  width: 60px;
  height: 60px;
  margin:auto;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
/*  loader */

.visible-xs-550{
	display:none;
}

/*  range slider */
.rsbox .slider-selection{
	background:#ff7676
}
.rsbox .slider-track{
	background:#c9c9c9; 
	border-radius:5px !important;
}
.rsbox .slider-handle{
	background:#ffffff;
	border-radius:15px !important;
	height:30px;
	width:30px;
	border:1px solid #adadad!important;
}
.rsbox .slider.slider-horizontal .slider-track{
	margin-top:1px !important;
}
.rsbox{
	position:absolute; z-index:998; /* zindex low than collapse 999 */
	padding-top:11px;
	margin-top:-8px;
	display:none;  
}

.rsbox .arrow{
	position:absolute;
	margin-top:-10px;
	margin-left:15px;
}
.rsbox .close{
	float:right;
}

.rsbox .layout{
	background-color:#6e6e6e;
	border-top:1px solid #999;
	padding:20px !important; 
}
.rsbox .layout td{
	padding:0 !important;
}
.rsbox #slider_value{
	margin-bottom:5px;
}
.rsbox td{ 
	color:#FFFFFF;
	font-size:15px !important;
}
.rsbox .glyphicon-remove{
	float:right; color:#FF0000; font-size:17px; margin-top:-5px;
}

.rsbox .btn_form-control{
	padding-left:6px; 
} 
.rsbox .closebtn{
	padding:5px;
	background-color:#E6E6E6;
	text-align:center;
	cursor:pointer;
	cursor:hand;	
}
.haveyoutube{  
	position:absolute;
	display:block;
	width:100%;
	max-width:275px;
	z-index:999; 
	text-align:center;
}
 
.haveyoutube img{ 
	height:190px !important;
	max-width:190px !important; 
	
}

@media (max-width: 1200px) {
	.maincontent{
		margin-left:5px;
		margin-right:5px;
		margin-top:5px;
	}

}
@media (max-width: 1280px) {
	.topmenu a{
		font-size:15px;
	}
}  

@media (max-width: 1060px) {
	.topmenu .nav>li>a{
		padding-left:6px;
		padding-right:6px;
	}
}  

@media (max-width: 991px) {
	.navbar-collapse{
		background-image:url(image/collapsebg.png);
	}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	
	.topmenu .navbar-collapse{
		padding-left:15px !important;
		padding-right:15px !important	
	}
	
	.topmenu a{
		border-bottom:1px solid #3e3e3e;
		color:#ffffff;
		font-size:17px;
	}
	.topmenu .nav>li>a{
		padding-left:10px;
		padding-right:10px; 
	}
 
	.topmenu a:hover{
		background-color:#8c0000 !important
	} 
	
	.redbar-5{
		height:5px;
		background-color:#b80000
	}
}
@media (max-width: 767px) {
	.top .lang{
		font-size:15px
	}
	.lang a{
		border-bottom:none !important;
	}
	.lang a:hover{
		background-color:transparent !important;
		color:#FF0000	
	}
	.paddingLeft_nxs_5{
		padding-left:0
	}
	
	.paddingRight_nxs_5{
		padding-right:0
	} 
	
	.titlebar{ 
		padding:0 10px;
		margin-top:5px; 
		font-size:19px;
		height:35px;
		line-height:35px;		
	}
 
	.footer .footer_inner .branchname{
		padding:10px;
		text-align:center;
		font-size:15px;
		color:#fff;
	}
	.footer .footer_inner .branchname span{
		margin-left:10px;
		margin-right:10px;
	}
	.footer .ficon td{
		font-size:17px;
		line-height:17px;
		padding-top:10px; 
	}
	.footer .ficon img{
		width:90%
	}
	.footer .ficon .lbl{
		padding-right:5px;
		padding-left:0
	} 

	.maincontent .content{
		margin:5px;
		padding:5px;
	}
	
	.topmenu a{
		border-bottom:1px solid #3e3e3e;
		color:#ffffff;
		font-size:17px;
	} 
	
	.topmenu .nav>li>a{
		background-image:url(image/menu_arrow.png);
		background-repeat:no-repeat;
		background-position:10px;
		padding-left:30px !important;
		
	}	
	
	.footer .ficon .lbl{
		padding-right:5px;
		padding-left:0px; 
	}	
	.footer .othermenu{ 
		float:none;	
		font-size:15px;
		text-align:center;
		margin-left:auto;
		margin-right:auto
	}
 
	.footer .copyright{ 
		text-align:center;	
		font-size:13px
	} 	
}
@media (max-width: 550px) {
	.hidden-w550{
		display:none;
	}
	.visible-xs-550{
		display:block;
	}

	.rsbox{
		width:72% !important
	}
	
	.rsbox .slider-horizontal{
		width:100% !important
	}			 
} 
@media (max-width: 500px) {
	.lefticon{
		display:none;
	}
	.maincontent .content{
		margin:3px;
		padding:0px;
	}
	.page_banner .carousel-indicators{ 
		display:none
	}
	.haveyoutube img{ 
		height:130px !important;
		max-width:130px !important; 
		
	}		
}
@media (max-width: 400px) {
	.hiddenw400{
		display:none
	}
	.maincontent .content{
		margin:5px 0px;
		padding:0px;
	} 
}

@media (max-width: 350px) {

}
@media (max-width: 992px) {
 
} 
 
@media (max-width: 320px) {
 
}  
@media (min-width: 1200px) {
	.topmenu .nav>li>a{
		padding-left:10px;
		padding-right:10px
	}
}