.ttr_block_heading img,
.ttr_verticalmenu_heading img {
    vertical-align: middle;
}


/* desktop view start */
#ttr_sidebar_left{
}
body {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    margin: 0;
    background-attachment: fixed;
}

#ttr_page {
    max-width: 2000px;
    min-width: 800px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 1px 1px 1px 1px;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    box-sizing: border-box;
}

.navbar {
    height: 70px;
}

.ttr_footer_bottom_footer_inner {
    height: 100px;
}

.ttr_footer_bottom_footer_inner,
#ttr_footer_top_for_widgets {
    position: relative;
    margin: 0 auto;
}

.ttr_header_element_alignment,
.ttr_menu_element_alignment,
.ttr_slideshow_element_alignment,
.ttr_footer_element_alignment {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}

#ttr_header_inner {
    height: 170px;
    position: relative;
    margin: 0 auto;
}

#ttr_menu.navbar {
    height: 72px;
    min-height: 70px;
    border-radius: 0 0 0 0;
    border: solid #428BCA;
    border: solid rgba(66, 139, 202, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    box-sizing: border-box;
}

#ttr_menu_inner_in {
    min-height: 70px;
    height: auto;
    text-align: right;
    position: relative;
    margin: 0 auto;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
input[type="date"],
input[type="number"],
.input-text.qty,
body #ttr_content .cart .ttr_post input.input-text,
.input-group input#search,
.form-search #searchbox #search_query_top {
    border-radius: 4px 4px 4px 4px;
    border: solid #CCCCCC;
    border: solid rgba(204, 204, 204, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #555555;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
}

