@charset "utf-8";
a:focus {
    text-decoration: none;
}

div.ribon {
    position: fixed;
    left: 0;
    top: 0;
    width: 100px;
    height: 120px;
    background: url("Ribbon.png") top left no-repeat;
    z-index: 9999;
    background-size: contain;
    display: none;
}

.main_leftmenu,
.showcontentright {
    background: #f5f5f5;
}

.main_leftmenu .hmenu {
    background: #0e0d6a;
    font-size: 18px;
    font-weight: normal;
    padding: 15px 20px;
    color: #FFF;
}

.main_leftmenu .hmenu .fa {
    vertical-align: middle;
}

.bxhtml .boxdate.view .count,
.bxlistdate>p.year,
.bxlistdate>p.month,
.bxlistview>p.count,
.bxlistdate>p.day {
    margin: 0;
}

@media only screen and (max-width:955px) {
    div.ribon {
        top: 61px;
        width: 80px;
        height: 100px;
    }
}

@font-face {
    font-family: 'webfont';
    src: url('../font/kit55f.eot');
    src: url('../font/kit55f.eot?#iefix') format('embedded-opentype'), url('../font/kit55f.ttf') format('truetype'), url('../font/kit55f.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DBOzone';
    src: url('../font/db_Ozone.eot');
    src: url('../font/db_Ozone.eot?#iefix') format('embedded-opentype'), url('../font/db_Ozone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cordiaUPC';
    src: url('../font/cordia.eot');
    src: url('../font/cordia.eot?#iefix') format('embedded-opentype'), url('../font/cordia.ttf') format('truetype'), url('../font/cordia.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cordiaNew';
    src: url('../font/Cordia-New.eot');
    src: url('../font/Cordia-New.eot?#iefix') format('embedded-opentype'), url('../font/Cordia-New.woff') format('woff'), url('../font/Cordia-New.ttf') format('truetype'), url('../font/Cordia-New.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 14px;
    color: #000000;
    margin: 0;
    padding: 0;
}

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

#signIn input,
#forgetPWD input,
#signUp input {
    padding: 10px;
    border: 1px solid #999;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 1px;
}

img.thumb {
    background-color: #FFFFFF;
    padding: 1px;
    border: 1px solid #CCC;
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.DBfont {
    font-family: "DBOzone";
}

.mobi_hide {
    display: block;
}

.mobi_show {
    display: none;
}

.maincontainer {
    height: auto;
    position: relative;
}

.maincontainer .top {
    height: 50px;
    position: relative;
}

.maincontainer .top a.logo {
    display: none;
    background: url(../images/main/logo.png) no-repeat;
    width: 185px;
    height: 45px;
}

.maincontainer .top .boxtopright {
    height: 53px;
    line-height: 53px;
    border: 0px solid #FFF;
    position: absolute;
    right: 10px;
    top: 0px;
}

.maincontainer .top .boxtopright>a {
    color: #FFF;
    font-family: "DBOzone";
    font-size: 18px;
    display: block;
    float: left;
    margin: 0 5px 0 5px;
}

.maincontainer .top .boxtopright>a.noactive {
    color: #919191;
}

.maincontainer .top .boxtopright>a.active {
    text-decoration: underline;
    color: #FFF;
}

.maincontainer .top .boxtopright>span {
    float: left;
    margin: 0 10px 0 10px;
}

.maincontainer .top .boxtopright>p {
    float: left;
    margin: 0px;
}

.maincontainer .top .boxtopright a.size14 {
    font-size: 14px;
}

.maincontainer .top .boxtopright a.size18 {
    font-size: 18px;
}

.maincontainer .top .boxtopright a.size24 {
    font-size: 24px;
}

.maincontainer .mainleft {
    left: 0;
    position: absolute;
    width: 172px;
    z-index: 1001;
}

.maincontainer .mainleft .footer {
    height: 25px;
    line-height: 25px;
    font-family: "DBOzone";
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
}

.maincontainer .mainleft .footer a.logow3c {
    display: block;
    background: url(../images/main/icon-w3c.png) no-repeat;
    width: 34px;
    height: 25px;
    margin: 0 0 0 8px;
}

.maincontainer .mainright {}

.maincontainer .footer {
    height: 25px;
    line-height: 25px;
    font-family: "DBOzone";
    font-size: 18px;
    color: #FFF;
}

.maincontainer .footer a.logow3c {
    display: block;
    background: url(../images/main/icon-w3c.png) no-repeat;
    width: 34px;
    height: 25px;
    margin: 0 10px 0 10px;
}

a.quicemnu {
    display: block;
    background: url(../images/main/quickmnu.png) no-repeat;
    width: 90px;
    height: 65px;
    text-align: center;
    line-height: 85px;
    font-family: "DBOzone";
    font-size: 24px;
    color: #FFF;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    text-indent: 15px;
    opacity: 0.2
}

a.quicemnu:hover,
a.quicemnu.active {
    font-size: 30px;
    height: 97px;
    width: 105px;
    line-height: 115px;
    opacity: 1;
}

.navmenu {
    padding: 6px 0px 6px 0px;
    background: #5d5d5d;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
}

.navmenu a {
    display: block;
    background: url(../images/main/leftmnu.png) no-repeat left top;
    overflow: hidden;
    width: 164px;
}

.navmenu a p {
    padding-top: 85px;
    font-family: "DBOzone";
    font-size: 22px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.navmenu a p.site {
    padding-top: 12px;
    padding-left: 25px;
    font-family: "DBOzone";
    font-size: 22px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.navmenu a.home {
    width: 164px;
    height: 137px;
    background-position: left -6px;
}

.navmenu a.about {
    width: 164px;
    height: 132px;
    background-position: left -153px;
}

.navmenu a.news {
    width: 164px;
    height: 132px;
    background-position: left -294px;
}

.navmenu a.work {
    width: 164px;
    height: 132px;
    background-position: left -438px;
}

.navmenu a.faq {
    width: 164px;
    height: 132px;
    background-position: left -580px;
}

.navmenu a.contact {
    width: 164px;
    height: 132px;
    background-position: left -723px;
}

.navmenu a.website {
    width: 164px;
    height: 48px;
    background-position: left -864px;
}

.navmenu a.home:hover,
.navmenu a.home-action {
    width: 164px;
    height: 137px;
    background-position: -172px -6px !important;
}

.navmenu a.about:hover,
.navmenu a.about-action {
    width: 164px;
    height: 132px;
    background-position: -172px -153px !important;
}

.navmenu a.news:hover,
.navmenu a.news-action {
    width: 164px;
    height: 132px;
    background-position: -172px -294px !important;
}

.navmenu a.work:hover,
.navmenu a.work-action {
    width: 164px;
    height: 132px;
    background-position: -172px -438px !important;
}

.navmenu a.faq:hover,
.navmenu a.faq-action {
    width: 164px;
    height: 132px;
    background-position: -172px -580px !important;
}

.navmenu a.contact:hover,
.navmenu a.contact-action {
    width: 164px;
    height: 132px;
    background-position: -172px -723px !important;
}

.navmenu .mt10 {
    margin-top: 0px;
}

.navmenu>ul.dropdown {
    list-style: none;
    font-family: "DBOzone";
    font-size: 20px;
}

.navmenu>ul.dropdown li {
    margin-bottom: 10px;
}

.navmenu>ul.dropdown li>ul {
    z-index: 5000;
    background: url(../images/main/submenu-arrow.png) no-repeat;
    background-position: left top;
    padding-left: 8px;
    margin-left: 0px;
}

.navmenu>ul.dropdown li>ul li {
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #0ebbff;
    padding: 0 20px 0 30px;
    border-bottom: 1px solid #0daded;
    width: 323px;
}

.navmenu>ul.dropdown li>ul li:hover {
    background-color: #1680aa;
}

.navmenu>ul.dropdown li>ul li.iconarrow {
    background: #0ebbff url(../images/main/submenu-rightarrow.png) no-repeat;
    background-position: right;
}

.navmenu>ul.dropdown li>ul li.iconarrow:hover {
    background-color: #1680aa;
}

.navmenu>ul.dropdown li>ul>li>a {
    background: none;
    color: #FFF;
    margin-bottom: 0px;
    text-indent: 0px;
    display: block;
    height: 47px;
    line-height: 47px;
    border: 0px solid #F00;
    display: block;
    width: 100%;
}

.navmenu>ul.dropdown li>ul>li>a:hover {
    line-height: 47px;
    margin-bottom: 0px;
}

.navmenu>ul.dropdown li>ul>li>ul {
    background: none;
    border: 1px solid #0e77a1;
    padding-left: 0px;
}

.navmenu>ul.dropdown li>ul>li>ul>li {
    background-color: #0f80ad;
    border-bottom: 1px solid #0e77a1;
}

.navmenu>ul.dropdown li>ul>li>ul>li:hover {
    background-color: #095e80;
}

.navmenu>ul.dropdown li>ul>li>ul>li>a {
    margin-bottom: 0px;
}

.navmenu>ul.dropdown li>ul>li>ul>li>a:hover {
    margin-bottom: 0px;
}

.boxmnu_w01 {
    width: 142px;
    height: 117px;
}

.boxmnu_w02 {
    width: 142px;
    height: 48px;
}

.iconmnuhome {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/main/icon/home.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -40px;
}

.iconmnuabout {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/main/icon/about.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -42px;
}

.iconmnunews {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/main/icon/news.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -43px;
}

.iconmnuwork {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/main/icon/work.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    top: 50%;
    margin-top: -40px;
}

.iconmnufaq {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/home/icon/004.png) center center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -40px;
}

.iconmnucontact {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/main/icon/contact.png) 8px 5px no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -44px;
}

.iconmnusiet {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/main/icon/site.png) no-repeat;
    position: absolute;
    left: 8px;
    top: 12px;
}

.navimenu {
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
}

.navimenu ul {
    list-style: none;
}

.navimenu a {
    position: relative;
    display: block;
}

.navimenu li>a {
    background: #4B76D4;
    background: rgba(75, 118, 212, 1);
    background: -moz-linear-gradient(left, rgba(75, 118, 212, 1) 0%, rgba(75, 118, 212, 0.99) 80%, rgba(75, 118, 212, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(75, 118, 212, 1)), color-stop(80%, rgba(75, 118, 212, 0.99)), color-stop(82%, rgba(75, 118, 212, 0.99)), color-stop(100%, rgba(46, 45, 46, 0.99)));
    background: -webkit-linear-gradient(left, rgba(75, 118, 212, 1) 0%, rgba(75, 118, 212, 0.99) 80%, rgba(75, 118, 212, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -o-linear-gradient(left, rgba(75, 118, 212, 1) 0%, rgba(75, 118, 212, 0.99) 80%, rgba(75, 118, 212, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -ms-linear-gradient(left, rgba(75, 118, 212, 1) 0%, rgba(75, 118, 212, 0.99) 80%, rgba(75, 118, 212, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: linear-gradient(to right, rgba(75, 118, 212, 1) 0%, rgba(75, 118, 212, 0.99) 80%, rgba(75, 118, 212, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    border-radius: 0px 0px 40px 0px;
    -moz-border-radius: 0px 0px 40px 0px;
    -webkit-border-radius: 0px 0px 40px 0px;
    display: block;
}

.navimenu li>a:hover,
.navimenu li>a.active {
    background: #0EBAFF;
    background: rgba(14, 186, 255, 1);
    background: -moz-linear-gradient(left, rgba(14, 186, 255, 1) 0%, rgba(14, 186, 255, 0.99) 80%, rgba(14, 187, 255, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(14, 186, 255, 1)), color-stop(80%, rgba(14, 186, 255, 0.99)), color-stop(82%, rgba(14, 187, 255, 0.99)), color-stop(100%, rgba(46, 45, 46, 0.99)));
    background: -webkit-linear-gradient(left, rgba(14, 186, 255, 1) 0%, rgba(14, 186, 255, 0.99) 80%, rgba(14, 187, 255, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -o-linear-gradient(left, rgba(14, 186, 255, 1) 0%, rgba(14, 186, 255, 0.99) 80%, rgba(14, 187, 255, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -ms-linear-gradient(left, rgba(14, 186, 255, 1) 0%, rgba(14, 186, 255, 0.99) 80%, rgba(14, 187, 255, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: linear-gradient(to right, rgba(14, 186, 255, 1) 0%, rgba(14, 186, 255, 0.99) 80%, rgba(14, 187, 255, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    border-radius: 0px 0px 40px 0px;
    -moz-border-radius: 0px 0px 40px 0px;
    -webkit-border-radius: 0px 0px 40px 0px;
}

.navimenu a p {
    padding-top: 80px;
    font-family: "DBOzone";
    font-size16px;
    color: #FFF;
    text-align: center;
    ine-height: 18px;
    font-variant: 2px;
}

.navimenu a p.site {
    padding-top: 14px;
    padding-left: 15px;
    font-family: "DBOzone";
    font-size: 18px;
    color: #FFF;
    text-align: center;
}

.boxicon a>p,
.navimenu a p,
.navimenu a p.site,
.boxtopleader .bxname>h2,
.boxtopleader .bxname>h3 {
    font-weight: bold !important;
}

.navimenu ul {
    list-style: none;
}

.navimenu>ul.dropdown {
    list-style: none;
    font-family: "DBOzone";
    font-size: 20px;
}

.navimenu>ul.dropdown li {
    margin-bottom: 10px;
}

.navimenu>ul.dropdown li>ul {
    z-index: 5000;
    background: url(../images/main/submenu-arrow.png) no-repeat;
    background-position: left top;
    padding-left: 8px;
    margin-left: 0px;
}

.navimenu>ul.dropdown li>ul li {
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #0ebbff;
    padding: 0 20px 0 30px;
    border-bottom: 1px solid #0daded;
    width: 265px;
}

.navimenu>ul.dropdown li>ul li:hover {
    background-color: #1680aa;
}

.navimenu>ul.dropdown li>ul li.iconarrow {
    background: #0ebbff url(../images/main/submenu-rightarrow.png) no-repeat;
    background-position: right;
}

.navimenu>ul.dropdown li>ul li.iconarrow:hover {
    background-color: #1680aa;
}

.navimenu>ul.dropdown li>ul>li>a {
    background: none;
    border: 0 solid #f00;
    color: #fff;
    display: block;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 0;
    text-indent: 0;
    width: 100%;
    border-radius: 0px;
}

.navimenu>ul.dropdown li>ul>li>a:hover {
    margin-bottom: 0px;
}

.navimenu>ul.dropdown li>ul>li>ul {
    background: none;
    border: 1px solid #0e77a1;
    padding-left: 0px;
}

.navimenu>ul.dropdown li>ul>li>ul>li {
    background-color: #0f80ad;
    border-bottom: 1px solid #0e77a1;
}

.navimenu>ul.dropdown li>ul>li>ul>li:hover {
    background-color: #095e80;
}

.navimenu>ul.dropdown li>ul>li>ul>li>a {
    margin-bottom: 0px;
}

.navimenu>ul.dropdown li>ul>li>ul>li>a:hover {
    margin-bottom: 0px;
}

#mobi_main_topnav {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 61px;
    z-index: 2001;
    background: #00428c;
}

#mobi_main_topnav {}

#mobi_main_topnav a.logo {
    float: left;
    color: #ffffff;
    font-size: 25px;
    margin-left: 20px;
    display: block;
    background: url(../images/mobi/mobi-logo.png) no-repeat;
    width: 282px;
    height: 69px;
}

#mobi_main_topnav a.btn_menu {
    float: right;
    color: #515151;
    font-size: 25px;
    display: block;
    background: url(../images/mobi/btn_menu.png) no-repeat;
    width: 77px;
    height: 61px;
    margin-right: 10px;
}

#mobi_main_topnav a.btn_menu_active {
    background: url(../images/mobi/btn_menu_active.png) no-repeat;
}

#mobi_menu_nav {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2000;
    height: 100%;
    overflow-x: hidden !important;
}

#mobi_menu_nav>.inner {
    width: 1000px;
    margin: 0px auto;
    overflow: auto;
    position: relative;
}

#mobi_menu_nav ul.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-top: 61px;
}

#mobi_menu_nav ul.menu>li {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #999;
}

#mobi_menu_nav ul.menu>li.hhfix {
    background: #767676;
}

#mobi_menu_nav ul.menu>li.submenu {
    display: none;
    border-bottom: 1px solid #7f7f7f
}

#mobi_menu_nav ul.menu>li.submenul3 {
    display: none;
    border-bottom: 1px solid #7f7f7f;
}

#mobi_menu_nav ul.menu>li>a {
    display: block;
    padding: 10px 30px;
    font-size: 30px;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    border-bottom: 0px #a4a3a3 solid;
    background-color: #929191;
    font-family: 'DBOzone'
}

#mobi_menu_nav ul.menu>li>a.icon {
    background: url(../images/mobi/icon_menu_arrow.png) right no-repeat;
    background-position: 98% 50%;
    background-color: #929191;
}

#mobi_menu_nav ul.menu>li>a.member {
    text-align: center;
    padding: 0px;
    width: 325px;
    height: 60px;
    line-height: 60px;
    background: #767676;
}

#mobi_menu_nav ul.menu>li>a.changelang {
    text-align: center;
    padding: 0px;
    width: 80px;
    height: 60px;
    line-height: 60px;
    background: #848484;
}

#mobi_menu_nav ul.menu>li>a:hover {
    background-color: #585757
}

#mobi_menu_nav ul.menu>li>a.active {
    background-color: #585757;
    background-image: url(../images/mobi/icon_menu_arrow_active.png);
}

#mobi_menu_nav ul.menu>li.submenu a {
    background: none;
    background-color: #626262;
}

#mobi_menu_nav ul.menu>li.submenu>a.icon {
    background: url(../images/mobi/icon_menu_arrow.png) right no-repeat;
    background-position: 98% 50%;
    background-color: #626262;
}

