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: #00a1d1;
    text-decoration: none !important;
    text-shadow: none !important;
    font-weight: normal !important;
}

a:hover {
    color: #f08d00;
    text-decoration: none
}

a:visited {
    color: #00a1d1
}

a:focus {
    outline: none
}

area:focus {
    outline: none
}

em {
    color: #009be5
}

.container-fluid,
.row,
[class*='col-'] {
    padding: 0;
    margin: 0
}

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

.top a {
    color: #FFF
}

.top .lefticon {}

.top .lefticon a {
    padding: 0 5px
}

.topmenu {
    background-color: #09C;
    height: 46px;
    margin-top: 0px !important;
}

.topmenu a {
    color: #ffffff;
    font-size: 17px; 
	display: table-cell !important;
    height: 46px;
    vertical-align: middle;
	text-align:center
}

.topmenu a:hover {
    background-color: #09C !important
}

.topmenu .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0
}

.topmenu .nav>li>a {
    padding-left: 8px;
    padding-right: 8px
}

.topmenu .nav>li>a:focus {
    background-color: #09C !important
}

.topmenu .nav .open>a,
.topmenu .nav .open>a:focus,
.topmenu .nav .open>a:hover {
    background-color: #5e5e5e !important;
    border-color: #727272!important;
}

.topmenu .nav .dropdown-menu {
    border: none !important;
    background-color: #5e5e5e !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.topmenu .nav .dropdown-menu>li>a {
	display:block !important;
	text-align:left !important;
    color: #FFF !important;
    line-height: 35px !important;
    border-color: #959595;
    padding-left: 20px;
}

.topmenu .nav .dropdown-menu a:hover {
    background-image: none !important;
    background-color: #65dbf9 !important
}

.lang {
    font-size: 17px;
    color: #FFF;
    line-height: 35px;
}

.lang a {
    padding: 5px;
}

.collapse .lang a{
	display: inline !important;
}

.titlebar {
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    padding: 0 10px;
    margin-top: 10px;
    color: #FFFFFF;
    background-color: #09C;
    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: #5cc3ff;
    padding-bottom: 60px;
    text-align: center;
}

.footer_menu{
	height:45px;
	line-height:45px; 
	background-color:#09C;
	text-align:center;
	font-size:15px;
}
.footer_menu a{
	color:#FFF;
	padding:10px;
}

.footer_menu .navbar-nav>li>a{
	line-height:15px !important;
	padding:10px 10px;
}
.footer_menu .nav .open>a, .footer_menu .nav .open>a:focus, .footer_menu .nav .open>a:hover {
    background-color: #5e5e5e !important;
    border-color: #727272!important;
}
.footer_menu .nav .dropdown-menu{
	border:none !important;
	background-color:#5e5e5e  !important;
	-webkit-box-shadow: none;
     box-shadow:none;
}
.footer_menu .nav .dropdown-menu>li>a{
	color:#FFF !important;
	line-height:20px !important;
	border-color:#959595;
	padding-left:10px;
}
.footer_menu .nav .dropdown-menu a:hover{
	background-image:none !important;
	background-color:#65dbf9 !important
}
.footer_menu .nav>li>a:focus, .nav>li>a:hover{
	background-color:#09C
}
.footer .footer_inner {
    max-width: 1190px;
    padding: 0 5px;
    width: 100%;
    margin: auto;
}

.footer .footer_inner .branchname {
    padding: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.footer .footer_inner .branchname span {}

.footer .footer_inner .branchname a {
    color: #FFF;
    margin-left: 20px;
    margin-right: 20px;
}

.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 {
    margin-top: 40px;
    font-size: 15px;
    text-align: left;
}

.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: #09C !important;
    -webkit-box-shadow: none !important;
}

.navbar-toggle {
    margin-right: 6px!important;
    border-radius: 5px !important;
    border-color: #ffffff !important;
    -webkit-border-radius: 5px !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #12c4ff;
}

.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: #009be5;
    border-color: #09C
}

.pagination>li>a,
.pagination>li>span {
    color: #333
}


/* page banner fade effect */

.page_banner { 
    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: 5%
}

.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: 80px;
    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 #009be5;
    width: 60px;
    height: 60px;
    -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: #89e2ff
}

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

.licenceno{
  font-size:15px;
  color:#ffffff
}

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

@media (max-width: 1280px) {}

@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 a {
        border-bottom: 1px solid #3e3e3e;
        color: #ffffff;
        font-size: 17px;
    }
    .topmenu .nav>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }
    .topmenu a:hover {
        background-color: #09C !important
    }
    .redbar-5 {
        height: 5px;
        background-color: #09C
    }
}

@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
    }
    .topmenu .nav .dropdown-menu>li>a {
        padding-left: 50px;
    }
    .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: 17px;
        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 {
		height: 50px;
	}
    .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: 30px 0;
        padding-left: 50px !important;
    }
    .footer .ficon .lbl {
        padding-right: 5px;
        padding-left: 0px;
    }
    .footer .othermenu {
        font-size: 15px;
        text-align: center;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto
    }
    .footer .copyright {
        text-align: center;
        font-size: 13px
    }
	.navbar-nav li a{
		text-align:left;
		line-height:45px;
		display:block !important;
	}
}

@media (min-width: 768px){
	.navbar-nav>li { 
		display: table-cell;
	}
}

@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) {
	.navbar-nav {
			float:none;
			margin: 0;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			display:table;
		}
	
    .topmenu .nav>li>a {
        padding-left: 10px;
        padding-right: 10px
    }
	.footer_menu .navbar-nav{
		max-width: 1065px;
	}
}
@media (max-width: 1200px) and (min-width: 992px){
	 
	.navbar-nav {
			float:none;
			display:table;
			margin: 0;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
	}
	.topmenu .nav>li{
		display:table-cell;
		 float: none;  
	}
	.topmenu .nav>li>a{
		padding-left:10px;
		padding-right:10px
	}	
	
	.footer_menu .navbar-nav{
		max-width: 100%;
	}
	.footer_menu .nav>li{
		display:table-cell;
		 float: none;  
	}	
	.footer_menu .nav>li>a{
		padding-left:0px;
		padding-right:0px
	}	
}

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

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