#ttr_header .form-control.input-text,
#ttr_header .form-control.input-text:hover {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ttr_prod_attribute .input-group-sm .form-control,
.ttr_prod_attribute .input-group-sm .form-control:hover,
#quantity_wanted_p.input-group-sm .form-control,
#quantity_wanted_p.input-group-sm .form-control:hover {
    border-radius: 4px 4px 4px 4px;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="email"]:focus {
    border-radius: 4px 4px 4px 4px;
    border: solid #66AFE9;
    border: solid rgba(102, 175, 233, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: 1px 0 10px rgba(191, 222, 246, 1);
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #555555;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

#ttr_header .form-control.input-text:focus {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ttr_prod_attribute .input-group-sm .form-control:focus,
#quantity_wanted_p.input-group-sm .form-control:hover {
    border-radius: 4px 4px 4px 4px;
}

textarea,
textarea.form-control,
.form-control,
textarea,
textarea.form-control,
.form-control,
div.selector select.form-control {
    border-radius: 4px 4px 4px 4px;
    border: solid #CCCCCC;
    border: solid rgba(204, 204, 204, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #555555;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
}

textarea:focus,
textarea.form-control:focus,
.form-control:focus,
textarea:focus,
textarea.form-control:focus,
.form-control:focus {
    border-radius: 4px 4px 4px 4px;
    border: solid #66AFE9;
    border: solid rgba(102, 175, 233, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: 1px 0 10px rgba(191, 222, 246, 1);
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #555555;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

select,
select.form-control,
select:focus,
select.form-control:focus {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: white;
    height: auto;
}

a,
a:focus {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

a:visited:not(.btn, .ttr_menu_items a, .ttr_vmenu_items a) {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #92BCE0;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

a:hover {
    /* font-size:14px; */
    /* font-family:Microsoft JhengHei ,"Arial";font-weight:400; */
    /* font-style:normal; */
    /* color:#245682; */
    /* text-shadow:none; */
    /* text-align:left; */
    /* text-decoration:none; */
}

a:hover.separator,
.login_link a {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.login_link a:visited {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #92BCE0;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.login_link a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #245682;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

h1,
h1 a,
h1 a:hover,
h1 a:visited,
h1 a:focus {
    font-size: 36px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 8px 0 8px 0;
}

h2,
h2 a,
h2 a:hover,
h2 a:focus,
h2 a:visited,
h2 a:focus {
    font-size: 30px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #777777;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 10px 0 10px 0;
}

h3,
h3 a,
h3 a:hover,
h3 a:visited,
h3 a:focus {
    font-size: 24px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #5CB85C;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 12px 0 12px 0;
}

h4,
h4 a,
h4 a:hover,
h4 a:visited,
h4 a:focus {
    font-size: 18px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #5BC0DE;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 16px 0 16px 0;
}

h5,
h5 a,
h5 a:hover,
h5 a:visited,
h5 a:focus {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #F0AD4E;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 20px 0 20px 0;
}

h6,
h6 a,
h6 a:hover,
h6 a:visited,
h6 a:focus {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #D9534F;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 28px 0 28px 0;
}

.producttag {
    line-height: 1.5margin:5px 0 5px 0;
}

p {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content ol li {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 5px 0 5px 0;
    list-style-position: inside;
    list-style-type: decimal;
}

#ttr_content ol li {
    list-style-position: outside !important;
    margin-left: 20px !important;
    text-indent: 0px;
}

#ttr_content .breadcrumb li {
    list-style-position: inside !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
}

#ttr_content ul {
    list-style-type: none;
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content ul li {
    margin: 5px 0 5px 0;
}

#ttr_content ul {
    text-indent: 0;
    margin-left: 0;
}

table {
    background: transparent none repeat scroll 0 0;
    border-spacing: 2px;
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
    margin: 0 0 0 0;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>thead>tr>th {
    padding: 8px 8px 8px 8px;
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
}

td {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
}

tr,
td {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

th {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #A9A9A9;
    background: rgba(169, 169, 169, 1);
    background-clip: padding-box;
}

#ttr_content .activelink a,
#ttr_content .activelink a:visited,
#ttr_content .activelink a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .hoverlink a,
#ttr_content .hoverlink a:visited,
#ttr_content .hoverlink a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #245682;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .visitedlink a,
#ttr_content .visitedlink a:visited,
#ttr_content .visitedlink a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #92BCE0;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.badge {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #808080;
    background: rgba(128, 128, 128, 1);
    background-clip: padding-box;
}

.badge:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

hr {
    border-width: 2px 0 0 0;
    border-color: #000000;
    border-style: Solid;
}

.label {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.label:hover,
#ttr_content label.label:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.label-default {
    background-color: #777777;
    background: rgba(119, 119, 119, 1);
    background-clip: padding-box;
}

.label-primary {
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
}

.label-success {
    background-color: #5CB85C;
    background: rgba(92, 184, 92, 1);
    background-clip: padding-box;
}

.label-info {
    background-color: #5BC0DE;
    background: rgba(91, 192, 222, 1);
    background-clip: padding-box;
}

.label-warning {
    background-color: #F0AD4E;
    background: rgba(240, 173, 78, 1);
    background-clip: padding-box;
}

.label-danger {
    background-color: #D9534F;
    background: rgba(217, 83, 79, 1);
    background-clip: padding-box;
}

.label-default:hover {
    background-color: #777777;
    background: rgba(119, 119, 119, 1);
    background-clip: padding-box;
}

.label-primary:hover {
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
}

.label-success:hover {
    background-color: #5CB85C;
    background: rgba(92, 184, 92, 1);
    background-clip: padding-box;
}

.label-info:hover {
    background-color: #5BC0DE;
    background: rgba(91, 192, 222, 1);
    background-clip: padding-box;
}

.label-warning:hover {
    background-color: #F0AD4E;
    background: rgba(240, 173, 78, 1);
    background-clip: padding-box;
}

.label-danger:hover {
    background-color: #D9534F;
    background: rgba(217, 83, 79, 1);
    background-clip: padding-box;
}

.alert {
    padding: 4px 4px 4px 4px;
}

.alert-success {
    border-radius: 2px 2px 2px 2px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #5CB85C;
    background: rgba(92, 184, 92, 1);
    background-clip: padding-box;
}

.alert-info {
    border-radius: 2px 2px 2px 2px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #5BC0DE;
    background: rgba(91, 192, 222, 1);
    background-clip: padding-box;
}

.alert-warning {
    border-radius: 2px 2px 2px 2px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #F0AD4E;
    background: rgba(240, 173, 78, 1);
    background-clip: padding-box;
}

.alert-danger {
    border-radius: 2px 2px 2px 2px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #D9534F;
    background: rgba(217, 83, 79, 1);
    background-clip: padding-box;
}

#ttr_content .pagination li>a,
#ttr_content .pagination li>span {
    border-radius: 2px 2px 2px 2px;
    border: solid #DDDDDD;
    border: solid rgba(221, 221, 221, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #F3F3F3;
    background: rgba(243, 243, 243, 1);
    background-clip: padding-box;
    margin: 1px 1px 1px 1px;
    padding: 8px 10px 8px 10px;
    display: inline-block;
}

#ttr_content .pagination .active a,
#ttr_content .pagination .active>span {
    border-radius: 2px 2px 2px 2px;
    border: solid #428BCA;
    border: solid rgba(66, 139, 202, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 1px 1px 1px 1px;
    padding: 8px 10px 8px 10px;
    background-color: #35B5EB;
    background: rgba(53, 181, 235, 1);
    background-clip: padding-box;
    display: inline-block;
}

#ttr_content .pagination a:hover,
#ttr_content .pagination>span:hover {
    background-color: #35B5EB;
    background: rgba(53, 181, 235, 1);
    background-clip: padding-box;
    border-radius: 2px 2px 2px 2px;
    border: solid #DDDDDD;
    border: solid rgba(221, 221, 221, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content blockquote.ttr_blockquote {
    border-left: 5px Solid #EEEEEE;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    margin: 0 0 0 0;
    padding: 10px 19px 10px 19px;
}

.breadcrumb {
    background-color: #F5F5F5;
    background: rgba(245, 245, 245, 1);
    background-clip: padding-box;
    border-radius: 4px 4px 4px 4px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 1px 1px 1px 1px;
    padding: 3px 5px 3px 5px;
    display: block;
    width: auto;
    color: #428BCA;
}

.breadcrumb>li+li:before {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .breadcrumb a,
#ttr_content .breadcrumb li,
.breadcrumb a {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .breadcrumb a:hover,
#ttr_content .breadcrumb li:hover,
.breadcrumb a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .breadcrumb span,
.breadcrumb span {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #CCCCCC;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

input[type=checkbox] {
    visibility: hidden;
}

.ttr_checkbox {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.ttr_checkbox label {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    min-height: 12px;
    top: 0;
    left: 0;
    box-sizing: content-box;
    background-color: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0)0%, rgba(0, 0, 0, 0.14)50%, rgba(255, 255, 255, 0)100%);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #808080;
    border: solid rgba(128, 128, 128, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
}

.ttr_checkbox label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 15px;
    height: 6px;
    top: 0;
    left: 0;
    border: 2px solid rgba(0, 0, 0, 1);
    border-top: none;
    border-right: none;
    box-sizing: border-box;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.ttr_checkbox input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.ttr_checkbox label {
    width: 13px;
    padding-left: 0;
}

input[type=radio] {
    visibility: hidden;
}

.ttr_radio {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.ttr_radio label {
    cursor: pointer;
    position: absolute;
    width: 10px;
    height: 10px;
    min-height: 10px;
    top: 0;
    left: 0;
    border: solid #808080;
    border-width: 1px 1px 1px 1px;
    border-radius: 50%;
    background-color: #808080;
    background: rgba(255,255,255,1);
    background-clip: padding-box;
    box-sizing: content-box;
}

.ttr_radio label:after {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    opacity: 0;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
    border-radius: 50%;    
    /*
    詩賢添
    */
    background: rgba(0,0,0,1);
    width: 8px;
    height: 8px;
    top: 1px;
    left: 1px;
}

.ttr_radio input[type=radio]:checked+label:after {
    opacity: 1;
}

.ttr_radio label {
    width: 10px;
    padding-left: 0;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    float: none !important;
    margin-left: 0 !important;
    position: static;
}

.ttr_menushape1 {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    left: 0;
    right: auto;
    top: 17.4px;
    width: 174.6px;
    min-height: 35px;
    position: absolute;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    box-sizing: border-box;
    word-wrap: break-word;
    text-align: left;
    display: block;
    z-index: 500;
}

.ttr_menushape1,
.ttr_menushape1 p,
.ttr_menushape1 .tt_link {
    font-size: 14px !important;
}

.ttr_footershape1 {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: auto;
    left: 0;
    right: 0;
    width: 613.199999999998px;
    top: 25.2px;
    min-height: 49.9999999999693px;
    position: absolute;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    box-sizing: border-box;
    word-wrap: break-word;
    display: block;
}

.ttr_footershape1,
.ttr_footershape1 p,
.ttr_footershape1 .tt_link {
    font-size: 14px !important;
}

.ttr_title_position {
    top: 60px;
    position: absolute;
    z-index: 500;
    left: 35.19%;
    right: auto;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    display: block;
}

header .ttr_title_style,
header .ttr_title_style a,
header .ttr_title_style a:link,
header .ttr_title_style a:visited,
header .ttr_title_style a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

header .ttr_title_style,
header .ttr_title_style a,
header .ttr_title_style a:link,
header .ttr_title_style a:visited,
header .ttr_title_style a:hover {
    margin: 0;
    line-height: normal;
    padding: 0;
    background: none;
}

.ttr_slogan_position {
    top: 0px;
    position: absolute;
    z-index: 500;
    left: 0%;
    right: auto;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    display: block;
    overflow: hidden;
}

.ttr_slogan_position {
    display: none;
}

.ttr_slogan_style {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #777777;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 0;
    line-height: normal;
    padding: 0;
    background: none;
}

.ttr_menu_logo {
    background-repeat: no-repeat;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    text-align: center;
    top: 0;
    bottom: auto;
    left: 0%;
    right: auto;
    margin: 0;
    display: block;
    position: absolute;
    border: 0 none;
    box-sizing: border-box;
}

#ttr_menu .ttr_menu_logo {
    height: auto;
}

.slideshowposition1 {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    top: 427.2px;
    left: 76.01%;
    width: 100px;
    min-height: 40px;
    position: absolute;
    left: 76.01%;
    right: auto;
}

.slideshowposition2 {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    top: 499.2px;
    left: 32.81%;
    width: 580.799999999995px;
    min-height: 96.0000000000003px;
    position: absolute;
    left: 32.81%;
    right: auto;
}

.ttr_menu_items .dropdown-menu {
    padding: 0;
}

.ttr_menu_items.nav .open .sub-menu>li>a {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    min-width: 134px;
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}

.navbar-nav {
    padding: 0;
    list-style: none;
    position: relative;
    margin: 0;
    z-index: 501;
    border: 0 !important;
    padding-top: 17.5px !important;
    padding-right: 0;
    text-align: left;
    zoom: 1;
}

#ttr_menu .navbar-collapse {
    margin: 0 0 0 0;
}

.navbar-default {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #428BCA;
    border: solid rgba(66, 139, 202, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    margin: 0 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: content-box
}

.navbar-default {
    padding-left: 0;
    padding-right: 0;
}

ul.navbar-nav .dropdown-menu,
ul.navbar-nav .sub-menu,
ul.navbar-nav .collapse li a {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #E19100;
    background: rgba(225, 145, 0, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #C8CCCC;
    border: solid rgba(200, 204, 204, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.navbar-nav .dropdown-menu>li>a {
    min-width: 160px;
    line-height: 30px;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}

.dropdown-menu {
    min-width: 160px;
}

.navbar-nav ul.dropdown-menu>li {
    position: relative;
}

.ttr_menu_items.navbar-nav ul.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    margin-top: -1px;
}

#ttr_menu .navbar-right.ttr_menu_items ul.dropdown-menu .sub-menu {
    left: auto;
    right: 100%;
}

@media only screen and (min-width: 1025px) {
    .ttr_menu_items .dropdown-menu li:hover>.dropdown-menu {
        display: block;
    }
    .navbar-nav .dropdown-menu>li:hover>a {
        background-color: #EEEEEE;
        background: rgba(238, 238, 238, 1);
        background-clip: padding-box;
    }
    .nav.ttr_menu_items li:hover ul.child {
        left: 12px;
        top: 35px;
    }
    .navbar-right.ttr_menu_items li:hover ul.child {
        right: 12px;
        left: auto;
    }
    .ttr_menu_items.navbar-nav ul.dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px;
    }
    ul.ttr_menu_items.nav li.dropdown:hover>ul.dropdown-menu {
        display: block;
    }
    .ttr_menu_items .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }
    .ttr_menu_items li:hover ul.child li .separate,
    .ttr_menu_items li:hover ul.child li a {
        display: block;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        min-width: 134px;
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(0, 0, 0, 0);
        border-width: 0 0 0 0;
        box-shadow: none;
        line-height: 30px;
        margin: 0 0 0 0;
        padding: 0 0 0 20px;
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
    }
    .ttr_menu_items.nav li:hover li:hover>a.subchild {
        background-color: #EEEEEE;
        background: rgba(238, 238, 238, 1);
        background-clip: padding-box;
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(0, 0, 0, 0);
        border-width: 0 0 0 0;
        box-shadow: none;
        color: rgba(51, 51, 51, 1);
    }
    .ttr_menu_items li:hover ul.child li a.subchild:hover {
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        background-color: #EEEEEE;
        background: rgba(238, 238, 238, 1);
        background-clip: padding-box;
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(0, 0, 0, 0);
        border-width: 0 0 0 0;
        box-shadow: none;
    }
}

@media only screen and (min-width: 1025px) {}

@media only screen and (min-width: 768px) {
    .container {
        overflow: visible !important;
    }
    .nav.ttr_menu_items li ul.child {
        left: 12px;
        top: 35px;
    }
    .navbar-right.ttr_menu_items li ul.child {
        right: 12px;
        left: auto;
    }
    .ttr_menu_items li .child li ul li:last-child .separator {
        display: none;
    }
    .ttr_menu_items li .child li:last-child>.separator {
        display: none !important;
    }
}

.ttr_menu_toggle_button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.nav-pills {
    padding: 0;
    list-style: none;
    text-align: left;
    zoom: 1;
}

.ttr_menu_items li a.ttr_menu_items_parent_link,
.nav.ttr_menu_items li span.separator {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    line-height: 35px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 12px 0 12px;
    border-radius: 0 0 0 0;
    //11border:dotted #428BCA;
    //11border:dotted rgba(66,139,202,1);
    border-width: 0 1px 0 1px;
    box-shadow: none;
    cursor: pointer;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_menu_items li a.ttr_menu_items_parent_link_arrow,
.nav.ttr_menu_items li span.separator.ttr_menu_items_parent_link_arrow {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 35px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    //11border:dotted #428BCA;
    //11border:dotted rgba(66,139,202,1);
    border-width: 0 1px 0 1px;
    box-shadow: none;
    margin: 0 12px 0 12px;
    background-position: right 4px center;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
}

.ttr_menu_items li:hover a.ttr_menu_items_parent_link,
.nav.ttr_menu_items li:hover span.separator {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #35B5EB;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.nav.ttr_menu_items li:hover a.ttr_menu_items_parent_link_arrow,
.nav.ttr_menu_items li:hover span.separator.ttr_menu_items_parent_link_arrow {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #35B5EB;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    background-position: right 4px center;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_menu_items.nav li:hover ul.child li a.subchild:hover,
.ttr_menu_items.nav li:hover ul.child li a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #EEEEEE;
    background: rgba(238, 238, 238, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_menu_items li ul.child li a {
    display: block;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    min-width: 134px;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    line-height: 30px;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

.navbar-default .ttr_menu_items.nav li ul.child li a.subchild {
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.nav.ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow {
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    line-height: 35px;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 12px 0 12px;
    height: 35px;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_menu_items li a.ttr_menu_items_parent_link_active {
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    box-sizing: border-box;
    line-height: 35px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 12px 0 12px;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_menu_items li.active:hover a.ttr_menu_items_parent_link_active {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #35B5EB;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.nav.ttr_menu_items li.active:hover a.ttr_menu_items_parent_link_active_arrow {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #35B5EB;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_menu_items li:hover ul ul,
.ttr_menu_items li:hover li:hover ul ul {
    top: -9999px;
    background-color: #E19100;
    background: rgba(225, 145, 0, 1);
    background-clip: padding-box;
}

.nav.ttr_menu_items li:hover li:hover li:hover a.subchild {}

.nav.ttr_menu_items li:hover li:hover li a.subchild {}

.nav.ttr_menu_items li ul.child li .separator {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    height: auto;
    margin: 0 0 0 0;
    display: none;
}

.nav.ttr_menu_items li:last-child .horiz_separator {
    display: none;
}

.nav.ttr_menu_items li:hover ul.child ul li:last-child .separator,
.nav.ttr_menu_items li:hover li:hover ul li:last-child .separator,
.nav.ttr_menu_items li:hover li:hover li:hover ul li:last-child .separator,
.nav.ttr_menu_items li:hover ul.child li:last-child .separator {
    display: none;
}

.nav.ttr_menu_items li ul.child ul li .separator,
.nav.ttr_menu_items li li:hover ul li .separator,
.nav.ttr_menu_items li li:hover li:hover ul li .separator {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    height: auto;
    margin: 0 0 0 0;
    display: none;
}

.ttr_menu_items .horiz_separator {
    float: right;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    height: 35px;
    margin-top: 0;
    margin-bottom: 0;
    display: none;
}

header#ttr_header {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #E7E7E7;
    border: solid rgba(231, 231, 231, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    height: 170px;
    width: auto;
    box-sizing: content-box;
}

header#ttr_header {
    display: none;
}

nav#ttr_menu {
    width: auto;
}

#ttr_sidebar_left {
    float: left;
    clear: none;
    width: 14.76%;
}

#ttr_sidebar_left_margin {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #BCBCBC;
    border: solid rgba(188, 188, 188, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.ttr_block a:hover:not(.btn),
.ttr_block a:hover:not(.btn) {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.ttr_block a:visited:not(.btn),
.ttr_block a:visited:not(.btn) {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.ttr_block a:not(.btn),
.ttr_block a:not(.btn) {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.ttr_block_content ul {
    list-style: none outside url(../images/bulleticons.png);
    padding-left: 10px;
}

.ttr_block ul li,
.ttr_block li,
.ttr_block li {
    line-height: 20px;
}

#ttr_sidebar_right {
    float: right;
    clear: none;
    width: 15%;
}

#ttr_sidebar_right_margin {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    margin: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid #BCBCBC;
    border: solid rgba(188, 188, 188, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    padding: 0 0 0 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.ttr_verticalmenu {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    text-align: center;
}

.ttr_verticalmenu_header {
    border-radius: 0 0 0 0;
    border: solid #D3D3D3;
    border: solid rgba(211, 211, 211, 1);
    border-width: 0 0 1px 0;
    box-shadow: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-height: 30px;
    box-sizing: content-box;
}

#ttr_page .ttr_verticalmenu_content {
    display: inline-block;
    width: 90%;
}

@media only screen and (min-width: 1025px) {
    .ttr_vmenu_items.nav li:hover li:hover>a.subchild {
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(0, 0, 0, 0);
        border-width: 1px 1px 1px 1px;
        box-shadow: none;
        color: rgba(51, 51, 51, 1);
    }
    .ttr_vmenu_items li:hover ul.child li a.subchild:hover {
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(0, 0, 0, 0);
        border-width: 1px 1px 1px 1px;
        box-shadow: none;
    }
}

@media only screen and (min-width: 1025px) {
    .sub-menu {
        position: absolute;
        visibility: hidden;
    }
    ul.ttr_vmenu_items.nav li.dropdown:hover>ul.dropdown-menu {
        display: block;
        top: 40px;
        margin-top: -40px;
        left: 100%;
        list-style: none;
    }
    #ttr_sidebar_right ul.ttr_vmenu_items.nav li.dropdown:hover>ul.dropdown-menu {
        left: auto;
        right: 100%;
    }
    .nav-pills li:hover {
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
    }
    .ttr_vmenu_items .dropdown-menu>li:hover>a {
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
    }
    .ttr_vmenu_items .collapse>li:hover>a {
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(0, 0, 0, 0);
        border-width: 1px 1px 1px 1px;
        box-shadow: none;
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
    }
    ul.ttr_vmenu_items.nav li.dropdown:hover ul.collapse li {
        list-style: none;
    }
    #ttr_sidebar_left .nav-pills li.dropdown:hover {
        display: block;
    }
    .ttr_vmenu_items.nav .menu-dropdown-styles li:hover .sub-menu {
        visibility: visible;
    }
    .ttr_vmenu_items li:hover ul.child {
        left: 100%;
        top: 40px;
        margin-top: -40px;
        height: auto;
        border-radius: 0 0 0 0;
        border: solid #C8CCCC;
        border: solid rgba(200, 204, 204, 1);
        border-width: 1px 1px 1px 1px;
        box-shadow: none;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 768px) {
    ul.ttr_vmenu_items.nav li.dropdown ul.dropdown-menu {
        top: 40px;
        margin-top: -40px;
        left: 100%;
        list-style: none;
    }
    #ttr_sidebar_right ul.ttr_vmenu_items.nav li.dropdown ul.dropdown-menu {
        left: auto;
        right: 100%;
    }
    ul.ttr_vmenu_items.nav ul li.dropdown-submenu.open>ul {
        display: block;
        visibility: visible;
        list-style: none;
    }
    ul.ttr_vmenu_items.nav ul {
        top: 40px;
        margin-top: -40px;
        left: 100%;
        list-style: none;
    }
    .dropdown-submenu.open>ul {
        display: block;
        visibility: visible;
    }
}

.ttr_menu_toggle_button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.dropdown-backdrop {
    position: relative;
}

ul.ttr_vmenu_items.nav-pills .dropdown-menu,
ul.navbar-nav .collapse li a {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #C8CCCC;
    border: solid rgba(200, 204, 204, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    list-style: none;
}

.ttr_vmenu_items.nav .dropdown-menu>li>a {
    min-width: 160px;
}

ul.ttr_vmenu_items.nav-pills .dropdown-menu>li:hover>a {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

ul.ttr_vmenu_items.nav .sub-menu>li>a {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    min-width: 160px;
    line-height: 20px;
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
}

.nav-stacked>li+li {
    margin-top: 0;
}

.ttr_vmenu_items .dropdown-menu {
    padding: 0;
}

.container {
    overflow: visible!important;
}

.nav-pills li {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.ttr_vmenu_items .collapse>li>a {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    min-width: 160px;
    line-height: 20px;
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
}

#ttr_sidebar_left .dropdown-menu>li {
    display: inline-block;
    font-weight: normal;
    position: relative;
    vertical-align: top;
}

.nav-pills {
    padding: 0;
    list-style: none;
    text-align: left;
    margin: 0 0 0 0;
    display: block;
    background: none;
    z-index: 500;
    zoom: 1;
}

.ttr_vmenu_items li a.ttr_vmenu_items_parent_link,
.nav.ttr_vmenu_items li span.separator {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    line-height: 40px;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_arrow,
.nav.ttr_vmenu_items li span.separator.ttr_vmenu_items_parent_link_arrow {
    display: block;
    padding-left: 0;
    padding-right: 10px;
    line-height: 40px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
}

.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link,
.nav.ttr_vmenu_items li:hover span.separator {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    line-height: 40px;
}

.nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link_arrow,
.nav.ttr_vmenu_items li:hover span.separator.ttr_vmenu_items_parent_link_arrow {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    line-height: 40px;
}

.ttr_vmenu_items.nav li:hover ul.child li a.subchild:hover,
.ttr_vmenu_items.nav li:hover ul.child li a:hover {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.ttr_vmenu_items li ul.child li a {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    line-height: 20px;
    text-indent: 5px;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
    min-width: 160px;
}

.navbar-default .ttr_vmenu_items.nav li ul.child li a.subchild {
    line-height: 20px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    min-width: 160px;
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
}

.nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active_arrow {
    padding-left: 0px;
    padding-right: 10px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    display: block;
    line-height: 40px;
    background-color: #E7E7E7;
    background: rgba(231, 231, 231, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active {
    display: block;
    cursor: pointer;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    line-height: 40px;
    background-color: #E7E7E7;
    background: rgba(231, 231, 231, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_vmenu_items li.active:hover a.ttr_vmenu_items_parent_link_active {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.nav.ttr_vmenu_items li.active:hover a.ttr_vmenu_items_parent_link_active_arrow {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_vmenu_items ul {
    position: absolute;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #C8CCCC;
    border: solid rgba(200, 204, 204, 1);
    border-width: 1px 1px 1px 1px;
    box-shadow: none;
    box-sizing: border-box;
}

.ttr_vmenu_items li:hover ul ul,
.ttr_vmenu_items li:hover li:hover ul ul {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

.nav.ttr_vmenu_items li:hover li:hover li:hover a.subchild {}

.nav.ttr_vmenu_items li:hover li:hover li a.subchild {}

.nav.ttr_vmenu_items li ul.child li .separator {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    height: auto;
    margin: 0 5px 0 5px;
    display: none;
}

.nav.ttr_vmenu_items li:last-child .horiz_separator {
    display: none;
}

.nav.ttr_vmenu_items li:hover ul.child ul li:last-child .separator,
.nav.ttr_vmenu_items li:hover li:hover ul li:last-child .separator,
.nav.ttr_vmenu_items li:hover li:hover li:hover ul li:last-child .separator,
.nav.ttr_vmenu_items li:hover ul.child li:last-child .separator {
    display: none;
}

.nav.ttr_vmenu_items li ul.child ul li .separator,
.nav.ttr_vmenu_items li li:hover ul li .separator,
.nav.ttr_vmenu_items li li:hover li:hover ul li .separator {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    height: auto;
    margin: 0 5px 0 5px;
    display: none;
}

.ttr_vmenu_items .horiz_separator {
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    height: auto;
    margin: 0;
    display: none;
}

footer {
    position: relative;
    background-color: #202020;
    background: rgba(32, 32, 32, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #DCDCDC;
    border: solid rgba(220, 220, 220, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
}

.ttr_footer_bottom_footer {
    height: 100px;
}

footer h1,
footer h1 a,
footer h1 a:hover,
footer h1 a:visited {
    font-size: 36px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer h2,
footer h2 a,
footer h2 a:hover,
footer h2 a:visited {
    font-size: 30px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer h3,
footer h3 a,
footer h3 a:hover,
footer h3 a:visited {
    font-size: 24px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer h4,
footer h4 a,
footer h4 a:hover,
footer h4 a:visited {
    font-size: 18px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer h5,
footer h5 a,
footer h5 a:hover,
footer h5 a:visited {
    font-size: 14px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer h6,
footer h6 a,
footer h6 a:hover,
footer h6 a:visited {
    font-size: 12px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer ol li {
    font-size: 8px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
    list-style-position: inside;
    list-style-type: decimal;
}

footer ol li {
    list-style-position: outside !important;
    text-indent: 0;
}

footer ul {
    list-style: none;
}

footer ul li {
    font-size: 12px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

footer ul li {
    list-style-position: outside !important;
    text-indent: 0;
}

footer a:not(.btn) {
    font-size: 14px;
    font-family: "Arial";
    font-weight: 400;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

footer a:hover:not(.btn) {
    font-size: 14px;
    font-family: "Arial";
    font-weight: 400;
    font-style: normal;
    color: #245682;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

footer a:visited:not(.btn) {
    font-size: 8px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #92BCE0;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_copyright a,
#ttr_copyright span {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_copyright a,
#ttr_copyright span {
    display: none;
}

#ttr_footer_designed_by_links {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    top: 75.2px;
    position: absolute;
    z-index: 500;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    overflow: auto;
}

#ttr_footer_designed_by_links {
    text-align: center;
}

#ttr_footer_designed_by_links {
    display: inline-block;
}

#ttr_footer_designed_by_links a,
#ttr_footer_designed_by_links a:link,
#ttr_footer_designed_by_links a:visited,
#ttr_footer_designed_by_links a:hover {
    display: inline-block;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #35B5EB;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.ttr_block,
#ttr_sidebar_right #newsletter_block_left,
#ttr_sidebar_left #newsletter_block_left {
    overflow: hidden;
    border-radius: 0 0 0 0;
    border: solid #D3D3D3;
    border: solid rgba(211, 211, 211, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ttr_block_header,
#ttr_sidebar_right #newsletter_block_left .block_header,
#ttr_sidebar_left #newsletter_block_left .block_header {
    border-radius: 0 0 0 0;
    border: solid #D3D3D3;
    border: solid rgba(211, 211, 211, 1);
    border-width: 0 0 1px 0;
    box-shadow: none;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    min-height: 30px;
    box-sizing: content-box;
    margin: 4px 4px 4px 4px;
    padding: 0 0 0 0;
}

.ttr_block_content,
.ttr_block_content th,
.ttr_block_content td,
#ttr_sidebar_right #newsletter_block_left .block_content,
#ttr_sidebar_left #newsletter_block_left .block_content,
.ttr_block #poll-answers li,
ol.mini-products-list div.product-details span,
#ttr_sidebar_left .subtotal span,
#ttr_sidebar_left .amount,
.ttr_block_content .label,
.ttr_block_content p {
    padding: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #D3D3D3;
    border: solid rgba(211, 211, 211, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 0 0 0;
}

p.block-subtitle {
    font-weight: bold;
    margin-bottom: 10px;
}

.ttr_block_content th,
.ttr_block_content td,
.ttr_block_content p {
    border: 0 none
}

#wp-calendar th {
    font-weight: Bold;
}

.ttr_block_content h1,
.ttr_block_content h1 a,
.ttr_block_content h1 a:hover,
.ttr_block_content h1 a:visited {
    font-size: 36px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 8px 0 8px 0;
}

.ttr_block_content h2,
.ttr_block_content h2 a,
.ttr_block_content h2 a:hover,
.ttr_block_content h2 a:visited {
    font-size: 30px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 10px 0 10px 0;
}

.ttr_block_content h3,
.ttr_block_content h3 a,
.ttr_block_content h3 a:hover,
.ttr_block_content h3 a:visited,
.ttr_block_content h3 a:focus {
    font-size: 24px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 12px 0 12px 0;
}

.ttr_block_content h4,
.ttr_block_content h4 a,
.ttr_block_content h4 a:hover,
.ttr_block_content h4 a:visited {
    font-size: 18px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 16px 0 16px 0;
}

.ttr_block_content h5,
.ttr_block_content h5 a,
.ttr_block_content h5 a:hover,
.ttr_block_content h5 a:visited {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 20px 0 20px 0;
}

.ttr_block_content h6,
.ttr_block_content h6 a,
.ttr_block_content h6 a:hover,
.ttr_block_content h6 a:visited {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 28px 0 28px 0;
}

.ttr_block ol li {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 5px 0 5px 0;
    list-style-position: inside;
    list-style-type: decimal;
}

.ttr_block ol li {
    list-style-position: outside !important;
    text-indent: 0;
}

.ttr_block ul li {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 5px 0 5px 0;
}

.ttr_block ul li {
    text-indent: 0;
    margin-left: 5px;
}

.html_content p,
.html_content span,
.html_content h2,
.html_content h1,
.html_content h3,
.html_content h4,
.html_content h5,
.html_content h6 {
    font-family: Microsoft JhengHei, Arial;
    font-size: 1em;
    line-height: normal;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

.ttr_banner_header_inner_above0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
}

@media screen and (min-width:768px) {
    .ttr_banner_header_inner_above0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_banner_header_inner_above0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_banner_header_inner_above0>[class*='col-']>div {
        width: 100%;
    }
}

.headerabovecolumn1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.headerabovecolumn2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.headerabovecolumn3 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.headerabovecolumn4 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_banner_header_inner_below0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
}

@media screen and (min-width:768px) {
    .ttr_banner_header_inner_below0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_banner_header_inner_below0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_banner_header_inner_below0>[class*='col-']>div {
        width: 100%;
    }
}

.headerbelowcolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.headerbelowcolumn2 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.headerbelowcolumn3 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.headerbelowcolumn4 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_banner_menu_inner_above0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ttr_banner_menu_inner_above0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_banner_menu_inner_above0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_banner_menu_inner_above0>[class*='col-']>div {
        width: 100%;
    }
}

.menuabovecolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_banner_menu_inner_below0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ttr_banner_menu_inner_below0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_banner_menu_inner_below0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_banner_menu_inner_below0>[class*='col-']>div {
        width: 100%;
    }
}

.menubelowcolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_banner_slideshow_inner_above0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ttr_banner_slideshow_inner_above0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_banner_slideshow_inner_above0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_banner_slideshow_inner_above0>[class*='col-']>div {
        width: 100%;
    }
}

.slideshowabovecolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowabovecolumn2 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowabovecolumn3 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowabovecolumn4 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowabovecolumn5 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_banner_slideshow_inner_below0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ttr_banner_slideshow_inner_below0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_banner_slideshow_inner_below0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_banner_slideshow_inner_below0>[class*='col-']>div {
        width: 100%;
    }
}

.slideshowbelowcolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowbelowcolumn2 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowbelowcolumn3 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowbelowcolumn4 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.slideshowbelowcolumn5 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.contenttopcolumn0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
}

.topcolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.topcolumn2 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.contentbottomcolumn0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
}

.bottomcolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_banner_header {
    margin: 0 auto;
}

.html_content a:hover,
.html_content a:focus {
    text-decoration: none;
}

.footer-widget-area_fixed {
    font-size: 8px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

.footer-widget-area {
    font-size: 8px;
    font-family: "Times New Roman";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 0 auto;
}

.ttr_footer-widget-area_inner_above0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ttr_footer-widget-area_inner_above0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_footer-widget-area_inner_above0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_footer-widget-area_inner_above0>[class*='col-']>div {
        width: 100%;
    }
}

.footerabovecolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_footer-widget-area_inner_below0 {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ttr_footer-widget-area_inner_below0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ttr_footer-widget-area_inner_below0>[class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .ttr_footer-widget-area_inner_below0>[class*='col-']>div {
        width: 100%;
    }
}

.footerbelowcolumn1 {
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

#ttr_content {
    float: left;
    width: 70.48%;
    clear: none;
}

#ttr_content_margin {
    padding: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    box-sizing: border-box;
}

.ttr_comments {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    display: table;
}

.ttr_comment_author {
    margin-right: 12px;
    display: table-cell;
    vertical-align: middle;
}

.ttr_comment_author img {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin-right: 10px;
}

.ttr_comment_text {
    overflow: hidden;
}

.ttr_comment_author_right {
    display: none;
}

#ttr_content .ttr_comment_text p {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin-left: 5px;
}

#ttr_content .ttr_comments .ttr_author_name,
#ttr_content .ttr_comments .ttr_author_name:hover,
#ttr_content .ttr_comments .url {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .ttr_comments .ttr_comment_date,
#ttr_content .ttr_comments .ttr_comment_date:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .ttr_comment_reply_edit a,
#ttr_content .ttr_comment_reply_edit a:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .ttr_post_inner_box {
    border-radius: 10px 10px 10px 10px;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    padding: 0 0 0 0;
}

.ttr_post {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ttr_post_title a,
h2.ttr_post_title,
.ttr_post_title,
.ttr_post_title a:focus {
    font-size: 24px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #343434;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
}

#ttr_content .ttr_page_title,
#ttr_content h1.ttr_page_title a,
#ttr_content h1.ttr_page_title a:visited,
#ttr_content h1.ttr_page_title a:hover,
#ttr_content .ttr_page_title {
    font-size: 24px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content blockquote p {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .postedon a,
.add-to-links a,
.add-to-links,
#ttr_content .add-to-links li,
.mailto {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .postedon a {
    vertical-align: middle;
}

#ttr_content .postedon a:hover,
.add-to-links a:hover,
a.add-to-links:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #3071A9;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}

#ttr_content .ttr_post .postedon {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #5BC0DE;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.ttr_post_title,
.ttr_post_title a,
.ttr_post_title a:focus,
.ttr_post_title a:visited {
    font-size: 24px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #343434;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-color: transparent;
}

.ttr_post_title a:hover {
    background-color: transparent;
    font-size: 24px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #343434;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.ttr_article {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #5BC0DE;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

#ttr_content .star-rating,
#ttr_content .star-rating,
#ttr_content .woocommerce-LoopProduct-link .star-rating {
    color: #5BC0DE;
    float: left;
}

.postcontent p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
}

#ttr_content .postcontent {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

#ttr_content .list .postcontent {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#ttr_content .grid .postcontent {
    margin: 0 0 0 0;
    padding: 5px 0 10px 0;
}

#nav {
    top: 606.44px;
    position: absolute;
    z-index: 500;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    text-align: center;
    font-size: 0;
    display: none;
}

#prev span {
    background-image: url(../images/Leftbutton00.png);
    display: block;
    height: 30px;
    width: 30px;
    text-indent: -999px;
    font-size: 0;
}

#next span {
    background-image: url(../images/Rightbutton00.png);
    display: block;
    height: 30px;
    width: 30px;
    text-indent: -999px;
    font-size: 0;
}

.left-button {
    box-shadow: none;
    border-radius: 0 0 0 0;
    position: absolute;
    display: block;
    top: 0px;
    position: absolute;
    z-index: 500;
    left: 0%;
    right: auto;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    width: 30px;
}

.right-button {
    box-shadow: none;
    border-radius: 0 0 0 0;
    position: absolute;
    display: block;
    top: 0px;
    position: absolute;
    z-index: 500;
    left: 0%;
    right: auto;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    width: 30px;
}

.postcontent img,
img.alignleft,
img.alignright {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 0 0 0;
}

img.aligncenter {
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
}

.btn-toolbar .btn-group.pull-left .btn .icon-search {
    background: url('../images/search.png') no-repeat center;
    display: block;
    height: 16px;
    width: 16px;
}

#ttr_content .modal {
    display: block;
    overflow: visible;
    position: inherit;
}

#ttr_content .form-horizontal .control-label {
    text-align: left;
}

.pager li>a,
.pager li>span {
    border-radius: 2px 2px 2px 2px;
    border: solid #DDDDDD;
    border: solid rgba(221, 221, 221, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    padding: 8px 10px 8px 10px;
}

.btn-toolbar {
    margin-top: 5px;
}

.btn-toolbar>div:first-child {
    float: left;
    margin-right: 5px;
}

.btn-toolbar .btn-group.pull-left .btn {
    margin-top: 0;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    float: left;
    cursor: pointer;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    border-radius: 16px 16px 16px 16px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    box-sizing: inherit;
    clear: none;
    padding: 8px 14px 8px 14px;
    font-size: 14px;
    font-family: "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    width: auto;
    height: auto;
    margin-top: 5px;
    overflow: visible;
    margin-right: 5px;
}

.chzn-container {
    vertical-align: middle;
}

#system-message {
    margin: 0 !important;
}

.tooltip {
    position: absolute !important;
}

.tip {
    background: black;
    text-align: left;
    padding: 3px;
    max-width: 400px;
    color: white;
}

.tip-title {
    font-weight: bold;
}

ul.categories-module li h4,
ul.category-module li h4,
.item-title {
    display: inline;
}

#ttr_content .pagination ul li {
    background: none;
    display: inline;
    text-align: left;
}

#ttr_content .cat-children ul li {
    background: none;
    display: inline-block;
}

#ttr_content ul.pagenav li {
    background: none;
    display: inline;
    text-align: left;
}

* {
    margin: 0;
    padding: 0;
}

.image-left {
    padding: 2px;
    float: left;
    margin: 0 15px 5px 0;
}

table tr th {
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
}

.article-info-term,
.category-name,
.published,
.createdby,
.hits,
.categories-list dl dt,
.categories-list dl dd {
    display: inline;
}

.article-info {
    display: inline;
    vertical-align: middle;
}

.formelm {
    margin-top: 5px;
    margin-bottom: 5px;
}

select,
.formelm input {
    margin-bottom: 9px;
    padding: 4px;
}

button#jform_publish_down_img,
button#jform_publish_up_img {
    background: url(../images/calendar.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: auto;
    margin-left: 3px;
    vertical-align: middle;
    width: 5%;
    margin-top: 0;
    padding: 7px 5px;
    border-radius: 0;
    border: 0;
}

button#jform_publish_down_img:hover,
button#jform_publish_up_img:hover {
    border: 0;
    border-radius: 0;
}

.btn.jmodedit {
    background: none !important;
    border-radius: 0 !important;
    border: none !important;
    width: 14px !important;
}

.btn.jmodedit:hover {
    background: none !important;
    border: 0 !important;
}

#ttr_page .label {
    display: inline-block;
}

.accordion {
    margin-bottom: 18px;
}

.accordion-group {
    background: none repeat scroll 0 0 hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 4px;
    margin-bottom: 2px;
}

.accordion-heading {
    border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    border-top: 1px solid hsl(0, 0%, 90%);
    padding: 15px 19px;
}

img#jform_publish_down_img,
img#jform_publish_up_img {
    margin-left: 3px;
}

#adminForm fieldset {
    border: 1px solid grey;
    border-radius: 5px;
    margin: 10px 0;
    padding: 20px;
}

.input-append {
    display: inline;
}

fieldset legend {
    font-weight: bold;
    padding: 5px 10px;
}

.mce-container,
.mce-container-body {
    margin-top: 5px !important;
}

#ttr_content #jform_articletext_toolbar1 {
    width: auto;
    border-spacing: 0;
    border: 0 none;
}

#ttr_content #jform_articletext_toolbar2 {
    width: auto;
    border-spacing: 0;
    border: 0 none;
}

#ttr_content #jform_articletext_toolbar3 {
    width: auto;
    border-spacing: 0;
    border: 0 none;
}

#ttr_content #jform_articletext_tbl {
    margin-top: 5px;
    width: auto;
    border: 0 none;
    border-spacing: 0;
}

#ttr_content #jform_articletext_styleselect,
#ttr_content #jform_articletext_formatselect {
    border: 0 none;
    border-spacing: 0;
}

#ttr_content #jform_articletext_tbl tr,
#ttr_content #jform_articletext_tbl td,
#ttr_content #jform_articletext_tbl th {
    border: 0 none;
}

.formelm label,
.formelm-area label {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 150px;
}

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

[data-icon]:before {
    font-family: 'IcoMoon';
    content: attr(data-icon);
    speak: none;
}

[class^="icon-"],
[class*="icon-"] {
    display: inline-block;
    *margin-right: .3em;
    margin: 0 auto;
}

.icon-plus::before,
.icon-edit:before,
.icon-new::before,
.icon-apply:before,
.icon-pencil:before,
.icon-picture:before,
.icon-image:before,
.icon-pictures:before,
.icon-images:before,
.icon-file-add:before,
.icon-file-plus:before,
.icon-save-copy:before,
.icon-copy:before,
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before,
.icon-eye-open:before,
.icon-eye:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}

.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
    content: '\2b';
}

.icon-picture:before,
.icon-image:before {
    content: '\2f';
}

.icon-pictures:before,
.icon-images:before {
    content: '\30';
}

.icon-file-add:before,
.icon-file-plus:before {
    content: '\29';
}

.icon-save-copy:before,
.icon-copy:before {
    content: '\e018';
}

.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
    content: '\e007';
}

.icon-eye-open:before,
.icon-eye:before {
    content: '\3c';
}

.icon-new::before,
.icon-plus::before {
    content: '*';
}

.categories-list .item-title.page-header {
    border-bottom: medium none;
    display: block;
}

.nav-menu-default {
    height: auto !important;
    border: 0;
    background-color: transparent;
    margin: 0;
}

h1.ttr_verticalmenu_heading,
h2.ttr_verticalmenu_heading,
h3.ttr_verticalmenu_heading,
h4.ttr_verticalmenu_heading,
h5.ttr_verticalmenu_heading,
h6.ttr_verticalmenu_heading,
p.ttr_verticalmenu_heading,
span.ttr_verticalmenu_heading {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    background: none;
    margin: 0;
}

h1.ttr_block_heading,
h2.ttr_block_heading,
h3.ttr_block_heading,
h4.ttr_block_heading,
h5.ttr_block_heading,
h6.ttr_block_heading,
p.ttr_block_heading,
span.ttr_block_heading,
#ttr_sidebar_right .block_header>h4,
#ttr_sidebar_left .block_header>h4,
.ttr_block h3.ttr_block_heading a:not(.btn),
.ttr_block h3.ttr_block_heading a:visited:not(.btn),
.ttr_block h3.ttr_block_heading a:hover:not(.btn) {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    line-height: 30px;
    background: none;
    margin: 0;
}

#ttr_block,
#ttr_block,
#ttr_block .boxcolor,
#ttr_block .boxcolor {
    font-size: 12px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}


/*
{
TemplateToaster Version:7.0.0.12180
}
*/

.btn-sm,
.input-group-btn .btn.btn-sm,
.input-des-qty .form-control,
.btn-group-sm>.btn,
.btn-sm:hover,
.btn-group-sm>.btn:hover,
.btn-sm:focus,
.btn-group-sm>.btn:focus,
a.btn-sm:hover,
.btn.btn-default.btn-sm,
.btn.btn-default.btn-sm:hover,
.btn.btn-default.btn-sm,
.btn.btn-default.btn-sm:hover,
.btn.btn-danger.btn-sm,
.btn.btn-danger.btn-sm:hover,
.btn.btn-primary.btn-sm,
.btn.btn-primary.btn-sm:hover,
.btn.btn-info.btn-sm,
.btn.btn-info.btn-sm:hover,
.btn.btn-success.btn-sm,
.btn.btn-success.btn-sm:hover,
.btn-warning.btn-sm,
.btn-warning.btn-sm:hover,
.btn.btn-success.btn-sm:focus,
.btn.btn-primary.btn-sm:focus,
.btn.btn-warming.btn-sm:focus,
.btn.btn-info.btn-sm:focus,
.btn.btn-danger.btn-sm:focus,
.btn.btn-default.btn-sm:focus {
    border-radius: 30px 30px 30px 30px;
    padding: 15px 20px 15px 20px;
    font-size: 14px;
    height: auto;
}

.ttr_prod_attribute .input-group-sm span.input-group-btn {
    display: inline;
}

.ttr_prod_attribute .input-group span.input-group-btn .btn.inc-btn,
.ttr_prod_attribute .input-group span.input-group-btn .btn.inc-btn:hover,
.ttr_prod_attribute .input-group span.input-group-btn .btn.inc-btn:focus,
.ttr_prod_attribute .input-group span.input-group-btn .btn.inc-btn,
.ttr_prod_attribute .input-group span.input-group-btn .btn.inc-btn:hover,
.ttr_prod_attribute .input-group span.input-group-btn .btn.inc-btn:focus {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    margin: 0 3px 0 3px;
}

.ttr_prod_attribute .input-group span.input-group-btn .btn.dec-btn,
.ttr_prod_attribute .input-group span.input-group-btn .btn.dec-btn:hover,
.ttr_prod_attribute .input-group span.input-group-btn .btn.dec-btn:focus,
.ttr_prod_attribute .input-group span.input-group-btn .btn.dec-btn,
.ttr_prod_attribute .input-group span.input-group-btn .btn.dec-btn:hover,
.ttr_prod_attribute .input-group span.input-group-btn .btn.dec-btn:focus {
    border-radius: 30px 30px 30px 30px;
    margin: 0 3px 0 3px;
}

@media only screen and (max-width: 640px) {
    object,
    video {
        width: 100% !important;
        height: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    #ttr_menu.navbar {
        height: 70px;
        border-radius: 0 0 0 0;
        border: solid #428BCA;
        border: solid rgba(66, 139, 202, 1);
        border-width: 1px 1px 1px 1px;
        box-shadow: none;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 768px) {
    menu_inner_in {
        height: 72px;
    }
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width: 150px) and (max-width: 768px) {
    #ttr_header_inner {
        width: auto !important;
        text-align: center !important;
    }
    #ttr_menu_inner_in .ttr_menu_items {
        display: inline-block;
    }
    #ttr_menu_inner_in {
        width: auto !important;
        height: auto !important;
        text-align: left !important;
    }
    .ttr_slideshow_last {
        width: auto;
    }
    #navigationmenu .navbar-header {
        position: relative;
    }
    .ttr_menu_items .horiz_separator {
        border-width: 0 0 0 0;
        border-style: solid;
        border-color: transparent;
        width: auto !important;
        height: auto !important;
        float: none !important;
        margin: 0;
        display: none;
    }
    #ttr_sidebar_left {
        float: none !important;
        width: auto !important;
        margin: 0;
        border-radius: 0;
        padding: 0;
    }
    #ttr_sidebar_left_margin {
        height: auto !important;
    }
    #ttr_sidebar_right_margin {
        height: auto !important;
    }
    #ttr_sidebar_right {
        float: none !important;
        width: auto !important;
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 0;
    }
    #ttr_content {
        float: none !important;
        width: auto !important;
        margin: 0;
        border: 0;
        border-radius: 0;
    }
    #ttr_content_single_sidebar_left,
    #ttr_content_single_sidebar_right,
    #ttr_content_zero_sidebar,
    #ttr_content_both_sidebar {
        float: none !important;
        width: auto !important;
    }
    #ttr_page {
        max-width: none !important;
        min-width: 0 !important;
        padding-top: 0;
    }
    .ttr_slogan_style {
        text-align: center;
    }
    #ttr_page .ttr_footer_bottom_footer_inner {
        width: auto !important;
        text-align: center;
    }
    .footer-widget-area {
        width: auto !important;
        border: 0;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    #ttr_page .ttr_slideshow_inner {
        height: 100% !important;
    }
    ul.ttr_menu_items li {
        margin: 0;
    }
    ul.ttr_menu_items li.ttr_menu_items_parent a,
    ul.ttr_menu_items li.ttr_menu_items_parent span.separator {
        float: none !important;
    }
    #ttr_menu .ttr_menu_items {
        display: block;
    }
    .ttr_vmenu_items ul.child li a {
        cursor: pointer;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        margin: 5px 5px 5px 5px;
        padding: 0 0 0 0;
        display: block;
    }
    .nav.ttr_vmenu_items ul.child li a:hover {
        cursor: pointer;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        margin: 5px 5px 5px 5px;
        padding: 0 0 0 0;
        display: block;
    }
    .nav-stacked>li+li {
        margin-top: 0;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_arrow {
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 0 0 0;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
    }
    .nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link_arrow,
    ttr_ .nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link_active_arrow {
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 0 0 0;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
    }
    .nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link,
    ttr_ .nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link_active {
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 0 0 0;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
    }
    .menu-center {
        z-index: 99999;
    }
    .article_column {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
    }
}

