/*=header*/

.hd-sec {
    background: #c1e0f2 none repeat scroll 0 0;
    padding: 10px 0;
}

.hd-lft li {
    color: #000;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
}

.hd-lft li i {
    margin-right: 10px;
    color: #0186e5;
    display: inline-block;
}

.mnmenu-sec {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0488e5+1,6cb8f0+100 */
    background: #0488e5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0488e5 1%, #6cb8f0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0488e5', endColorstr='#6cb8f0', GradientType=0);
    /* IE6-9 */
}

.logo {
    padding: 20px 0px;
    transition: all 0.36s ease-out 0s;
    position: relative;
    z-index: 2;
}

.logo::before {
    background: #fff none repeat scroll 0 0;
    content: " ";
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
    transform: skewX(-48deg);
    width: 2000px;
    z-index: -1;
}

.logo a{display: inline-block;height: 51px;}

.logo a img {
    height: 45px;
    width: auto;
}

.main-menu ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}

.main-menu ul li {
    display: inline-block;
    padding: 0;
    position: relative;
}

.main-menu > ul > li > a {
    color: #fff;
}

.main-menu ul li.active a {
    color: #013f6b;
    position: relative;
    font-weight: bold;
}

.main-menu >ul>li>a {
    color: #fff;
    display: block;
    font-size: 18px;
    /*font-weight: bold;*/
    padding: 36px 20px;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    position: relative;
}

.main-menu >ul>li>a i {
    margin-left: 5px;
}

.main-menu ul li:hover ul {
    visibility: visible;
    transition: all 0.4s ease 0s;
    opacity: 1;
    top: 91px;
    opacity: 1;
}

.main-menu ul ul {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    z-index: 99999;
    opacity: 0;
    top: 140px;
}

.main-menu ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}

.main-menu ul ul li {
    float: none;
    width: 200px;
}

.main-menu ul li {
    display: inline-block;
    padding: 0;
    position: relative;
}

.main-menu ul ul li a {
    padding: 10px 16px;
    color: #0186e5;
    display: block;
    font-weight: 600;
    font-size: 16px;
}

.main-menu ul ul li a:hover {
    background: #0186e5;
    color: #fff;
}


/*=header(end)*/


/*=footer*/

.footer_block {
    background-color: #fff;
    box-shadow: inset -4px -1px 50px -15px #ABABAB;
    -webkit-box-shadow: inset -4px -1px 50px -15px #ABABAB;
    -moz-box-shadow: inset -4px -1px 50px -15px #ABABAB;
    -o-box-shadow: inset -4px -1px 50px -15px #ABABAB;
}

.footer_block .footer-sec {
    padding: 40px 0;
}

.footer_block .footer-bottom-sec {
    padding: 15px 0;
    background: #f5f5f5;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #eaeaea;
    text-align: center;
}

.footer_block .footer-bottom-sec .copy-right a {
    color: #2eb6a9;
}

.footer_block .footer-wedget-one {
    margin-bottom: 20px;
}

.footer_block .footer-wedget-one a img {
    max-width: 100%;
}

.footer_block .footer-wedget-one a {
    display: block;
    margin-bottom: 20px;
}

.footer_block .footer-wedget-one p {
    font-size: 14px;
    line-height: 22px;
}

.footer_block .footer-widget-menu {
    margin-bottom: 20px;
}

.footer_block .footer-widget-menu h2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}

.footer_block .footer-widget-menu ul {
    font-size: 14px;
}

.footer_block .footer-widget-menu ul>li {
    margin-bottom: 10px;
}

.footer_block .footer-widget-menu ul>li a {
    color: #000;
}

.footer_block .footer-widget-menu ul>li a.clk,
.footer_block .footer-widget-menu ul>li a:hover {
    color: #0186e5;
}

.footer_block .footer-widget-menu ul>li i {
    margin-right: 5px;
    display: inline-block;
    width: 18px;
    color: #0186e5;
}


