@charset "utf-8";

body {
    font-family: kanit,Arial,sans-serif;
    font-size: 1.45em;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: kanit,Arial,sans-serif
}

a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (min-width:992px) {
    .section-side {
        width: 300px
    }

    .section-center {
        width: 640px
    }
}

@media screen and (min-width:1200px) {
    .wrapper {
        min-width: 1170px
    }

    #header {
        width: 1170px
    }

        #header .logo {
            margin-bottom: 0
        }

    #article_fullhalfright_bar > div {
        float: right
    }

    #article_bar_top {
        float: right;
        width: auto
    }

    .section-full-bar {
        width: 1170px
    }

    .section-full-nav {
        width: 1170px
    }

    .section-full-banner {
        width: 1170px
    }

    .section-body-nav {
        width: 1170px
    }

    .section-full-top {
        width: 1170px
    }

    .section-full-middle {
        width: 1170px
    }

    .section-full-bottom {
        width: 1170px
    }

    .section-side {
        float: left;
        width: 310px
    }

    .section-center {
        float: right;
        width: 845px
    }

    #footer {
        width: 1170px
    }
}

.widget-banner .widget-items img {
    padding: 10PX
}

.widget-topsearch .widget-items {
    padding: 15px
}

.widget .widget-item .widget-item-cost .widget-item-price-discount {
    font-size: 15px;
    font-weight: 700
}

.widget .widget-item .widget-item-author {
    font-weight: 700
}

.widget .widget-item .widget-item-author-createdby-name a {
    font-weight: 400
}

.widget .widget-item .widget-item-author-createddate-date {
    font-weight: 400
}

.widget .widget-item .widget-item-figure img {
    padding: 7px
}

.widget .widget-item .widget-item-btn {
    float: left;
    padding: 10px;
    min-width: 100px;
    margin-right: 10px;
    margin-bottom: 10px
}

.widget .widget-header {
    padding: 10px
}

    .widget .widget-header h1, .widget .widget-header h3 {
        text-transform: capitalize;
        font-size: 1.2em;
        font-weight: 400;
        font-family: kanit
    }

.widget .widget-items .widget-item-name {
    position: relative
}

.widget .widget-item .widget-item-name h4 {
    font-size: 1.1em
}

    .widget .widget-item .widget-item-name h4:before {
        background-color: #cecdcc
    }

    .widget .widget-item .widget-item-name h4:before {
        content: "";
        width: 35%;
        height: 1px;
        position: absolute;
        bottom: -1px;
        left: 0
    }

.widget .widget-header .widget-header-viewall {
    margin-top: 2px
}

    .widget .widget-header .widget-header-viewall a {
        font-weight: 400;
        font-size: 1em;
        font-family: kanit,arial
    }

        .widget .widget-header .widget-header-viewall a:before {
            content: '+';
            color: #fff;
            font-size: 22px;
            float: left;
            margin-right: 5px;
            margin-top: -5px
        }

.widget .widget-item .widget-item-stats {
    font-size: .9em
}

.widget .widget-items .widget-shareuc-mores {
    padding: 10px;
    margin-top: 10px
}

.widget-other-b {
    width: auto
}

.navbar-toggle {
    border-radius: 0
}

@media screen and (min-width:768px) {
    .widget-nav-main ul {
        display: table;
        margin: auto
    }

        .widget-nav-main ul.mainlevel > li > a {
            padding: 10px 15px;
            text-transform: uppercase;
            font-size: 1.15em
        }
}

@media screen and (min-width:992px) {
    .widget-nav-main ul.mainlevel > li > a {
        padding: 10px 27px;
        text-transform: uppercase;
        font-size: 1.15em
    }
}

@media screen and (min-width:1200px) {
    .widget-nav-main ul.mainlevel > li > a {
        padding: 10px 40px;
        text-transform: uppercase;
        font-size: 1.15em
    }
}

.widget-galleryalbum .widget-item .widget-item-pic {
    padding: 5px
}

.widget-galleryalbum .widget-items .widget-item-figure {
    margin: 0
}

.widget-galleryalbum .widget-item .widget-item-pic {
    padding: 0
}

    .widget-galleryalbum .widget-item .widget-item-pic img {
        padding: 0
    }

.widget-galleryalbum .widget-item .widget-item-detail {
    padding: 15px;
    display: table
}