.ttr_menu_items li a.ttr_menu_items_parent_link {
    display: block;
    padding: 0 8px 0 8px;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0 0 0 0;
    //11border:dotted #428BCA;
    //11border:dotted rgba(66,139,202,1);
    border-width: 0 1px 0 1px;
    box-shadow: none;
    margin: 0 12px 0 12px;
    cursor: pointer;
    height: 35px;
    box-sizing: border-box;
}

.ttr_menu_items li a.ttr_menu_items_parent_link_arrow {
    display: block;
    padding: 0 8px 0 8px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #428BCA;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    background: rgba(255, 255, 255, 0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    //11border:dotted #428BCA;
    //11border:dotted rgba(66,139,202,1);
    border-width: 0 1px 0 1px;
    box-shadow: none;
    margin: 0 12px 0 12px;
    box-sizing: border-box;
    cursor: pointer;
    height: 35px;
}

.ttr_menu_items li ul.child li a.subchild {
    line-height: 30px;
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
}

.ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    line-height: 35px;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    //11border:solid transparent;
    //11border:solid rgba(255,255,255,0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 12px 0 12px;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_menu_items li a.ttr_menu_items_parent_link_active {
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    margin: 0 12px 0 12px;
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.ttr_menu_items li:last-child .horiz_separator {
    display: none;
}