/*=footer(end)*/


/*=index*/

.index {}

.about-sec {
    background: #fff none repeat scroll 0 0;
    background-image: url('/assets/images/preview/banner02.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.pt-100 {
    padding-top: 100px;
}

.about-text >span {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #0186e5;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.about-text h1 {
    color: #292929;
    display: inline-block;
    margin-bottom: 14px;
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
}

.about-text h1 >span {
    color: #0186e5;
}

.about-text p {
    font-size: 14px;
    line-height: 22px;
}

.about-countup {
    margin: 50px 0px;
}

.counting-inner {
    display: inline-block;
    padding-right: 80px;
    margin-bottom: 20px;
}

.counting-inner h2 {
    font-size: 36px;
    color: #9f9f9f;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
}

.counting-inner h2::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #0186e5;
    bottom: -10px;
}

.counting-inner h4 {
    color: #292929;
    text-transform: capitalize;
    font-size: 20px;
    font-family: open sans;
}

.sec-title {
    margin: 0 0 60px 0;
    text-align: center;
}

.sec-title h1 {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 20px;
}

.sec-title h1 span {
    position: relative;
    color: #0186e5;
}

.sec-title h1 span::before {
    position: absolute;
    width: 50px;
    height: 1px;
    background: #0186e5;
    bottom: -3px;
    content: "";
    left: 5px;
}

.sec-title p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
}

.service-item .col-md-4.col-sm-6 {
    padding: 0;
}

.service-inner {
    position: relative;
    overflow: hidden;
    margin-bottom: 00px;
}

.service-details {
    position: absolute;
    top: 178px;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
    background-color: rgba(36, 45, 52, 0.9);
    transition: all 0.4s ease 0s;
}

.service-details h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.service-details h2 a {
    color: #00b9ff;
}

.service-details p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}

.readmore {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
    top: -8px;
    border-bottom: 1px solid;
}

.service-inner:hover .service-details {
    top: 0;
}

.service-inner:hover .service-details {
    background-color: rgba(164, 214, 229, 0.95);
    border-bottom: 4px solid #0fbbfb;
    color: #424242;
}

.service-inner:hover .service-details h2 a {
    color: #292929;
}

.service-img {
    height: 240px;
}

.pb-100 {
    padding-bottom: 100px
}

.appoitment-area {
    background-image: url('/assets/images/background/banner09.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

.company-openingtime {
    width: 250px;
    padding-top: 100px;
}

.appointment-form h2,
.company-openingtime h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}

.company-openingtime ul li {
    display: inline-block;
    padding: 8px 0;
    width: 100%;
    color: #fff;
    border-bottom: 1px dashed #ddd;
    font-weight: bold;
}

.company-openingtime ul li span {
    float: right;
    font-weight: normal;
    color: #00b9ff;
}

.appointment-form {
    position: relative;
    z-index: 1;
    padding: 100px 0px 100px 40px;
}

.appointment-form::before {
    background-color: #99d0e4;
    content: "";
    height: 101%;
    left: -100px;
    position: absolute;
    top: 0;
    width: 5000px;
    z-index: -9;
    transform: skewX(-20deg);
}

.appointment-form::-webkit-input-placeholder {
    color: #fff;
}

.appointment-form:-moz-placeholder {
    color: #fff;
}

.appointment-form::-moz-placeholder {
    color: #fff;
}

.appointment-form:-ms-input-placeholder {
    color: #fff;
}

.appointment-form h2,
.company-openingtime h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}

.appointment-form fieldset {
    margin-left: -15px;
}

.appoitment-area .appointment-form .sngl-field {
    margin-bottom: 30px;
    margin-top: 0;
}

.appoitment-area .appointment-form .sngl-field input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    background: none;
}

.appoitment-area .appointment-form .sngl-field .select-arrow {
    position: relative;
}

.appoitment-area .appointment-form .sngl-field .select-arrow:before {
    color: #fff;
    content: "\f107 ";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 10px;
}