#mobi_menu_nav ul.menu>li.submenu.link>a.icon {
    background-image: none;
}

#mobi_menu_nav ul.menu>li.submenu:hover>a {
    background-color: #6a6a6a;
}

#mobi_menu_nav ul.menu>li.submenu>a.active {
    background-image: url(../images/mobi/icon_menu_arrow_active.png);
    background-color: #585757;
}

#mobi_menu_nav ul.menu>li.submenul3 a {
    background: none;
    background-color: #585757;
}

.mobilesearch {
    background: #929191;
    padding: 25px 0 25px 0px;
}

#frmMobiSearch {
    margin: 0px 30px;
    padding: 0px;
    display: block;
    background: #FFF;
    height: 56px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#frmMobiSearch input[type=text] {
    width: 70%;
    border: 0px solid #F00;
    background: none;
    color: #29658b;
    font-weight: bold;
    padding: 0px 8px 0px 8px;
    font-size: 22px;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    font-family: "DBOzone";
    margin: 8px 0 0 14px;
}

#frmMobiSearch #btnmobisearch {
    background: url(../images/main/btn-mobi-search.png) no-repeat;
    border: none;
    cursor: pointer;
    width: 52px;
    height: 53px;
    margin: 0 0 0 0;
    float: left;
}

.innercontainer {
    color: #313131;
    margin-bottom: 40px;
    min-height: 600px;
}