#ttr_page .ttr_menu_items li.toggled-on ul.child ul li:last-child .separator,
#ttr_page .ttr_menu_items li.toggled-on li.toggled-on ul li:last-child .separator,
#ttr_page .ttr_menu_items li.toggled-on li.toggled-on li.toggled-on ul li:last-child .separator,
#ttr_page .ttr_menu_items li.toggled-on ul.child li:last-child .separator {
    display: none;
}


/* Small Tabs (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #ttr_header_inner {
        width: 100% !important;
    }
    #ttr_menu_inner_in {
        width: auto !important;
    }
    .ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active {
        background-color: #E7E7E7;
        background: rgba(231, 231, 231, 1);
        background-clip: padding-box;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 0 0 0;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
    }
    .nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link,
    ttr_ .nav.ttr_vmenu_items li:hover a.ttr_vmenu_items_parent_link_active {
        background-color: #FFFFFF;
        background: rgba(255, 255, 255, 1);
        background-clip: padding-box;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 0 0 0;
        font-size: 14px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #333333;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        text-transform: none;
    }
    body {
        margin: 0;
    }
    #ttr_page {
        max-width: none !important;
        min-width: 0 !important;
        padding-top: 0;
    }
    .article_column {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
    }
}

@media only screen and (min-width: 150px) and (max-width: 1024px) {
    .ttr_footer_bottom_footer_inner {
        width: 100% !important;
        text-align: center;
    }
    img {
        max-width: 100% !important;
    }
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ttr_header_logo {
        background-size: 100% 100%;
    }
    #ttr_header_inner {
        width: 100% !important;
    }
    .ttr_slideshow_last {
        width: auto;
    }
    #ttr_page .ttr_footer_bottom_footer_inner {
        width: auto !important;
    }
    #ttr_page {
        max-width: none !important;
        min-width: 0 !important;
    }
    .ttr_banner_header {
        width: auto !important;
    }
    .ttr_banner_slideshow {
        width: auto !important;
    }
    .ttr_banner_menu {
        width: auto !important;
    }
    .footer-widget-area {
        width: auto !important;
    }
}

.btn,
.btn:focus {
    margin: 3px;
    font-size: 14px;
    font-family: "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    border-radius: 16px 16px 16px 16px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    padding: 8px 14px 8px 14px;
}

#ttr_header .form-search span.input-group-btn .btn {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    margin: 0 3px 0 3px;
}

#ttr_content .woocommerce .shop_table .quantity .qty {
    text-align: center;
    width: 50px;
}

.woocommerce table.cart.shop_table img {
    width: auto;
}

.woocommerce-cart table.cart input {
    line-height: inherit;
}

#ttr_content .cart input#coupon_code {
    height: auto;
    line-height: inherit;
}

.btn:hover {
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    border-radius: 4px 4px 4px 4px;
    border: solid #ADADAD;
    border: solid rgba(173, 173, 173, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
}

#ttr_header .form-search span.input-group-btn .btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin: 0 3px 0 3px;
}

.btn.btn-default,
.btn.btn-default:focus {
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    border-radius: 16px 16px 16px 16px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    box-sizing: inherit;
    clear: none;
    width: auto;
    height: auto;
    overflow: visible;
}

.btn.btn-primary,
.btn.btn-primary:focus { 
    background: rgba(79, 217, 83, 1);
    background-clip: padding-box;
    color: #FFFFFF;
    border-color: rgba(79, 217, 83, 1);
}
.btn.rsform-submit-button,
.btn.rsform-submit-button:focus {
    background: rgb(79, 191, 217);
}
.btn.btn-success,
.btn.btn-success:focus {
    background-color: #35B5EB;
    background: rgba(53, 181, 235, 1);
    background-clip: padding-box;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn.btn-info,
.btn.btn-info:focus {
    background-color: #35B5EB;
    background: rgba(53, 181, 235, 1);
    background-clip: padding-box;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn.btn-warning,
.btn.btn-warning:focus {
    background-color: #F0AD4E;
    background: rgba(240, 173, 78, 1);
    background-clip: padding-box;
    color: #FFFFFF;
    border-color: #EEA236;
}

.btn.btn-danger,
.btn.btn-danger:focus {
    background-color: #D9534F;
    background: rgba(217, 83, 79, 1);
    background-clip: padding-box;
    color: #FFFFFF;
    border-color: #D43F3A;
}

.btn.btn-default,
.btn.btn-deafult:focus {
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    font-size: 14px;
    font-family: "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    border-radius: 16px 16px 16px 16px;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 0 0 0 0;
    box-shadow: none;
    padding: 8px 14px 8px 14px;
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: #EEEEEE;
    background: rgba(238, 238, 238, 1);
    background-clip: padding-box;
    color: #333333;
    border-color: #ADADAD;
}

.btn.btn-success:hover,
a.btn.btn-success:hover {
    background-color: #202020;
    background: rgba(32, 32, 32, 1);
    background-clip: padding-box;
    color: #FFFFFF;
    border-color: #35B5EB;
}

.btn.btn-info:hover,
a.btn.btn-info:hover {
    background-color: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    color: #1E1E1E;
    border-color: #ADADAD;
}

.btn.btn-warning:hover,
a.btn.btn-warning:hover {
    background-color: #EEEEEE;
    background: rgba(238, 238, 238, 1);
    background-clip: padding-box;
    color: #333333;
    border-color: #ADADAD;
}

.btn.btn-danger:hover,
a.btn.btn-danger:hover {
    background-color: #EEEEEE;
    background: rgba(238, 238, 238, 1);
    background-clip: padding-box;
    color: #333333;
    border-color: #ADADAD;
}

.btn-lg,
.btn-group-lg>.btn,
.btn-lg:hover,
.btn-group-lg>.btn:hover,
a.btn.btn-lg:hover,
a.btn.btn-lg:focus {
    border-radius: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    font-size: 16px;
}

.btn-xs,
.btn-group-xs>.btn,
.btn-xs:hover,
.btn-group-xs>.btn:hover,
a.btn.btn-xs:hover,
a.btn.btn-xs:focus {
    border-radius: 3px 3px 3px 3px;
    padding: 3px 7px 3px 7px;
    font-size: 12px;
}

.btn-default:hover,
a.btn-default:hover {
    border-radius: 4px 4px 4px 4px;
    border: solid #ADADAD;
    border: solid rgba(173, 173, 173, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    box-sizing: inherit;
    clear: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    width: auto;
    height: auto;
    overflow: visible;
}

.ttr_uniform {
    max-width: 100% !important;
    height: auto !important;
}

#ttr_footer .container {
    margin: auto;
}

.btn-xs,
.btn-group-xs>.btn,
.btn-xs:hover,
.btn-group-xs>.btn:hover {
    border-radius: 3px 3px 3px 3px;
    padding: 3px 7px 3px 7px;
    font-size: 12px;
}

.btn-default:hover,
a.btn-default:hover {
    border-radius: 4px 4px 4px 4px;
    border: solid #ADADAD;
    border: solid rgba(173, 173, 173, 1);
    border-width: 0 0 0 0;
    box-shadow: none;
    background-color: #428BCA;
    background: rgba(66, 139, 202, 1);
    background-clip: padding-box;
    box-sizing: inherit;
    clear: none;
    font-size: 14px;
    font-family: Microsoft JhengHei, "Arial";
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    width: auto;
    height: auto;
    overflow: visible;
}

.productdescription #ttr_content ul,
#ttr_content ul.add-to-links {
    text-indent: 0;
}

hr,
.pagination {
    margin: 0;
}

ul.pagination {
    margin-bottom: -4px;
}

.inputbutton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 14px 8px 14px;
    left: -15px;
}

ul.inline>li,
ol.inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

#ttr_content ul.tags {
    padding: 0;
    text-indent: 0;
}

.label-info[href],
.badge-info[href] {
    border-radius: 3px;
}

#ttr_content .label.label-info,
#ttr_content .label.label-info:hover {
    color: #fff;
    display: inline-block;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}

img {
    vertical-align: bottom;
}

.ttr_verticalmenu_header img,
.ttr_block img {
    vertical-align: middle;
}

* {
    margin: 0;
    padding: 0;
}

#ttr_page.container {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width:768px) {
    #ttr_menu .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        max-height: calc(100vh - 70px);
        overflow-y: scroll;
    }
}

#ttr_content_and_sidebar_container {
    width: auto !important;
    margin: 0 auto;
}

.ttr_block .ttr_radio {
    float: left;
    margin-right: 4px;
}

fieldset {
    border: 0;
    padding-bottom: 5px;
}

.boxcolor,
.form-text {
    width: 100%;
}

.login_head h1 {
    text-align: center;
}

.ttr_comment_reply_edit {
    float: right;
}

.ttr_comment_reply_edit span {
    padding-right: 5px;
}

.ttr_post .ttr_post_content_inner {
    overflow: hidden;
}

.ttr_comment form p input,
.ttr_ comment form p textarea {
    overflow: hidden;
}

#ttr_content .ttr_comment p {
    text-align: left;
    margin: 5px 0 0 0;
    background: none;
}

.ttr_article dl {
    margin: 2px;
}

.back-to-top {
    position: fixed;
    bottom: 75px; 
    right: 18px;
    text-decoration: none;
    padding: 0.5em;
    display: none;
    z-index: 999;
}

.form-item label {
    text-align: left;
}

#user-login-form ul li {
    background: none!important;
    text-align: left;
    padding-left: 0!important;
    margin-left: 0!important;
    margin-top: 5px!important;
}


/*----------- */