.widget-galleryalbum-c-gv-12 .widget-item .widget-item-detail, .widget-galleryalbum-c-gv-2 .widget-item .widget-item-detail, .widget-galleryalbum-c-gv-3 .widget-item .widget-item-detail, .widget-galleryalbum-c-gv-4 .widget-item .widget-item-detail, .widget-galleryalbum-c-gv-6 .widget-item .widget-item-detail, .widget-galleryalbum-f-gv-12 .widget-item .widget-item-detail, .widget-galleryalbum-f-gv-2 .widget-item .widget-item-detail, .widget-galleryalbum-f-gv-3 .widget-item .widget-item-detail, .widget-galleryalbum-f-gv-4 .widget-item .widget-item-detail, .widget-galleryalbum-f-gv-6 .widget-item .widget-item-detail, .widget-galleryalbum-s-gv-12 .widget-item .widget-item-detail {
    width: 100%
}

.widget-s-ul-12 ul.sublevel {
    padding-top: 10px
}

@media screen and (min-width:768px) {
    .widget-gl-12 .widget-item .widget-item-figure {
        width: 35%
    }

    .widget-gl-12 .widget-item .widget-item-detail {
        width: 65%
    }
}

.widget-banner-slider .owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 10px 5px
}

.widget-banner-slider .owl-carousel .owl-dots {
    right: inherit;
    bottom: inherit;
    left: 50%;
    top: 85%;
    margin: 0 0 -20px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media screen and (min-width:768px) {
    .widget-banner-slider .owl-carousel .owl-dots .owl-dot span {
        width: 14px;
        height: 14px
    }

    .widget-banner-slider .owl-carousel .owl-dots {
        top: 92%
    }
}

.widget-login-box .widget-login-box-legend {
    text-transform: uppercase
}

.widget-login-box .widget-login-box-textbox {
    border-radius: 1px;
    font-size: .9em;
    padding: .5em
}

.widget-login-box .widget-login-box-button {
    text-transform: uppercase;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 8px 10px
}

.widget .widget-item .widget-item-btn {
    border-radius: 1px
}

.widget .widget-items .widget-item-button {
    border-radius: 0;
    transition: .5s ease-out
}

.pagination > li > span, .widget .widget-items .pagination > li > a {
    padding: 10px 15px
}

.widget .gridpaging .PagingUC .page-index .btn {
    padding: 11px 15px;
    height: auto
}

.widget .gridpaging .PagingUC .page-index .form-control {
    height: auto;
    padding: 9px 5px;
    border-radius: 0
}

.widget-gridpaging .widget-items .pagination > li > a {
    transition: .5s ease-out
}

.pagination > li:first-child > span, .widget .pagination > li:first-child > a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination > li:last-child > span, .widget .pagination > li:last-child > a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.widget .widget-item-form-row .widget-item-form-colleft {
    text-align: left
}

#widget_contactus_detail_3 .widget-contactus-items {
    margin-bottom: 15px
}

.widget .widget-item .widget-item-name h4:before {
    width: 100%
}

.widget .widget-item .widget-item-author {
    font-weight: 300;
    font-size: 15px
}

.widget-item-author-createddate-label {
    font-weight: 300
}

.widget .widget-item .widget-item-author-createddate-date {
    font-weight: 300
}

.widget-nav-body ul {
    padding: 5px
}

.widget-s-gl-12 .widget-items .widget-item {
    border-bottom: transparent
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .widget .widget-item .widget-item-shortdesc {
        height: 82px
    }
}

span.widget-header-viewall-result {
    color: #fff
}

.section-side .widget-topsearch-content {
    display: block
}

.section-center .widget-topsearch-content {
    display: none
}

