body { background: 0; font-family: "微軟正黑體" }
img { max-width: 100% }
.header-fixed .header { top: 0; left: 0; width: 100%; height: 109px; background: url(../images/navbar-bg.png) repeat-x }
.clear:after { DISPLAY: block; HEIGHT: 0; VISIBILITY: hidden; CLEAR: both; CONTENT: "." }
a:active, a:hover { color: #0c5c9c; text-decoration: underline; cursor: pointer }
.wrapper { overflow: hidden }
.logo-a { z-index: 999 }

@media(max-width:992px) {
    .navbar-nav { padding-bottom: 70px }
}

@media(max-width:320px) {
    .nav-search .div-style { font-size: 0.812em }
    .nav-search .kye { font-size: 0.812em }
}

@media(min-width:992px) {
    .header .topbar { height: 60px }
    .logo-a { position: absolute; top: 20px; left: 30px }
}

.header .topbar ul.loginbar > li { position: relative; display: inline; margin: 0 0 0 11px; list-style: none }
.header { position: relative; z-index: 99; padding: 6px 0 0 0; border-bottom: solid 0 #eee }
.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover { margin: 0; color: #fff; /*text-transform:uppercase;*/ font-size: 0.812em; font-family: "微軟正黑體" }
.header .topbar ul.loginbar > li.language > a { padding-right: 12px }
.header .topbar ul.loginbar > li.language > a:after { position: absolute; top: 1px; right: 1px; display: inline-block; content: "\f107"; font-weight: 400; font-size: 0.688em; font-family: FontAwesome }

@media(max-width:992px) {
    .header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover { font-size: 0.938em }
    .header .topbar ul.loginbar > li { margin: 0 0 0 7px }
}

.header .topbar ul.loginbar li i.fa { color: #fff; font-size: 1em; }
.header .topbar ul.loginbar li i.fa-1 { font-size: 0.875em }

@media(max-width:992px) {
    .header .topbar ul.loginbar li i.fa { color: #fff; font-size: 1.188em }
    .header .topbar ul.loginbar li i.fa-1 { font-size: 1.062em }
}

.nav-search { margin: -2px 25px 0 0 }
.navbar { min-height: 0 }
.navbar-responsive-collapse { background: 0 }
.header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:focus, .header .navbar-default .navbar-nav > .open > a:hover { color: #fff }
.header .navbar-default .navbar-nav > li:hover > a { color: #fff }
.header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus { bottom: 0; border-bottom: solid 0 transparent }
.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > li > a:hover { position: relative; bottom: 0; border-bottom: solid 0 #fff }
.header .navbar-default .navbar-nav > li > a { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 0.938em }
.navbar-nav .home a .fa-home { font-size: 0.938em }

@media(min-width:992px) {
    .container { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; border: 0 #cc0001 solid }
    .header { position: fixed }
}

.header .dropdown-menu { min-width: 160px }
.Slider-div { margin: 20px 0 }
.list-group-item { position: relative; display: block; margin-top: -1px; margin-bottom: 0; padding: 0 0 21px 0; border: 0 #ddd solid; background-color: #fff; letter-spacing: 1px; font-size: 0.938em }
.list-group-item .date { margin: 0 5px 0 0; padding: 2px 5px; background: #bdc2c6; color: #fff; font-size: 0.875em; font-family: Arial }
.headline { position: relative; display: block; margin: 10px 0 25px 0; border-bottom: 0 dotted #e4e9f0 }
.headline h2 { padding: 0; border: 0; color: #002666; letter-spacing: 1px; font-weight: 400; font-size: 1.562em; font-family: "微軟正黑體" }
.little-title { color: #002666; font-weight: 700; font-size: 0.75em; font-family: Corbel }
.news-div { overflow: hidden; line-height: 18px }
.news-div img { width: 100% }
.news-a span { display: block; margin: auto; margin-top: 10px; width: 95%; font-weight: 700; font-size: 0.938em }
.portfolio-box-v1 li { background: #fff }
.portfolio-box-v1-in p { padding: 0 20px; text-align: left; letter-spacing: 1px; font-size: 0.875em; font-family: "微軟正黑體" }
.portfolio-box-v1 .btn-u { position: absolute; right: 20px; bottom: -10%; padding: 2px 8px; border: 0; background: #0c5c9c }
.portfolio-box-v1 .btn-u:hover { border: 0; background: #0c5c9c }
.video-btn { position: absolute; top: 30%; left: 40% }
.over-title { position: absolute; bottom: 0; overflow: hidden; padding: 0 10px; width: 100%; height: 40px; background: #333; color: #fff; line-height: 40px; opacity: .8 }

@media(max-width:992px) {
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; width: 100%; height: auto; max-width: 100% }
}

.video li div span { display: block; overflow: hidden; margin: 20px 0; height: 15px; font-size: 1em; line-height: 15px }
.video li .img-responsive { width: 100% }
.footer-v1 .link-list li { border-top: solid 0 #353535 }
.headline h4 { border: 0; color: #fff; font-size: 0.812em }
.footer-headline { margin-bottom: 0 }
.footer-v1 .footer { padding: 5px 0; background: #575859; font-family: "新細明體" }
.copyright { padding: 20px 0 10px 0; border-top: 0; background: #0e1e3b; color: #bcbcbc; font-family: "微軟正黑體"; line-height: 24px; font-size: 0.875em; }
.copyright p { margin-top: 14px; color: #eee }
.footer-v1 .footer .footer-item { margin-top: 4px }
.footer-v1 .footer .footer-item li a { font-weight: 700; font-size: 0.875em; font-family: "微軟正黑體" }
.list-group-item { overflow: hidden }
.owl-carousel-v6 .owl-controls .owl-page span { margin: 5px 3px !important }
.list-inline { margin-left: 0 }
.list-inline { margin-left: 0 }
.owl-carousel-v6 .owl-carousel-item { position: relative; margin: 0 15px; padding: 7px 0; border: 1px solid #e4e2e2; text-align: center }

@media(min-width:992px) {
    .owl-slider-vj .col-md-3 { padding: 0; border: 0 #000 solid }
    .portfolio-box-v1 li { border: 12px #fff solid; border-top: 8px #fff solid; border-bottom: 8px #fff solid }
    .owl-slider-vj { margin-bottom: 20px; width: 1010px }
    .owl-slider-vj li { width: 230px; border: 1px #ddd solid }
}

@media(max-width:500px) {
    .owl-slider-vj li { float: none; margin: auto; width: 230px }
}

.owl-slider-vj li { width: 230px; border: 1px #ddd solid }

@media(min-width:768px) {
    .owl-slider-vj .col-sm-6 { width: 100% }
}

.owl-slider-vj li img { height: 185px; border: 0 #000 solid }
.navbar-nav .dropdown { padding: 0; height: auto; border: 1px transparent solid; background: 0 }
.dropdown-menu li { border-bottom: 1px #ddd solid; background: #fff }
.dropdown-menu li:hover { border-bottom: 1px #ddd solid; background: #f6f6f6 }

@media(max-width:991px) {
    .header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:focus, .header .navbar-default .navbar-nav > .open > a:hover { color: #000 }
    .header .navbar-default .navbar-nav > .open > a:focus { background: #002666; color: #fff }
    .header .navbar-default .navbar-nav > .open { border-bottom: 0 }
    .header .navbar-default .navbar-nav > li a, .header .navbar-default .navbar-nav > li a:focus, .header .navbar-default .navbar-nav > li a:hover { color: #000 }
    .navbar-nav .dropdown, .navbar-nav .nav-search { padding: 0; height: auto; border: 1px transparent solid; background: #fff }
    .navbar-nav .dropdown { border-bottom: 1px #ddd solid }
    .navbar-responsive-collapse { background: #fff }
    .navbar-nav .home { border-bottom: 1px #ddd solid }
    .nav-search { margin: 0 25px 0 0 }
    .list-group-item .date { float: left; display: block; margin: 2px 5px 0 0; padding: 1px 0; width: 46px; background: #bdc2c6; color: #fff; text-align: center; letter-spacing: 0; font-size: 0.5em; font-family: Arial }
    .list-group-item { overflow: visible; margin: 0 0 10px 0; padding: 0; height: auto; border: 0 #000 solid; border-bottom: 1px #000 solid }
    .list-group-item a { border: 0 #000 solid }
    .link-list a { color: #eee; font-size: 0.875em }
    .headline h4 { border: 0; color: #fff; font-size: 0.938em }
    .footer-v1 .footer .footer-item li a { font-size: 0.938em }
    #topcontrol:hover { background: #004d8a }
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: 0 }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: #002666 }
.header .navbar .nav > li > .search:hover { background: 0; color: #fff; border-bottom-color: #033664 }

@media(max-width:991px) {
    .header .navbar .nav > li > .search:hover { background: #033664; color: #000; border-bottom-color: #033664 }
    #topcontrol:hover { background: #004d8a }
    .img-float { width: 100% }
}

.header .navbar-default .navbar-toggle { border-color: #fff }
.header .navbar-default .navbar-toggle .fa { color: #004584; font-size: 1.188em }
.header .navbar-default .navbar-toggle:focus, .header .navbar-default .navbar-toggle:hover, .header .navbar-toggle { padding: 6px 10px 2px; background: #fff }
.header .navbar-toggle:hover { background: #fff !important }
.owl-pagination { display: none }
#topcontrol:hover { background: #004d8a }

@media(min-width:992px) {
    .portfolio-box-v1 { margin-left: -12px; width: 1015px }
    .header .navbar .nav > li > .search { position: relative; bottom: -4px }
    .header .navbar .nav > li > .search { display: inline-block; padding: 11px 0 12px; min-width: 35px; border-bottom: 0; background: 0; color: #fff; text-align: center; font-size: 0.938em; cursor: pointer }
    .header .navbar .nav > li > .fa-times:hover { background: #fff; color: #033664 }
    .header .navbar .nav > li > .fa-times { background: #fff; color: #033664 }
    .clients-page p { overflow: hidden; height: 60px }
    .navbar-nav > li > .dropdown-menu { margin-top: -1px }
}

.breadcrumb a { color: #777 }
.breadcrumb li a:hover, .breadcrumb li.active { color: #0c5c9c; text-decoration: none }
.headline-1 h3 { color: #000; font-weight: 700; font-family: "微軟正黑體" }
.headline-1 .h3 { color: #000; font-weight: 700; font-family: "微軟正黑體" }
.headline-1 { display: block; margin: 10px 0 25px 0; border-bottom: 1px dotted #e4e9f0 }
.position { margin: 0 6px 0 -10px; font-size: 0.875em }

@media(max-width:992px) {
    .position { margin-top: 20px }
}

.clients-page h3 { font-size: 1.125em; font-family: "微軟正黑體" }
.product-description h3 { overflow: hidden; text-align: center; font-size: 1.125em; font-family: "微軟正黑體" }
.lead { font-weight: 700; font-size: 1.125em; font-family: "微軟正黑體" }
.privacy h4 { font-size: 1em; font-family: "微軟正黑體" }
.privacy .h4 { font-size: 1em; font-family: "微軟正黑體" }
.img-float { float: left; margin: 0 20px 10px 0 }
.row-fluid .list-style-1 { margin-bottom: 0 }
.list-style-1 { list-style: none }
.list-style-1 li { float: left; margin: 0 0 0 5px; font-size: 0.875em }
.list-style-1 li .fa-print { position: relative; font-size: 1.312em }
.list-style-1 li .fa-file-o { position: relative; font-size: 1.25em }
.list-style-1 li .fa-file-o span { position: absolute; top: 3px; left: 2px; font-size: 0.5em; font-family: "微軟正黑體" }
.breadcrumb { z-index: 90; background-color: #fff }
.view { position: relative; position: relative; z-index: 9; overflow: hidden; margin-bottom: 30px; background: #fff; box-shadow: 0 0 3px #ddd; text-align: center; font-family: "微軟正黑體"; cursor: default; -webkit-backface-visibility: hidden }
.view:hover { background: #fff }
.mask { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100% }
.view .content, .view .mask { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100% }
.view img { position: relative; display: inline-block }
.view h2 { position: relative; margin: 20px 0 0 0; padding: 0; border: 0 #000 solid; color: #4ba1cf; text-align: left; text-transform: uppercase; text-shadow: none; font-size: 1.375em; font-size: 1.875em; font-family: "微軟正黑體"; opacity: 1 }
.view p { position: relative; padding: 10px 20px 10px; color: #fff; text-align: left; font-size: 0.75em; font-family: "微軟正黑體" }

@media(min-width:992px) {
    .view p { overflow: hidden; height: 160px }
}

.info { position: absolute; right: 10px; bottom: 10px; display: inline-block; overflow: hidden; margin-right: 10px; padding: 2px 10px; background: #0c5c9c; color: #fff; text-decoration: none; text-transform: uppercase }
.portfolio-responsive h2 { margin-top: 0 !important }

@media(min-width:992px) {
    .view { overflow: hidden; height: 180px; text-align: center; cursor: pointer }
    .view img { max-height: 181px }
    .news-li { overflow: hidden; height: 32px; line-height: 32px }
}

.view-tenth img { position: relative; left: 0; margin-left: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out }
.view-tenth .mask { opacity: 0; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear; -ms-transition: all .6s linear }
.view-tenth h2 { margin: 20px 20px 0; background: 0 0; color: #4ba1cf; opacity: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -ms-transform: scale(0); -ms-transition: all .5s linear }
.view-tenth p { color: #fff; opacity: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -ms-transform: scale(0); -ms-transition: all .5s linear }
.view-tenth a.info { opacity: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -ms-transform: scale(0); -ms-transition: all .5s linear }
.view-tenth { overflow: hidden }
.view-tenth:hover img { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -ms-transform: scale(1.05) }
.view-tenth:hover .mask { background-color: rgba(0,0,0,.45098); opacity: 1 }
.view-tenth:hover a.info, .view-tenth:hover h2, .view-tenth:hover p { opacity: 2; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -ms-transform: scale(1) }
.view-tenth:hover .info { opacity: 10 }

@media(min-width:992px) {
    .portfolio-4-columns .mask h2 { margin-bottom: 0; font-size: 1.25em }
    .portfolio-4-columns .mask p { display: none }
    .copyright p { margin-left: 30px }
}

.clients-page { position: relative; margin-top: 10px; margin-bottom: 0; border-bottom: solid 1px #eee }
.clients-page ul { margin-bottom: 10px }
.clients-page li { margin: 0 5px 3px 0 }
.clients-page h3 { margin-top: 0; font-size: 1.125em }
.clients-page img { margin: 5px 0; padding: 4px; border: solid 1px #eee; background: #fafafa }
.clients-page p { margin-bottom: 30px; font-size: 0.8125em; }
.clients-page:hover img { border-color: #bbb }

@media(max-width:992px) {
    .clients-page { text-align: center }
    .clients-page img { margin: 0 auto 30px }
    .news-li a { display: block; overflow: hidden; padding: 20px 8px 10px 8px; width: 100%; font-size: 0.875em }
    .news-li a:hover { color: #555; text-decoration: none }
    .news-li:hover { background: #f6f6f6 }
}

.header-fixed { height: 109px; background: #0e1e3b }
.margin-base { margin-top: 2px }
.font-size { font-size: 1em }
.font-size .fa { margin: 0 6px 5px 10px }
.headline .index-h2 { border-bottom: 0; font-weight: 700 }
.link-list a { padding: 3px 0 }
.footer-v1 .link-list a, .footer-v1 .link-list i, .footer-v1 address { color: #b6b7b8 }
.footer-v1 .link-list-1 { margin-top: 8px }
.footer-v1 .link-list-1 li a { color: #fff; font-size: 0.875em; font-family: "微軟正黑體" }
.cbp-filter-item:hover { text-decoration: none }
.cbp-filter-item-active:hover { text-decoration: none }
.people-ul { margin-left: 0; padding: 0; border: 0 #000 solid }
.minister { margin: 20px 0 50px 0; padding-bottom: 30px; border-bottom: 1px #ddd solid }
.cbp-caption-defaultWrap { border: 1px #ddd solid }
.clients-page a { display: block; padding: 5px 10px }
.clients-page a:hover { border: 0 #000 solid; background: #f6f6f6; color: #4765a0; text-decoration: none }

@media(max-width:990px) {
    .da-slider { height: 426px }
}

@media(max-width:900px) {
    .da-slider { height: 320px }
}

@media(max-width:768px) {
    .da-slider { height: 280px }
}

@media(max-width:500px) {
    .da-slider { height: 210px }
}

@media(max-width:400px) {
    .da-slider { height: 180px }
}

@media(max-width:990px) {
    .da-slide .da-img { top: 36px; left: 110%; display: block; margin-left: -50%; width: 80%; border: 0 #000 solid; text-align: center; line-height: 320px }
    .da-slide-current .da-img { left: 60%; opacity: 1 }
    .da-slide h2 i { display: none }
}

.containerx { border: 0 #fff solid; -webkit-column-width: 115px; -moz-column-width: 115px; -o-colum-width: 115px; -webkit-column-gap: 1px; -moz-column-gap: 1px; -o-column-gap: 1px }
.div:not(.containerx) { position: relative; display: inline-block; margin: 0 5px; width: 230px; border: 0 #fff solid }
.div ul { margin: 0; padding: 0 }
.div ul li { margin: 0; padding: 0 }
.div h4 { margin: 0; padding: 0; border: 0 #000 solid }
.slider-inner { height: auto }
.book { margin: 10px 0 }
.book ul { margin: 0; padding: 0; list-style: none }
.book ul li { padding: 4px 0 4px 20px }
.book ul li a { margin: 0; padding: 0 }
.book h4 { color: #0c5c9c; font-weight: 700 }

@media(max-width:990px) {
    .minister-img { width: 100%; height: 100% }
}

li, ul { list-style: none }
.menu-style li h3 { font-size: 1em; font-family: "微軟正黑體" }
.dropdown-menu li { border: 0 #ddd solid }
.dropdown-menu li:hover { border: 0; background: #fff }
.submenu li { padding-left: 15px }

@media(min-width:992px) {
    .header .mega-menu .equal-height-in { padding: 20px 0; border-left: 0 solid #eee }
    .menux { column-width: 230px; column-gap: 1px; -webkit-column-width: 230px; -moz-column-width: 230px; -o-colum-width: 230px; -webkit-column-gap: 1px; -moz-column-gap: 1px; -o-column-gap: 1px }
    .menux-div { display: inline-table; margin: 5px 0; width: 230px }
}

.header .dropdown-menu li > a:hover { background: #f6f6f6 !important; color: #333; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; filter: none !important }
.txt1-medium { display: block; width: 17px; height: 19px; background: url(../images/txt1-medium.png) }
.txt1-medium:hover { background: url(../images/txt1-medium-over.png) }
.txt2-medium { display: block; width: 17px; height: 19px; background: url(../images/txt2-medium.png) }
.txt2-medium:hover { background: url(../images/txt2-medium-over.png) }
.txt3-medium { display: block; width: 17px; height: 19px; background: url(../images/txt3-medium.png) }
.txt3-medium:hover { background: url(../images/txt3-medium-over.png) }
.txt4-medium { display: block; width: 17px; height: 19px; background: url(../images/txt4-medium.png) }
.txt4-medium:hover { background: url(../images/txt4-medium-over.png) }
.out-book { padding: 10px 0 50px 0; color: #eee; text-align: center; letter-spacing: 5px; font-weight: 700; font-size: 5em; font-family: "微軟正黑體" }
.book h4 { margin: 10px 0 0 0 }
.book { column-width: 240px; column-gap: 1px; -webkit-column-width: 240px; -moz-column-width: 240px; -o-colum-width: 240px; -webkit-column-gap: 1px; -moz-column-gap: 1px; -o-column-gap: 1px }
.div { display: inline-table; margin: 5px 0; width: 230px; border: 0 #000 solid }
.menux { column-width: 230px; column-gap: 1px; -webkit-column-width: 230px; -moz-column-width: 230px; -o-colum-width: 230px; -webkit-column-gap: 1px; -moz-column-gap: 1px; -o-column-gap: 1px }
.menux-div { display: inline-table; margin: 5px; width: 230px }
.fa-file-text-o { margin: 0 5px 0 0 }
.sitemap { float: left; margin-left: 4px; width: 101px; border: 1px #fff solid; background: #000; font-size: 0.812em; font-family: "新細明體" }
.sitemap .link-list a { font-size: 0.75em }
.sitemap h4 { margin-bottom: 0; color: #fff; font-size: 0.812em }
.sitemap-1 { margin-top: -2px; width: 140px }
.sitemap-1 h4 { margin-top: -8px; margin-bottom: 0; color: #fff; font-weight: 700; font-size: 0.875em; font-family: "微軟正黑體" }
.sitemap-1 .link-list a { margin: 5px 0; color: #fff; font-weight: 700; font-size: 0.875em; font-family: "微軟正黑體" }
.loginbar-div { margin-right: -80px; margin-left: 80px }
.logo-phone { display: none }

@media(max-width:992px) {
    .sitemap { display: none }
}

.revolution-mch-1:after { background: rgba(0,0,0,0) }
.tparrows.preview4 .tp-arr-titleholder { display: none }
.tp-banner-container { z-index: 1 }
.header-fixed { z-index: 999 }

@media(min-width:992px) {
    .tp-banner-container { z-index: 1; height: auto }
}

.banner-a { position: absolute; top: 0; left: 0; z-index: 999; display: block; width: 100%; height: 100%; background: #000; opacity: 0 }

@media(max-width:991px) {
    .tp-banner-container { z-index: 1; height: auto }
}

@media(max-width:992px) {
    .menu-button { position: absolute; top: -49px; right: 14px; z-index: 999 }
    .loginbar { position: absolute; top: 0; right: 50px }
    .loginbar-1 { position: absolute; top: -5px; right: 10px; display: none }
    .header-fixed { height: 60px }
    .header-fixed .header { top: 0; left: 0; width: 100%; height: 60px; background: url(../images/navbar-bg.png) repeat-x }
    .logo-a { position: absolute; top: 5px; left: 10px }
    .logo-a img { width: 95% }
    .topbar { height: 37px }
    .loginbar-div { margin-right: 0; margin-left: 0 }
    .topbar { z-index: 999 }
    .mega-menu { z-index: 1; padding-top: 48px }
}

@media(max-width:768px) {
    .menu-button { position: absolute; top: -49px; right: 14px; z-index: 999 }
    .loginbar { position: absolute; top: 0; right: 10px }
    .loginbar-1 { position: absolute; top: -5px; right: 10px; display: none }
    .header-fixed { height: 60px }
    .header-fixed .header { top: 0; left: 0; width: 100%; height: 60px; background: url(../images/navbar-bg.png) repeat-x }
    .logo-a { position: absolute; top: 5px; left: 10px }
    .logo-a img { width: 95% }
    .topbar { height: 37px }
    .loginbar-div { margin-right: 0; margin-left: 0 }
    .topbar { z-index: 999 }
    .mega-menu { z-index: 1; padding-top: 48px }
}

.header .mega-menu .mega-menu-fullwidth li a { padding: 6px 15px }
.header .mega-menu .mega-menu-fullwidth li a:after { position: absolute; top: 7px; left: 15px; display: inline-block; content: "\f105"; font-weight: 400; font-size: 0.688em; font-family: FontAwesome }
.equal-height-list { margin-top: -4px }
.submenu { margin-top: 1px }
.header .mega-menu .mega-menu-fullwidth .disable-icons li a { padding: 6px 15px }
.header .mega-menu .mega-menu-fullwidth .disable-icons li a:after { display: none }
.header .mega-menu .equal-height-list li a { position: relative; display: block; padding: 6px 15px; border-bottom: 0 }
.header .mega-menu .equal-height-list li a { border-bottom: 1px #ddd solid; color: #1a1a1a; font-weight: 700; font-size: 0.875em }
.header .mega-menu .equal-height-list li li a { border-bottom: 1px #ddd solid; color: #1a1a1a; font-weight: 400; font-size: 0.812em }
.header .dropdown-menu li a { padding: 6px 15px; border-bottom: solid 1px #ddd; color: #1a1a1a; font-weight: 700; font-size: 0.875em }
.header .dropdown-menu li a:hover { padding: 6px 15px; border-bottom: solid 1px #ddd; background: #f6f6f6; color: #000; font-size: 0.875em }

@media(max-width:991px) {
    .header .mega-menu .equal-height-list li a { display: block; margin-left: 0; padding: 6px 15px; border-bottom: solid 1px #eee; font-weight: 700; font-size: 0.875em }
    .header .mega-menu .equal-height-list li a:hover { border-bottom: solid 1px #eee }
}

@media(max-width:991px) {
    .header .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000 }
}

@media(max-width:767px) {
    .header .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000 }
}

.product-a .view { margin-bottom: 15px }

@media(min-width:991px) {
    .product-a .product-description { overflow: hidden; height: 60px }
}

.product-a .product-description { margin-bottom: 30px }
.product-a .product-description h3 { text-decoration: none }
.product-a .product-description h3:hover { color: #0c5c9c; text-decoration: none }
.product-a:hover { text-decoration: none; font-family: "微軟正黑體" }
.filetype { position: relative; float: left; display: block; display: block; margin: 0 0 0 10px; width: 20px; height: 27px; color: #4765a0 }
.filetype:before { position: absolute; top: 0; left: 0; display: inline-block; margin: 0 5px 0 0; color: #4765a0; vertical-align: middle; text-transform: none; font: 25px/1em 'Glyphicons Filetypes Regular'; font-weight: 400; font-style: normal; -webkit-font-smoothing: none }
.panel-default { padding: 8px 0; height: 40px; text-align: left }
.panel-default:hover { background: #4765a0; color: #fff }
.download-div a { color: #000 }
.download-div a:hover { color: #fff }
.download-div a:hover .filetype { color: #fff }
.item-div { float: left; overflow: hidden; width: 85%; height: 20px; border: 0 #000 solid; font-size: 0.875em }
.panel { position: relative; overflow: hidden; margin-bottom: 10px }
.panel a { width: 50px; height: 20px; background: #4765a0; color: #fff; text-align: center }
.panel .download { position: absolute; right: 10px; bottom: 5px }
.panel .preview { position: absolute; right: 68px; bottom: 5px }
.download-div { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #ddd solid }
.download-div h3 { font-family: "微軟正黑體" }
.panel-default:hover > .filetype:before { color: #fff }
.sorting-grid li { padding: 0 5px }
.sorting-cover { overflow: hidden; height: 38px }
.footer-v1 { margin-top: 20px }
.footer-v1 .footer { padding: 40px 0; background: #272727; font-size: 0.875em; font-family: "微軟正黑體" }
.footer-v1 .footer .map-img { background: 0 }
.footer-v1 .footer p { color: #eee }
.footer-v1 .footer h2 { color: #eee; font-weight: 200; font-size: 1.125em }
.footer-v1 .link-list li { border-top: solid 1px #353535 }
.footer-v1 .link-list a, .footer-v1 .link-list i, .footer-v1 address { color: #eee; font-size: 0.875em }
.footer-v1 address { line-height: 23px }
.footer-v1 .copyright { padding: 10px 0 5px; border-top: 0; background: #222 }
.footer-v1 .copyright p { margin-top: 14px; color: #eee }
.footer-v1 .copyright a { margin: 0 2px }
.footer-v1 .footer-socials { margin-top: 12px; text-align: right }
.footer-v1 .footer-socials li a { color: #777; font-size: 1em }

@media(max-width:991px) {
    .footer-v1 .copyright, .footer-v1 .footer-socials { text-align: left }
}

.headline { display: block; margin: 10px 0 25px 0; border-bottom: 0 dotted #e4e9f0 }
.headline h2 { font-weight: 700; font-size: 1.375em }
.footer-v1 .footer .headline h2, .footer-v1 .footer .headline h3, .footer-v1 .footer .headline h4 { display: inline-block; margin: 0 0 -2px 0; padding-bottom: 5px; border-bottom: 2px solid #4765a0; border-left: 0 }
.headline-md { margin-bottom: 15px }
.headline-md h2 { font-size: 1.312em }
.copyright a { color: #4765a0 }
.copyright a:hover { color: #4765a0 }
.posts li a { display: block; overflow: hidden; height: 20px }
.font-style { float: left; margin-right: 5px; font-size: 0.875em }
.font-style a { float: left; display: block; margin: 0 2px; width: 25px; height: 25px; background: #c8c8c8; color: #fff; text-align: center; line-height: 25px }
.font-style a:hover { background: #4765a0; color: #fff; text-decoration: none }
.font-style .active { background: #4765a0; color: #fff; text-decoration: none }
.right-icon-div { float: right; margin-right: -35px; width: 485px }
.social_facebook { background: url(../images/facebook.png) no-repeat }
.social_twitter { background: url(../images/twitter.png) no-repeat }
.social_googleplus { background: url(../images/googleplus.png) no-repeat }

@media(max-width:500px) {
    .social-icons { display: none }
    .right-icon-div { width: 167px }
}

.sorting-block ul { margin: 0; padding: 0 }
.sorting-block .sorting-nav { margin-bottom: 30px }
.sorting-block .sorting-nav li { display: inline-block; padding: 0 2px; list-style: none; font-size: 0.875em; cursor: pointer }
.sorting-block .sorting-nav li.active { border-bottom: solid 1px #72c02c; color: #72c02c }
.sorting-block .sorting-nav-v1 li { margin: 0 5px; font-style: italic; font-size: 1.062em }
.sorting-block .sorting-grid { list-style: none }
.sorting-block .sorting-grid .mix { display: none; margin-bottom: 30px; opacity: 0 }
.sorting-grid a { display: block }
.sorting-block .sorting-grid li a:hover { text-decoration: none }
.sorting-block .sorting-grid li span.sorting-cover { display: block; margin-top: 1px; padding: 8px; background: #fcfcfc; text-align: center }
.sorting-block .sorting-grid li span.sorting-cover p { margin-bottom: 0 }
.sorting-block .sorting-grid li span.sorting-cover span { font-size: 1em }
.sorting-block .sorting-grid li a:hover span.sorting-cover { background: #72c02c; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.sorting-block .sorting-grid li a:hover span.sorting-cover p, .sorting-block .sorting-grid li a:hover span.sorting-cover span { color: #fff }
.sorting-block .sorting-grid li a:hover span.sorting-cover { background: #eee }
.sorting-block .sorting-grid li a:hover span.sorting-cover span { color: #555 }
.eq-div { margin-bottom: 5px; border: 1px #ddd solid; box-shadow: 0 1px 1px rgba(0,0,0,.05) }
.faq-h { font-weight: 700; font-size: 1em; font-family: "微軟正黑體" }
.eq-div .panel-heading a { text-decoration: none; font-weight: 700; font-size: 1em }
.eq-div .panel-heading a:hover { text-decoration: none }
.panel-body { font-size: 0.938em }
.demo-pro-glyphicons { float: left; padding-left: 2px }
.demo-pro-glyphicons li { float: left; margin: 0 4px 0 0; padding: 0; width: 24px; height: 24px;  }
.demo-pro-glyphicons li .glyphicons { padding: 3px 0 0 10px; width: 24px; height:24px; border-top: 4px #c8c8c8 solid; border-left: 4px #c8c8c8 solid; border-radius: 20px; background: #c8c8c8; color: #fff; text-align: center; font-size: 1.5em;}
.demo-pro-glyphicons li .glyphicons:hover { border-top: 2px #4765a0 solid; border-left: 3px #4765a0 solid; background: #4765a0; color: #fff }
.demo-pro-glyphicons span.glyphicons:before { font-size: .7em;  }
.demo-pro-glyphicons li { position: relative }
.demo-pro-glyphicons li span { width: 24px; height: 24px }
.social { color: #c8c8c8 }
.demo-pro-glyphicons span:before { padding: 0; color: inherit }
.demo-pro-glyphicons span:after { padding: 0; color: #5bb500 }
.demo-pro-glyphicons .social{font-size: 1.5em;}
.demo-pro-glyphicons .social:hover { color: #4765a0 }
.demo-pro-glyphicons .social:before { font: 1em 'Glyphicons Social Regular';}
.right-icon-div { float: right; margin-right: -15px; width: 380px }


@media(max-width:992px) {
    .right-icon-div { display: none }
    .row-fluid .list-style-1 { margin-top: -30px }
}

.popover-content { width: 178px; height: 168px }
.popover { top: 22px; left: -155px }
.demo-pro-glyphicons li a:before > .popover { display: none }
.demo-pro-glyphicons li a:hover > .popover { display: block }
.enjoy { float: left; margin: 0 5px 0 10px; color: #333; font-size: 0.875em }
.enjoy:hover { color: #333 }
.popover.bottom > .arrow { right: 5px; left: auto }
.con-qrcode { display: none }
.con-qrcode img { max-width: 150px; max-height: 150px }
.con-table1 { border-top: 1px solid #000; border-left: 1px solid #000 }
.con-table1 td, .con-table1 th { border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center }
.wrapper-portfolio { clear: both; margin-bottom: 0 !important }
.site_map { margin: 0; padding: 0 }
.site_map_li { padding: 10px; padding: 0; border: 1px #c4d4e2 solid }
.site_map li a { display: block; padding: 5px 10px; background: #f6f6f6; text-decoration: none; font-weight: 700; font-size: 1em }
.site_map ul li a { background: #fff; font-weight: 400; font-size: 0.75em; font-size: 0.875em }
.site_map ul li a ul li { font-weight: 400; font-weight: 400; font-size: 0.75em; font-size: 1.125em }
.site_map li a:hover { background: #f6f6f6 }
.site_map li ul { margin-left: 20px; padding: 0; border: 0; background: #fff }
.site_map { -webkit-column-width: 244px; -moz-column-width: 244px; -o-colum-width: 244px; -webkit-column-gap: 1px; -moz-column-gap: 1px; -o-column-gap: 1px }
.site_map_li:not(.site-map) { position: relative; display: inline-block; margin: 5px 5px; padding: 5px; width: 98%; border-radius: 5px; box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2) }

@media(max-width:530px) {
    .site_map { width: 100% }
    .site_map_li { float: none; margin: auto; width: 100% }
}

.rss-ul { margin: 0 0 0 -20px; padding: 0 }
.rss-ul li { list-style: none; line-height: 30px }
.rss-ul li a { text-decoration: none }
.rss-a { display: block; margin: 0 10px; margin-top: 10px; padding: 10px; width: 100%; border: 1px #ddd solid; box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2); line-height: 24px }
.rss-a:hover { background: #f8f8f8; color: #333 }
.playmovie { margin: 0 auto; width: 600px }

@media(max-width:768px) {
    .playmovie { margin: 0 auto; width: 100% }
}

.col-md-offset-3 { margin-bottom: 20px; font-size: 0.875em }
.col-md-offset-3 h2 { font-family: "微軟正黑體" }
.search-block-v2 { margin-bottom: 40px; padding: 20px 0; border-bottom: 1px #f4f4f4 solid; background: #f6f6f6 }
.search-radio { padding-top: 10px; line-height: 24px }
.search-radio input { margin: 0 5px }

@media(max-width:380px) {
    .search-lable { display: block; width: 100% }
}

.div-style .form-control { float: left; width: 165px }
.search { display: block }
.div-style { position: absolute; top: 33px; right: -10px; display: none; padding: 15px 0 15px 15px; width: 330px; border-top: solid 2px #eee; background: #fcfcfc; box-shadow: 0 1px 3px #ddd; font-family: "微軟正黑體"; cursor: auto }
.div-style a { text-decoration: none }
.kye { font-size: 0.812em }
.search:hover > .div-style { display: block }
.div-style .input-group-btn { float: left; display: block; margin-left: 0; line-height: 22px }
.div-style .input-group-a { float: left; display: block; margin-left: 50px; line-height: 30px }

@media(max-width:992px) {
    .div-style { top: 0; display: block; width: 100%; border: 0 #000 solid; border-top: solid 0 #eee; background: 0; background: #fff; box-shadow: 0 0 0 #ddd }
    .search { border: 1px #000 solid }
    .div-style .form-control { float: left; width: 70% }
    .kye { font-size: 0.938em }
    .input-group-a { position: absolute; top: 0; left: 70% }
}

@media(max-width:400px) {
    .div-style .form-control { float: left; width: 60% }
    .input-group-a { position: absolute; top: 0; left: 60% }
}

.totalcount { padding: 10px; text-align: right; font-weight: 700; font-size: 0.8125em; }
.bottom_but { padding: 10px; text-align: right }
.privacy table td { padding: 6px; border: 1px #bbbb9b solid }
.privacy table th { padding: 6px; border: 1px #bbbb9b solid; text-align: center }
.news-ul { margin: 0; padding: 0; padding-top: 49px }

@media(max-width:992px) {
    .news-ul { padding-top: 10px }
}

.news-ul li { border-bottom: 1px #ddd solid; font-size: 0.938em }
.news-ul li a { display: block; padding: 10px 0; color: #1a1a1a }
.news-ul li a:hover { background: #f6f6f6; color: #a40303; text-decoration: none }

@media(min-width:768px) {
    .news-ul li a { overflow: hidden; padding: 0; padding-right: 96px; height: 36px; line-height: 36px }
}

@media(min-width:768px) {
    .apple-div a { overflow: hidden; height: 28px }
}

.apple-div { padding: 10px 20px; background: #f2f2f2; /*font-size:0.875em;*/ line-height: 31px }

@media(min-width:992px) {
    .apple-div { height: 304px }
}

@media(min-width:1132px) {
    .apple-div { height: 366px }
}

.apple-div a { display: block; margin-left: 10px; color: #000; font-size: 0.938em }
.apple-div a:hover { color: #a40303; text-decoration: none }
.apple-div span { color: #002666; font-size: 1.125em }
.headline-add { margin-left: 15px }
.Cultural-div { position: relative }
.Cultural-div img { width: 100% }
.Cultural-tab { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.ul-item li { margin-bottom: 10px; font-size: 0.938em }
.ul-item li a:hover { color: #fe4800; text-decoration: none }
.Theme-div { overflow: hidden }

@media(min-width:768px) {
    .Theme-div img { max-height: 299px }
    .Theme-div img { margin: auto; width: auto; max-width: 100% }
}

@media(max-width:768px) {
    .Theme-div { display: none }
}

.Theme-div img { margin: auto; max-width: 100% }
.Theme-div span { display: block; overflow: hidden; height: 36px; text-align: center; letter-spacing: 1px; font-weight: 700; font-size: 0.938em; font-family: "微軟正黑體"; line-height: 40px }
.video li { margin-bottom: 20px }
.footer-logo { padding-top: 0; text-align: center }
.footer-logo img { margin: -5px 0 10px 0 }
.iCulture-ul { margin: 0; margin-left: -7px; padding: 5px 0 0 0 }
.iCulture-ul li { float: left; margin: 0 0 10px 7px }
.iCulture-ul li a { display: block; width: 53px; height: 60px; color: #bcbcbc; text-align: center; line-height: 100px }
.iCulture-ul li a:hover { color: #fff; text-decoration: none }
.iCulture-ul li .a1 { background: url(../images/icon.png) -4px -137px no-repeat }
.iCulture-ul li .a1:hover { background: url(../images/icon.png) -4px -278px no-repeat }
.iCulture-ul li .a2 { background: url(../images/icon.png) -67px -137px no-repeat }
.iCulture-ul li .a2:hover { background: url(../images/icon.png) -67px -278px no-repeat }
.iCulture-ul li .a3 { background: url(../images/icon.png) -129px -137px no-repeat }
.iCulture-ul li .a3:hover { background: url(../images/icon.png) -129px -278px no-repeat }
.iCulture-ul li .a4 { background: url(../images/icon.png) -192px -137px no-repeat }
.iCulture-ul li .a4:hover { background: url(../images/icon.png) -192px -278px no-repeat }
.iCulture-ul li .a5 { background: url(../images/icon.png) -254px -137px no-repeat }
.iCulture-ul li .a5:hover { background: url(../images/icon.png) -254px -278px no-repeat }
.iCulture-ul li .a6 { background: url(../images/icon.png) -4px -213px no-repeat }
.iCulture-ul li .a6:hover { background: url(../images/icon.png) -4px -351px no-repeat }
.iCulture-ul li .a7 { background: url(../images/icon.png) -67px -213px no-repeat }
.iCulture-ul li .a7:hover { background: url(../images/icon.png) -67px -351px no-repeat }
.iCulture-ul li .a8 { background: url(../images/icon.png) -129px -213px no-repeat }
.iCulture-ul li .a8:hover { background: url(../images/icon.png) -129px -351px no-repeat }
.iCulture-ul li .a9 { background: url(../images/icon.png) -192px -213px no-repeat }
.iCulture-ul li .a9:hover { background: url(../images/icon.png) -192px -351px no-repeat }
.iCulture-ul li .a10 { background: url(../images/icon.png) -254px -213px no-repeat }
.iCulture-ul li .a10:hover { background: url(../images/icon.png) -254px -351px no-repeat }
.facebook { text-align: center }
.facebook img { border: 1px #aaa solid; border-top: 1px #3b5998 solid }
.copyright-item a { color: #bcbcbc }
.copyright-item a:hover { color: #bcbcbc }
.mask-1 { position: absolute; top: 0; right: 15px; overflow: hidden; overflow: hidden; margin: 2px 2px 0 0; padding: 10px 5px; width: 30%; height: 98%; background: url(../images/start.png) center no-repeat; background: #000; color: #fff; opacity: 1 }
.events-div { overflow: hidden }
.events-div img { width: 100% }
.events-div .col-md-4 { margin-bottom: 20px; color: #fff; font-family: "微軟正黑體" }
.mask-1 .div-1 { margin-top: -10px; margin-bottom: 5px; width: 100%; font-size: 1.25em; line-height: 22px }
.mask-1 .div-1 .span-1 { float: left; color: #fff; font-family: Myriad Pro }
.mask-1 .div-2 { overflow: hidden; color: #fe4800; font-weight: 700; font-size: 0.938em }
.mask-1 .div-3 { overflow: hidden; font-weight: 700; font-size: 0.812em }
.Theme-div a, .news-a { color: #000 }
.Theme-div a:hover, .news-a:hover { color: #a40303; text-decoration: none }

@media(max-width:992px) {
    .mask-1 .div-1 { height: 45px; font-size: 0.875em }
    .mask-1 div { height: auto }
}

.mask-div { position: absolute; top: 0; left: 0; overflow: hidden; padding: 0 15px; width: 100%; height: 100% }
.mask-div .mask { position: relative }

@media(max-width:1385px) {
    .mask-1 .div-1 { font-size: 0.75em }
}

@media(max-width:990px) {
    .mask-1 .div-1 { font-size: 1.25em }
}

@media(max-width:480px) {
    .mask-1 .div-1 { font-size: 0.75em }
}

.video .mask { background: url(../images/start.png) center no-repeat }
.privacy .lead { margin-top: 50px }
.header .navbar-default .navbar-nav > li > .dropdown-toggle:hover { background: #012b73; color: #fff }
.more_1 { position: absolute; top: 13px; right: 18px; color: #002666; font-weight: 700; font-size: 1.125em }
.more_2 { position: absolute; top: 12px; right: 10px; color: #002666; font-weight: 700; font-size: 1.125em }
.more_3 { position: absolute; top: 12px; right: 24px; color: #002666; font-weight: 700; font-size: 1.125em }
.more_4 { position: absolute; top: 12px; right: 10px; color: #002666; font-weight: 700; font-size: 1.125em }
.more_5 { position: absolute; top: 12px; right: 10px; color: #002666; font-weight: 700; font-size: 1.125em }

@media(max-width:992px) {
    .more_1 { position: absolute; top: -8px; right: 20px; color: #002666; font-weight: 700; font-size: 1.125em }
}

.news-ul li { position: relative }
.news-ul li a { display: block; padding-right: 100px; border: 0 #000 solid }
.news-span { float: right; margin-top: -24px; margin-right: 3px; color: #666; font-size: 0.812em }

@media(max-width:990px) {
    .news-span { float: right; margin-top: -31px; margin-right: 3px; color: #666; font-size: 0.812em }
}

.headlineto { display: block; margin: 10px 0 5px 0; border-bottom: 0 dotted #e4e9f0 }
.headlineto h2 { font-weight: 700; font-size: 1.375em }
.headlineto .index-h2 { border-bottom: 0; font-weight: 700 }
.headlineto h4 { border: 0; color: #fff; font-size: 0.938em }
.headlineto { position: relative; display: block; margin: 10px 0 5px 0; border-bottom: 0 dotted #e4e9f0 }
.headlineto h2 { display: inline-block; padding: 0; border: 0; color: #002666; letter-spacing: 1px; font-weight: 400; font-size: 1.562em; font-family: "微軟正黑體" }
.breadcrumb { position: relative; top: 10px; z-index: 90; padding-right: 0; background: 0 }
.breadcrumb li { padding: 0 1px }
.headlineto-add { margin-left: 15px }

@media(max-width:990px) {
    .headlineto { height: 40px }
    .more_1 { position: absolute; top: 16px; right: 18px; color: #002666; font-weight: 700; font-size: 1.125em }
}

.cbp-caption-defaultWrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; text-align: center }
.cbp img, .cbp-popup-singlePage img { display: inline-block; width: auto; max-width: 100%; max-height: 100% }

@media(max-width:992px) {
    .topbar { display: none }
}

@media(min-width:992px) {
    .navbar-nav { height: 40px }
    .dropdown-toggle { padding: 5px 20px; height: 40px }
}

.indexnewimg .headlineto h2 { border: 1px #fff solid }
a:focus { outline: 2px #2f2f8a dotted !important }
.copyright a:focus, .header a:focus { outline: 2px red dotted !important; }
.img-hover { position: absolute; z-index: 999; overflow: hidden; margin: 2px 0 0 2px; width: 100%; height: 98% }
.img-hover img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; max-width: 100% }
.img-png { opacity: 0 }
.view-tenth { position: relative; z-index: 0; margin: 2px }
.list-unstyled.video .view-tenth { z-index: 0; padding-top: 72%; background: #000 }
.list-unstyled.video li .img-responsive { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100% }

@media(max-width:992px) {
    .img-hover img { width: 100%; height: 100% }
}

.p-content { position: relative; padding-left: 130px }
.p-content span { position: absolute; top: 0; left: 0 }
.p-content1 { position: relative; padding-left: 175px }
.p-content1 span { position: absolute; top: 0; left: 130px }
.p-content2 { position: relative; padding-left: 275px }
.p-content2 span { position: absolute; top: 0; left: 230px }
.p-content5 { position: relative; padding-left: 315px }
.p-content5 span { position: absolute; top: 0; left: 270px }
.p-content3 { position: relative; margin: 0; padding: 0; padding-left: 60px }
.p-content3 span { position: absolute; top: 0; left: 0 }
.p-content4 { position: relative; margin: 0; padding: 0; padding-left: 110px }
.p-content4 span { position: absolute; top: 0; left: 60px }
.p-content6 { position: relative; margin: 0; padding: 0; padding-left: 150px }
.p-content6 span { position: absolute; top: 0; left: 110px }
.cbp-l-filters-alignCenter .cbp-filter-item { position: relative; display: inline-block; overflow: visible; margin: 10px 0 0; padding: 0 12px; color: #949494; font: 400 16px/21px "Open Sans",sans-serif; cursor: pointer; transition: all .3s ease-in-out }

@media(min-width:992px) {
    .h-style1 { overflow: hidden; width: 760px; height: auto; text-align: left }
    .list-inline1 { position: absolute; top: 7px; right: -36px; float: right; width: auto; text-align: right }
    .list-inline2 { float: right; margin-top: -32px; width: 320px; text-align: right }
    .h-style2 { overflow: visible; width: 620px; height: auto }
}

@media(max-width:992px) {
    .h-style1 { width: 100%; text-align: left }
    .list-inline1 { width: 100%; text-align: right }
    .list-inline2 { width: 100%; text-align: right }
}

.infosubject { color: #585f69; font-weight: 700 }
.privacy table tr td { text-align: left }
.privacy table tr .style1 { text-align: left }
.privacy table tr td a { color: #cc0001; text-decoration: none }
.privacy table tr td a:hover { color: #cc0001; text-decoration: none }
.read-li { width: 76px; text-align: left }

@media(min-width:992px) {
    .nav > .phone-tab { position: relative; display: none }
    .phone-tab { display: none }
}

.phone-tab { display: none; padding-top: 3px; padding-left: 17px; height: 30px }

@media(min-width:992px) {
    .phone-tab-1 { display: none }
}

.phone-tab-1 { padding: 10px 0 10px 10px; border-bottom: 1px #ddd solid }
.phone-tab-1 a { margin-right: 10px; color: #333; font-weight: 700 }

@media(max-width:992px) {
    .nav .home { display: none }
}

@media(max-width:991px) {
    .mega-menu { display: block }
}

@media(max-width:768px) {
    .mega-menu { display: block }
}

@media(max-width:992px) {
    .menux-div { width: 100% }
}

a:focus > .panel-default { background: #4765a0; color: #fff }
a:focus > .panel-default > .filetype:before { color: #fff }
.demo-pro-glyphicons a:focus { outline: 0 !important }
a:focus > .glyphicons { border-top: 2px #4765a0 solid; border-left: 3px #4765a0 solid; background: #4765a0; color: #fff }
a:focus > .social { color: #4765a0 }
.font-style a:focus { background: #4765a0; color: #fff; text-decoration: none }
.p-style-1 .p-content { padding-left: 70px }

@media(min-width:962px) and (max-width:1200px) {
    .header .navbar-default .navbar-nav > li > a { padding: 9px 30px 9px 5px }
}