.menu-toggle {
    display: none;
}

@media only screen and (min-width: 768px) {
    .magcolumn {
        margin-right: 7px;
        float: left;
        width: calc(100% / 3 - 7px);
    }
}

p {
    margin: 0;
    padding: 0;
}

.btn:hover {
    clear: none;
    margin: 3px;
    height: auto;
}

.postedon img,
.blog .ttr_article .ttr_post_title img {
    vertical-align: middle;
    margin: 0 2px;
}

#ttr_sidebar_left table {
    width: 100%;
}

#ttr_sidebar_right table {
    width: 100%;
}

@media only screen and (min-width: 150px) and (max-width: 1024px) {
    footer,
    header#ttr_header {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width:1280px) {
    .container {
        max-width: 100%;
    }
}

.ttr_register p,
.ttr_signin p {
    margin-bottom: 10px;
    margin-left: 5px;
}

@media only screen and (min-width:768px) {
    .middle_right p {
        text-align: right;
    }
    .middle_right p:nth-child(2) {
        margin: 5px 0;
    }
}

@media only screen and (max-width:768px) {
    .middle_right {
        margin: 10px 0 0;
    }
}

.field-calendar #jform_publish_down_btn.btn,
.field-calendar #jform_publish_up_btn.btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #000000;
    height: 18px;
    padding: 0;
    width: 18px;
}

.cart-collaterals {
    margin: 0 45px;
}

#cart_summary th,
#shopping-cart-table thead tr th,
#cart_summary td p,
.productcheckout tbody.ttr_order_woodetail_background>tr>td {
    text-align: center;
    vertical-align: middle;
}

#one {
    height: auto;
}

.corner {
    width: 20%;
    position: relative;
    border: 1px solid #42AF54;
    box-sizing: border-box;
}

.corner:after,
.corner:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 31px;
    box-sizing: border-box;
}

.corner:before {
    top: 0;
    bottom: 0;
}

.first {
    z-index: 5;
}

.second {
    z-index: 4;
}

.third {
    z-index: 3;
}

.four {
    z-index: 2;
}

.last {
    z-index: 1;
}

#ttr_content ul {
    padding: 0 0 10px;
}

.corner:after {
    bottom: 0;
    background: url(../images/PSFGreen.png);
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cornerGrey:before {
    top: 0;
    bottom: 0;
    background: url(../images/PSBGrey.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cornerGrey:after {
    bottom: 0;
    background: url(../images/PSFGrey.png);
    top: 0;
    left: 99%;
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}

#total_price_container span {
    text-align: right !important;
}

#total_price_container p {
    text-align: right !important;
}

#cart_summary.table-bordered .prochec_table_footer td {
    text-align: right;
}

.ttr_prochec_steps_border {
    list-style: none !important;
}

.prochec_table_background {
    border-collapse: collapse !important;
}

.cart_last_product {
    display: none;
}

#order_step li {
    text-indent: 15%;
}

.ttr_prochec_total {
    background: none !important;
}

.payment_module img {
    vertical-align: middle;
    display: inline-block;
}

#ttr_content_margin #cart_summary {
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}

#ttr_content_margin #cart_summary thead tr th,
#ttr_content_margin #cart_summary tbody tr td,
#ttr_content_margin #cart_summary tfoot tr td {
    border-radius: 0;
}

@media only screen and (min-width: 768px) {
    #ttr_content_margin table#cart_summary thead tr th,
    #ttr_content_margin table#cart_summary tbody tr td,
    #ttr_content_margin table#cart_summary tfoot tr td {
        border-bottom: none;
        border-right: none;
    }
}

#ttr_content ul li {
    margin: 0;
}

#ttr_content ul {
    text-indent: 0;
}

.nav>li>a {
    padding: 0;
}

ul li {
    list-style: none;
}

.ttr_prodes_Tab_Title {
    padding: 0 !important;
}

.cart_navigation button {
    float: right;
}

.ttr_prodes_color_selector {
    height: 30px;
    width: 30px;
    float: left;
    margin: 5px;
}

.fancybox {
    margin-right: 10px;
}

.delivery_option_radio {
    vertical-align: middle;
}

.ttr_prochec_table_background.col-lg-8 ul li div {
    display: inline;
    vertical-align: middle;
    float: none;
}

.ttr_prochec_table_background.col-lg-8 li div.ttr_prochec_Heading {
    margin-left: 15px;
}

.magento_address_qty input,
.magento_address_qty input:focus {
    text-align: center;
}

.address_select {
    margin: 10px 0;
}

.ttr_prochec_table_background ul li {
    list-style: none;
}

@media screen and (max-width: 768px) {
    #cart_summary tbody tr td::before {
        text-align: center !important;
    }
    #cart_summary tbody tr td,
    #cart-summary tbody tr td {
        padding-bottom: 8px;
    }
}

#cart_summary th,
#cart_summary td p,
.productcheckout tbody.ttr_order_woodetail_background>tr>td,
#block-history #order-list tr th,
#block-history #order-list tr td,
#ttr_content #block-order-detail #cart_summary.footab tbody tr td,
#order-detail-content #cart_summary thead tr th,
div#order-detail-content #cart_summary tbody tr td,
.discount#cart_summary tr td {
    text-align: center;
    vertical-align: middle;
}

#ttr_content .ttr_prodes_Tab_Title li {
    margin: 0 3px 0 0;
}

.ttr_article.grid {
    text-align: center;
}

@media only screen and (max-width:768px) {
    #ttr_content .ttr_prodes_Tab_Title li:not(:first-child),
    #ttr_content .ttr_prodes_Tab_Title li:not(:first-child) a {
        border-radius: 0;
    }
}

#ttr_content .ttr_register.ttr_shipping_background ul,
#ttr_content .ttr_signin.ttr_shipping_background ul {
    list-style: outside none none;
    margin: 0;
    text-indent: 0;
}

#ttr_content .ttr_register.ttr_shipping_background ul li,
#ttr_content .ttr_signin.ttr_shipping_background ul li {
    margin: 0;
}

#ttr_content .opc_label {
    margin-bottom: 0;
    vertical-align: middle;
}

@media only screen and (max-width:768px) {
    #cart_summary .ttr_prochec_Heading,
    #order_summary thead {
        display: none;
    }
}

.left-address {
    padding-right: 30px;
}

.left-address p,
.right-address p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.left-address .col-sm-12 {
    padding-right: 18px;
}

@media only screen and (max-width:768px) {
    .table-responsive table thead tr th {
        padding: 8px;
    }
}

.product-shop-margin {
    margin-top: 0;
}

.product-view .product-img-box .zoom {
    cursor: pointer;
    z-index: 9;
    position: relative;
    height: 18px;
    padding: 0 27px;
    margin: 0 auto 13px;
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0;
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0;
}

.breadcrumb li {
    display: inline;
}

.product-view .product-img-box .zoom #track {
    background: url(../images/slider_bg.gif) repeat-x scroll 50% 50% transparent;
    position: relative;
    height: 18px;
}

.product-view .product-img-box .zoom #handle {
    background: url(../images/magnifier_handle.gif) no-repeat scroll 0 0 transparent;
    position: absolute;
    height: 22px;
    width: 9px;
    top: -1px;
}

#ttr_content .product-img-box ul li {
    list-style: none outside none;
    display: inline-block;
}

#ttr_content ol#checkoutSteps li {
    list-style-type: none;
}

.add-to-box {
    clear: both;
    overflow: hidden;
    margin: 10px 0;
}

.ttr_article.grid li {
    list-style: none;
    text-indent: 0;
}

.add-to-box .add-to-cart {
    float: left;
}

.add-to-cart label {
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}

.add-to-cart #qty {
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}

.add-to-box .or {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.add-to-box .add-to-links {
    float: left;
    margin: 0;
    padding: 0;
}

.cart-table td {
    padding: 10px;
}

.product-view .product-shop .short-description {
    clear: both;
    background: url(../images/bkg_divider1.gif) repeat-x scroll 0 0 transparent;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.add-to-links .separator {
    float: left;
    display: none;
}

.rating-box {
    background: url(../images/bkg_rating.gif) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    height: 13px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 69px;
}

.rating-box .rating {
    float: left;
    background: url(../images/bkg_rating.gif) repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    height: 13px;
}

.product-collateral .box-collateral {
    margin: 0 0 25px;
}

#ttr_content .messages li {
    list-style: none outside none;
    background: none;
}

#ttr_content .product-view .box-tags .product-tags li {
    background: url(../images/bkg_pipe3.gif) no-repeat scroll 100% 4px transparent;
    padding-right: 7px;
    padding-left: 4px;
    display: inline;
}

.product-view .box-tags .form-add label {
    display: block;
}

.product-view .box-tags .form-add .input-box {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

#ttr_content_single_sidebar_right td.empty,
#ttr_content_zero_sidebar td.empty,
#ttr_content_single_sidebar_left td.empty,
#ttr_content_both_sidebar td.empty {
    border: 0 none;
}

.product-view .box-up-sell .products-grid td {
    padding: 15px 10px 11px;
    width: 25%;
    box-sizing: border-box;
}

.product-view .box-up-sell .products-grid .product-image {
    display: block;
    text-align: center!important;
}

.cart {
    clear: both;
    overflow: hidden;
}

.cart .title-buttons .checkout-types {
    float: right;
}

.cart-table .btn-continue {
    float: left;
}

.cart-table .btn-update {
    float: right;
}

.cart .cart-collaterals .col2-set {
    float: left;
}

.cart .cart-collaterals .col2-set .col-1 {
    float: left;
    margin-right: 5px;
    width: 60%;
}

.cart .cart-collaterals .col2-set .col-2 {
    width: 37%;
    float: left;
    margin-right: 5px;
}

.cart .ttr_post .product-image {
    float: left;
    height: 75px;
    width: 75px;
}

.cart .ttr_post .product-details {
    margin-left: 90px;
}

.cart .ttr_post {
    padding: 12px 15px;
}

.form-list label.required em {
    float: right;
    right: -8px;
    color: #EB340A;
    position: absolute;
}

#ttr_content_single_sidebar_right .form-list li,
#ttr_content_zero_sidebar .form-list li,
#ttr_content_single_sidebar_left .form-list li,
#ttr_content_both_sidebar .form-list li,
#oar_widget_orders_and_returns_form ul li {
    padding: 0;
    margin-bottom: 8px;
    background: none;
    list-style: none outside none;
}

#ttr_content_single_sidebar_right .cart .ttr_post li.item,
#ttr_content_zero_sidebar .cart .ttr_post li.item,
#ttr_content_single_sidebar_left .cart .ttr_post li.item,
#ttr_content_both_sidebar .cart .ttr_post li.item {
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 0;
    list-style: none outside none;
}

#ttr_content_single_sidebar_right .cart .ttr_post .input-box,
#ttr_content_zero_sidebar .cart .ttr_post .input-box,
#ttr_content_single_sidebar_left .cart .ttr_post .input-box,
#ttr_content_both_sidebar .cart .ttr_post .input-box {
    width: 100%;
    margin: 8px 0 0;
    clear: both;
}

.form-list select {
    width: 100%;
}

#ttr_content_single_sidebar_right .cart .totals tfoot td,
#ttr_content_single_sidebar_right .cart .totals tbody td {
    border: 0 none;
    text-align: right;
    padding: 5px 15px 5px 7px;
}

#ttr_content_zero_sidebar .cart .totals tfoot td,
#ttr_content_zero_sidebar .cart .totals tbody td {
    border: 0 none;
    text-align: right;
    padding: 5px 15px 5px 7px;
}

#ttr_content_single_sidebar_left .cart .totals tfoot td,
#ttr_content_single_sidebar_left .cart .totals tbody td {
    border: 0 none;
    text-align: right;
    padding: 5px 15px 5px 7px;
}

