/* 框架設定_start */

.menuFluidContainer {
    position: absolute;
    z-index: 99;
    width: 100%;
}

.html_editor {
    line-height: 30px;
    text-align: justify;
    margin-bottom: 40px;
}

.html_editor img {
    margin: 20px 0px;
}


/* 框架設定_end */


/* 主選單_start */

.pageContaier .menuFluidContainer {
    border: none;
}

.pageContaier #mainMenu li a {
    color: #fff;
}

.pageContaier #mainMenu .dropDownMenuSeletor_1>a::after {
    color: #fff;
}


/* 主選單_end */


/* 內頁banner_start */

.pageBannerItme {
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.pageBannerTitle {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 42px 0px;
}

.pageBannerTitle span {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.2em;
    line-height: 1;
    color: #fff;
    position: relative;
}

.pageBannerTitle span::before {
    content: "";
    width: 100px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.pageBannerTitle span::after {
    content: "";
    width: 100px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}


/* 內頁banner_end */


/* 左側選單/頁面內容_start */

/* 側選單_start */

.mainContentContainer {
    margin-bottom: 120px;
    padding: 0px;
}

.sidebarContentInner {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-top: 20px;
}

.sidebarBlock,
.contentBlock {
    display: table-cell;
    vertical-align: top;
}

.sidebarBlock {
    width: 300px;
}

.contentBlock {
    padding-left: 30px;
}

.sidebar_pc {
    border: #aaa solid 1px;
    margin-top: 20px;
}

.sidebarItem a {
    display: block;
    line-height: 1.2;
    padding: 20px 15px;
    border-bottom: #eee solid 1px;
    color: #333;
    font-weight: bold;
    font-size: 17px;
}

.sidebarItem .sidebarItemActive {
    color: #004986;
}

.sidebarItem a::before {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-right: 5px;
}

.sidebarItem a:hover {
    color: #004986;
}

.sidebarItem:nth-last-child(1) a {
    border-bottom: none;
}

.sidebarCollapse {
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
}

.panelTitleInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.sidebarItem .collapseLink,
.sidebarItem .panelCollapseBtn {
    display: table-cell;
    vertical-align: middle;
}

.panelCollapseBtn {
    width: 50px;
    line-height: 1;
    border-left: #eee solid 1px;
    position: relative;
}

a.panelCollapseBtn[aria-expanded="true"]:before {
    content: "\f0d8";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

a.panelCollapseBtn[aria-expanded="false"]:before {
    content: "\f0d7";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.sidebarItem .panel-collapse ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.sidebarItem .panel-collapse ul li a {
    background: #f5f5f5;
    border-bottom: #eee solid 1px;
    font-weight: normal;
    font-size: 15px;
}

.sidebarItem .panel-collapse ul li a:hover {
    color: #004986;
    background: #f9f9f9;
}

.sidebarItem .panel-collapse ul li a::before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: middle;
    color: #004986;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sidebarItem .panel-collapse ul li:hover a::before {
    margin-right: 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sidebarItem .panel-collapse ul li:nth-last-child(1) {
    border-bottom: none;
}

.fullContentBlock {
    display: block;
    padding-left: 0px;
}

/* 上選單_start */
.topbarBlock {
    width: 100%;
    display: block;
    background-color: #f9f9f9;
    margin-bottom: 30px
}

.topbarBlock ul {
    padding-left: 0px;
    list-style: none;
    position: relative;
}

.topbarBlock ul li.item a {
    font-size: 20px;
    line-height: 1;
    color: #222;
    padding: 20px;
    display: block;
    text-align: center;
    border-right: #eee solid 1px;
    -webkit-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 1);
}

.topbarBlock ul li.sidebarActive>a {
    color: #004986;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.topbarBlock ul>li>a:hover {
    color: #004986;
}

.topbarBlock .owl-prev {
    width: 30px;
    height: 30px;
    background-color: rgba(250, 250, 250, 0.7);
    border: #ddd solid 1px;
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 30px;
    color: #333;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.topbarBlock .owl-next {
    width: 30px;
    height: 30px;
    background-color: rgba(250, 250, 250, 0.7);
    border: #ddd solid 1px;
    border-radius: 30px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 30px;
    color: #333;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.topbarBlock:hover .owl-next,
.topbarBlock:hover .owl-prev {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.topbarBlock .owl-prev:hover,
.topbarBlock .owl-next:hover {
    background-color: rgba(250, 250, 250, 1);
}

.sidebarSecMenuGroup {
    margin-top: 10px;
    margin-bottom: 20px;
}

.sidebarSecMenuGroup ul {
    list-style: none;
    padding-left: 0px;
}

.sidebarSecMenuGroup ul li {
    display: inline-block;
    margin-right: 20px;
}

.sidebarSecMenuGroup ul li a {
    font-size: 18px;
    color: #888;
    display: block;
    padding: 10px 0px;
}

.sidebarSecMenuGroup ul li a::before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: middle;
    color: #004986;
}

.sidebarBlock .panel-default {
    border: none;
    margin: 0px;
    background: none;
    border-radius: 0px;
    box-shadow: none;
}

.sidebarSecMenuGroup ul li a.secMenuActive {
    color: #004986;
}

.sidebar_mb {
    display: none;
}

/* 左側選單_end */

/* 麵包屑_start */

.breadcrumbBlock {
    padding: 20px 0px 30px;
}

.breadcrumbBlock ul li {
    display: inline-block;
}

.breadcrumbBlock ul li::after {
    content: "/";
    margin: 0px 3px 0px 6px;
    color: #333;
}

.breadcrumbBlock ul li a {
    color: #333;
    font-size: 15px;
}

.breadcrumbBlock ul li:nth-last-child(1)::after {
    content: "";
    margin: 0px;
}

.breadcrumbActive {
    color: #004986;
    font-size: 15px;
}


/* 麵包屑_end */

/* 排序_start */

.sortBlock {
    border-bottom: #ccc solid 1px;
    text-align: right;
    padding: 20px 0px;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 30px;
}

.sortTitle,
.sortBlock ul {
    display: inline-block;
    vertical-align: middle;
}

.sortTitle {
    font-weight: bold;
}

.sortTitle::before {
    content: "\f161";
    font-family: FontAwesome;
    margin-right: 6px;
    vertical-align: middle;
    color: #aaa;
}

.sortTitle::after {
    content: "|";
    font-weight: 100;
    margin: 0px 3px 0px 6px;
}

.sortBlock ul {
    list-style: none;
    padding-left: 0px;
}

.sortBlock ul li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.05em;
    margin: 0px 5px;
}

.sortBlock ul li a {
    color: #333;
}

.sortBlock ul li a:hover {
    color: #004986;
}

.sortActive {
    background-color: #004986;
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
}

/* 排序_end */


/* 列表_start */

.lisItemGroup {
    border: #ccc solid 1px;
    padding: 10px;
    overflow: hidden;
}

.itemListTable {
    overflow: hidden;
    padding: 20px 0px;
}

.listItem {
    width: 50%;
    float: left;
    vertical-align: middle;
    padding: 10px;
}

.listItemInner {
    border: #eee solid 1px;
}

.listItem a {
    height: 300px;
    display: block;
    border: #fff solid 1px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.listItem a:hover {
    border-color: #004986;
    transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.listItemInner {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
}

.listItem a:hover .listItemInner {
    background-color: rgba(0, 0, 0, 0.3);
}

.listItemDate {
    padding: 10px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.05em;
}

.listItemContent {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
}

.listItemName {
    width: 100%;
    height: 60px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 20px;
}

.listItemDesc {
    height: 45px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    letter-spacing: 0.05em;
}

.listItemBreadcrumb {
    padding: 20px;
}

.listItemBreadcrumb ul {
    list-style: none;
    padding-left: 0px;
}

.listItemBreadcrumb ul li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 1;
}

.listItemBreadcrumb ul li::after {
    content: "/";
    margin: 0px 3px 0px 6px;
}

.listItemBreadcrumb ul li:nth-last-child(1)::after {
    content: "";
    margin: 0px;
}

/* 列表_end */

/* 詳細頁_start */

.dtDate {
    padding: 10px;
    color: #555;
    text-align: right;
    letter-spacing: 0.05em;
    font-size: 15px;
    margin-bottom: 10px;
}

.dtTitle {
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0;
    color: #146eb8;
    border-bottom: #eee solid 1px;
}

.smoShare {
    padding: 10px;
    margin-bottom: 5px;
}

.smoShare .smoShareTitle,
.smoShare ul {
    display: inline-block;
    vertical-align: middle;
}

.smoShareTitle {
    margin-right: 15px;
    font-size: 32px;
    color: #171717;
}

.smoShare ul {
    list-style: none;
    padding-left: 0px;
}

.smoShare ul li {
    display: inline-block;
    margin-right: 10px;
}

.smoShare ul li:nth-last-child(1) {
    margin-right: 0px;
}

.smoShare ul li a {
    font-size: 36px;
    display: block;
}

.fbLink a {
    color: #3c5a9a;
}

.lineLink a {
    color: #00b900;
}

.twitterLink a {
    color: #1da1f2;
}

.dtTag {
    padding: 20px;
    margin-bottom: 15px;
    border-top: #aaa dotted 1px;
    border-bottom: #aaa dotted 1px;
}

.dtTagTitle {
    color: #333;
    font-weight: bold;
    line-height: 1;
}

.dtTagTitle::after {
    content: "：";
    margin: 2px 0px 4px;
    line-height: 1;
}

.dtTagTitle,
.dtTag ul {
    display: inline-block;
    vertical-align: middle;
}

.dtTag ul {
    list-style: none;
    padding-left: 0px;
}

.dtTag ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.dtTag ul li::after {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0px 3px 0px 6px;
    color: #aaa;
}

.dtTag ul li:nth-last-child(1)::after {
    content: "";
    margin: 0px;
}

.dtTag ul li a {
    color: #004986;
}

.dtTag ul li a:hover {
    opacity: 0.7;
}

.dtPrevNext {
    margin-bottom: 30px;
}

.dtPrevNextInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.dtPrev,
.dtNext {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0px;
}

.dtPrev:hover,
.dtNext:hover {
    background-color: #f7f7f7;
}

.dtPrev a,
.dtNext a {
    display: block
}

.prevIcon,
.prevContent,
.nextIcon,
.nextContent {
    display: table-cell;
    vertical-align: middle;
}

.prevIcon,
.nextIcon {
    font-size: 40px;
    padding: 0px 10px;
    color: #004986;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dtPrev:hover .prevIcon {
    transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dtNext:hover .nextIcon {
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.prevText,
.nextText {
    font-size: 14px;
    color: #aaa;
    margin-bottom: 5px;
}

.prevTitle,
.nextTitle {
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.dtNext {
    text-align: right;
    overflow: hidden;
}

.dtNext a {
    float: right;
}


.dtFbContent {
    background-color: #f9f9f9;
    margin-bottom: 30px;
    padding: 10px;
}

.dtBack {
    padding: 10px;
}

.dtBack a {
    display: table;
    padding: 14px 34px;
    line-height: 1;
    background-color: #004986;
    color: #fff;
    border-radius: 4px;
    border: #aaa solid 1px;
    margin: 0 auto;
    letter-spacing: 0.05em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.dtBack a:hover {
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    box-shadow: none;
}













/* 詳細頁_end */


/* 分頁頁碼_start */

.form-pagination {
    text-align: center;
    padding: 40px 0px 0px;
}















/* 分頁頁碼_end */


/* 左側選單/頁面內容_end */


/* guide.php_start */

.topGuideItem {
    margin-bottom: 20px;
}

.topGuideItemLinkInner {
    height: 100%;
    background-color: rgba(0, 73, 134, 0.2);
    position: relative;
}

.topGuideItemInner a {
    display: block;
    height: 340px;
    border: #eee solid 1px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden;
}

.topGuideItem a:hover {
    transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.topGuideItemDate {
    padding: 10px;
}

.topGuideItemDate span {
    color: #222;
    font-size: 20px;
    font-weight: bold;
    color: #f7f7f7;
}

.topGuideItemDate span::after {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    margin-left: 10px;
    background-color: #fff;
    vertical-align: middle;
}

.topGuideItemContent {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-top: #fff solid 1px;
}

.topGuideItemName {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    height: 65px;
    border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 0.05em;
}

.topGuideItemDesc {
    font-size: 15px;
    height: 80px;
    padding: 10px 0px;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #aaa;
}















/* guide.php_end */


/* faq.php_start */

.faqItem {
    border: #ccc solid 1px;
    margin-bottom: 15px;
}

.faqItemTitle a {
    display: block;
    padding: 20px;
    font-size: 18px;
    letter-spacing: 0.05em;
    background-color: #004986;
    color: #fff;
    font-weight: bold;
}

.faqItemTitle a::before {
    content: "\f059";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #fff;
}

.faqItemContent {
    background-color: #f9f9f9;
}

.faqItemContentText {
    padding: 20px;
    color: #333;
    letter-spacing: 0.05em;
    margin-bottom: 0px;
}

.faqItemContentText p {
    margin: 0px;
}










/* faq.php_end */


/* search.php_start */

.searchBlock {
    border: #aaa solid 1px;
    padding: 40px;
    background-color: #f7f7f7;
    margin-bottom: 40px;
}

.searchBlock form {
    background-color: #fff;
}

.searchBlock form input {
    padding: 10px;
}

.formInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.formInput,
.formBtn {
    display: table-cell;
    vertical-align: middle
}

.formBtn {
    width: 120px;
}

.formBtn button {
    width: 100%;
    height: 100%;
    margin: 0px;
    font-size: 20px;
    background-color: #004986;
    color: #fff;
    border-radius: 0px;
    letter-spacing: 0.05em;
    line-height: 30px;
}

.formBtn button:hover,
.formBtn button:focus {
    background-color: #004986;
    color: #fff;
}

.formBtn button::after {
    content: "\f002";
    font-family: FontAwesome;
    margin-left: 5px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
}

.formInput input::-webkit-input-placeholder,
.formInput input::-moz-placeholder,
.formInput input:-ms-input-placeholder,
.formInput input::-moz-placeholder {
    /* Chrome/Opera/Safari */
    color: #ddd;
    font-size: 20px;
}

.searchRecommendTitle {
    position: relative;
}

.searchRecommendTitle span {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: table;
    padding: 10px 20px 10px 10px;
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.searchRecommendTitle::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}










/* search.php_end */


/* search_dt.php_start */

.searchResultTitle {
    position: relative;
}

.searchResultTitle span {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: table;
    padding: 10px 20px 10px 10px;
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.searchResultTitle::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}








/* search_dt.php_end */


/* sitemap.php_start */

.sitemapGroup {
    padding: 15px;
    background-color: #f7f7f7;
}

.sitemapItem {
    margin-bottom: 20px;
}

.sitemapItemInner {
    background-color: #f2f2f2;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.sitemapTitle a {
    display: block;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fff;
    background-color: #004986;
}

.sitemapTitle a:hover {
    color: #aaa;
}

.sitemapLink ul {
    list-style: none;
    padding: 0px;
}

.sitemapLink ul li a {
    display: block;
    padding: 15px;
    color: #333;
}

.sitemapLink ul li a:hover {
    color: #004986;
}

.sitemapLink ul li ul {
    padding-left: 15px;
}

.sitemapLink ul li ul li a {
    color: #999;
    padding: 5px;
    font-size: 15px;
}








/* sitemap.php_end */


/* 404.php_start */

.errorTitle {
    border-top: #333 dotted 1px;
    border-bottom: #333 dotted 1px;
    margin: 40px 0px;
    text-align: center;
}

.errorIcon {
    font-size: 120px;
    color: #004986;
}

.errorDesc {
    font-size: 22px;
    color: #333;
    padding: 20px;
    letter-spacing: 0.05em;
}

.errorContent {
    border: #eee solid 1px;
    text-align: center;
    padding: 40px;
}

.errorContent p {
    font-size: 18px;
    margin: 0px;
    line-height: 40px;
}

.errorContent a {
    color: #004986;
    font-weight: bold;
}







/* 404.php_end */


/* member_register.php_start */

.formTable {
    border: #eee solid 1px;
    padding: 20px;
    margin-top: 20px;
}

.formTableItemInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.formTitle,
.formField {
    display: table-cell;
    vertical-align: middle;
}

.formTitle {
    width: 180px;
    background-color: #f7f7f7;
    padding: 10px;
    text-align: center;
    font-size: 18px;
}

.formField {
    padding: 0px 10px;
    border: #eee solid 1px;
}

.formTableItem {
    margin-bottom: 10px;
}





/* radio欄位 */

.radioOption {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}





/* checkbox欄位 */

.checkboxOption {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}





/* selector欄位 */

.formSelectItem .formField {
    padding: 0px;
}

.formField select.form-control {
    padding: 0px 10px;
    width: 100%;
    background: #fff;
    border: none;
    background-image: url('../images/down_arrow.png');
    background-repeat: no-repeat;
    background-position: 99% center;
    outline: none;
}

.formField select.form-control:focus {
    background-image: url('../images/down_arrow.png');
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: inherit;
}




/* textarea欄位 */

.formTextareaItem .formField {
    padding: 0px;
}

.formField textarea {
    padding: 10px;
}





/* 是否同意訂閱電子報 */

.epaperFormItem .formField {
    border: none;
}





/* 已閱讀且同意服務條款 */

.termsFormItem .formField {
    border: none;
}





/* 送出表單按鈕 */

.formSendBtn {
    padding: 30px 0px;
    text-align: center;
}

.formSendBtn button {
    padding: 8px 80px;
    letter-spacing: 0.0em;
    background-color: #004986;
    color: #fff;
    border: #eee solid 3px;
    border-radius: 30px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.formSendBtn button:hover {
    box-shadow: none;
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
}





/* member_register.php_end */


/* member_login.php_start */


/* 密碼 */

.forgotPw {
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    text-align: center;
}

.forgotPw a {
    display: block;
    color: #004986;
}

.forgotPw a::after {
    content: "\f059";
    font-family: FontAwesome;
    margin-left: 5px;
}




/* 驗證碼 */

.verifyCode,
.refreshCode {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.verifyCode {
    width: 150px;
    padding: 0px 10px;
}

.verifyCode span {
    height: 100%;
    display: block;
    background-color: #eee;
    color: #333;
    font-weight: bold;
    padding: 10px 0px;
    font-size: 18px;
}

.refreshCode {
    width: 140px;
}

.refreshCode a {
    display: block;
    color: #004986;
}

.refreshCode a::after {
    content: "\f01e";
    font-family: FontAwesome;
    margin-left: 5px;
}

.registerGroupInner {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-top: 30px;
}




/* 註冊 */

.goRegister {
    padding: 50px 15px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background-color: #f7f7f7;
}

.goRegisterTitle {
    margin-bottom: 15px;
    font-weight: bold;
}

.goRegister a {
    padding: 8px 80px;
    letter-spacing: 0.0em;
    background-color: #35a3ff;
    color: #fff;
    border: #eee solid 3px;
    border-radius: 30px;
    display: table;
    margin: 0 auto;
}

.goRegister a:hover {
    background-color: #004986;
}




/* 其他註冊方式 */

.otherWayRegister {
    padding: 50px 15px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background-color: #f4f4f4;
}

.otherWayRegisterTitle {
    margin-bottom: 15px;
    font-weight: bold;
}

.fbRegister {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0px;
    padding: 7px 0px;
    background-color: #3b589e;
    color: #fff;
}

.fbRegister:hover {
    background-color: #3b589e;
    color: #fff;
    opacity: 0.7;
}

.fbRegister::before {
    content: "\f082";
    font-family: FontAwesome;
    margin-right: 5px;
}

.googleRegister {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0px;
    padding: 7px 0px;
    background-color: #cf4129;
    color: #fff;
}

.googleRegister:hover {
    background-color: #cf4129;
    color: #fff;
    opacity: 0.7;
}

.googleRegister::before {
    content: "\f0d4";
    font-family: FontAwesome;
    margin-right: 5px;
}




/* member_login.php_end */


/* member_forget.php_start */

.forgetPwDesc {
    text-align: center;
    margin-bottom: 10px;
    padding: 20px 0px;
}



/* member_forget.php_end */


/* member_forget_checkedp.php_start */

.forgetPwCheckedDesc {
    padding: 40px;
    background-color: #f9f9f9;
    text-align: center;
}



/* member_forget_checkedp.php_end */


/* member_info.php_start */

.accountItem .formField {
    color: #aaa;
}


/* member_info.php_end */


/* member_download.php_start */

.downloadGroup {
    border: #eee solid 1px;
    padding: 20px;
    margin-top: 20px;
}

.downloadItem {
    margin-bottom: 20px;
}

.downloadItem a {
    display: block;
    background-color: #f7f7f7;
    padding: 15px;
    color: #333;
    border: transparent solid 1px;
    position: relative;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.downloadItem a::after {
    content: "\f0ed";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 20px;
}

.downloadItem a:hover {
    border-color: #ccc;
    transform: translate(1px, 1px);
    -webkit-transform: translate(1px, 1px);
    box-shadow: none;
}



/* member_doenload.php_end */

/* member_record.php_start */
.memberRecordGroup {
    margin-top: 30px;
}

.memberTable {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.memberTable th,
.memberTable td {
    padding: 8px;
    border-top: 1px solid #ddd;
}

.memberTable thead th {
    border-top: none;
    border-bottom: 2px solid #3E3A39;
}

.content-middle td {
    vertical-align: middle;
}

.btn-delete {
    font-size: 20px;
    padding: 5px;
    color: #ff5e5e;
}

.memberPage-navigation {
    display: table;
    margin: 60px auto;
}

.order-head {
    background: #004986;
    color: #fff;
}

.order-detail .btn-openDetail {
    color: #3E3A39;
    display: block;
    padding: 15px 10px;
}

.order-detail .btn-openDetail:hover,
.order-detail .btn-openDetail:focus {
    color: #97908e;
    text-decoration: none;
}

.order-detail .btn-openDetail[aria-expanded="false"]:before {
    content: '+';
    width: 17px;
    height: 17px;
    margin-right: 3px;
}

.order-detail .btn-openDetail[aria-expanded="true"]:before {
    content: '-';
    width: 17px;
    height: 17px;
    margin-right: 3px;
}

.memberTable a img:hover {
    opacity: 0.7;
}

.favoriteTitle {
    border-bottom: #aaa solid 1px;
}

.favoriteTitleInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.favoriteTitleOption {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
}

.favoriteTitleName {
    width: 40%;
}

.favoriteItem {
    border-bottom: #eee solid 1px;
}

.favoriteItemInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.favoriteOption {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.favoriteImg a {
    display: block;
    height: 120px;
}

.favoriteImg a:hover {
    opacity: 0.7;
}

.favoriteImg a img {
    max-height: 100%;
}

.favoriteName {
    width: 40%;
}

.favoriteName a {
    font-size: 16px;
    color: #333;
}

.favoriteName a:hover {
    text-decoration: underline !important;
}

.favoriteOrder a {
    display: inline-block;
    padding: 3px 20px;
    background-color: #fff;
    border: #333 solid 1px;
    color: #333;
}

.favoriteOrder a:hover {
    background-color: #333;
    color: #fff;
}

.favoriteTitleDelete,
.favoriteDelete {
    text-align: center;
}

.favoriteDelete a {
    font-size: 20px;
    color: #ff4040;
    padding: 5px 20px;
}

.favoriteDelete a:hover {
    color: #f00;
}

.favoriteOption label {
    display: none;
}

.recordList .favoriteOrder span {
    display: inline-block;
    padding: 3px 20px;
    background-color: #fff;
    border: #ccc solid 1px;
    color: #ccc;
}

.recordList .favoriteDelete span {
    font-size: 20px;
    color: #ccc;
    padding: 5px 20px;
}

/*.inquiryRecordList {
    border: #eee solid 1px;
}*/

.inquiryTitle {
    border-bottom: #aaa solid 1px;
    margin-bottom: 15px;
}

.inquiryTitleInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.inquiryTitleItem {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}

.inquiryMainInfo {
    background: #f7f7f7;
}

.inquiryMainInfoInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.inquiryOrderGroup {
    border: #eee solid 1px;
    margin-bottom: 20px;
}

.inquiryOrderGroup:nth-last-child(1) {
    margin-bottom: 0px;
}

.inquiryMainInfoItem {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    padding: 15px;
}

.inquiryDetails {
    padding: 10px;
}

.inquiryDetails .panel-heading {
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.inquiryDetails a.collapseBtn {
    display: table;
    line-height: 1;
    padding: 8px 30px;
    background: #004986;
    color: #fff;
    border-radius: 30px;
}

.inquiryDetails a.collapseBtn[aria-expanded="false"]::before {
    content: "\f055";
    font-family: FontAwesome;
    margin-right: 5px;
}

.inquiryDetails a.collapseBtn[aria-expanded="true"]::before {
    content: "\f056";
    font-family: FontAwesome;
    margin-right: 5px;
}

.inquiryDetailsTableTitle {
    padding: 10px 0px 0px;
    border-bottom: #aaa solid 1px;
}

.inquiryDetailsTableTitleInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.inquiryDetailsTableTitleItem {
    display: table-cell;
    vertical-align: middle;
    background: #f9f9f9;
    padding: 15px;
    font-weight: bold;
}

.inquiryDetailsTableNo {
    width: 100px;
    text-align: center;
}

.inquiryDetailsTableImg {
    width: 200px;
    text-align: center;
}

.inquiryDetailsTableName a {
    color: #333;
    font-size: 15px;
    text-decoration: underline !important;
}

.inquiryDetailsTableNum {
    width: 100px;
    text-align: center;
}

.inquiryDetailsTable {
    border-bottom: #eee solid 1px;
}

.inquiryDetailsTable:nth-last-child(1) {
    border-bottom: none;
}

.inquiryDetailsTableInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.inquiryDetailsTableItem {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.detailsCollapse {
    min-width: 450px;
}

.pendingInquiry {
    color: #f00;
}

/* member_record.php_end */

/* member_management.php_start */
.managementMainTitle {
    font-size: 20px;
    font-weight: bold;
    color: #004986;
    margin: 30px 0px 20px;
    position: relative;
}

.managementMainTitle span {
    padding: 10px 15px 10px 10px;
    background: #fff;
    position: relative;
    z-index: 3;
}

.managementMainTitle span::before {
    content: "\f1b3";
    font-family: FontAwesome;
    margin-right: 3px;
}

.managementMainTitle::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #004986;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.managementSmapleDownload {
    margin-bottom: 60px;
}

.managementSmapleDownloadItem {
    border: #eee solid 1px;
    margin-bottom: 10px;
}

.managementTitle {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    background: #f7f7f7;
    padding: 10px;
}

.managementSmapleDownloadList {
    padding: 20px 10px;
}

.managementSmapleDownloadList ul {
    padding: 0px;
    list-style: none;
}

.managementSmapleDownloadList ul li {
    display: inline-block;
    margin-right: 15px;
}

.managementSmapleDownloadList ul li a {
    display: block;
    background: #004986;
    border-radius: 30px;
    padding: 7px 30px;
    line-height: 1;
    color: #fff;
    border: #eee solid 4px;
}

.managementSmapleDownloadList ul li a::after {
    content: "\f0ed";
    font-family: FontAwesome;
    margin-left: 5px;
}

.managementSmapleDownloadList ul li a:hover {
    opacity: 0.7;
}

.managementFileUpload {
    border: #eee solid 1px;
}

.managementFileUploadListItemInner {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-top: #eee solid 1px;
}

.managementFileUploadListTitle,
.managementFileUploadListSlelct,
.managementFileUploadListbtn {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.managementFileUploadListTitle {
    width: 150px;
    text-align: center;
    border-right: #eee solid 1px;
    background: #f7f7f7;
}

.managementFileUploadListSlelct {
    border-right: #eee solid 1px;
}

.managementFileUploadListbtn {
    width: 150px;
    text-align: center;
}

.managementFileUploadListbtn button {
    background: #004986;
    color: #fff;
    border: none;
    padding: 3px 15px;
    border-radius: 4px;
    border: #eee solid 3px;
    letter-spacing: 0.05em;
}

.managementFileUploadListbtn button:hover {
    opacity: 0.7;
}

.uploadList {
    padding: 10px 0px;
}

.uploadList ul {
    list-style: none;
}

.uploadList ul li {
    display: inline-block;
}

.uploadList ul li a {
    padding: 0px 10px;
}

.uploadList ul li::after {
    content: "|";
}

.uploadList ul li:nth-last-child(1)::after {
    content: "";
}

/* member_management.php_end */

/* cart_共通_start */
/* 步驟提示 */

.stepReminder {
    margin: 20px 0px 40px;
}

.stepReminder ul {
    text-align: center;
}

.stepReminder ul li {
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    opacity: 0.3;
}

.stepReminder ul li.activeStep {
    opacity: 1;
}

.stepInner {
    border: #aaa solid 1px;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
}

.stepInner::before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 45px;
    vertical-align: middle;
    margin-right: 10px;
}

.stepText {
    display: inline-block;
    vertical-align: middle;
}

.step1 .stepInner::before {
    content: "\f07a";
}

.step2 .stepInner::before {
    content: "\f040";
}

.step3 .stepInner::before {
    content: "\f00c";
}

.stepReminder ul li::after {
    font-family: FontAwesome;
    content: "\f105";
    margin-left: 20px;
    font-size: 45px;
    display: inline-block;
    vertical-align: middle;
}

.stepReminder ul li:nth-last-child(1)::after {
    content: "";
}

.enText {
    font-size: 13px;
    margin-bottom: 10px;
}

.cnText {
    font-size: 18px;
    letter-spacing: 0.05em;
}


/* 標題 */

.cartDetailTitleContainer {
    margin: 45px 0px 20px;
    border-bottom: #333 solid 1px;
}

.cartDetailTitle {
    font-size: 22px;
    font-weight: bold;
}

.checkboxTitleContainer {
    overflow: hidden;
}

.checkboxTitle,
.cartDetailsTitleCheckBox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.cartDetailsTitleCheckBox form {
    margin-bottom: 0px;
    font-size: 14px;
}

.cartDetailsTitleCheckBox form input[type=checkbox] {
    vertical-align: top;
    cursor: pointer;
}

.cartDetailsTitleCheckBox label {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
}


/* 商品列表 */

.cartPtContentItem {
    border-bottom: #ddd solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cartPtFormContainer ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.cartPtFormContainer ul li {
    width: auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.cartPtFormContainer ul li.mbCartPtFormPrice {
    display: none;
}

.cartPtFormContainer ul li.cartPtFormNo {
    width: 5%;
}

.cartPtFormContainer ul li.cartPtFormName {
    width: 40%;
    overflow: hidden;
}

.cartPtFormContainer img {
    max-width: 50%;
}

.cartPtFormTitleContainer {
    font-weight: bold;
    border-bottom: #eee solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cartPtFormContentContainer a:hover {
    opacity: 0.7;
}

.cartPtFormName a {
    color: #333;
}

.cartPtDelet a {
    padding: 7px 12px;
    background-color: #d9534f;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 0.05em;
    display: inline-block;
}

.cartPtDelet a::before {
    content: "\f014";
    font-family: FontAwesome;
    margin-right: 5px;
}


/* 確認遞交 */

.submitBtnContainer {
    margin: 60px 0px;
    text-align: center;
    overflow: hidden;
}

.cartStepBtn a {
    display: block;
    padding: 13px 40px;
    color: #fff;
    background-color: #004986;
    letter-spacing: 0.05em;
    border-radius: 4px;
}

.cartStepBtn a:hover {
    opacity: 0.7;
}

.cartStepPrevBtn {
    float: left;
}

.cartStepPrevBtn a::before {
    content: "\f177";
    font-family: FontAwesome;
    margin-right: 3px;
}

.goShoppingBtn a::before {
    content: "\f07a";
    font-family: FontAwesome;
    margin-right: 3px;
}

.cartStepNextBtn {
    float: right;
}

.cartStepNextBtn a:after {
    content: "\f178";
    font-family: FontAwesome;
    margin-left: 3px;
}


/* input placeholder color*/

.cartStepContainer input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ddd;
    font-size: 14px;
}

.cartStepContainer input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ddd;
    font-size: 14px;
}

.cartStepContainer input:-ms-input-placeholder {
    /* IE 10+ */
    color: #ddd;
    font-size: 14px;
}

.cartStepContainer input:-moz-placeholder {
    /* Firefox 18- */
    color: #ddd;
    font-size: 14px;
}


/* textarea placeholder color*/

.cartStepContainer textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ddd;
    font-size: 14px;
}

.cartStepContainer textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #ddd;
    font-size: 14px;
}

.cartStepContainer textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #ddd;
    font-size: 14px;
}

.cartStepContainer textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #ddd;
    font-size: 14px;
}


/* 必填 */

.requiredInfo::after {
    content: "*";
    color: #f00;
    margin-left: 5px;
}

/* cart_共通_end */

/* cart_step01.php_start */


/* 數量計算 */

.counterInput {
    text-align: center;
}

input[type='number'] {
    -moz-appearance: textfield;
    border: none;
    outline: none;
    padding: 10px 0px;
    width: 50%;
    font-size: 16px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.counterContainer {
    margin: 0px;
}

.counterContainer form {
    margin: 0px auto;
    width: 120px;
}

.controlBtn {
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    font-size: 16px;
}

.buttons_added {
    /*width: 100px;*/
    background-color: #fff;
    border: rgba(51, 51, 51, .2) solid 1px;
    text-align: center;
    /*margin: 0 auto;*/
}

.quantityCounter {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.quantityCounter input {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
    line-height: 1;
    height: 45px;
}

.quantityCounter input[type="button"] {
    width: 25%;
    background: #f7f7f7;
}

.quantityCounter input[type="button"]:focus {
    background: #eee;
}


/* 小計 */

.cartPtSubtotalContainer {
    margin: 60px 0px 0px 0px;
    background-color: #eee;
    padding: 15px;
    overflow: hidden;
}

.cartPtSubtotalContainer ul li {
    display: block;
    text-align: right;
    padding: 3px 0px;
}

.subInfo {
    margin-left: 60px;
}

.cartPtSubtotalContainer ul li:nth-last-child(1) {
    color: #cc0000;
    font-weight: bold;
}

.cartPtFormImg a {
    display: block;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


/* cart_step01.php_end */

/* cart_step02.php_start */

/* 訂購人資訊 */

.orderInfoContainer {
    overflow: hidden;
    border: #ddd solid 1px;
    border-radius: 6px;
}

.orderInfoContainer form {
    margin-bottom: 0px;
}

.orderFormItem {
    width: 100%;
    border-bottom: #ddd solid 1px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.orderFormItem:nth-last-child(1) {
    border-bottom: none;
}

.orderFormTitle {
    width: 140px;
    padding: 10px;
    background-color: #eee;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    margin: 0px;
}

.orderFormContent {
    width: 100%;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
}


/* 收件人資訊 */

.receiveInfoContainer {
    overflow: hidden;
    border: #ddd solid 1px;
    border-radius: 6px;
}

.receiveInfoContainer form {
    margin-bottom: 0px;
}

.receiveFormItem {
    width: 100%;
    border-bottom: #ddd solid 1px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.receiveFormItem:nth-last-child(1) {
    border-bottom: none;
}

.receiveFormTitle {
    width: 140px;
    padding: 10px;
    background-color: #eee;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
}

.receiveFormItem input {
    width: 100%;
    margin: 0px;
    line-height: 1;
    border: none;
    padding: 10px;
    outline: none;
    background: none;
    font-size: 14px;
}

.receiveAddressInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.receiveAddressItem .areaSelect,
.receiveAddressItem input {
    display: table-cell;
}

.receiveAddressItem .areaSelect {
    width: 150px;
    padding: 0px 10px;
    font-size: 14px;
}

.receiveAddressItem .districtSelect {
    padding-left: 0px;
}

.receiveAddressItem .areaSelect select {
    cursor: pointer;
}

.areaSelect select {
    width: 100%;
    padding: 3px 5px;
    background: url('https://cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/svg/chevron-down.svg') no-repeat 97% center;
    outline: none;
}

.receiveAddressItem input {
    border-left: #ddd solid 1px;
}


/* 發票資訊 */

.invoiceContainer {
    overflow: hidden;
    border: #ddd solid 1px;
    border-radius: 6px;
}

.invoiceContainer form {
    margin-bottom: 0px;
}

.invoiceFormItem {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.invoiceFormItem .invoiceFormTitle {
    width: 140px;
    padding: 10px;
    background-color: #eee;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
}

.invoiceFormContent {
    width: 100%;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    word-wrap: break-word;
}

.radioBtnItem {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
}

.radioBtnItem input {
    vertical-align: text-top;
}

.invoiceFormItem input {
    cursor: pointer;
}

.invoiceFormItem label {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}


/* 三聯式發票說明 */

.triplicateFormItem {
    width: 100%;
    border-top: #ddd solid 1px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.triplicateFormTitle {
    width: 140px;
    padding: 10px;
    background-color: #eee;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
}

.triplicateFormItem input {
    width: 100%;
    margin: 0px;
    line-height: 1;
    border: none;
    padding: 10px;
    outline: none;
    background: none;
    font-size: 14px;
}

.triplicateContainer {
    display: none;
}

.triplicateContainer label {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    vertical-align: text-top;
}

.triplicateFormItem .radioBtnItem {
    width: 100%;
}

.triplicateFormItem .radioBtnItem input {
    width: auto;
    cursor: pointer;
}

.triplicateInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.triplicateFormItem .areaSelect {
    display: table-cell;
    vertical-align: middle;
}

.triplicateInput {
    display: block;
    width: 100%;
}

.triplicateFormItem .areaSelect {
    width: 150px;
    padding: 0px 10px 0px 0px;
}

.triplicateFormItem input.triplicateOtherAddressInput {
    border: #ddd solid 1px;
    padding: 0px 10px;
}

.otherAddress {
    margin: 10px 0px;
}

.triplicateFormItem .radioBtnItem .otherAddress input {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
}


/* 訂購備註 */

.orderNoteContainer {
    overflow: hidden;
    border: #ddd solid 1px;
    border-radius: 6px;
    padding: 10px;
}

.orderNoteContainer textarea {
    width: 100%;
    resize: none;
    outline: none;
    border: none;
    vertical-align: middle;
    background: none;
}


/* 付款方式 */

.paymentContainer {
    overflow: hidden;
    border: #ddd solid 1px;
    border-radius: 6px;
}

.paymentContainer form {
    margin-bottom: 0px;
}

.paymentFormItem {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.paymentFormItem label {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}

.paymentFormItem .radioBtnItem {
    display: inline-block;
    padding: 20px;
    margin-right: 20px;
}

.paymentFormItem input {
    cursor: pointer;
}

.paymentIntro {
    padding: 0px 10px 10px;
}

.paymentIntro p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    border-top: #ddd solid 1px;
    padding: 10px 0px;
}


/* 配送方式 */

.deliverContainer {
    overflow: hidden;
    border: #ddd solid 1px;
    border-radius: 6px;
}

.deliverContainer form {
    margin-bottom: 0px;
}

.deliverFormItem {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.deliverFormItem label {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}

.deliverFormItem .radioBtnItem {
    display: inline-block;
    padding: 20px;
    font-size: 14px;
    margin-right: 20px;
}

.deliverFormItem input {
    cursor: pointer;
}

.deliverIntro {
    padding: 0px 10px 10px;
}

/* cart_step02.php_end */

/* cart_step03.php_start */
.noInfo {
    color: #ddd;
}

.backtoPtList a::before {
    content: "\f1b3";
    font-family: FontAwesome;
}

.checkOrderList a::after {
    content: "\f046";
    font-family: FontAwesome;
}

/* cart_step03.php_end */

/* cart_no_item.php_start */
.cartNoItemDesc {
    margin-top: 30px;
    padding: 60px 15px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #aaa;
    border: #aaa solid 1px;
    text-align: center;
}

.cartNoItemDesc span::after {
    content: "\f07a";
    font-family: FontAwesome;
    margin-left: 10px;
}

.cartNoItemDesc a {
    display: table;
    padding: 7px 80px;
    background-color: #004986;
    color: #fff;
    margin: 40px auto 0px;
    font-size: 20px;
    font-weight: normal;
    border: #eee solid 1px;
    border-radius: 30px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.cartNoItemDesc a:hover {
    box-shadow: none;
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
}

/* cart_no_item.php_end*/

/* pt_check_record.php_start */
.ptRecordBlock {
    padding: 0px;
}

.ptRecordItem {
    border: #aaa solid 2px;
    margin-bottom: 30px;
}

.ptRecordItemInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.ptRecordImgOrder,
.ptRecordContent {
    display: table-cell;
    vertical-align: top;
}

.ptRecordImgOrder {
    width: 300px;
    position: relative;
    overflow: hidden;
}

.ptRecordImg {
    /* height: 250px; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 100%;
}

.ptRecordOrder {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.ptRecordOrder a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.05em;
    background-color: rgba(0, 73, 134, 0.7);
    font-size: 20px;
}

.ptRecordOrder a::after {
    content: "\f217";
    font-family: FontAwesome;
    margin-left: 5px;
}

.ptRecordOrder a:hover {
    opacity: 0.7;
}

.ptRecordClassify {
    padding: 0px 10px;
    border-bottom: #aaa solid 1px;
    overflow: hidden;
}

.ptRecordClassify a {
    height: 30px;
    line-height: 30px;
    display: block;
    color: #aaa;
}

.ptRecordClassify a:hover {
    opacity: 0.7;
}

.ptRecordNum {
    height: 30px;
    font-size: 14px;
    padding: 0px 10px;
    line-height: 30px;
}

.ptRecordTitle {
    height: 60px;
    padding: 0px 10px;
    overflow: hidden;
}

.ptRecordTitle a {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #152177;
    font-weight: bold;
}

.ptRecordTitle a:hover {
    opacity: 0.7;
}

.ptRecordDesc {
    height: 130px;
    padding: 0px 10px;
    overflow: hidden;
    position: relative;
}

.overCover {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+1,1+99 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

/* pt_check_record.php_end */

/* contact.php_start */
.allStoreInfoSelector {
    background-color: #f7f7f7;
    padding: 30px 0px;
    margin-bottom: 30px;
}

/* 店家篩選 */

.storeInfoSelectorInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.storeInfoSelectorItem {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.selectorItem .formTableItem {
    margin-bottom: 0px;
}

.selectorItem .formField {
    padding: 0px;
}

.storeInfoSelectorTitle {
    font-size: 15px;
    font-weight: bold;
    color: #004986;
    margin-bottom: 10px;
}

.selectorItem select,
.selectorItem button {
    height: 30px !important;
}

.selectorItem button {
    width: 100%;
    background-color: #004986;
    text-align: center;
    color: #fff;
    border: #eee solid 1px;
    letter-spacing: 0.05em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.selectorItem button:hover {
    box-shadow: none;
    transform: translate(1px, 1px);
    -webkit-transform: translate(1px, 1px);
}

/* 店家資訊 */
.mapStoreinfoStore {
    margin-bottom: 100px;
}

.mapStoreinfoStoreInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.mapStoreItem {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

.mapStoreItemInner {
    height: 400px;
    border: #eee solid 1px;
    overflow-y: auto;
}

.storeItem {
    padding: 0px 15px 0px;
}

.storeItem a {
    display: block;
    border-bottom: #eee solid 1px;
    padding: 10px 0px;
}

.storeDist {
    font-size: 14px;
    color: #aaa;
}

.storeName {
    font-size: 18px;
    color: #004986;
    font-weight: bold;
    margin-bottom: 10px;
}

.storeAddress {
    font-size: 16px;
    color: #555;
}

.storeTel {
    font-size: 15px;
    color: #cc9033;
}

/* 地圖 */
.mapItemInner {
    overflow: hidden;
}

.mapItem iframe {
    width: 100%;
    height: 400px;
}

/* 聯絡表單 */
.contactFormTitle,
.contactFormTable {
    padding: 0px 10px;
}

.contactFormTitle {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.contactFormTitle span {
    font-size: 20px;
    display: table;
    margin: 0 auto;
    font-weight: bold;
    color: #333;
    padding: 10px 30px;
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.contactFormTitle::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #004986;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

/* contact.php_end */
/* video.php_start */
.videoGroupInner {
    width: 100%;
    overflow: hidden;
}

.videoItem {
    width: 33.3333%;
    float: left;
    padding: 10px;
    margin-bottom: 15px;
}

.videoItemInner {
    border: #eee solid 1px;
}

.videoItem a {
    height: 280px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    color: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.videoItem a:hover {
    box-shadow: none;
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
}

.playBtn {
    font-size: 80px;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -45%);
    -webkit-transform: translate(-50%, -45%);
}

.videoTitle {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    color: #333;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 18px;
}

/* video.php_end */

/* pt_list.php_start */
.ptListItemGroup {
    overflow: hidden;
    padding-top: 10px;
}

.ptListItem {
    width: 33.3333%;
    float: left;
    padding: 10px;
    margin-bottom: 30px;
}

.ptListItem a {
    display: block;
    position: relative;
}

.ptListItemInner {
    border: #aaa solid 1px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ptListImg {
    height: 240px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #f7f7f7;
}

.ptListTitle {
    text-align: center;
    padding: 0px 10px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    letter-spacing: 0.05em;
}

.ptListHover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.ptListHover span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ptListItem:hover .ptListItemInner {
    box-shadow: none;
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ptListItem a:hover .ptListHover {
    opacity: 1;
}

/* pt_list.php_end */

/* pt_dt.php_start */
.productDtTopInfo {
    overflow: hidden;
    margin-bottom: 30px;
}

.productDtTopInfoInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.productDtImg,
.productDtIntro {
    display: table-cell;
    vertical-align: top;
}

.productDtIntro {
    padding-left: 30px;
}

.productImageGallery {
    margin: 0 auto;
    text-align: center;
}

.productDetailsGalleryBlock .owl-dots {
    display: none;
}

.bigImage {
    border: #ccc solid 1px;
    overflow: hidden;
}

.bigImage img {
    max-width: 100%;
}

.bigImage .owl-carousel .owl-item img {
    width: auto;
    max-height: 390px;
    margin: 0 auto;
    max-width: 100%;
}

.imgControl {
    margin-top: 30px;
}

.imgControl .owl-carousel .owl-item {
    padding: 0px 3px;
}

.imgControl .owl-carousel .owl-item .item {
    border: #eee solid 1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.imgControl .owl-carousel .owl-item:hover .item {
    border-color: #000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.imgControl .owl-theme .owl-nav [class*=owl-] {
    width: 20px;
    height: 112px;
    border: none;
    line-height: 110px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    border-radius: 0px;
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
}

.imgControl:hover .owl-nav [class*=owl-] {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1;
}

.imgControl .owl-prev {
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.imgControl .owl-next {
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.imgControl .owl-theme .owl-nav i {
    color: #fff;
}

.mousetrap {
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
}

.cloud-zoom-big {
    max-width: 100%;
    height: 300px !important;
    top: 0px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
}

.imgControl a.button {
    /* height: 110px;*/
    overflow: hidden;
    overflow: hidden;
    display: block;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 100%;
}

.imgControl .owl-carousel .owl-item img {
    height: 100%;
    border: #eee solid 1px;
    margin: 0 auto;
}

.productDtIntroName {
    height: 46px;
    font-size: 25px;
    color: #6789c2;
    overflow: hidden;
    line-height: 18px;
    border-bottom: #dfdfdf solid 1px;
    margin-bottom: 30px;
}

.productDtInfoNumber {
    height: 30px;
    margin-bottom: 22px;
    overflow: hidden;
}

.introTitleInner {
    width: 106px;
    height: 30px;
    display: block;
    background-color: #d6e0fc;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    margin-right: 20px;
}

.numberTitleContainer {
    height: 30px;
    float: left;
}

.seriesNumber {
    height: 30px;
    display: block;
    font-size: 15px;
    color: #333;
    float: left;
    line-height: 30px;
}

.productDtInfoFeature {
    overflow: hidden;
    height: 146px;
    margin-bottom: 20px;
    position: relative;
}

.featureTitleContainer {
    height: 146px;
    float: left;
}

.productFeature {
    height: 146px;
    word-break: break-word;
    overflow: hidden;
    display: block;
    font-size: 15px;
    color: #333;
    position: relative;
}

.productDtInfoApplication {
    height: 72px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.applicationTitleContainer {
    float: left;
}

.productApplication {
    height: 72px;
    display: block;
    word-break: break-word;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    position: relative;
}

.productDtAddToFavorite {
    margin-bottom: 20px;
}

.productDtAddToFavorite,
.productDtInquiry {
    display: inline-block;
    margin-right: 10px;
}

.productDtAddToFavorite a,
.productDtInquiry a {
    padding: 11px 32px;
    display: inline-block;
    background-color: #e58700;
    color: #fff;
    font-size: 15px;
}

.productDtAddToFavorite a:hover,
.productDtInquiry a:hover {
    opacity: 0.7;
}

.readMore {
    width: 100%;
    height: 40px;
    background-color: #f00;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+19,ffffff+100&0.3+1,0.9+19,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.9) 19%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.9) 19%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.9) 19%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.ptDtContent {
    padding: 30px;
    border: #aaa solid 1px;
}

.ptDtTab .nav-tabs .ptDtTabItem>a {
    margin: 0px;
    padding: 5px 40px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    border-radius: 0px;
    background: none;
    box-shadow: none;
    display: block;
    border-bottom: none;
    border-right: #333 solid 1px;
}

.ptDtTab .nav-tabs .ptDtTabItem,
.ptDtTab .nav-tabs .ptDtTabItem:focus,
.ptDtTab .nav-tabs .ptDtTabItem:hover {
    margin: 0px;
    padding: 0px;
    background: none;
    box-shadow: none;
    float: none;
    border-bottom: none;
}

.ptDtTab .nav-tabs .ptDtTabItem.active>a,
.ptDtTab .nav-tabs .ptDtTabItem.active>a:focus,
.ptDtTab .nav-tabs .ptDtTabItem.active>a:hover {
    padding: 5px 40px;
    background: none;
    box-shadow: none;
    border-bottom: none;
    color: #152177;
}

.ptDtTab .ripple-container {
    border: none;
    margin: 0px;
    padding: 0px;
    background: none;
    box-shadow: none;
    display: none;
}

.ptDtContent .tab-content {
    padding: 30px 0px;
}

.ptName {
    border-bottom: #707070 solid 1px;
    padding: 0px 10px 10px;
}

.ptName h1 {
    font-size: 26px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
}

.ptDesc {
    padding: 33px 10px 0px;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    letter-spacing: 0.05em;
}

.ptPrice {
    padding: 0;
    margin-bottom: 30px;
    font-size: 18px;
    background: #f7f7f7;
}

.ptPriceName,
.ptPriceNum {
    display: inline-block;
    vertical-align: middle;
}

.ptPriceName {
    padding: 3px 10px;
    background: #333;
    color: #fff;
    margin-right: 7px;
}

.ptPriceNum::before {
    content: "$";
}

/*
.ptBtnContainerInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}


.ptBtn {
    display: table-cell;
    vertical-align: middle;
}


.ptBtn a {
    line-height: 1;
    letter-spacing: 0.05em;
    display: table;
    padding: 16px 35px;
    border-radius: 5px;
    color: #fff;
}
*/

.ptBtnContainer {
    padding:0px;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #b5daee;
}

.ptBtnContainerInner{

    display: table;
    width: 100%;
    table-layout: fixed;
}


.ptBtn {
    /*
    display: inline-block;
    margin: 0px;
    margin-right: 30px;
    */
    
    display: table-cell;
    margin: 0px;
    margin-right: 30px;
    padding: 0px;
    height: auto;
    vertical-align: middle;    
    
}


.ptBtn a {
    /*
    display: block;
    padding: 10px 60px;
    background-image: linear-gradient( 180deg, #ffffff 0%, #d9d9d9 100%);
    font-size: 22px;
    color:#9fa0a0;
    font-weight: bold;
    border:1px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 1.5px rgba(159,160,160,1);
    -moz-box-shadow: 0px 0px 0px 1.5px rgba(159,160,160,1);
    box-shadow: 0px 0px 0px 1.5px rgba(159,160,160,1);
    letter-spacing: 1px;
    */
    display: block;
    padding: 10px 30px;
    text-align: center;
    background-image: linear-gradient( 360deg, #ffffff 0%, #d9d9d9 100%);
    background: linear-gradient(360deg, #87000D 0%, #E60011 100%);
    background: -moz-linear-gradient(360deg, #87000D 0%, #E60011 100%);
    background: -webkit-linear-gradient(360deg, #87000D 0%, #E60011 100%);
    background: -o-linear-gradient(360deg, #87000D 0%, #E60011 100%);
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 0px 1.5px rgba(159,160,160,1);
    -moz-box-shadow: 0px 0px 0px 1.5px rgba(159,160,160,1);
    box-shadow: 0px 0px 0px 1.5px rgba(159,160,160,1);
    letter-spacing: 1px; 
}

.ptBtn a:hover{
/*color:#036eb8;
background-image: linear-gradient( 180deg, #f7f7f7 10%, #bbb 100%);
*/
    background-image: linear-gradient( 360deg, #ffffff 0%, #d9d9d9 80%);
    background: linear-gradient(360deg, #87000D 0%, #E60011 80%);
    background: -moz-linear-gradient(360deg, #87000D 0%, #E60011 80%);
    background: -webkit-linear-gradient(360deg, #87000D 0%, #E60011 80%);
    background: -o-linear-gradient(360deg, #87000D 0%, #E60011 80%);
    color:#FFF

}




.ptInquieryBtn {
    width: 200px;
    border-right: #707070 solid 1px;
    margin-right: 35px;
}

.ptInquieryBtn a {
    border: #aaa solid 1px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383938+0,555555+50,383938+100 */
    background: rgb(56, 57, 56);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(56, 57, 56, 1) 0%, rgba(85, 85, 85, 1) 50%, rgba(56, 57, 56, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(56, 57, 56, 1) 0%, rgba(85, 85, 85, 1) 50%, rgba(56, 57, 56, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(56, 57, 56, 1) 0%, rgba(85, 85, 85, 1) 50%, rgba(56, 57, 56, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383938', endColorstr='#383938', GradientType=0);
    /* IE6-9 */
}

.ptInquieryBtn a::before {
    content: "\f05a";
    font-family: FontAwesome;
    margin-right: 5px;
}

.ptInquieryBtn a:hover {
    box-shadow: none;
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
}

.ptFavoriteBtn a {
    width: 45px;
    height: 45px;
    background-image: url(../images/FavoriteBtn.png);
    display: inline-block;
    vertical-align: middle;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0px;
    border: 0px;
    box-shadow: none;
    padding: 0;
    margin: 0 18px;        
}

.ptFavoriteBtnText{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    color: #979797;
}

/*
.ptFavoriteBtn a::before {
    content: "\f004";
    font-family: FontAwesome;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #e60012;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
}


.ptFavoriteBtn a:hover {
    color: #e60012;
}
*/

.ptFavoriteBtn a:hover{
    background-image: url(../images/FavoriteBtnhover.png);
    background-size: contain;
}
.ptFavoriteBtn a:active{
 background-image: url(../images/FavoriteBtnactive.png);
}


.ptSeriesNum {
    margin-bottom: 30px;
}

.ptSeriesNumTitle,
.ptSeriesNumText {
    display: inline-block;
    vertical-align: middle;
}

.ptSeriesNumTitle {
    padding: 10px 25px;
    line-height: 1;
    background-color: #00479d;
    border-radius: 5px;
    color: #fff;
    margin-right: 15px;
}

.ptSeriesNumText {
    color: #333;
    font-weight: bold;
}

.ptbarco {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: #707070 solid 1px;
}

.ptbarcoTitle,
.ptbarcoText {
    display: inline-block;
    vertical-align: middle;
}

.ptbarcoTitle {
    padding: 10px 25px;
    line-height: 1;
    background-color: #00479d;
    border-radius: 5px;
    color: #fff;
    margin-right: 15px;
}

.ptbarcoText {
    color: #333;
    font-weight: bold;
}

.ptbarcoText a {
    display: block;
    width: 127px;
    height: 59px;
}

.ptbarcoText a img {
    max-width: 100%;
}

.ptCatalogeItem {
    border-bottom: #aaa dotted 1px;
}

.ptCatalogeItem a {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 10px 5px;
    color: #333;
}

.ptCatalogeItem a:hover {
    background: #f7f7f7;
}

.ptCatalogeName,
.ptCatalogeIcon,
.ptCatalogeNum {
    display: table-cell;
    vertical-align: middle;
}

.ptCatalogeIcon {
    background: url('../images/file_download.png') center center no-repeat;
    background-size: contain;
}

.ptCatalogeNum {
    width: 24px;
    background: #f2f2f2;
    text-align: center;
}

.ptCatalogeIcon {
    width: 22px;
}

.ptCatalogeName {
    padding: 0 10px;
}

/* pt_dt.php_end */

/* member_dealer_record.php_start */
.dealerRecordItemInner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.dealerRecordItem {
    border-bottom: #aaa solid 1px;
}

.dealerRecordTableTitle {
    border-bottom: none;
}

.dealerRecordCol {
    display: table-cell;
    vertical-align: middle;
    border: #fff solid 1px;
    text-align: center;
    padding: 10px;
}

.dealerRecordTitle {
    border: #fff solid 1px;
    background: #004986;
    padding: 5px 10px;
    color: #fff;
}

.dealerRecordCol a::before {
    content: "\f07c";
    font-family: FontAwesome;
    margin-right: 3px;
}


/* member_dealer_record.php_end */
@media only screen and (max-width: 1499px) {
    .ptInquieryBtn {
        width: 180px;
    }

    .ptFavoriteBtn a {
        padding: 16px 25px;
    }
}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1199px) {

    /* 內頁banner_start */
    .pageBannerItme {
        height: 300px;
    }

    /* 內頁banner_end */
    /* 上/下篇_start */
    .prevTitle,
    .nextTitle {
        width: 350px;
    }

    /* 上/下篇_end */
    /* 左側選單/頁面內容_start */
    /* 側選單 */
    .sidebarBlock {
        width: 260px;
    }

    .contentBlock {
        padding-left: 20px;
    }

    /* 上選單 */
    .topbarBlock {
        width: 100%;
        display: block;
    }

    /* 左側選單/頁面內容_end */
    /* pt_list.php_start */
    .ptListItem {
        width: 50%;
    }

    /* pt_list.php_end */
    /* pt_dt.php_start */
    .productDtImg,
    .productDtIntro {
        width: 100%;
        display: block;
    }

    .productDtImg {
        margin-bottom: 20px;
    }

    .imgControl .owl-carousel .owl-item img {
        width: auto;
        height: 100%;
        padding-top: 0px;
    }

    .productDtIntro {
        padding-left: 0px;
    }

    .productDtFormInner {
        width: 100%;
    }

    .productDtFormUnit .productDtCharacteristicTitle,
    .productDtOption .productDtCharacteristic {
        width: 300px;
    }

    .productDtIntroInfo {
        border-bottom: #dfdfdf solid 1px;
    }

    .productDtAddToFavorite {
        text-align: center;
        margin-top: 30px;
    }

    .ptDtMsgDescTitle {
        width: 80px;
    }

    /* pt_dt.php_end */

}

@media only screen and (min-width: 992px) {}

@media only screen and (max-width: 991px) {

    /* 列表_start */
    .listItem {
        width: 50%;
    }

    /* 列表_end */
    /* 上/下篇_start */
    .dtPrev,
    .dtNext {
        display: block
    }

    .prevTitle,
    .nextTitle {
        width: auto;
        white-space: inherit;
    }

    /* 上/下篇_end */
    /* 左側選單/頁面內容_start */
    /* 左側選單_start */
    .sidebarBlock,
    .contentBlock {
        width: 100%;
        display: block;
    }

    .contentBlock {
        padding-left: 0px;
    }

    .sidebar_pc {
        display: none;
    }

    .sidebar_mb {
        display: block;
        padding: 0px;
        margin-bottom: 40px;
        background-color: #f7f7f7;
        padding: 15px;
    }

    .sidebar_mb .bmd-form-group .form-control {
        height: auto !important;
        padding: 12px 15px !important;
        /* border: #caa449 solid 1px; */
        background-color: #fff !important;
        border: #333 solid 1px !important;
        cursor: pointer;
        position: relative;
        background-image: url('../images/down_arrow.png');
        background-repeat: no-repeat;
        background-position: 98%;
        background-size: inherit !important;
    }

    .mbAsideSecondMenu {
        position: relative;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .mbAsideSecondMenu .owl-item a {
        width: 100%;
        height: 100%;
        font-size: 14px;
        line-height: 50px;
        color: #fff;
        display: block;
        background-color: #152177;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0px 10px;
    }

    /* 左側選單_end */
    /* 左側選單/頁面內容_end */

    /* member_record.php_start */
    .favoriteOption label {
        display: block;
    }

    .favoriteTitle {
        display: none;
    }

    .favoriteItemInner {
        overflow: hidden;
    }

    .favoriteOption {
        display: block;
    }

    .favoriteOption.favoriteImg,
    .favoriteOption.favoriteName {
        float: left;
        height: 160px;
        border-bottom: #aaa solid 1px;
        overflow: hidden;
    }

    .favoriteOption.favoriteImg {
        width: 30%;
    }

    .favoriteOption.favoriteName {
        width: 70%;
    }

    .favoriteOption.favoriteImg label,
    .favoriteOption.favoriteName label {
        display: none;
    }

    .favoriteImg a {
        height: 140px;
    }

    .favoriteOption.favoriteOrder,
    .favoriteOption.favoriteDelete {
        float: left;
        width: 50%;
    }

    .favoriteOption.favoriteOrder {
        text-align: left;
    }

    .favoriteOption.favoriteDelete {
        text-align: right;
    }

    .favoriteOrder label,
    .favoriteOrder a {
        display: inline-block;
    }

    .favoriteOrder label {
        margin-right: 15px;
    }

    .favoriteDelete label,
    .favoriteDelete a {
        display: inline-block;
    }

    .favoriteDelete a {
        padding: 5px 20px;
    }

    .favoriteItem {
        border: #aaa solid 1px;
        margin-bottom: 15px;
    }

    /* member_record.php_end */
    /* cart_start */
    /* 步驟提示 */
    .stepReminder {
        overflow: hidden;
    }

    .step1 .stepInner::before {
        content: "";
        margin: 0px;
        display: block;
    }

    .step2 .stepInner::before {
        content: "";
        margin: 0px;
    }

    .step3 .stepInner::before {
        content: "";
        margin: 0px;
    }

    .stepReminder ul li {
        width: 33.3333%;
        margin: 0px;
        float: left;
        opacity: 1;
        background-color: #f7f7f7;
        color: #aaa;
    }

    .stepReminder ul li.activeStep {
        background-color: #eee;
        color: #000;
        border-bottom: #333 solid 2px;
    }

    .stepInner {
        display: block;
        padding: 8px 0px;
        border-radius: 0px;
        border: none;
        text-align: center;
    }

    .enText {
        font-size: 20px;
        margin-bottom: 0px;
        font-weight: bold;
    }

    .cnText {
        font-size: 12px;
    }

    .stepReminder ul li::after {
        content: "";
        margin: 0px;
        display: none;
    }

    /* 標題 */
    .cartDetailTitleContainer {
        clear: both;
    }

    /* 確認遞交 */
    .cartStepBtn a {
        padding: 13px 10px;
    }

    /* cart_end */

    /* cart_step01.php_start */
    /* 商品表格_抬頭 */
    .cartPtFormTitleContainer {
        display: none;
    }

    /* 商品表格_內容 */
    .cartPtFormContainer ul li {
        display: block;
        text-align: left;
    }

    .cartPtFormContainer ul li.cartPtFormNo {
        display: none;
    }

    .cartPtFormContainer ul li.cartPtFormImg {
        width: 20%;
        float: left;
    }

    .cartPtFormContainer ul li.cartPtFormName {
        width: 80%;
        float: right;
    }

    .cartPtFormName a {
        height: 100px;
        display: block;
        padding: 0px 15px;
    }

    .cartPtFormContainer img {
        height: 100%;
    }

    .cartPtFormContainer ul li.cartPtFormPrice {
        width: 50%;
        height: 50px;
        float: right;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        line-height: 50px;
        margin-top: 20px;
        padding: 0px 10px;
    }

    /* 商品列表 */
    .cartPtContentItem {
        margin-bottom: 30px;
    }

    /* 數量計算 */
    .cartPtFormContainer ul li.cartPtFormCounter {
        width: 100%;
        height: 50px;
        float: left;
        margin-top: 20px;
        padding: 0px;
    }

    .counterContainer form {
        margin: 0px;
    }

    .buttons_added {
        margin: 0px;
    }

    .cartPtFormContainer ul li.cartPtDelet {
        clear: both;
        padding: 10px 0px 0px;
        text-align: right;
    }

    .cartPtFormContainer ul li.cartPtFormTotalCounter {
        width: 50%;
        height: 50px;
        float: left;
        margin-top: 20px;
        line-height: 50px;
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }

    .cartPtFormContainer ul li.cartPtFormTotalCounter::before {
        content: "數量 :";
        margin-right: 5px;
        color: #333;
        font-weight: normal;
    }

    /* 小計 */
    .cartPtSubtotalContainer ul li {
        text-align: right;
    }

    .cartPtFormImg a {
        border: #eee solid 1px;
    }

    /* cart_step01.php_end */
    /* cart_step02.php_start */
    /* 訂購人資訊 */
    .orderFormTitle {
        width: 100%;
        display: block;
        text-align: left;
    }

    .orderFormContent {
        width: 100%;
        display: block;
    }

    /* 收件人資訊 */
    .receiveFormTitle {
        width: 100%;
        display: block;
        text-align: left;
    }

    .receiveFormItem input {
        width: 100%;
        display: block;
    }

    .receiveFormTitle {
        width: 100%;
        display: block;
    }

    .receiveAddressInner {
        padding: 10px;
    }

    .receiveAddressItem .areaSelect {
        width: 50%;
        float: left;
        margin: 10px 0px;
    }

    .receiveAddressItem .areaSelect {
        padding: 0px;
    }

    .receiveAddressItem .areaSelect.citySelect {
        padding-right: 5px;
    }

    .receiveAddressItem .areaSelect.districtSelect {
        padding-left: 5px;
    }

    .receiveAddressItem input {
        clear: both;
        border: #ddd solid 1px;
    }

    /* 發票資訊 */
    .invoiceFormItem .invoiceFormTitle {
        width: 100%;
        display: block;
        text-align: left;
    }

    .triplicateFormTitle {
        width: 100%;
        display: block;
        text-align: left;
    }

    .otherAddress .areaSelect {
        width: 50%;
        display: block;
        float: left;
        padding: 0px;
    }

    .otherAddress .areaSelect.citySelect {
        padding-right: 5px;
    }

    .otherAddress .areaSelect.districtSelect {
        padding-left: 5px;
    }

    /* cart_step02.php_end*/
    /* cart_step03.php_start */
    .cartPtFormContainer ul li.step3Price,
    .cartPtFormContainer ul li.step3TotalCounter,
    .cartPtFormContainer ul li.step3TotalCounter::before {
        color: #aaa;
        font-weight: normal;
    }

    .cartPtFormContainer ul li.cartPtFormTotalPrice {
        clear: both;
        display: block;
        padding: 10px;
        margin-top: 20px;
        background-color: #f7f7f7;
        text-align: right;
        font-weight: bold;
    }

    .cartPtFormContainer ul li.cartPtFormTotalPrice::before {
        content: "合計：";
    }

    /* cart_step03.php_end */
    /* pt_check_record.php_start */
    .ptRecordImgOrder,
    .ptRecordContent {
        display: block;
    }

    .ptRecordImgOrder {
        width: 100%;
    }

    .ptRecordTitle {
        height: auto;
        padding: 10px;
    }

    /* pt_check_record.php_end */
    /* contact.php_start */
    .storeInfoSelectorItem {
        display: block;
    }

    .mapStoreItem {
        display: block;
    }

    /* contact.php_end */
    /* video.php_start */
    .videoItem {
        width: 50%;
    }

    /* video.php_end */
    /* pt_dt.php_start */
    .productDtFormTitle {
        margin-bottom: 10px;
    }

    .productDtFormUnit {
        display: none;
    }

    .productDtOption ul {
        border: #ccc solid 4px;
        display: block;
        margin: 0px 10px 10px 10px;
    }

    .productDtOption ul:nth-last-child(1) {
        border-bottom: #ccc solid 4px;
    }

    .productDtOption ul li.productDtLuster,
    .productDtOption ul li.productDtDenierFilament,
    .productDtOption ul li.productDtYarnShape,
    .productDtOption ul li.productDtCharacteristic {
        width: 100%;
    }

    .productDtOption ul li {
        text-align: left;
        padding: 15px !important;
    }

    .productDtLuster::before {
        content: "LUSTER";
        display: block;
        padding: 5px 0px;
        margin-bottom: 10px;
        text-align: center;
        background-color: #d6e0fc;
    }

    .productDtDenierFilament::before {
        content: "DENIER / FILAMENT";
        display: block;
        padding: 5px 0px;
        margin-bottom: 10px;
        text-align: center;
        background-color: #d6e0fc;
    }

    .productDtYarnShape::before {
        content: "YARN SHAPE";
        display: block;
        padding: 5px 0px;
        margin-bottom: 10px;
        text-align: center;
        background-color: #d6e0fc;
    }

    .productDtCharacteristic::before {
        content: "CHARACTERISTIC";
        display: block;
        padding: 5px 0px;
        margin-bottom: 10px;
        text-align: center;
        background-color: #d6e0fc;
    }

    /* pt_dt.php_end */
    /* member_record.php_start */
    .inquiryDetailsTableImg {
        width: 150px;
    }

    /* member_record.php_end */
}

@media only screen and (min-width: 768px) {}

@media only screen and (max-width: 767px) {

    /* 內頁banner_start */
    .pageBannerItme {
        height: 200px;
    }

    .pageBannerTitle {
        padding: 22px 0px;
    }

    .pageBannerTitle span {
        font-size: 20px;
    }

    .pageBannerTitle span::before {
        content: "";
        width: 30px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .pageBannerTitle span::after {
        content: "";
        width: 30px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    /* 內頁banner_end */
    /* 列表_start */
    .lisItemGroup {
        padding: 5px;
    }

    .listItem {
        width: 100%;
        padding: 5px;
    }

    .listItem a {
        height: auto;
    }

    .listItemDate,
    .listItemBreadcrumb {
        margin-bottom: 80px;
    }

    .listItemName {
        height: auto;
        white-space: inherit;
        line-height: 30px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
    }

    .listItemDesc {
        height: auto;
        display: block;
    }

    .listItemContent {
        position: static;
    }

    /* 列表_end */
    /* guide_list.php_start */
    .topGuideItemInner a {
        height: auto;
    }

    .topGuideItemDate {
        margin-bottom: 120px;
    }

    .topGuideItemContent {
        position: static;
    }

    .topGuideItemName {
        height: auto;
        display: block;
        padding-bottom: 15px;
    }

    .topGuideItemDesc {
        height: auto;
        display: block;
    }

    /* guide_list.php_end */
    /* video.php_start */
    .videoItem {
        width: 100%;
    }

    /* video.php_end */
    /* pt_list.php_start */
    .ptListItem {
        width: 100%;
    }

    /* pt_list.php_end */
    /* pt_dt.php_start */
    .ptDesc .tab-content {
        height: 200px;
    }

    .ptDtMsgQuestion,
    .ptDtMsgNameTime {
        display: block;
        width: 100%;
    }

    .ptBtn a {
        text-align: center;
    }

    .ptDtContent {
        padding: 30px 15px;
    }

    /* pt_dt.php_end*/
    /* member_management.php_start */
    .managementSmapleDownloadList ul li {
        display: block;
        margin-bottom: 20px;
    }

    .managementSmapleDownloadList ul li:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .managementSmapleDownloadList ul li a {
        padding: 7px;
    }

    .managementFileUploadList {
        padding: 10px;
    }

    .managementFileUploadListItem {
        margin-bottom: 30px;
        border: #eee solid 2px;
    }

    .managementFileUploadListItem:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .managementFileUploadListTitle,
    .managementFileUploadListSlelct,
    .managementFileUploadListbtn {
        width: 100%;
        display: block;
        border: none;
        border-bottom: #eee solid 1px;
    }

    .managementFileUploadListTitle {
        display: none;
    }

    /* member_management.php_end */
    /* member_login.php_start */
    .formTableItem {
        margin-bottom: 30px;
    }

    .formTitle,
    .formField {
        width: 100%;
        display: block;
    }

    .formTitle {
        padding: 0px;
        text-align: left;
        background: none;
    }

    .formField {
        padding: 10px;
    }

    .forgotPw {
        display: block;
        width: 100%;
        text-align: left;
    }

    .forgotPw a {
        padding: 5px;
        text-align: right;
        font-size: 14px;
    }

    .verifyCode,
    .refreshCode {
        display: block;
        width: 100%;
    }

    .verifyCode {
        margin-bottom: 10px;
        padding: 0px;
    }

    .refreshCode a {
        padding: 5px;
        text-align: right;
        font-size: 14px;
    }

    /* member_login.php_end */
    /* member_dealer_record.php_start */
    .dealerRecordTableTitle {
        display: none;
    }

    .dealerRecordItem {
        border: #004986 solid 2px;
        margin-bottom: 30px;
    }

    .dealerRecordItem:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .dealerRecordCol {
        display: block;
        padding: 0px;
        text-align: left;
        border: none;
    }

    .dealerRecordCol::before {
        content: attr(data-name);
        display: block;
        background: #004986;
        color: #fff;
        padding: 5px 10px;
    }

    .dealerRecordCol span {
        display: block;
        padding: 5px 10px;
        word-break: break-all;
    }

    .dealerRecordCol a {
        display: block;
        padding: 5px 10px;
    }

    /* member_dealer_record.php_end */
    /* member_record.php_start */
    .inquiryTitle {
        display: none;
    }

    .inquiryOrderGroup {
        border: #333 solid 4px;
        margin-bottom: 40px;
    }

    .inquiryMainInfoItem {
        display: block;
        padding: 0px;
    }

    .inquiryMainInfoItem span {
        display: block;
        padding: 7px;
        word-break: break-all;
    }

    .inquiryMainInfoItem::before {
        content: attr(data-name);
        display: block;
        background: #333;
        padding: 10px;
        color: #fff;
    }

    .inquiryDetails {
        overflow: auto;
    }

    .inquiryDetailsTableTitleItem {
        padding: 10px;
    }

    .inquiryDetailsTableItem {
        padding: 10px;
    }

    .inquiryDetailsTableNo {
        width: 65px;
    }

    .inquiryDetailsTableImg {
        width: 120px;
    }

    .inquiryDetailsTableNum {
        width: 60px;
    }

    /* member_record.php_end */
}

@media only screen and (max-width: 568px) {

    /* 相關標籤_start */
    .dtTag {
        padding: 15px;
    }

    /* 相關標籤_end */
    /* pt_dt.php_start */
    .imgControl .owl-carousel .owl-item img {
        width: 100%;
        height: 100%;
    }

    .ptBtn {
        display: block;
        width: 100%;
        margin:10px 0;
    }

    .ptBtn a {
        display: block;
    }

    .ptInquieryBtn {
        margin: 0px 0px 30px 0px;
        border: none;
    }

    .ptFavoriteBtn a {
        /*
        background-color: #e60012;
        color: #fff;
        border: #eee solid 1px;
        */
            width: 45px;
    height: 45px;
    background-image: url(../images/FavoriteBtn.png);
    display: inline-block;
    vertical-align: middle;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0px;
    border: 0px;
    box-shadow: none;
    padding: 0;
    margin: 0 18px;
        
    }


    .ptFavoriteBtn a:hover {
        /*
        color: #fff;
        opacity: 0.7;*/
    background-image: url(../images/FavoriteBtnhover.png);
    background-size: contain;        
    }

    /* pt_dt.php_end*/
    /* 聯絡表單_start */
    .formTable {
        padding: 10px;
    }

    /* 聯絡表單_end*/
}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 375px) {}