.innercontainer>.linehead {
    border: 0px solid #F00;
    text-align: right;
}

.innercontainer>.linehead a.innerlogo {
    display: none;
    position: relative;
    z-index: 1;
    background: url(../images/main/inner-logo.png) no-repeat;
    width: 139px;
    height: 133px;
    background-color: #fff;
    float: left;
}

.innercontainer>.linehead>.bxtoptxt>.navinner {
    color: #00428c;
    font-size: 22px;
    padding: 15px 25px;
    text-align: right;
    text-shadow: 1px 1px 0px #fff;
}

.innercontainer>.linehead>.bxtoptxt>.navinner a {
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.innercontainer>.linehead>.bxtoptxt>.navinner .fa {
    font-size: 22px;
    vertical-align: text-top;
}

.innercontainer>.linehead>.bxtoptxt>.navinner a:hover {
    text-decoration: underline;
}

.innercontainer>.linehead>.bxtoptxt>.navinner a.active {
    color: red;
}

.innercontainer>.linehead>.bxtoptxt>.topline2 {
    background: none repeat scroll 0 0 #5d78a5;
    height: 48px;
}

.innercontainer .showcontent {
    margin-top: 40px;
    min-height: 500px;
    clear: both;
    /*	background:-webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
	background:-o-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
	background:-moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
	background:linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);*/
}

.bxhtml {
    min-height: 100px;
}

.bgcolor01 {
    background: #6786b8;
}

.bgcolor02 {
    background: #662c92;
}

.bgcolor03 {
    background: #ee7500;
}

.bgcolor04 {
    background: #6786b8;
}

.bgcolor05 {
    background: #6786b8;
}

.bgcolor06 {
    background: #ee7500;
}

.bgcolor07 {
    background: #ee7500;
}

.bgcolor08 {
    background: #9f005d;
}

.bgcolor09 {
    background: #9f005d;
}

.bgcolor10 {
    background: #9f005d;
}

.bgcolor11 {
    background: #f15a23;
}

.bgcolor12 {
    background: #652C91;
}

.bgcolor13 {
    background: #ee7500;
}

a.rss_icon {
    display: block;
    width: 44px;
    height: 40px;
    background: url(../images/main/rss-icon.png) no-repeat;
    margin-top: 0px;
    float: right;
}

.boxfootericon {
    border: 0px solid #FFF;
    margin-top: 25px;
    margin-bottom: 20px;
}

.boxfootericon a {
    display: block;
    position: relative;
}

.boxfootericon a>p {
    text-align: center;
    font-family: "DBOzone";
    font-size: 24px;
    color: #FFF;
    position: absolute;
    top: 70%;
    width: 100%;
}

.boxfootericon a>p.sml {
    text-align: center;
    font-family: "DBOzone";
    font-size: 20px;
    color: #FFF;
    position: absolute;
    top: 70%;
    width: 100%;
    line-height: 16px;
}

.box_gradientfooter {
    background: rgba(152, 152, 152, 1);
    background: -moz-linear-gradient(left, rgba(152, 152, 152, 1) 0%, rgba(152, 152, 152, 0.99) 80%, rgba(152, 152, 152, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(152, 152, 152, 1)), color-stop(80%, rgba(152, 152, 152, 0.99)), color-stop(82%, rgba(152, 152, 152, 0.99)), color-stop(100%, rgba(46, 45, 46, 0.99)));
    background: -webkit-linear-gradient(left, rgba(152, 152, 152, 1) 0%, rgba(152, 152, 152, 0.99) 80%, rgba(152, 152, 152, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -o-linear-gradient(left, rgba(152, 152, 152, 1) 0%, rgba(152, 152, 152, 0.99) 80%, rgba(152, 152, 152, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: -ms-linear-gradient(left, rgba(152, 152, 152, 1) 0%, rgba(152, 152, 152, 0.99) 80%, rgba(152, 152, 152, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    background: linear-gradient(to right, rgba(152, 152, 152, 1) 0%, rgba(152, 152, 152, 0.99) 80%, rgba(152, 152, 152, 0.99) 82%, rgba(46, 45, 46, 0.99) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#2e2d2e', GradientType=1);
    border-radius: 0px 0px 40px 0px;
    -moz-border-radius: 0px 0px 40px 0px;
    -webkit-border-radius: 0px 0px 40px 0px;
}

.iconfooter12 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/012.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.iconfooter13 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/013.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.iconfooter14 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/014.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.iconfooter15 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/015.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.iconfooter16 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/016.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.iconfooter17 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/017.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.iconfooter18 {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/home/icon/018.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -65px;
}

.boxfooter_w01 {
    width: 166px;
    height: 137px;
}

.boxfooterml {
    margin-left: 17px;
}

.boxfootermt {
    margin-top: 17px;
}

.boxfootermlmobi {
    margin-left: 17px;
}

.boxfootermtmobi {
    margin-top: 0px;
}

.viewbox {
    text-align: right;
}

.topSearch {
    margin: 0px 0px 5px 2px !important;
}

.frmTopSearch {
    display: block;
}

.frmTopSearch input[type=text],
.searchCategory select {
    width: 200px;
    border: 1px solid #ccc;
    color: #1b1b1b;
    background: #fff;
    color: #333;
    padding: 0px 8px 0px 8px;
    text-align: left;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    float: left;
}

.frmTopSearch input[type=text] {
    border-right: none;
}

.frmTopSearch #btntopsearch {
    background: url(../images/cms/btnsearch.png) var(--color-blue) center center no-repeat;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin: 0 0 0 0;
    float: right;
    border-radius: 0;
}

.btnsubmit,
.btn_blure {
    background: url(../images/contactus/btn-submit.png) no-repeat;
    width: 123px;
    height: 39px;
    font-family: "DBOzone";
    font-size: 20px;
    color: #FFF;
    border: none;
    cursor: pointer;
}

.btnreset {
    background: url(../images/contactus/btn-reset.png) no-repeat;
    width: 123px;
    height: 39px;
    font-family: "DBOzone";
    font-size: 20px;
    color: #FFF;
    border: none;
    cursor: pointer;
}

.inner_serch {
    padding-bottom: 15px;
}

.cmsTab {
    width: 300px;
    font-size: 18px;
    float: left;
}

.cmsTab a {
    display: block;
    float: left;
    height: 40px;
    color: #ffffff;
    padding: 9px 15px;
    white-space: nowrap;
    text-decoration: none;
    background: #6786b8;
    text-align: center;
    margin-right: 2px;
    font-family: 'THSarabunNew';
}

.cmsTab a:hover,
.cmsTab a.tabactive,
.bartop .cmsTab a.tabactive {
    color: #ffffff;
    background: #05557C;
}

.showcontentright .bxgroup {
    margin-bottom: 15px;
}

.showcontentright .bxgroup>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.showcontentright .bxgroup>ul>li a {
    display: block;
    color: #333;
    padding: 13px 22px;
    font-weight: 300;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    line-height: 14px;
}

.showcontentright .bxgroup>ul>li a:hover {
    background: #efefef;
}

.showcontentright .bxgroup>ul>li a.groupactive {
    color: #05557C;
    font-weight: bold;
}

.showcontentright .bxgroup>ul>li a span {
    color: #1b1b1b;
}

.showcontentright .bxgroup>ul>li a:hover span,
.showcontentright .bxgroup>ul>li a.groupactive span {
    color: #FFF;
}

.searchCategory {
    display: none;
}

.showcontentright .bxgroup>ul>li.head {
    background: #1f3781;
    font-size: 18px;
    font-weight: normal;
    padding: 15px 20px;
    color: #FFF;
}

#cboxContent {
    height: 100% !important;
}

.fancybox-close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/popup/close.png) no-repeat;
}

.boxquickmnu {
    position: fixed;
    width: 330px;
    height: 340px;
    border: 0px solid #F00;
    right: 0px;
    bottom: 0px;
    z-index: 10000;
    display: none;
}

.boxquickmnu a {
    display: block;
}

.boxquickmnu a.btnquickmnu {
    background: url(../images/home/quickmenu/center-quick.png) no-repeat;
    width: 133px;
    height: 133px;
    position: absolute;
    left: 53%;
    top: 47%;
    margin-left: -65px;
    margin-top: -65px;
    text-align: center;
    font-size: 28px;
    font-family: "DBOzone";
    color: #FFF;
    padding-top: 50px;
}

.boxquickmnu a>p {
    padding-top: 4px;
}

a.quickmnu {
    width: 80px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    position: absolute;
}

.quickicon01 {
    display: block;
    background: url(../images/home/quickmenu/icon01.png) no-repeat;
    width: 46px;
    height: 45px;
    margin: 0 auto;
}

.quickicon02 {
    display: block;
    background: url(../images/home/quickmenu/icon02.png) no-repeat;
    width: 44px;
    height: 44px;
    margin: 0 auto;
}

.quickicon03 {
    display: block;
    background: url(../images/home/quickmenu/icon03.png) no-repeat;
    width: 46px;
    height: 45px;
    margin: 0 auto;
}

.quickicon04 {
    display: block;
    background: url(../images/home/quickmenu/icon04.png) no-repeat;
    width: 46px;
    height: 45px;
    margin: 0 auto;
}

.quickicon05 {
    display: block;
    background: url(../images/home/quickmenu/icon05.png) no-repeat;
    width: 46px;
    height: 45px;
    margin: 0 auto;
}

.quickicon06 {
    display: block;
    background: url(../images/home/quickmenu/icon06.png) no-repeat;
    width: 46px;
    height: 45px;
    margin: 0 auto;
}

.quickicon07 {
    display: block;
    background: url(../images/home/quickmenu/icon07.png) no-repeat;
    width: 46px;
    height: 45px;
    margin: 0 auto;
}

.quickicon,
.boxquickmnu a.btnquickmnu,
a.quicemnu {
    transition: All 0.25s ease;
    -webkit-transition: All 0.25s ease;
    -moz-transition: All 0.25s ease;
    -o-transition: All 0.25s ease;
}

.boxquickmnu .quickicon {
    transform: rotate(360deg) scale(0.9);
    -webkit-transform: rotate(360deg) scale(0.9);
    -moz-transform: rotate(360deg) scale(0.9);
    -o-transform: rotate(360deg) scale(0.9);
    -ms-transform: rotate(360deg) scale(0.9);
}

.quickicon:hover {
    transform: rotate(360deg) scale(1.15) !important;
    -webkit-transform: rotate(360deg) scale(1.15) !important;
    -moz-transform: rotate(360deg) scale(1.15) !important;
    -o-transform: rotate(360deg) scale(1.15) !important;
    -ms-transform: rotate(360deg) scale(1.15) !important;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(255, 255, 190, 0.75);
    -moz-box-shadow: 0px 0px 50px 0px rgba(255, 255, 190, 0.75);
    box-shadow: 0px 0px 50px 0px rgba(255, 255, 190, 0.75);
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    border: 0px;
}

.boxquickmnu:hover .quickicon {
    transform: rotate(360deg) scale(1);
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
}

.boxquickmnu:hover a.btnquickmnu {
    transform: scale(0.70);
    -webkit-transform: scale(0.70);
    -moz-transform: scale(0.70);
    -o-transform: scale(0.70);
    -ms-transform: scale(0.70);
}

.mposition01 {
    top: 110px;
    left: 15px;
}

.mposition02 {
    top: 33px;
    left: 70px;
}

.mposition03 {
    top: 20px;
    left: 170px;
}

.mposition04 {
    top: 85px;
    left: 245px;
}

.mposition05 {
    top: 190px;
    left: 240px;
}

.mposition06 {
    top: 243px;
    left: 135px;
}

.mposition07 {
    top: 200px;
    left: 35px;
}

.boxquicksearch {
    width: 810px;
    height: 145px;
    border: 0px solid #F00;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -405px;
    margin-top: -73px;
    z-index: 10000;
    display: none !important;
}

.boxquicksearch .bxq {
    width: 600px;
    height: 76px;
    background: #FFF;
}

.boxquicksearch .bxq .inputqsearch {
    width: 492px;
    height: 74px;
    background: #FFF;
    text-align: center;
    font-family: "DBOzone";
    font-size: 28px;
    color: #000;
    border: none;
}

.boxquicksearch .bxq .btnqsearch {
    background: url(../images/home/quickmenu/btnqsearch.png) no-repeat;
    width: 103px;
    height: 71px;
    border: none;
    cursor: pointer;
    margin: 3px 3px 4px 0px;
}

.boxquicksearch .btnqadvsearch {
    width: 182px;
    height: 76px;
    line-height: 76px;
    background: #890652;
    font-family: "DBOzone";
    font-size: 28px;
    color: #FFF;
    cursor: pointer;
    border: none;
    float: right;
    margin: 1px 1px 0 0;
    text-align: center;
    display: block;
}

.boxquicksearch a.chkqsearch {
    display: block;
    background: #068977;
    font-family: "DBOzone";
    font-size: 28px;
    color: #d5d5d5;
    padding: 6px 5px 6px 5px;
    width: auto;
}

.boxquicksearch .mlq5px {
    margin-left: 5px;
}

.boxquicksearch .mtq5px {
    margin-top: 5px;
}

.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.contentfooter a.back {
    display: none !important;
    background: #d91f17;
    color: #FFF;
    width: 73px;
    padding: 7px;
    text-align: center;
    font-weight: bold;
    float: right;
}

.showcontentright .bxgroup>ul>li a {
    background: #fff;
    transition: All 0.25s ease;
    -webkit-transition: All 0.25s ease;
    -moz-transition: All 0.25s ease;
    -o-transition: All 0.25s ease;
}

.showcontentright .bxgroup>ul {}

.bgcontent1 {
    background: #002C55;
}

.bgcontent2 {
    background: #002C55;
}

.bgcontent3 {
    background: #002C55;
}

.bgcontent4 {
    background: #002C55;
}

.bgcontent5 {
    background: #002C55;
}

.bgcontent6 {
    background: #002C55;
}

.bgcontent7 {
    background: #002C55;
}

.bgcontent8 {
    background: #002C55;
}

.bgcontent9 {
    background: #002C55;
}

.bgcontent10 {
    background: #002C55;
}

.bgcontent11 {
    background: #002C55;
}

.bgcontent12 {
    background: #002C55;
}

.showcontentright .bxgroup {
    font-size: 14px;
    font-weight: bold;
}

#pageNum-wrapper {
    margin-bottom: 5px;
}

.table-responsive {
    border: none;
}

.bxhtml>h1 {
    margin-top: 0;
}

.bxlistview,
.bxlistdate,
.bxlistdwn,
.bxmobiview {
    background: #da251c;
    color: #fff;
    font-family: 'Prompt', sans-serif;
}

@media only screen and (max-width:1275px) {
    .maincontainer {
        display: block;
        padding-top: 0px;
    }
    .innercontainer>.showcontent {
        overflow: auto;
    }
    #pageNum-wrapper {
        width: 330px;
    }
    .frmTopSearch input[type=text],
    .searchCategory select {
        width: 20vw;
    }
    .searchCategory select {
        background-position: right;
        text-align: left;
    }
}

@media only screen and (max-width:991px) {
    .inner_right {
        display: none;
    }
}

@media only screen and (max-width:960px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    .maincontainer {
        display: block;
        width: 100%;
    }
    .maincontainer .mainright {
        float: none;
        display: block;
        padding: 0;
    }
    .maincontainer .footer {
        height: 25px;
        line-height: 25px;
        font-family: "DBOzone";
        font-size: 18px;
        color: #FFF;
        padding: 10px;
    }
    .maincontainer .footer a.logow3c {
        display: block;
        background: url(../images/main/icon-w3c.png) no-repeat;
        width: 34px;
        height: 25px;
        margin: 0 10px 0 10px;
    }
    #mobi_main_topnav {
        display: block;
        background: #4b76d4;
    }
    #mobi_main_topnav a.logo {
        color: #ffffff;
        font-size: 25px;
        display: block;
        background: url(../images/mobi/mobi-logo.png) no-repeat;
        width: 190px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -95px;
    }
    #mobi_main_topnav a.btn_menu {
        color: #515151;
        font-size: 25px;
        display: block;
        background: url(../images/mobi/btn-mnu-mobi.png) no-repeat;
        width: 50px;
        height: 60px;
        position: absolute;
        left: 0px;
    }
    #mobi_main_topnav a.btn_menu_active {
        background: url(../images/mobi/btn-mnu-mobi.png) no-repeat;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
    }
    a.quicemnu {
        display: block;
        background: #0a99dc;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-family: "DBOzone";
        font-size: 21px;
        text-indent: 0px;
        color: #FFF;
        position: fixed;
        right: 0px;
        bottom: 0px;
        z-index: 9999;
        opacity: 1;
    }
    a.quicemnu {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
    }
    a.quicemnu:hover,
    a.quicemnu.active {
        font-size: 21px;
        height: 60px;
        width: 60px;
        line-height: 60px;
        opacity: 1;
    }
    .shobrowse {
        display: none;
    }
    .innercontainer {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:800px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    a.rss_icon {
        display: none;
    }
    #mobi_menu_nav {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 2000;
        overflow: auto;
        height: 100%;
    }
    #mobi_menu_nav>.inner {
        width: 1000px;
        margin: 0px auto;
        overflow: auto;
        position: relative;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
        width: 100%;
    }
    .boxquicksearch {
        width: 100%;
        height: 145px;
        border: 0px solid #F00;
        position: fixed;
        left: 0px;
        top: 60px;
        margin: 0px;
        z-index: 10000;
        display: none;
    }
    .boxquicksearch .bxq {
        width: 100%;
        height: 76px;
        background: #FFF;
    }
    .boxquicksearch .bxq .inputqsearch {
        max-width: 570px;
        height: 74px;
        background: #FFF;
        text-align: center;
        font-family: "DBOzone";
        font-size: 28px;
        color: #000;
        border: none;
    }
    .boxquicksearch .bxq .btnqsearch {
        background: url(../images/home/quickmenu/btnqsearch.png) no-repeat;
        width: 103px;
        height: 71px;
        border: none;
        cursor: pointer;
        margin: 3px 3px 4px 0px;
        float: right;
    }
    .boxquicksearch .btnqadvsearch {
        width: 182px;
        height: 76px;
        line-height: 76px;
        background: #890652;
        font-family: "DBOzone";
        font-size: 28px;
        color: #FFF;
        cursor: pointer;
        border: none;
        float: right;
        margin: 1px 1px 0 0;
        text-align: center;
    }
    /*.innercontainer>.showcontent{padding:30px 20px 30px 20px;}*/
    .frmTopSearch input[type=text],
    .searchCategory select {
        width: 150px;
    }
}