#ttr_content_both_sidebar .cart .totals tfoot td,
#ttr_content_both_sidebar .cart .totals tbody td {
    border: 0 none;
    text-align: right;
    padding: 5px 15px 5px 7px;
}

.cart .totals {
    float: right;
    width: 33.3%;
}

.cart .totals .checkout-types {
    padding: 8px 15px 15px;
    overflow: hidden;
}

#ttr_content_single_sidebar_right .cart .totals table,
#ttr_content_zero_sidebar .cart .totals table,
#ttr_content_single_sidebar_left .cart .totals table,
#ttr_content_both_sidebar .cart .totals table {
    margin: 7px 0;
    border: 0 none;
}

#ttr_content_single_sidebar_right .cart .ttr_post input.input-text,
#ttr_content_zero_sidebar .cart .ttr_post input.input-text,
#ttr_content_single_sidebar_left .cart .ttr_post input.input-text,
#ttr_content_both_sidebar .cart .ttr_post input.input-text {
    padding: 2px;
    width: 95%;
    box-sizing: border-box;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin-right: 6px;
}

.col2-set {
    clear: both;
    overflow: hidden;
}

.form-list li {
    margin-bottom: 8px;
}

.form-list .input-box {
    clear: both;
    width: 100%;
}

.form-list input.input-text,
textarea {
    padding: 2px;
    width: 95%;
    box-sizing: border-box;
}

.opc .buttons-set {
    clear: both;
    overflow: hidden;
    padding-top: 2em;
}

p.required {
    color: #EB340A!important;
    padding-bottom: 10px;
    text-align: right!important;
}

.f-left {
    float: left;
}

.form-list .field {
    float: left;
    width: 50%;
}

.form-list li:after,
.add-to-cart:after,
.clearer:after,
.product-options-bottom:after,
.buttons-set:after,
.col2-set:after,
.checkout-multishipping-addresses #ttr_content .page-title:after,
.ttr_block .actions:after,
.cart-collaterals:after,
.pager:after,
.sorter:after,
.ttr_block li.item:after,
.list li:after,
.grid li:after,
.product-tabs:after,
.advanced-search:after,
.col-main:after {
    clear: both;
    overflow: hidden;
    display: block;
    content: '.';
    height: 0;
}

.product-options dt {
    padding: 10px 0 0;
}

.product-options dd select {
    width: 99%;
}

.product-options dd {
    padding: 5px 10px 15px;
}

.product-options p.required {
    position: absolute;
    right: 20px;
    top: 10px;
    margin: 0!important;
}

.product-options-bottom {
    padding: 15px 20px;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: #000000;
}

.product-options-bottom .ttr_article {
    float: left;
}

.product-shop .product-options-bottom .ttr_article {
    float: none;
}

#ttr_content .product-options-bottom ul li {
    text-align: right!important;
}

.product-options-bottom .add-to-links {
    clear: both;
    text-align: right;
    padding: 5px 0 0;
}

.product-options-bottom .add-to-cart {
    float: right;
}

.pager {
    text-align: center;
}

#ttr_content .pager .amount {
    float: left;
    margin: 0;
}

.pager .limiter {
    float: right;
}

.pager .pages ol {
    display: inline;
}

#ttr_content .pager .pages li {
    display: inline;
}

.product-tabs li {
    background: none!important;
    list-style: none outside none!important;
    float: left;
    border-right: 1px solid #A4A4A4;
    border-left: 1px solid #FFFFFF;
}

.product-tabs li.first {
    border-left: 0 none;
}

.product-tabs a {
    display: block;
    padding: 6px 15px;
}

.product-tabs li.active a,
.product-tabs li.active a:hover {
    background-color: #666666;
}

.ttr_block .ttr_block_content li.item,
.ttr_block .ttr_block_content li {
    list-style: none outside none!important;
}

.ttr_block_content caption {
    text-align: center;
}

.form-list li.wide .input-box {
    width: 100%;
}

.form-list li.wide input.input-text {
    width: 98%;
    padding: 2px;
    box-sizing: border-box;
}

.no-display {
    display: none;
}

@media only screen and (min-width:767px) {
    .buttons-set .back-link {
        float: left;
        margin: 0;
    }
}

.opc .step {
    padding: 15px 30px;
}

.ttr_article .sp-methods {
    margin: 0 0 8px;
}

.ttr_article .sp-methods dt {
    margin: 13px 0 5px;
    font-weight: bold;
}

input,
select,
textarea {
    vertical-align: middle;
}

.opc .step-title {
    clear: both;
    overflow: hidden;
}

.opc .step-title .number {
    float: left;
    margin: 0 5px 0 0;
    padding: 0 4px;
}

.opc .step-title h2 {
    float: left;
}

.opc .step-title a {
    float: right;
    display: none;
}

.title-buttons {
    text-align: right;
}

.title-buttons h1 {
    float: left;
}

.page-popup .link-print {
    padding: 2px 0 2px 25px;
    background: url(../images/i_print.gif) no-repeat scroll 0 2px transparent;
}

.product-view .minimal-price,
.product-view .products-grid .ttr_post_title {
    text-align: center!important;
}

.compare-table .ttr_article,
#upsell-product-table .ttr_article {
    text-align: center;
    display: block;
}

.ttr_post_title {
    word-wrap: break-word;
}

.ttr_block .btn-remove,
.ttr_block .btn-edit {
    float: right;
    margin: 1px 0 2px 5px;
}

.btn-remove {
    background: url(../images/btn_remove.gif) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 11px;
    overflow: hidden;
    text-indent: -999em;
}

.btn-remove2 {
    background: url(../images/btn_trash.png) no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
    overflow: hidden;
    text-indent: -999em;
    display: block;
}

.btn-edit {
    background: url(../images/btn_edit.gif) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 11px;
    overflow: hidden;
    text-indent: -999em;
}

.data-table thead th {
    text-align: left;
}

.ttr_block_content .subtotal {
    text-align: center;
}

.mini-products-list .product-image {
    float: left;
    width: auto;
}

.mini-products-list .product-details {
    margin-left: 60px;
}

#block-related input.checkbox {
    float: left;
}

#block-related .product {
    margin-left: 20px;
}

header ul.links li.last,
.ttr_header_links .right-nav .link.last {
    border: none;
    padding-right: 0;
}

header .form-search span.ttr_button,
header .form-search .ttr_button_hover1 {
    margin-top: 0;
}

header .form-search label {
    display: none;
}

.ttr_footer_links ul {
    list-style: none outside none;
}

.ttr_footer_links ul li.first {
    padding-left: 0;
}

.ttr_footer_links ul li.last {
    border: none;
    padding-right: 0;
}

.ttr_block #poll-answers li {
    background: none;
    list-style: none outside none;
}

.a-right {
    text-align: right!important;
}

.data-table td {
    padding: 3px 8px;
}

.toolbar .pager,
.toolbar .sorter {
    padding: 3px 8px;
}

.pager .amount,
.sorter .view-mode {
    float: left;
}

.pager .limiter,
.sorter .sort-by {
    float: right;
}

.product-view .product-shop .availability,
.product-view .product-shop .ttr_article {
    margin: 10px 0;
}

.ratings {
    margin: 7px 0;
}

.product-view .product-shop .product-name {
    margin: 0 0 5px;
}

ul,
ol {
    padding: 0;
}

.ttr_block_content dt {
    margin-bottom: 4px;
}

.ttr_block_content dd {
    margin-bottom: 4px;
    margin-left: 5px;
}

@media only screen and (min-width:1280px) {
    .list .product-image {
        float: left;
    }
}

@media only screen and (min-width:1280px) {
    .list .product-shop {
        float: right;
        width: 70%
    }
    .list .product-image {
        width: 30%;
        text-align: center;
    }
    .product-image img {
        border-radius: 0 0 0 0;
        border: solid transparent;
        border: solid rgba(255, 255, 255, 0);
        border-width: 0 0 0 0;
        box-shadow: none;
    }
}

.product-image img {
    max-width: 100%;
}

.f-fix {
    float: left;
    width: 100%;
}

.tags-list li {
    display: inline;
    margin-right: 4px;
}

.form-list li.wide textarea {
    width: 100%;
    height: 10em;
}

.form-list .input-range input.input-text {
    width: 35%;
}

.advanced-search .form-list label {
    width: 30%;
}

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
    clear: none;
    float: left;
    width: 100%;
}

#ttr_content .pagination {
    text-indent: 0 !important;
}

@media only screen and (min-width:768px) and (max-width:1280px) {
    .productdescription #image-block {
        padding-right: 10px;
    }
}

@media only screen and (min-width:768px) {
    .ttr_signin {
        padding: 0 10px;
    }
    .ttr_register {
        padding: 0 10px;
    }
}

.account_creation .form-group .col-xs-4 {
    width: 94px;
}

@media only screen and (min-width:768px) {
    .ttr_signin {
        padding: 0 10px;
    }
    .ttr_register {
        padding: 0 10px;
    }
}

@media only screen and (min-width:768px) {
    .ttr_signin {
        margin: 0 0 0 15px;
    }
}

#cart_summary .ttr_prochec_price p,
#cart_summary .ttr_prochec_price,
#cart_summary .ttr_prochec_price span,
.ttr_prochec_price,
.table-striped tbody .ttr_prochec_price,
.ttr_prochec_subtotal label {

    text-align: center;
}

label {
    font-weight: normal;
}


/* desktop view end */

@media only screen and (max-width: 360px) {
    ul.ttr_menu_items {
        padding-top: 0 !important;
    }
}

@media only screen and (max-width:360px) {
    .ttr_prochec_row_1 .prochec_delete::before {
        border-bottom: 0 none;
        border-right: 1px solid rgba(225, 225, 225, 1);
        float: left;
        margin: 0;
        text-align: center;
        width: 50%;
        box-sizing: border-box;
    }
    .ttr_prochec_row_1 .prochec_delete {
        padding: 0;
    }
    table#cart_summary .ttr_prochec_row_1 td::before {
        border-bottom: 1px solid rgba(225, 225, 225, 1);
        content: attr(data-title);
        display: block;
        margin-bottom: 15px;
        padding: 10px 0;
        background-color: #F3F3F3;
        background: rgba(243, 243, 243, 1);
        background-clip: padding-box;
        font-size: 16px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 600;
        font-style: normal;
        color: #343434;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
    }
    .ttr_order_receive td::before {
        border-bottom: 1px solid rgba(204, 204, 204, 1);
        content: attr(data-title);
        display: block;
        margin-bottom: 15px;
        padding: 10px 0;
        background-color: #F3F3F3;
        background: rgba(243, 243, 243, 1);
        background-clip: padding-box;
        font-size: 16px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #000000;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
    }
}

@media only screen and (max-width: 367px) {
    #ttr_content ul.ttr_prodes_Tab_Title.nav.nav-tabs li {
        width: 100%;
    }
    #ttr_content .ttr_prodes_Tab_Title.nav.nav-tabs li a {
        text-align: center;
    }
    #ttr_content .ttr_prodes_Tab_Title.nav.nav-tabs li {
        margin: 0;
        width: 49%;
    }
}

.ttr_block_heading img,
.ttr_verticalmenu_heading img {
    vertical-align: middle;
}