.appoitment-area .appointment-form .sngl-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #fff;
    width: 100%;
    padding: 11px 10px;
    cursor: pointer;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
    background: none;
}

.appoitment-area .appointment-form .sngl-field select option {
    background: #fff none repeat scroll 0 0;
    color: #555;
}

.appoitment-area .appointment-form .sngl-field textarea {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    font-weight: 600;
    margin-top: -15px;
    width: 100%;
    padding: 8px 10px;
    background: none;
}

.appoitment-area .appointment-form .filed-submitbtn input[type="submit"] {
    margin: 0;
    background: #282828;
    border: 0;
    padding: 12px 40px;
    font-weight: 600;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.appointment-form .verification_box {}

.appointment-form .verification_box .ipt_sty {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}

.appointment-form .verification_box .reset_btn {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #aaa;
    color: #fff;
}

.appointment-form .verification_box .verification_img {
    width: 100px;
    max-height: 30px;
}

.carousel-control.right {
    background: none;
    width: 40px;
    height: 40px;
    line-height: 35px;
    border: 1px solid #fff;
    top: calc(50% - 19px);
    right: 15px;
}

.carousel-control.left {
    background: none;
    width: 40px;
    height: 40px;
    line-height: 35px;
    border: 1px solid #fff;
    top: calc(50% - 19px);
    left: 15px;
}

.slider.index1 .slider-text {
    top: 50%;
}

.slider-text {
    left: 0;
    position: relative;
    right: 0;
    top: 55%;
    /*   transform: translateY(-50%);*/
    z-index: 2;
    width: 1170px;
    padding: 60px 15px;
    margin: 0px auto;
}

.slider-wraper h1 {
    color: #fff;
    font-size: 52px;
    text-transform: capitalize;
    transition: all 0.2s ease 0s;
    /*文字溢出*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 104px;
}

.slider-wraper {
    /*width: 800px;*/
    width: 645px;
    text-align: left;
}

.slider-text h1 span {
    color: #0186e5;
}

.slider-text p {
    color: #fff;
    padding: 0px 100px 0px 0;
    font-size: 14px;
    line-height: 20px;
    margin: 40px 0;
    /*文字溢出*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

.slider-text li {
    display: inline-block;
    margin: 0px 10px;
}

.slider-text li a {
    color: #fff;
    display: inline-block;
    margin-top: 8px;
    padding: 12px 30px;
    text-transform: uppercase;
    border: 1px solid #0186e5;
    transition: .3s;
}

.slider-text li a:hover{
 background: #0c6fb6;
 color:#fff;
}

.slider-text li:last-child a {
    background: #0186e5 none repeat scroll 0 0;
    color: #fff;
}
.slider-text li:last-child a:hover{
	 background: #0c6fb6;
 color:#fff;
}

.carousel-inner>.item{
	background-position:center center;
	background-size:cover;
}

@media screen and (max-width: 1200px) {
    .slider-wraper {
        width: 100%;
        text-align: left;
    }
    .slider-text {
        width: 100%;
        padding: 40px 70px;
    }
    .slider-text p {
        padding: 0px 0px 0px 0;
    }
    .slider-wraper h1 {
        font-size: 30px;
        /*文字溢出*/
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 119px;
    }
}

@media screen and (max-width: 767px) {
    .appointment-form::before {
        left: -15px;
        transform: skewX(0deg);
    }
    .company-openingtime {
        margin: 20px auto;
        padding: 60px 0;
    }
    .appoitment-area {
        background-position: left center;
    }
}


/*=index(end)*/


/*=about_us*/

.page_top_banner {
    height: 200px;
    text-align: center;
    padding-top: 50px;
}

.page_top_banner h2 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.page_top_banner p a {
    color: #fff;
}

.page_top_banner p {
    font-size: 16px;
    color: #fff;
}

.page_top_banner p span {
    color: #00b9ff;
}