@media (max-width:767px) {
    .innercontainer>.linehead>.bxtoptxt>.navinner {
        padding: 10px 0;
        font-size: 12px;
    }
    .innercontainer .showcontent {
        padding-top: 20px;
        margin-top: 0;
    }
    .innercontainer>.linehead>.bxtoptxt>.navinner .fa {
        font-size: 16px;
    }
    .intner_left,
    .inner_left,
    .javaword-wrap {
        padding-top: 0;
    }
}

@media only screen and (max-width:740px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    #mobi_menu_nav {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 2000;
        overflow: auto;
        height: 100%;
    }
    #mobi_menu_nav>.inner {
        width: 1000px;
        margin: 0px auto;
        overflow: auto;
        position: relative;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
    }
    .boxquicksearch {
        width: 100%;
        height: 145px;
        border: 0px solid #F00;
        position: fixed;
        left: 0px;
        top: 60px;
        margin: 0px;
        z-index: 10000;
        display: none;
    }
    .boxquicksearch .bxq {
        width: 100%;
        height: 76px;
        background: #FFF;
    }
    .boxquicksearch .bxq .inputqsearch {
        max-width: 570px;
        height: 74px;
        background: #FFF;
        text-align: center;
        font-family: "DBOzone";
        font-size: 28px;
        color: #000;
        border: none;
    }
    .boxquicksearch .bxq .btnqsearch {
        background: url(../images/home/quickmenu/btnqsearch.png) no-repeat;
        width: 103px;
        height: 71px;
        border: none;
        cursor: pointer;
        margin: 3px 3px 4px 0px;
        float: right;
    }
    .boxquicksearch .btnqadvsearch {
        width: 182px;
        height: 76px;
        line-height: 76px;
        background: #890652;
        font-family: "DBOzone";
        font-size: 28px;
        color: #FFF;
        cursor: pointer;
        border: none;
        float: right;
        margin: 1px 1px 0 0;
        text-align: center;
    }
    .innercontainer>.showcontent {}
}