body {
    color: #322f32;
    background: #c5eaf0;
    background: -moz-linear-gradient(top,#c5eaf0 0,#f3f7f8 43%,#fdfdfd 62%,#ededed 85%,#b6e5ed 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,#c5eaf0),color-stop(43%,#f3f7f8),color-stop(62%,#fdfdfd),color-stop(85%,#ededed),color-stop(100%,#b6e5ed));
    background: -webkit-linear-gradient(top,#c5eaf0 0,#f3f7f8 43%,#fdfdfd 62%,#ededed 85%,#b6e5ed 100%);
    background: -o-linear-gradient(top,#c5eaf0 0,#f3f7f8 43%,#fdfdfd 62%,#ededed 85%,#b6e5ed 100%);
    background: -ms-linear-gradient(top,#c5eaf0 0,#f3f7f8 43%,#fdfdfd 62%,#ededed 85%,#b6e5ed 100%);
    background: linear-gradient(to bottom,#c5eaf0 0,#f3f7f8 43%,#fdfdfd 62%,#ededed 85%,#b6e5ed 100%)
}

a {
    color: #322f32
}

    a:focus, a:hover {
        color: #f58220;
        text-decoration: none
    }

#wrapper_nav_main {
    background: #006fb9
}

.widget-topsearch .widget-items {
    border: solid 1px #b5b6b8;
    background-image: -webkit-linear-gradient(bottom,#c0c4c7,#dfe0e2 50%);
    background-image: -moz-linear-gradient(bottom,#c0c4c7,#dfe0e2 50%);
    background-image: -o-linear-gradient(bottom,#c0c4c7,#dfe0e2 50%);
    background-image: -ms-linear-gradient(bottom,#c0c4c7,#dfe0e2 50%);
    background-image: linear-gradient(to top,#c0c4c7,#dfe0e2 50%)
}

.widget-nav-body {
    background: #454242;
    border: 1px solid #fff;
    border: solid 1px #d8d8d8;
    border-top: 0;
    background: #fff;
    background: rgba(255,255,255,.3);
    border: 1px solid rgba(168,168,168,.3)
}

.widget .widget-item .widget-item-author {
    color: #8c8c8c
}

.widget .widget-item .widget-item-figure img {
    border: 1px solid rgba(202,201,199,.5)
}

.widget .widget-item .widget-item-stats {
    color: #03b0db
}

.widget .widget-items .widget-item-rates {
    color: #006fb9
}

.widget .widget-item .widget-item-btn {
    color: #fff;
    background: #9c9897;
    background: -moz-linear-gradient(top,#9c9897 0,#857875 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9c9897),color-stop(100%,#857875));
    background: -webkit-linear-gradient(top,#9c9897 0,#857875 100%);
    background: -o-linear-gradient(top,#9c9897 0,#857875 100%);
    background: -ms-linear-gradient(top,#9c9897 0,#857875 100%);
    background: linear-gradient(to bottom,#9c9897 0,#857875 100%)
}

    .widget .widget-item .widget-item-btn:hover {
        opacity: .85;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

.widget .widget-header {
    border: solid 2px #fff;
    background-image: -webkit-linear-gradient(left,#0076be,#00a5e7);
    background-image: -moz-linear-gradient(left,#0076be,#00a5e7);
    background-image: -o-linear-gradient(left,#0076be,#00a5e7);
    background-image: -ms-linear-gradient(left,#0076be,#00a5e7);
    background-image: linear-gradient(to right,#0076be,#00a5e7);
    -moz-border-image: -moz-linear-gradient(top,#00adf2 0,#0070b7 100%);
    -chrome-border-image: -chrome-linear-gradient(top,#00adf2 0,#0070b7 100%);
    border-image: linear-gradient(to right,#00adf2 0,#0070b7 100%);
    border-image-slice: 1
}

    .widget .widget-header h1, .widget .widget-header h3 {
        color: #fff
    }

    .widget .widget-header .widget-header-viewall a {
        color: #fff
    }

.widget .widget-items .widget-shareuc-mores {
    background: #fff
}

.navbar-toggle {
    background-color: #006fb9
}

.widget-nav-main ul li .widget-item-arrow:hover {
    color: #006fb9
}

.widget-nav-main ul li a {
    border-bottom: 1px solid rgba(255,255,255,.5)
}

.widget-nav-main ul.mainlevel > li > a {
    color: #fff
}

.widget-nav-main .widget-items .sublevel li a {
    color: #fff
}

.widget-nav-main .sublevel ul {
    background-color: #3b98d8
}

.widget-nav-main .widget-items .mainlevel li.selected > a, .widget-nav-main .widget-items ul li:hover > a {
    color: #006fb9;
    background-color: #e6f5fc
}

@media screen and (min-width:768px) {
    .widget-nav-main ul li a {
        border-bottom: none
    }

    .widget-nav-main ul.mainlevel > li > a {
        color: #fff
    }

    .widget-nav-main ul.sublevel > li > a {
        border-bottom: none
    }

    .widget-nav-main .widget-items .sublevel li a {
        color: #2a3944
    }

    .widget-nav-main ul.sublevel li {
        border-bottom: 1px solid #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

        .widget-nav-main ul.sublevel li:hover {
            border-bottom: 1px solid #0088e3
        }

    .widget-nav-main .widget-items .mainlevel li.selected > a {
        background-color: #e6f5fc;
        color: #006fb9
    }

    .widget-nav-main .widget-items .sublevel li {
        background: rgba(222,222,222,.85)
    }

    .widget-nav-main ul.sublevel ul.sublevel {
        background-color: #fff
    }

    .widget-nav-main .widget-items ul li a:hover {
        background-color: #e6f5fc;
        color: #006fb9
    }

    .widget-nav-main .widget-items ul li:hover > a {
        background-color: #e6f5fc;
        color: #006fb9
    }

    .widget-nav-main .widget-items ul ul li:hover > a {
        color: #0088e3;
        background: 0 0
    }
}

.widget-galleryalbum .widget-item .widget-item-pic {
    border-top: 4px solid #006fb9
}

.widget-galleryalbum .widget-item .widget-item-detail {
    border: 1px solid rgba(168,168,168,.3);
    border-top: 0
}

.widget-galleryalbum .widget-item .widget-item-figure img {
    border: 0
}

.widget-f .widget-items {
    background: rgba(255,255,255,.3)
}

.widget-c .widget-items {
    background: #fff;
    border: 1px solid rgba(168,168,168,.3)
}

.widget-s .widget-items {
    background: rgba(255,255,255,.3);
    border: 1px solid rgba(168,168,168,.3)
}

.widget-cart-box {
    background: rgba(255,255,255,.3);
    border: 1px solid rgba(168,168,168,.3)
}

.widget .owl-carousel .owl-dots .owl-dot span {
    background-color: #626262;
    border: 1px solid #cfcfcf
}

.widget .owl-carousel .owl-dots .owl-dot.active span, .widget .owl-carousel .owl-dots .owl-dot:hover span {
    background: rgba(255,255,255,.3)
}

.widget-banner-slider .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #006fb9
}

.widget-login-bar-open {
    color: #fff
}

.widget-login-box {
    background: rgba(255,255,255,.3);
    border: 1px solid rgba(168,168,168,.3)
}

    .widget-login-box .widget-login-box-legend {
        color: #636262
    }

    .widget-login-box .widget-login-box-textbox {
        border: 1px solid #7f7f7f;
        color: #8c8c8c;
        border: 1px solid rgba(168,168,168,.3)
    }

    .widget-login-box .widget-login-box-button {
        background: #9c9897;
        background: -moz-linear-gradient(top,#9c9897 0,#857875 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9c9897),color-stop(100%,#857875));
        background: -webkit-linear-gradient(top,#9c9897 0,#857875 100%);
        background: -o-linear-gradient(top,#9c9897 0,#857875 100%);
        background: -ms-linear-gradient(top,#9c9897 0,#857875 100%);
        background: linear-gradient(to bottom,#9c9897 0,#857875 100%);
        color: #fff
    }

        .widget-login-box .widget-login-box-button:hover {
            background: #19598f
        }

.widget-login-bar-full .widget-items {
    background: 0 0
}

.widget-language .widget-items {
    background: 0 0
}

.widget-language-full .widget-items .nav-managesite-sublist li {
    border-bottom: 1px solid rgb(255,255,255,.75)
}

.widget-gridpaging .widget-items .pagination > .active > a, .widget-gridpaging .widget-items .pagination > .active > a:focus, .widget-gridpaging .widget-items .pagination > .active > a:hover, .widget-gridpaging .widget-items .pagination > .active > span, .widget-gridpaging .widget-items .pagination > .active > span:focus, .widget-gridpaging .widget-items .pagination > .active > span:hover {
    background-color: #009ee1;
    border: 1px solid #009ee1;
    color: #fff
}

.widget-gridpaging .widget-items .pagination > li > a {
    color: #006fb9
}

    .widget-gridpaging .widget-items .pagination > li > a:hover {
        color: #006fb9
    }

.widget .widget-items .widget-item-button {
    background: #57b4e6;
    border-radius: 3px;
    border: #57b4e6 1px solid
}

    .widget .widget-items .widget-item-button:hover {
        background: #006fb9;
        border: #006fb9 1px solid
    }

.widget .widget-items .form-control:focus {
    -webkit-box-shadow: 0 0 5px rgba(66,139,202,.75);
    -moz-box-shadow: 0 0 5px rgba(66,139,202,.75);
    box-shadow: 0 0 5px rgba(66,139,202,.75);
    border: #3eb8ed 1px solid
}

.widget-topmenu .widget-items {
    background: 0 0
}