.pdt-60 {
    padding-top: 60px;
}

.pdb-60 {
    padding-bottom: 60px;
}

.left_menu_block {
    width: 100%;
}

.left_menu_block .mu_btn {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #aaa;
    font-size: 16px;
    color: #555;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,f7f7f7+100 */
    background: #cccccc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cccccc 0%, #f7f7f7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cccccc 0%, #f7f7f7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cccccc 0%, #f7f7f7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f7f7f7', GradientType=0);
    /* IE6-9 */
}

.left_menu_block .mu_btn:hover,
.left_menu_block .mu_btn.clk {
    background: #0488e5;
    background: -moz-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    background: -webkit-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    background: linear-gradient(to bottom, #0488e5 1%, #6cb8f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0488e5', endColorstr='#6cb8f0', GradientType=0);
    color: #fff;
}

.left_menu_block .title_box {
    background: none;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 2px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
}


/*文字編輯區*/

.text_editor_block {
    width: 100%;
    min-height: 300px;
    /*padding: 15px 0;*/
}

.text_editor_block img {
    max-width: 100%;
}


/*文字編輯區(end)*/


/*=about_us(end)*/


/*=download*/

.download {}


/*table_RWD*/

.rwd_table {
    border: 1px solid #eee;
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
}

.rwd_table th,
td {
    border: 1px solid #eee;
    padding: 10px 10px;
    text-align: center;
}

.rwd_table th {
    background: #58AFED;
    color: #fff;
    font-weight: bold;
}

.download .rwd_table td:first-child,
.download .rwd_table th:first-child {
    text-align: left;
}

.download .rwd_table td {
    color: #666;
}

.download .rwd_table td a i {
    color: #0D8CE6;
    font-size: 22px;
    transition: .3s;
}

.download .rwd_table td a:hover i {
    color: #013F6B;
}

.download .rwd_table tr:nth-child(odd) {
    background: #e0f6ff;
}

.download .rwd_table tr:nth-child(even) {}

@media screen and (max-width: 768px) {
    .rwd_table {
        border: none;
    }
    .rwd_table tr {
        border: 1px solid #eee;
        display: block;
        margin-bottom: 15px;
    }
    .rwd_table th {
        display: none;
    }
    .rwd_table td {
        display: block;
        border: none;
        text-align: left;
        position: relative;
        padding-left: 100px;
    }
    .rwd_table td:before {
        content: attr(data-th) ":";
        float: left;
        font-weight: bold;
        position: absolute;
        top: 10px;
        left: 15px;
        color: #000;
    }
    .download .rwd_table td:first-child,
    .download .rwd_table th:first-child {
        text-align: left;
    }
    .download .rwd_table tr:nth-child(odd) {
        background: #eee;
    }
    .download .rwd_table tr:nth-child(1) {
        display: none;
    }
    .rwd_table td:nth-child(3) {
        padding-left: 10px;
    }
    .rwd_table td:nth-child(3):before {
        display: none;
    }
    .download .rwd_table td a {
        width: 100%;
        text-align: center;
        padding: 5px;
        border: 1px solid #eee;
        border-radius: 5px;
        display: block;
        background: #0488e5;
        background: -moz-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
        background: -webkit-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
        background: linear-gradient(to bottom, #0488e5 1%, #6cb8f0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0488e5', endColorstr='#6cb8f0', GradientType=0);
        color: #fff;
    }
    .download .rwd_table td a i {
        color: #fff;
    }
}


/*table_RWD*/


/*頁籤樣式*/

.pagination_box {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.pagination_box .pages_number {
    text-align: center;
    display: inline-block;
}

.pagination_box .pages_number>li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
    border: 1px solid #eee;
}

.pagination_box .pages_number>li a {
    text-decoration: none;
    color: #333;
    width: 100%;
    display: block;
}

.pagination_box .pages_number>li.now_p {
    background: #58AFED;
    color: #fff;
}

.pagination_box .pages_number>li.now_p a {
    color: #fff;
}


/*頁籤樣式(end)*/


/*=download(end)*/


/*=vendor*/

.vendor {}

.vendor .vendor_card {
    display: block;
    margin-bottom: 30px;
}

.vendor .vendor_card .pic {
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    transition: .3s;
}

.vendor .vendor_card .pic img {
    max-width: 100%;
}

.vendor .vendor_card .name {
    transition: .3s;
    text-align: center;
    color: #555;
    font-weight: bold;
    font-size: 16px;
    /*文字溢出*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 20px;
    height: 20px;
    margin-top: 10px;
}

.vendor .vendor_card:hover .pic {
    border-color: #63B4EF;
}

.vendor .vendor_card:hover .name {
    color: #0C8CE5;
}


/*=vendor(end)*/


/*=orders*/

.orders p.prompt {
    font-size: 16px;
    color: #555;
    padding: 15px 10px;
    border-left: 4px solid #1C93E7;
    background: #eee;
    margin-bottom: 25px;
    line-height: 22px;
}

.ipt_sty, .ipt_zip_sty {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    color: #777;
    font-weight: 600;
    background: none;
    border-radius: 3px;
}

.orders .name_box {}

.orders .name_box .ipt_sty {
    display: inline-block;
    vertical-align: middle;
}

.orders .radio_sty {
    display: none;
}

.orders .radio_sty+label {
    padding-left: 25px;
    background: url('/assets/images/icon/select.svg') left center no-repeat;
    background-size: 20px 20px;
    font-size: 16px;
    cursor: pointer;
    min-height: 25px;
    line-height: 25px;
    margin-right: 10px;
}

.orders .radio_sty:checked+label {
    background: url('/assets/images/icon/select_b.svg') left center no-repeat;
    background-size: 20px 20px;
}

.orders .check_sty {
    display: none;
}

.orders .check_sty+label {
    padding-left: 25px;
    background: url('/assets/images/icon/checked.svg') left center no-repeat;
    background-size: 20px 20px;
    font-size: 16px;
    cursor: pointer;
    min-height: 25px;
    line-height: 25px;
    margin-right: 10px;
}

.orders .check_sty:checked+label {
    background: url('/assets/images/icon/checked_b.svg') left center no-repeat;
    background-size: 20px 20px;
}

.orders .ipt_box {
    margin-bottom: 15px;
}

.orders .ipt_box .title {
    font-size: 16px;
    color: #013f6b;
    font-weight: bold;
    margin-bottom: 5px;
}

.orders .ipt_box .title i {
    color: #f00;
}

.sel_sty_box {
    position: relative;
}

.sel_sty_box .sel_sty {
    -webkit-appearance: none;
    border: 1px solid #d8d8d8;
    width: 100%;
    padding: 11px 10px;
    cursor: pointer;
    color: #777;
    font-weight: 600;
    background: none;
    border-radius: 3px;
}

.sel_sty_box:before {
    color: #aaa;
    content: "\f107 ";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 12px;
}

.orders .verification_box {}

.orders .verification_box .ipt_sty {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}

.orders .verification_box .reset_btn {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #aaa;
    color: #fff;
}

.orders .verification_box .verification_img {
    width: 100px;
    max-height: 30px;
}

.btn_sty {
    margin: 0;
    background: #282828;
    border: 0;
    padding: 12px 40px;
    font-weight: 600;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.orders .btn_box {
    text-align: center;
    border-top: 1px solid #aaa;
    padding-top: 15px;
}

@media screen and (max-width: 768px) {
    .orders .address_box .sel_sty_box {
        margin-bottom: 5px;
    }
    .orders .check_sty+label {
        margin-bottom: 5px;
    }
}

@media screen and (min-width: 768px) {
    .orders .name_box .ipt_sty {
        width: calc(100% - 160px);
    }
    .orders .address_box .sel_sty_box {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
        float: left;
        margin-right: 5px;
    }
    .orders .address_box .ipt_zip_sty {
        display: inline-block;
        vertical-align: middle;
        float: left;
        width: 100px;
    }
    .orders .address_box .ipt_sty {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
        float: left;
        width: calc(100% - 350px);
    }
}


/*=orders(end)*/


/*=mobile_header*/

.mobile_header {
    display: none;
    width: 100%;
    height: 60px;
    z-index: 100;
    line-height: 60px;
    position: fixed;
    top: 0;left: 0;
    background: #0488e5;
    background: -moz-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    background: -webkit-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    background: linear-gradient(to bottom, #0488e5 1%, #6cb8f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0488e5', endColorstr='#6cb8f0', GradientType=0);
}
.mobile_header_box{height: 60px;}

.mobile_header:after {
    background: #fff none repeat scroll 0 0;
    content: " ";
    height: 100%;
    position: absolute;
    left: -40px;
    top: 0;
    transform: skewX(-48deg);
    width: 200px;
    z-index: -1;
}

.mobile_header .logo_box {
    height: 35px;
    display: block;
    isplay: inline-block;
    margin-left: 10px;
    position: relative;
}

.mobile_header .logo_box img {
    height: 35px;
    width: auto;
}

.mobile_header .right_box {
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
}

.mobile_header .hb_btn {
    line-height: 0px;
    background: none;
    border: none;
    font-size: 20px;
    color: #fff;
}


/*手機選單*/

.m_hb_menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
    height: calc(100% - 60px);
    position: fixed;
    top: 60px;
    right: -445px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 110;
    transition: .8s;
    overflow: auto;
    padding: 0px 0px 0 0px;
    -moz-box-shadow: inset 3px 2px 38px #dbdbdb;
    -webkit-box-shadow: inset 3px 2px 38px #dbdbdb;
    box-shadow: inset 3px 2px 38px #dbdbdb;
}

.hide_menu_box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 105;
    display: none;
}

.m_hb_menu .m_search_box {
    width: 100%;
}

.m_hb_menu .m_search_box .m_search {
    width: calc(100% - 60px);
    height: 25px;
    background: none;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    margin-left: 12px;
}

.m_hb_menu .m_search_box .m_search_btn {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    background-size: 25px;
    color: #fff;
    font-size: 20px;
}

.m_hb_menu .hb_mu_list {
    margin: 10px 0;
}

.m_hb_menu .hb_mu_list li {
    /*padding: 15px 0;*/
}

.m_hb_menu .hb_mu_list >li {
    color: #333;
    /*padding: 10px 0px;*/
    font-size: 16px;
    border-bottom: 1px dotted #aaa;
}

.m_hb_menu .hb_mu_list >li >ul >li {
    padding-left: 14px;
    background-color: #108DE6;
    border-bottom: 1px solid #35a9fb;
    font-size: 16px;
}

.m_hb_menu .hb_mu_list >li a,
.m_hb_menu .hb_mu_list .list_title {
    color: #555;
    font-weight: bold;
    padding-left: 10px;
    padding: 10px 0 10px 10px;
    display: block;
    position: relative;
    width: 100%;
}

.m_hb_menu .hb_mu_list .list_title i {
    position: absolute;
    font-size: 16px;
    right: 10px;
    top: calc(50% - 8px);
    transition: .5s;
    color: #aaa;
}

.m_hb_menu .hb_mu_list .list_title.clk i {
    transform: rotate(180deg);
}

.m_hb_menu .hb_mu_list >li >ul>li>.list_title,
.m_hb_menu .hb_mu_list >li >ul>li>a {
    color: #fff;
}

.m_hb_menu .hb_mu_list >li >ul>li>ul {
    margin-left: -14px;
}

.m_hb_menu .hb_mu_list >li >ul>li>ul>li {
    background: #555;
    padding-left: 14px;
    border-bottom: 1px solid #888;
}

.m_hb_menu .hb_mu_list >li >ul>li>ul>li>a {
    color: #fff;
}

.m_hb_menu .chk_sty {
    display: none;
}

.m_hb_menu .chk_sty+.list_btn {
    position: relative;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 16px;
}

.m_hb_menu .list_com .chk_sty+.list_btn p:after {
    color: #333;
}

.m_hb_menu .chk_sty+.list_btn p {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.m_hb_menu .chk_sty+.list_btn +ul {
    height: 0;
    transition: .5s;
    overflow: hidden;
    width: auto;
}

.m_hb_menu .chk_sty:checked+.list_btn +ul {
    transition: .5s;
    height: auto;
    width: auto;
    color: #a00;
}


/*手機搜尋*/

.m_hb_menu .search_box {
    margin-top: 10px;
    display: inline-block;
    background: #e9e9e9;
    vertical-align: middle;
    padding-left: 10px;
    margin-left: 10px;
    width: 95%;
}

.m_hb_menu .search_box i {
    vertical-align: middle;
    font-size: 18px;
    color: #666;
}

.m_hb_menu .search_box input {
    background: none;
    line-height: 22px;
    border: none;
    width: calc(100% - 100px);
    height: 35px;
}

.m_hb_menu .search_box .search_btn {
    height: 35px;
    text-align: center;
    width: 60px;
    border: none;
    color: #fff;
    background: #666;
    font-size: 14px;
    float: right;
}


/*手機選單*/

@media screen and (max-width: 1200px) {
    .mobile_header {
        display: block;
    }
}


/*=mobile_header(end)*/


.contact_row {
    padding-left: 0px;
}

.main-menu ul ul li .second_btn{position: relative;}
.main-menu ul ul li .second_btn p{position: relative;width: 100%;}
.main-menu ul ul li .second_btn p i{position: absolute;font-size: 16px;top:calc(50% - 8px);right: 10px;}

.main-menu ul ul li p{
    padding: 10px 16px;
    color: #333;
    display: block;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

.main-menu ul ul li:hover p{
    background: #0186e5;
    color: #fff;
}

.main-menu ul ul li .second_btn .third_box{
    position: absolute;width: 200px;right: -200px;top: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    opacity: 0;
}
.main-menu ul ul li .second_btn:hover .third_box{visibility: visible;
    transition: all 0.4s ease 0s;
    opacity: 1;
}
.main-menu ul ul li .second_btn .third_box a{background: #fff;width: 100%;display: block;}
.main-menu ul ul li .second_btn .third_box a:hover{background:#0186e5;}

/*=product*/
.product{}
.product .mu_box{
    margin-bottom: 10px;
}
.product .mu_block_btn{
    cursor: pointer;
    position: relative;
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #aaa;
    font-size: 16px;
    color: #555;
    font-weight: bold;
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #cccccc 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #cccccc 0%, #f7f7f7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f7f7f7', GradientType=0);
}
.product .mu_block_btn.clk{
    background: #0488e5;
    background: -moz-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    background: -webkit-linear-gradient(top, #0488e5 1%, #6cb8f0 100%);
    background: linear-gradient(to bottom, #0488e5 1%, #6cb8f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0488e5', endColorstr='#6cb8f0', GradientType=0);
    color: #fff;
}

.product .mu_block_btn i{font-size: 16px;position: absolute;right: 10px;top:calc(50% - 8px);transition: .5s;transform:rotate(0deg);}
.product .mu_block_btn.clk i{transform:rotate(-180deg) ;}

.product .mu_block{border:1px dotted #aaa;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top:none;
overflow: hidden;
}
.product .mu_block>li{font-size: 16px;font-weight: bold;}
.product .mu_block>li a{padding: 10px;display: block;width: 100%;color: #333;transition: .3s;}
.product .mu_block>li a:hover,
.product .mu_block>li a.clk{background:#0186e5;color:#fff;}
/*=product(end)*/