@media only screen and (max-width:680px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    #mobi_menu_nav {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 2000;
        overflow: auto;
        height: 100%;
    }
    #mobi_menu_nav>.inner {
        width: 1000px;
        margin: 0px auto;
        overflow: auto;
        position: relative;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
        width: 100%;
    }
    .innercontainer>.linehead a.innerlogo {
        display: none;
    }
    .innercontainer>.linehead>.bxtoptxt {}
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        margin-left: 0px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline2 {
        margin-left: 0px;
    }
    .boxquicksearch {
        width: 100%;
        height: 145px;
        border: 0px solid #F00;
        position: fixed;
        left: 0px;
        top: 60px;
        margin: 0px;
        z-index: 10000;
        display: none;
    }
    .boxquicksearch .bxq {
        width: 100%;
        height: 76px;
        background: #FFF;
    }
    .boxquicksearch .bxq .inputqsearch {
        max-width: 570px;
        height: 74px;
        background: #FFF;
        text-align: center;
        font-family: "DBOzone";
        font-size: 28px;
        color: #000;
        border: none;
    }
    .boxquicksearch .bxq .btnqsearch {
        background: url(../images/home/quickmenu/btnqsearch.png) no-repeat;
        width: 103px;
        height: 71px;
        border: none;
        cursor: pointer;
        margin: 3px 3px 4px 0px;
        float: right;
    }
    .boxquicksearch .btnqadvsearch {
        width: 182px;
        height: 76px;
        line-height: 76px;
        background: #890652;
        font-family: "DBOzone";
        font-size: 28px;
        color: #FFF;
        cursor: pointer;
        border: none;
        float: right;
        margin: 1px 1px 0 0;
        text-align: center;
        display: none;
    }
    a.rss_icon {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    #mobi_menu_nav {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 2000;
        overflow: auto;
        height: 100%;
    }
    #mobi_menu_nav>.inner {
        width: 1000px;
        margin: 0px auto;
        overflow: auto;
        position: relative;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
    }
    .boxquicksearch {
        width: 100%;
        height: 145px;
        border: 0px solid #F00;
        position: fixed;
        left: 0px;
        top: 60px;
        margin: 0px;
        z-index: 10000;
        display: none;
    }
    .boxquicksearch .bxq {
        width: 100%;
        height: 76px;
        background: #FFF;
    }
    .boxquicksearch .bxq .inputqsearch {
        max-width: 570px;
        height: 74px;
        background: #FFF;
        text-align: center;
        font-family: "DBOzone";
        font-size: 28px;
        color: #000;
        border: none;
    }
    .boxquicksearch .bxq .btnqsearch {
        background: url(../images/home/quickmenu/btnqsearch.png) no-repeat;
        width: 103px;
        height: 71px;
        border: none;
        cursor: pointer;
        margin: 3px 3px 4px 0px;
        float: right;
    }
    .boxquicksearch .btnqadvsearch {
        width: 182px;
        height: 76px;
        line-height: 76px;
        background: #890652;
        font-family: "DBOzone";
        font-size: 28px;
        color: #FFF;
        cursor: pointer;
        border: none;
        float: right;
        margin: 1px 1px 0 0;
        text-align: center;
        display: none;
    }
}