/* tablet view start */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .totopshow {
        display: block;
    }
    .container {
        width: 100%;
    }
    .navbar {
        height: 70px;
    }
    .ttr_footer_bottom_footer_inner,
    #ttr_footer_top_for_widgets {
        position: relative;
        margin: 0 auto;
    }
    .ttr_header_element_alignment,
    .ttr_menu_element_alignment,
    .ttr_slideshow_element_alignment,
    .ttr_footer_element_alignment {
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 100%;
    }
    #ttr_menu.navbar {
        height: 72px;
        min-height: 70px;
        box-sizing: border-box;
    }
    #ttr_menu_inner_in {
        min-height: 70px;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    select,
    select.form-control,
    select:focus,
    select.form-control:focus {
        border-radius: 4px;
        border: 1px solid #ccc;
        background: white;
        height: auto;
    }
    .producttag {
        line-height: 1.5margin: 0;
    }
    .ttr_menushape1 {
        left: 0;
        right: auto;
        top: 11.8px;
        width: 197px;
        min-height: 46px;
        position: absolute;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        box-sizing: border-box;
        word-wrap: break-word;
        text-align: left;
        display: block;
        z-index: 500;
    }
    .ttr_menushape1,
    .ttr_menushape1 p,
    .ttr_menushape1 .tt_link {
        font-size: 14px !important;
    }
    .ttr_footershape1 {
        left: 11.27%;
        right: auto;
        width: 250px;
        top: 10px;
        min-height: 70px;
        position: absolute;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        box-sizing: border-box;
        word-wrap: break-word;
        display: block;
    }
    .ttr_footershape1,
    .ttr_footershape1 p,
    .ttr_footershape1 .tt_link {
        font-size: 14px !important;
    }
    .ttr_menu_logo {
        display: none;
    }
    .slideshowposition1 {
        top: 427.2px;
        left: 76.01%;
        width: 100px;
        min-height: 40px;
        position: absolute;
        left: 10.16%;
        right: auto;
    }
    .slideshowposition2 {
        top: 499.2px;
        left: 32.81%;
        width: 580.799999999995px;
        min-height: 96.0000000000003px;
        position: absolute;
        left: 4.39%;
        right: auto;
    }
    .navbar-nav {
        padding: 0;
        list-style: none;
        position: relative;
        margin: 0;
        z-index: 501;
        border: 0 !important;
        padding-top: 17.5px !important;
        text-align: left;
        zoom: 1;
    }
    .navbar-default {
        margin: 0 0 0 0;
        padding-top: 0;
        padding-bottom: 0;
        box-sizing: content-box
    }
    .navbar-default {
        padding-left: 0;
        padding-right: 50px;
    }
    #ttr_page .ttr_menu_items li ul.child {
        left: 5px;
        top: 35px;
    }
    .ttr_menu_toggle_button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link,
    .nav.ttr_menu_items li span.separator {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 35px;
        margin: 0 5px 0 5px;
        cursor: pointer;
        box-sizing: border-box;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_arrow,
    .nav.ttr_menu_items li span.separator.ttr_menu_items_parent_link_arrow {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 35px;
        background-image: none;
        margin: 0 5px 0 5px;
        background-position: right 2.5px center;
        box-sizing: border-box;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        line-height: 35px;
        margin: 0 5px 0 5px;
        height: 35px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active {
        display: block;
        cursor: pointer;
        box-sizing: border-box;
        line-height: 35px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 5px 0 5px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li:last-child .horiz_separator {
        display: none;
    }
    .nav.ttr_menu_items li:hover ul.child ul li:last-child .separator,
    .nav.ttr_menu_items li:hover li:hover ul li:last-child .separator,
    .nav.ttr_menu_items li:hover li:hover li:hover ul li:last-child .separator,
    .nav.ttr_menu_items li:hover ul.child li:last-child .separator {
        display: none;
    }
    .ttr_menu_items .horiz_separator {
        float: right;
        height: 35px;
    }
    .ttr_slideshow {
        display: none;
    }
    .ttr_slideshow {
        width: 100%;
    }
    .ttr_slide {
        height: 400px;
        width: 100%;
    }
    #ttr_slideshow_inner ul {
        list-style: outside none none;
    }
    #ttr_slideshow_inner {
        height: 400px;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    #ttr_slideshow_inner ul>li>a {
        height: 400px;
        position: absolute;
        overflow: hidden;
        width: 100%;
    }
    #ttr_slideshow_inner>ul>li {
        position: absolute;
    }
    .ttr_slideshow_in {
        height: 400px;
        position: absolute;
        width: 100%;
        top: 0;
        pointer-events: none;
    }
    .ttr_slideshow_in .ttr_slideshow_last div,
    .ttr_slideshow_in .ttr_slideshow_last a {
        pointer-events: auto;
    }
    .ttr_slideshow_last {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        pointer-events: none;
        height: 400px;
    }
    .ttr_slideshow_last div a,
    .ttr_slideshow_last a {
        pointer-events: auto;
    }
    .ttr_slideshow {
        box-sizing: content-box !important;
        position: relative;
        height: 400px;
    }
    nav#ttr_menu {
        max-width: 100%;
    }
    .ttr_menu_toggle_button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    .dropdown-backdrop {
        position: relative;
    }
    .container {
        overflow: visible!important;
    }
    .ttr_vmenu_items li a.ttr_vmenu_items_parent_link,
    .nav.ttr_vmenu_items li span.separator {
        display: block;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_arrow,
    .nav.ttr_vmenu_items li span.separator.ttr_vmenu_items_parent_link_arrow {
        display: block;
        background-image: none;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active_arrow {
        cursor: pointer;
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active {
        display: block;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li:last-child .horiz_separator {
        display: none;
    }
    .ttr_vmenu_items .horiz_separator {}
    #ttr_copyright a,
    #ttr_copyright span {
        display: none;
    }
    #ttr_footer_designed_by_links {
        top: 39px;
        position: absolute;
        z-index: 500;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        overflow: auto;
    }
    #ttr_footer_designed_by_links {
        text-align: center;
    }
    #ttr_footer_designed_by_links #ttr_footer_designed_by {
        display: inline-block;
    }
    #ttr_footer_designed_by_links a,
    #ttr_footer_designed_by_links a:link,
    #ttr_footer_designed_by_links a:visited,
    #ttr_footer_designed_by_links a:hover {
        display: inline-block;
    }
    #ttr_content {
        float: left;
        width: 70.48%;
        clear: none;
    }
    #ttr_content_margin {
        padding: 10px 0 0 0;
        margin: 20px 0 20px 0;
        box-sizing: border-box;
    }
    .postcontent p {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    #nav {
        top: 371px;
        position: absolute;
        z-index: 500;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        text-align: center;
    }
    .left-button {
        position: absolute;
        display: block;
        top: 43.33px;
        position: absolute;
        z-index: 500;
        left: 0%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    .right-button {
        position: absolute;
        display: block;
        top: 43.33px;
        position: absolute;
        z-index: 500;
        left: 95.45%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    .left-button {
        position: absolute;
        display: block;
        top: 0px;
        position: absolute;
        z-index: 500;
        left: 0%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    .right-button {
        position: absolute;
        display: block;
        top: 0px;
        position: absolute;
        z-index: 500;
        left: 0%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    #prev span {
        background-image: url(../images/Leftbutton.png);
        display: block;
        height: 30px;
        width: 30px;
        text-indent: -999px;
        font-size: 0;
    }
    #next span {
        background-image: url(../images/Rightbutton.png);
        display: block;
        height: 30px;
        width: 30px;
        text-indent: -999px;
        font-size: 0;
    }
    img.aligncenter {
        margin-left: auto;
        margin-right: auto;
    }
    .slideshowposition1 {
        display: block;
    }
    .slideshowposition2 {
        display: block;
    }
    .postedon {
        display: none;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link {
        display: block;
        padding: 0 5px 0 5px;
        margin: 0 5px 0 5px;
        cursor: pointer;
        height: 35px;
        box-sizing: border-box;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link_arrow {
        display: block;
        margin: 0 5px 0 5px;
        box-sizing: border-box;
        cursor: pointer;
        height: 35px;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow {
        float: left;
        padding-left: 5px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        line-height: 35px;
        margin: 0 5px 0 5px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active {
        display: block;
        cursor: pointer;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 5px 0 5px;
        height: 35px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .nav.ttr_menu_items li:last-child .horiz_separator {
        display: none;
    }
    #ttr_page .ttr_menu_items li.toggled-on ul.child ul li:last-child .separator,
    #ttr_page .ttr_menu_items li.toggled-on li.toggled-on ul li:last-child .separator,
    #ttr_page .ttr_menu_items li.toggled-on li.toggled-on li.toggled-on ul li:last-child .separator,
    #ttr_page .ttr_menu_items li.toggled-on ul.child li:last-child .separator {
        display: none;
    }
    .one_column_left {
        width: 85.24% !important;
    }
    .zero_column {
        width: 100% !important;
    }
    .one_column_right {
        width: 85.24% !important;
    }
    .both_columns {
        width: 70.48% !important;
    }
    label {
        font-weight: normal;
    }
}


/* tablet view end */

@media only screen and (max-width:980px) {
    .ttr_header_links {
        top: 100px;
        position: absolute;
        z-index: 500;
        left: 57.35%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        z-index: 555;
        position: absolute;
    }
}

.ttr_block_heading img,
.ttr_verticalmenu_heading img {
    vertical-align: middle;
}


/* mobile view start */

@media only screen and (max-width: 768px) {
    .totopshow {
        display: block;
    }
    .container {
        width: 100%;
    }
    .ttr_footer_bottom_footer_inner,
    #ttr_footer_top_for_widgets {
        position: relative;
        margin: 0 auto;
    }
    .ttr_header_element_alignment,
    .ttr_menu_element_alignment,
    .ttr_slideshow_element_alignment,
    .ttr_footer_element_alignment {
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 100%;
    }
    #navigationmenu {
        width: auto;
        margin: 0 auto;
    }
    #ttr_menu.navbar {
        height: 72px;
        min-height: 70px;
        box-sizing: border-box;
    }
    #ttr_menu_inner_in {
        min-height: 70px;
        height: auto;
        text-align: left;
        position: relative;
        margin: 0 auto;
    }
    select,
    select.form-control,
    select:focus,
    select.form-control:focus {
        border-radius: 4px;
        border: 1px solid #ccc;
        background: white;
        height: auto;
    }
    .ttr_menushape1 {
        left: 0%;
        right: auto;
        top: 15.2px;
        width: 178.400000000002px;
        min-height: 40px;
        position: absolute;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        box-sizing: border-box;
        word-wrap: break-word;
        text-align: left;
        display: block;
        z-index: 500;
    }
    .ttr_menushape1,
    .ttr_menushape1 p,
    .ttr_menushape1 .tt_link {
        font-size: 14px !important;
    }
    .ttr_footershape1 {
        left: 11.25%;
        right: auto;
        width: 250px;
        top: 10px;
        min-height: 70px;
        position: absolute;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        box-sizing: border-box;
        word-wrap: break-word;
        display: block;
    }
    .ttr_footershape1,
    .ttr_footershape1 p,
    .ttr_footershape1 .tt_link {
        font-size: 14px !important;
    }
    .ttr_menu_logo {
        display: none;
    }
    .slideshowposition1 {
        top: 427.2px;
        left: 13.11%;
        width: 100px;
        min-height: 40px;
        position: absolute;
        left: 4.37%;
        right: auto;
    }
    .slideshowposition2 {
        top: 499.2px;
        left: 0%;
        width: 580.799999999995px;
        min-height: 96.0000000000003px;
        position: absolute;
        left: 0%;
        right: auto;
    }
    .navbar-nav {
        padding: 0;
        list-style: none;
        position: relative;
        margin: 0;
        z-index: 501;
        border: 0 !important;
        padding-top: 17.5px !important;
        padding-left: 0;
        text-align: left;
        zoom: 1;
    }
    .navbar-default {
        margin: 0 0 0 0;
        padding-top: 0;
        padding-bottom: 0;
        box-sizing: content-box
    }
    .navbar-default {
        padding-left: 0;
        padding-right: 0;
    }
    #ttr_page .ttr_menu_items li ul.child {
        left: 0px;
        top: 35px;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-default .navbar-collapse {
        border-color: transparent;
    }
    .navbar-nav {
        width: 100%;
    }
    .nav.navbar-nav>li {
        display: block !important;
    }
    .nav.navbar-nav>li {
        margin-left: 0;
        margin-right: 10px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active,
    .ttr_menu_items li a.ttr_menu_items_parent_link,
    .navbar-default .nav.ttr_menu_items li a.ttr_menu_items_parent_link_arrow {
        margin-left: 0;
        margin-right: 0;
    }
    .ttr_menu_toggle_button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link,
    .nav.ttr_menu_items li span.separator {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 50px;
        margin: 0 10px 0 0;
        cursor: pointer;
        height: 50px;
        box-sizing: border-box;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_arrow,
    .nav.ttr_menu_items li span.separator.ttr_menu_items_parent_link_arrow {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 50px;
        background-image: none;
        margin-top: 0;
        margin-bottom: 0;
        background-position: right 0px center;
        box-sizing: border-box;
        cursor: pointer;
        height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow {
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        line-height: 50px;
        margin-top: 0;
        margin-bottom: 0;
        height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active {
        display: block;
        cursor: pointer;
        box-sizing: border-box;
        height: 50px;
        line-height: 50px;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_menu_items li:last-child .horiz_separator {
        display: none;
    }
    .nav.ttr_menu_items li:hover ul.child ul li:last-child .separator,
    .nav.ttr_menu_items li:hover li:hover ul li:last-child .separator,
    .nav.ttr_menu_items li:hover li:hover li:hover ul li:last-child .separator,
    .nav.ttr_menu_items li:hover ul.child li:last-child .separator {
        display: none;
    }
    .ttr_menu_items .horiz_separator {
        float: right;
        height: 35px;
    }
    nav#ttr_menu {
        max-width: 100%;
    }
    .ttr_slideshow {
        display: none;
    }
    .ttr_slideshow {
        width: 100%;
    }
    #ttr_slideshow_inner ul {
        list-style: outside none none;
    }
    #ttr_slideshow_inner {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    #ttr_slideshow_inner ul>li>a {
        position: absolute;
        overflow: hidden;
        width: 100%;
    }
    #ttr_slideshow_inner>ul>li {
        position: absolute;
    }
    .ttr_slideshow_last div a,
    .ttr_slideshow_last a {
        pointer-events: auto;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-default .navbar-collapse {
        border-color: transparent;
    }
    .navbar-nav {
        width: 100%;
    }
    .nav.navbar-nav>li {
        display: block !important;
    }
    .nav.navbar-nav>li {
        margin-left: 0;
        margin-right: 10px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active,
    .ttr_menu_items li a.ttr_menu_items_parent_link,
    .navbar-default .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_arrow {
        margin-left: 0;
        margin-right: 0;
    }
    .ttr_menu_toggle_button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    .dropdown-backdrop {
        position: relative;
    }
    .container {
        overflow: visible!important;
    }
    .ttr_vmenu_items li a.ttr_vmenu_items_parent_link,
    .nav.ttr_vmenu_items li span.separator {
        display: block;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_arrow,
    .nav.ttr_vmenu_items li span.separator.ttr_vmenu_items_parent_link_arrow {
        display: block;
        background-image: none;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active_arrow {
        cursor: pointer;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li a.ttr_vmenu_items_parent_link_active {
        display: block;
        cursor: pointer;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .nav.ttr_vmenu_items li:last-child .horiz_separator {
        display: none;
    }
    .ttr_vmenu_items .horiz_separator {}
    #ttr_copyright a,
    #ttr_copyright span {
        display: none;
    }
    #ttr_footer_designed_by_links {
        font-size: 12px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #FFFFFF;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
        top: 40.5px;
        position: absolute;
        z-index: 500;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        overflow: auto;
    }
    #ttr_footer_designed_by_links {
        text-align: center;
    }
    #ttr_footer_designed_by_links {
        display: inline-block;
    }
    #ttr_footer_designed_by_links a,
    #ttr_footer_designed_by_links a:link,
    #ttr_footer_designed_by_links a:visited,
    #ttr_footer_designed_by_links a:hover {
        display: inline-block;
        font-size: 12px;
        font-family: Microsoft JhengHei, "Arial";
        font-weight: 400;
        font-style: normal;
        color: #35B5EB;
        text-shadow: none;
        text-align: left;
        text-decoration: none;
    }
    #ttr_content {
        float: left;
        width: 70.48%;
        clear: none;
    }
    #ttr_content_margin {
        padding: unset;
        margin: unset;
        box-sizing: border-box;
    }
    #nav {
        top: 120px;
        position: absolute;
        z-index: 500;
        left: 43.33%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    .left-button {
        position: absolute;
        display: block;
        top: 65px;
        position: absolute;
        z-index: 500;
        left: 0%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    .right-button {
        position: absolute;
        display: block;
        top: 50px;
        position: absolute;
        z-index: 500;
        left: 90%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    img.aligncenter {
        margin-left: auto;
        margin-right: auto;
    }
    .slideshowposition1 {
        display: block;
    }
    .slideshowposition2 {
        display: block;
    }
    .postedon {
        display: none;
    }
    #ttr_menu .navbar-toggle {
        border-radius: 0 0 0 0;
        border: solid #35B5EB;
        border: solid rgba(53, 181, 235, 1);
        border-width: 1px 1px 1px 1px;
        box-shadow: none;
    }
    nav#ttr_menu .icon-bar {
        background-color: #35B5EB;
        background: rgba(53, 181, 235, 1);
        background-clip: padding-box;
        height: 2px;
    }
    #ttr_menu .navbar-toggle {
        padding: 9px 7px;
        margin-right: 3px;
        float: right;
    }
    #ttr_menu .navbar-toggle:hover,
    #ttr_menu .navbar-toggle:focus {
        margin-right: 3px;
        float: right;
    }
    .open>.child {
        display: block;
    }
    .ttr_vmenu_items .open .child {
        float: none;
        position: static;
        list-style: none outside none;
    }
    #ttr_menu .navbar-nav {
        margin: 0;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link {
        display: block;
        padding: 0 0px 0 0px;
        margin-top: 0;
        margin-bottom: 0;
        cursor: pointer;
        box-sizing: border-box;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link_arrow {
        display: block;
        margin: 0 10px 0 0;
        box-sizing: border-box;
        cursor: pointer;
        height: 35px;
    }
    .ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow {
        float: left;
        padding-left: 0px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        line-height: 35px;
        margin: 0 10px 0 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active {
        display: block;
        cursor: pointer;
        box-sizing: border-box;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .nav.ttr_menu_items li:last-child .horiz_separator {
        display: none;
    }
    #ttr_page .ttr_menu_items li.toggled-on ul.child ul li:last-child .separator,
    #ttr_page .ttr_menu_items li.toggled-on li.toggled-on ul li:last-child .separator,
    #ttr_page .ttr_menu_items li.toggled-on li.toggled-on li.toggled-on ul li:last-child .separator,
    #ttr_page .ttr_menu_items li.toggled-on ul.child li:last-child .separator {
        display: none;
    }
    label {
        font-weight: normal;
    }
    .list .product-shop {
        margin-left: 0;
    }
    .ttr_vmenu_items .dropdown-submenu.open>ul {
        display: block !important;
        visibility: visible !important;
        position: static !important;
        float: none;
        list-style: none outside none;
    }
    .ttr_vmenu_items .dropdown-menu>li,
    .ttr_vmenu_items li ul.child li a {
        display: block !important;
    }
    ul.child ul {
        display: none;
    }
    .navbar-nav ul.dropdown-menu .sub-menu {
        left: 0 !important;
        position: static !important;
        top: 0 !important;
        float: none !important;
    }
    #ttr_menu.navbar {
        height: auto !important;
    }
    #shopping-cart-table tbody tr,
    #shopping-cart-table tfoot tr,
    .magento_review_table table tbody tr,
    .magento_review_table table tfoot tr{
        display: flex;
        flex-wrap: wrap;
    }
}