@media only screen and (max-width:568px) {
    .frmTopSearch input[type=text] {
        width: 80%;
    }
    .frmTopSearch #btntopsearch {
        width: 20%;
    }
    .frmTopSearch,
    .searchCategory {
        width: 100%;
    }
    .searchCategory select {
        width: 100%;
    }
}

@media (max-width:550px) {
    .innercontainer>.showcontent {
        padding-top: 15px;
    }
}

@media only screen and (max-width:490px) {
    /*.navinner{display:none;}*/
    .searchCategory {
        display: none;
    }
    .innercontainer>.linehead {
        border: 0px solid #F00;
    }
    .mobi_group {
        height: 45px;
        width: 472px;
        background: #05557C url(../images/cms/mobi-dropdown.png) no-repeat;
        background-position: right;
        text-align: center;
        line-height: 45px;
        font-size: 20px;
        color: #FFF;
        font-family: "DBOzone";
    }
    .frmTopSearch {
        display: block;
    }
    .frmTopSearch #btntopsearch {}
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    .mobi_group {
        height: 47px !important;
    }
    .maincontainer .footer {
        height: 25px;
        line-height: 25px;
        font-family: "DBOzone";
        font-size: 18px;
        color: #FFF;
        padding: 10px;
    }
    .maincontainer .footer a.logow3c {
        display: block;
        background: url(../images/main/icon-w3c.png) no-repeat;
        width: 34px;
        height: 25px;
        margin: 0 10px 0 10px;
    }
    .innercontainer {
        width: 100%;
        color: #313131;
        margin: 0 auto;
    }
    .innercontainer>.linehead {
        height: 138px;
        border: 0px solid #F00;
    }
    .innercontainer>.linehead a.innerlogo {
        display: none;
        background: url(../images/main/inner-logo.png) no-repeat;
        width: 139px;
        height: 133px;
    }
    .innercontainer>.linehead>.bxtoptxt {}
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        position: relative;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>h1 {
        font-family: "DBOzone";
        font-size: 32px;
        line-height: 30px;
        font-weight: normal;
        color: #FFF;
        margin-left: 15px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>.navinner {
        color: #e1e7f1;
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>.navinner a {
        font-size: 14px;
        color: #e1e7f1;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline2 {
        height: 48px;
        background: #5d78a5;
    }
    .innercontainer>.showcontent {
        overflow: auto;
    }
    .boxquicksearch {
        top: 10%;
    }
    .boxquicksearch .btnqadvsearch {
        display: none;
    }
    .boxquicksearch {
        left: 0;
        margin: 0;
        right: 0;
        top: 0;
    }
    .boxquicksearch .bxq .btnqsearch {
        position: fixed;
        top: 0;
        right: 0;
    }
    .boxquicksearch .bxq .inputqsearch {
        text-align: left;
        text-indent: 20px;
    }
    .boxfootericon {
        width: 472px;
        border: 0px solid #FFF;
        margin: 10px auto;
    }
    .boxfooter_w01 {
        width: 152px;
        height: 125px;
    }
    .boxfooterml {
        margin-left: 8px;
    }
    .boxfootermt {
        margin-top: 8px;
    }
    .boxfootermlmobi {
        margin-left: 0px;
    }
    .boxfootermtmobi {
        margin-top: 8px;
    }
    .innercontainer>.linehead {
        height: auto;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline2 {
        margin-left: 0px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        margin-left: 0px;
    }
}

@media (max-width:425px) {
    .searchCategory {
        width: 100%;
    }
    .searchCategory select {
        width: 100%;
    }
    #pageNum-wrapper {
        width: 100%;
    }
}

@media only screen and (max-width:360px) {
    /*.navinner{display:none;}*/
    .searchCategory {
        display: none;
    }
    .innercontainer>.linehead {
        border: 0px solid #F00;
    }
    .innercontainer>.linehead>.bxtoptxt {
        width: 312px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        line-height: 40px;
        position: relative;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>h1 {
        font-family: "DBOzone";
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        color: #FFF;
        margin-left: 15px;
        width: 290px;
        padding: 8px 0 8px 0;
    }
    .mobi_group {
        height: 45px;
        width: 350px;
        background: #05557C url(../images/cms/mobi-dropdown.png) no-repeat;
        background-position: right;
        text-align: center;
        line-height: 45px;
        font-size: 20px;
        color: #FFF;
        font-family: "DBOzone";
    }
    .topSearch {
        margin: 4px 4px 4px 2px;
    }
    .frmTopSearch {
        display: block;
    }
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    .mobi_group {
        height: 47px !important;
    }
    .maincontainer {
        display: block;
        width: 100%;
    }
    .maincontainer .mainright {
        float: none;
        display: block;
        padding: 0;
    }
    .maincontainer .footer {
        height: 25px;
        line-height: 25px;
        font-family: "DBOzone";
        font-size: 18px;
        color: #FFF;
        padding: 10px;
    }
    .maincontainer .footer a.logow3c {
        display: block;
        background: url(../images/main/icon-w3c.png) no-repeat;
        width: 34px;
        height: 25px;
        margin: 0 10px 0 10px;
    }
    .innercontainer {
        width: 100%;
        color: #313131;
        margin: 0 auto;
    }
    .innercontainer>.linehead {
        height: 138px;
        border: 0px solid #F00;
    }
    .innercontainer>.linehead a.innerlogo {
        display: none;
        background: url(../images/main/inner-logo.png) no-repeat;
        width: 139px;
        height: 133px;
    }
    .innercontainer>.linehead>.bxtoptxt {
        width: 100%;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        position: relative;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>h1 {
        font-family: "DBOzone";
        font-size: 32px;
        line-height: 30px;
        font-weight: normal;
        color: #FFF;
        margin-left: 15px;
        width: 300px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>.navinner {
        color: #e1e7f1;
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>.navinner a {
        font-size: 14px;
        color: #e1e7f1;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline2 {
        height: 48px;
        background: #5d78a5;
    }
    .boxquicksearch {
        top: 10%;
    }
    .boxquicksearch .btnqadvsearch {
        display: none;
    }
    .boxquicksearch {
        left: 0;
        margin: 0;
        right: 0;
        top: 0;
    }
    .boxquicksearch .bxq .btnqsearch {
        position: fixed;
        top: 0;
        right: 0;
    }
    .boxquicksearch .bxq .inputqsearch {
        text-align: left;
        text-indent: 20px;
    }
    .boxfootericon {
        width: 472px;
        border: 0px solid #FFF;
        margin: 10px auto;
    }
    .boxfooter_w01 {
        width: 152px;
        height: 125px;
    }
    .boxfooterml {
        margin-left: 8px;
    }
    .boxfootermt {
        margin-top: 8px;
    }
    .boxfootermlmobi {
        margin-left: 0px;
    }
    .boxfootermtmobi {
        margin-top: 8px;
    }
    .innercontainer>.linehead {
        height: auto;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline2 {
        margin-left: 0px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        margin-left: 0px;
    }
    #frmMobiSearch input[type=text] {
        width: 60%;
    }
}

@media only screen and (max-width:320px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    .maincontainer {
        display: block;
        width: 100%;
    }
    .maincontainer .mainright {
        float: none;
        display: block;
        padding: 0px;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
        width: 100%;
    }
    #frmMobiSearch {
        margin: 0px 0px 0px 30px;
        padding: 0px;
        display: block;
        background: #FFF;
        width: 250px;
        height: 56px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .innercontainer {
        width: 100%;
        color: #313131;
        margin: 0 auto;
    }
    .innercontainer>.linehead {}
    .innercontainer>.linehead>.bxtoptxt {
        width: 100%;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        line-height: 40px;
        position: relative;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>h1 {
        font-family: "DBOzone";
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        color: #FFF;
        margin-left: 15px;
        width: 290px;
        padding: 8px 0 8px 0;
    }
    .pageWrapper .allpage {
        display: none;
    }
    #goTo-wrapper {
        display: none;
    }
    #jumpTo-wrapper {
        display: none;
    }
}

@media only screen and (max-width:280px) {
    .mobi_hide {
        display: none;
    }
    .mobi_hides {
        display: none;
    }
    .mobi_show {
        display: block;
    }
    .maincontainer {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }
    #mobi_menu_nav ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        padding-top: 61px;
        width: 100%;
    }
    #frmMobiSearch {
        margin: 0px 0px 0px 30px;
        padding: 0px;
        display: block;
        background: #FFF;
        width: 215px;
        height: 56px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    #frmMobiSearch input[type=text] {
        width: 125px;
        border: 0px solid #F00;
        background: none;
        color: #29658b;
        font-weight: bold;
        padding: 0px 8px 0px 8px;
        font-size: 22px;
        font-weight: normal;
        height: 38px;
        line-height: 38px;
        font-family: "DBOzone";
        margin: 8px 0 0 14px;
        float: left;
    }
    .innercontainer {
        width: 272px;
        color: #313131;
        margin: 0 auto;
    }
    .innercontainer>.linehead {}
    .innercontainer>.linehead>.bxtoptxt {
        width: 272px;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1 {
        line-height: 40px;
        position: relative;
    }
    .innercontainer>.linehead>.bxtoptxt>.topline1>h1 {
        font-family: "DBOzone";
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        color: #FFF;
        margin-left: 15px;
        width: 200px;
        padding: 8px 0 8px 0;
    }
    .innercontainer>.showcontent {
        padding: 10px 5px 20px 5px;
    }
    .pageWrapper .allpage {
        display: none;
    }
    #goTo-wrapper {
        display: none;
    }
    #jumpTo-wrapper {
        display: none;
    }
}