/* mobile view end */

@media only screen and (max-width:360px) {
    .ttr_header_links {
        top: 137px;
        position: absolute;
        z-index: 500;
        left: 0%;
        right: auto;
        display: block;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        z-index: 555;
        position: absolute;
    }
}


/* The CSS code written in this window will append within the style.css file. */


/* The CSS code written in this window will append within the style.css file. */


/* The CSS code written in this window will append within the style.css file. */


/* The CSS code written in this window will append within the style.css file. */


/* The CSS code written in this window will append within the style.css file. */


/* The CSS code written in this window will append within the style.css file. */


/*=============animation-css-stars=======*/

div {
    transition: 0.5s all ease-in-out;
}


/*========home-page-css-starts========*/

.ttr_Home_html_row0 .ttr_uniform:hover {
    filter: grayscale(1);
    transition: 0.4s all ease-in-out;
}

.ttr_Home_html_row0 .ttr_uniform {
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}

.btn {
    transition: all 0.5s ease-in-out 0s;
}

.ttr_Home_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover {
    border: 10px solid #444;
    transform:
}

.ttr_Home_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    border: 10px solid #fff;
    cursor: pointer;
}

.ttr_Home_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 .ttr_uniform {
    transition: 0.5s all ease-in-out;
    animation-play-state: running;
    animation: mymove 1s;
}

.ttr_Home_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover .ttr_uniform {
    transform: rotateY(180deg);
    transition: 0.5s all ease-in-out;
}

@keyframes mymove {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

.btn:hover {
    transition: all 0.5s ease-in-out 0s;
}

.ttr_Home_html_row5.row .ttr_uniform,
.ttr_Home_html_row6.row .ttr_uniform {
    transition: 0.5s all ease-in-out;
    cursor: pointer;
}

.ttr_Home_html_row5.row .ttr_uniform:hover {
    filter: brightness(0.5);
    transform: scale(1.2) rotate(7deg);
    transition: 0.5s all ease-in-out;
}

.ttr_Home_html_row6.row .ttr_uniform:hover {
    filter: brightness(0.5);
    transform: scale(1.2) rotate(7deg);
    transition: 0.5s all ease-in-out;
}

.ttr_Home_html_row9 .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 :hover .ttr_uniform {
    transition: 0.3s all ease-in-out;
    filter: grayscale(0);
}

.ttr_Home_html_row9 .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 .ttr_uniform {
    height: auto !important;
    max-width: 100% !important;
    filter: grayscale(1);
    transition: 0.3s all ease-in-out;
}

.ttr_Home_html_row9 .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    cursor: pointer;
}

.ttr_Home_html_row12.row .post_column.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.ttr_Home_html_row12.row .post_column.col-lg-4.col-md-6.col-sm-6.col-xs-12:hover {
    background: #eee;
    transition: 0.3s all ease-in-out;
}

.ttr_Home_html_row13 {
    background-attachment: fixed;
}


/*==========home-page-ends-here======*/


/*==========about-us-page-starts-here======*/

.ttr_About-Us_html_row1.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover {
    background: #eee;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
}


.ttr_Services_html_row1.row .post_column.col-lg-4.col-md-6.col-sm-6.col-xs-12:hover {
    background: #eee;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.ttr_Portfolio_html_row1.row .ttr_uniform:hover,
.ttr_Portfolio_html_row2.row .ttr_uniform:hover {
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.ttr_menu_items li:hover a.ttr_menu_items_parent_link,
.nav.ttr_menu_items li:hover span.separator {
    transition: 0.5s all ease-in-out;
}

.navbar-default .navbar-nav>li>a {
    transition: 0.5s all ease-in-out;
}

.ttr_Home_html_row14.row .ttr_uniform:hover {
    transform: scale(1.2);
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
}

.ttr_About-Us_html_row4.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover .ttr_uniform {
    transform: scale(1.2);
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
}

.ttr_About-Us_html_row4.row .ttr_uniform {
    transition: all 0.5s ease-in-out;
}

.ttr_services_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover {
    background: #eee;
    transition: 0.5s all ease-in-out;
}

.ttr_portfolio_html_row1.row .ttr_uniform:hover,
.ttr_portfolio_html_row2.row .ttr_uniform:hover {
    filter: brightness(1);
    transition: 0.4s all ease-in-out;
}

.ttr_portfolio_html_row1.row .ttr_uniform,
.ttr_portfolio_html_row2.row .ttr_uniform {
    filter: brightness(0.75);
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}

.ttr_Home_html_row14.row .ttr_uniform {
    transition: 0.5s all ease-in-out;
}

.ttr_footer_bottom_footer_inner a {
    transition: 0.3s all ease-in-out;
}

.ttr_footer_bottom_footer_inner a:hover {
    transition: 0.3s all ease-in-out;
    opacity: 0.5;
}

.ttr_footershape1 a {
    transition: 0.4s all ease-in-out;
}

.ttr_footershape1 a:hover {
    transition: 0.4s all ease-in-out;
    opacity: 1;
}

.ttr_Contact_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover {
    background: #eee;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}

.ttr_contact_html_column10 .pull-right.btn.btn-sm.btn-info {
    transition: 0.4s all ease-in-out;
}

.ttr_contact_html_column10 .pull-right.btn.btn-sm.btn-info:hover {
    transition: 0.4s all ease-in-out;
}

.ttr_Contact_html_row2.row form.form-horizontal {
    width: 75%;
}

.Contact .btn-info:hover {
    transition: 0.4s all ease-in-out;
}

.Contact .btn-info {
    transition: 0.4s all ease-in-out;
}

.ttr_image::after {
    clear: none !important;
    display: inline;
    height: 0;
    visibility: hidden;
    content: none !important;
}

.ttr_Home_html_row2 {
    background-attachment: fixed;
}


/*=============animation-css-ends=======*/

.ttr_Home_html_row2.row .ttr_uniform,
.ttr_Home_html_row3.row .ttr_uniform {
    transition: 0.7s all ease-in-out;
    cursor: pointer;
}

.ttr_Home_html_row2.row .ttr_uniform:hover,
.ttr_Home_html_row3.row .ttr_uniform:hover {
    transform: scale(1.3);
    transition: 1.5s all ease-in-out;
}

.ttr_Home_html_row4.row .post_column.col-lg-4.col-md-12.col-sm-12.col-xs-12 .ttr_uniform,
.ttr_Home_html_row5.row .post_column.col-lg-4.col-md-12.col-sm-12.col-xs-12 .ttr_uniform {
    transition: 0.5s all ease-in-out;
}

.ttr_Home_html_row4.row .post_column.col-lg-4.col-md-12.col-sm-12.col-xs-12:hover .ttr_uniform,
.ttr_Home_html_row5.row .post_column.col-lg-4.col-md-12.col-sm-12.col-xs-12:hover .ttr_uniform {
    transform: rotateY(180deg);
    transition: 0.5s all ease-in-out;
}

.ttr_Home_html_row4.row .post_column.col-lg-4.col-md-12.col-sm-12.col-xs-12,
.ttr_Home_html_row5.row .post_column.col-lg-4.col-md-12.col-sm-12.col-xs-12 {
    cursor: pointer;
}

.ttr_Home_html_row11.row .post_column.col-lg-2.col-md-4.col-sm-4.col-xs-6 .ttr_uniform {
    filter: grayscale(1);
    opacity: 0.65;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
}

.ttr_Home_html_row11.row .post_column.col-lg-2.col-md-4.col-sm-4.col-xs-6 .ttr_uniform:hover {
    filter: grayscale(0);
    opacity: 1;
    transition: 0.5s all ease-in-out;
}

.ttr_Home_html_row6 {
    background-attachment: fixed;
}

.ttr_About_html_row3.row .post_column.col-lg-3.col-md-6.col-sm-6.col-xs-12 .ttr_uniform {
    filter: brightness(0.7);
    transition: 0.5s all ease-in-out;
}

.ttr_About_html_row3.row .post_column.col-lg-3.col-md-6.col-sm-6.col-xs-12 {
    cursor: pointer;
}

.ttr_About_html_row3.row .post_column.col-lg-3.col-md-6.col-sm-6.col-xs-12:hover .ttr_uniform {
    filter: brightness(1);
    transition: 0.5s all ease-in-out;
}

.About .ttr_About_html_row4 {
    background-attachment: fixed;
}

.ttr_Works_html_row1.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover .ttr_uniform,
.ttr_Works_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover .ttr_uniform,
.ttr_Works_html_row3.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12:hover .ttr_uniform {
    transform: scale(1.2);
    transition: 0.8s all ease-in-out;
}

.ttr_Works_html_row1.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 .ttr_uniform,
.ttr_Works_html_row2.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 .ttr_uniform,
.ttr_Works_html_row3.row .post_column.col-lg-4.col-md-4.col-sm-4.col-xs-12 .ttr_uniform {
    transition: 0.6s all ease-in-out;
}

#ttr_footer .post_column.col-lg-3.col-md-6.col-sm-6.col-xs-12 .html_content p .tt_link span {
    color: #fff;
    transition: 0.5s all ease-in-out;
}

#ttr_footer .post_column.col-lg-3.col-md-6.col-sm-6.col-xs-12 .html_content p .tt_link:hover span {
    color: #35b5eb !important;
    transition: all 0.5s ease-in-out 0s;
}

@media only screen and (max-width: 768px) {
    .navbar-default .navbar-header,
    .navbar-default .menu-center {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-right.ttr_menu_items li:hover ul.child {
    left: 12px !important;
}

#ttr_menu .navbar-right.ttr_menu_items ul.dropdown-menu .sub-menu {
    left: 100%;
}

#footer-menu ul {
    display: inline-block;
}


/* Fix OsMap View */

.osmap-items .level_1,
.osmap-items .level_2 {
    padding-left: 10px !important;
}

ul.level_0 li {
    list-style-type: disc !important;
    margin-left: 15px !important;
}

ul.level_1 li {
    list-style-type: circle !important;
}

ul.level_2 li {
    list-style-type: square !important;
}


/* Disable K2 Back to Top */

.itemBackToTop {
    display: none
}


/* Bill: 處理EasyBlog的標題上方被截斷問題 */

#eb h2.eb-post-title.reset-heading {
    font-size: 58px;
}


/*k2文章內連結文字字型大小修正*/
span a,span a:focus{
    font-size: inherit;
}


/*以下振言添加*/


/*手機面板的選單*/

.ttr_menu_items_parent_link_active,
.ttr_menu_items_parent_link,
.ttr_menu_items_parent_link_arrow.dropdown-toggle,
.ttr_menu_items_parent_link_active_arrow,
.dropdown-toggle {
    font-size: 13pt !important;
    font-weight: 600 !important;
}

.child.dropdown-menu li a {
    font-size: 13pt !important;
    font-weight: 600 !important;
}

/*
@media only screen and (min-width: 1500px){
    #ttr_menu.navbar{
        padding-right:0;
        height:auto;
    }
    .ttr_menushape1{
        position: relative;
    }
    #navigationmenu{
        margin-bottom: 20px;

    }
    .ttr_menu_items_parent_link_active,
    .ttr_menu_items_parent_link,
    .ttr_menu_items_parent_link_arrow.dropdown-toggle,
    .ttr_menu_items_parent_link_active_arrow,
    .dropdown-toggle {
        font-size: 13pt !important;
    }
}

*/
@media only screen and (max-width: 1500px){
    .ttr_menushape1{
        width:auto;
    }
    #navigationmenu{

    }
    .ttr_menu_items_parent_link_active,
    .ttr_menu_items_parent_link,
    .ttr_menu_items_parent_link_arrow.dropdown-toggle,
    .ttr_menu_items_parent_link_active_arrow,
    .dropdown-toggle {
        font-size: 11pt !important;
        padding: 0 !important;
        margin: 0 7px !important;
    }
}
@media only screen and (max-width: 1100px){
    #ttr_menu.navbar-default.navbar{
        height:auto;
    }
    .ttr_menushape1{
        position: relative;
        float:left;
    }
    #ttr_menu.navbar{
        padding-right: 0;
    }
    .navbar-nav{
        min-height: 85px;
        margin-left: 14px;
    }
    .ttr_menu_items_parent_link_active,
    .ttr_menu_items_parent_link,
    .ttr_menu_items_parent_link_arrow.dropdown-toggle,
    .ttr_menu_items_parent_link_active_arrow,
    .dropdown-toggle {
        font-size: 11pt !important;
        padding: 0 !important;
        margin: 0 7px !important;

    }
    .menu-center.collapse.navbar-collapse.nav-menu .clearfix{
        float:left;
    }    
    
    .nav.ttr_menu_items li a.ttr_menu_items_parent_link_active_arrow{
        background:unset;
        color:#35B5EB;
    }
    .nav.ttr_menu_items li.open a.ttr_menu_items_parent_link_active_arrow{
        background:unset;
        color:#35B5EB;
    }
    .nav.ttr_menu_items li.open .ttr_menu_items_parent_link_arrow{        
        background:unset;
        color:#35B5EB;
    }
    .navbar-right.ttr_menu_items li.open ul.child{
        left:12px !important;
    }
}
.ttr_menushape1 img{
    height:auto !important;
}

@media screen and (max-width: 768px) {
    .ttr_menu_items_parent_link_active,
    .ttr_menu_items_parent_link,
    .ttr_menu_items_parent_link_arrow.dropdown-toggle,
    .ttr_menu_items_parent_link_active_arrow,
    .dropdown-toggle {
        font-size: 13pt !important;
        font-weight: 600 !important;
    }

    .child.dropdown-menu li a {
        font-size: 13pt !important;
        font-weight: 600 !important;
    }
    /*
    ul.child.dropdown-menu
    {
        display:block;
        border:0 !important;
        position:static;
        float:none;
        width:auto;
    }
    nav#ttr_menu
    {
        position:static;
    }
    div.menu-center.navbar-collapse.nav-menu.collapse.in
    {
        max-height:none;
    }
    ul.navbar-nav .dropdown-menu, ul.navbar-nav .sub-menu, ul.navbar-nav .collapse li a{
    background-color: #ffffff!important;
    background: rgba(255,255,255,1)!important; 
    }
    div#ttr_content_and_sidebar_container>div:first-child{
        display: none;
    }
    #ttr_sidebar_left{
        margin-top: 5px;
    }
    #ttr_sidebar_left::before{
        display: block;
        position: absolute;
        font-size:16px;
        content: '';
    }
    #ttr_sidebar_left::after{
        display: block;
        position: absolute;
        font-size:16px;
        content: '';
    }
    #ttr_sidebar_left_margin{
        width:100%;
        overflow-x: hidden;
        white-space:nowrap;
    }
    .ttr_sidebar_left_padding{
        width:20%;
        display: inline-block;
    }
    .ttr_sidebar_left_padding:nth-of-type(2){
        width:100%;
        float:left;
    }
    .ttr_sidebar_left_padding:nth-last-of-type(2n+1){
        width:0;
    }
    .ttr_sidebar_left_padding .custom{
        display:none;
    }
*/
    .navbar-fixed-top{
        height
        :unset;
    }
}