@charset "utf-8";

/** bootstrap **/
@import url(bootstrap.css);

/** 文字icon **/
@import url(font-awesome.min.css);

/** 手機選單 **/
@import url(slicknav.css) screen and (max-width:1080px);

/** font **/
@import url(Noto+Sans+TC-Noto+Serif+TC.css);

/** float 才需要
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix{height:1%;}
**/

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:18px;line-height: 1.8;font-family: "Helvetica", "Segoe UI", "Roboto", "arial", "Noto Sans TC", "Microsoft JhengHei", sans-serif;word-break: break-word;letter-spacing: 1px; overflow-y: scroll;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}
table{border-collapse:inherit;}
@media screen and (max-width:767px){
    body{font-size:16px;}
}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;}
::-moz-placeholder{color:#999999;}
:-ms-input-placeholder{color:#999999;}
input:-moz-placeholder{color:#999999;}
#field2::-webkit-input-placeholder{color:#999999;}
#field3::-webkit-input-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}
#field2::-moz-placeholder{color:#999999;}
#field3::-moz-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}
.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}

/** 清除瀏覽器的默認選擇框樣式清除，隱藏拖動箭頭 
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#ffffff url(../images/form-select.png)no-repeat right 10px center;background-size: 10px;}
select::-ms-expand { display: none; }
**/

/** 反白 
::selection {background: #000000;color: #f92828;}
::-moz-selection {background:#000000;color: #f92828;}
**/

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#004dd6;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{color: #004dd6;}
.slicknav_nav>li:hover .menu-en{color: #004dd6;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;font-size: 12px; position: absolute;top: 16px;right: 15px;}

/** 上版 **/
.head-tool-main{background: #004dd6;padding: 0 5.255%;position: relative;z-index: 10001;height: 46px;position: fixed;top: 0;left: 0;width: 100%;transition: all 0.5s ease 0s;}
.head-tool{display: flex;justify-content: flex-end;font-size: 15px; color: #ffffff;}
.head-tool .link{}
.head-tool .link>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.head-tool .link>ul>li{padding: 0;margin: 0;}
.head-tool .link>ul>li a{display: block;color: #ffffff;padding: 9.5px 18px;}
.head-tool .link>ul>li a:hover{color: #f2f2fa;}
.head-tool .member-menu{}
.head-tool .member-menu>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.head-tool .member-menu>ul>li{padding: 0;margin: 0;}
.head-tool .member-menu>ul>li a{display: block;color: #ffffff;padding: 9.5px 18px;}
.head-tool .member-menu>ul>li a:hover{color: #f2f2fa;}
.head-tool .lang-main{position: relative;}
.head-tool .lang-main .lang{padding:9.5px 18px;display: flex;cursor: pointer;}
.head-tool .lang-main .lang i{display: flex;align-items: center;justify-content: center;margin: 0 0 0 14px;}
.head-tool .lang-main .lang i img{width: 8px; height: 8px;filter: brightness(0) invert(1);}
.head-tool .lang-other{position: absolute;top: 46px;left:0;display: none;background: #a3a3a3;width: 100%;}
.head-tool .lang-other>ul{list-style: none;padding: 0;margin: 0;}
.head-tool .lang-other>ul>li{padding: 0;margin: 0;text-align: center;border-bottom: 1px #cccccc solid;}
.head-tool .lang-other>ul>li:last-of-type{border-bottom: 0;}
.head-tool .lang-other>ul>li a{display: block;color: #ffffff;padding: 6px 15px;}
.head-tool .lang-other>ul>li a:hover{background: #004dd6;}
.head-tool-main-height{top: -46px;transition: all 0.5s ease 0s;}
header{background:#f2f2fa;padding: 0 5.255%;position: fixed;top: 46px; left: 0;width: 100%;z-index: 10000;transition: all 0.5s ease 0s;}
.head-main{display: flex;align-items: center;}
.head-main .logo{width: 300px; height:auto; transition: all 0.5s ease 0s; }
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
.header-height{top: 0;box-shadow: 0 0 15px 0 rgba(0,0,0,.2); transition: all 0.5s ease 0s; }
@media screen and (max-width:1450px){
    .head-tool-main{padding: 0 15px;}
    header{padding: 0 15px;}
}
@media screen and (max-width:1340px){
    .head-main .logo{width: 250px;}
}
@media screen and (max-width:1080px){
    .head-tool-main{height: 43px;}
    .head-tool .link>ul>li a{padding: 8px 10px;}
    .head-tool .member-menu>ul>li a{padding: 8px 10px;}
    .head-tool .lang-main .lang{padding:8px 10px;}
    .head-tool .lang-main .lang i{margin: 0 0 0 10px;}
    .head-tool .lang-other{top: 43px;}
    .head-tool-main-height{top: -43px;}
	.head-main .logo{width: 200px;position:fixed;top: 56px;left: 15px;z-index: 10000;}
    .header-height .logo{top: 13px; transition: all 0.5s ease 0s; }
}
@media screen and (max-width:575px){
    .head-tool-main{height:41.19px;}
    .head-tool{font-size: 14px;}
    .head-tool .link>ul>li a{padding: 8px 8px;}
    .head-tool .member-menu>ul>li a{padding: 8px 8px;}
    .head-tool .lang-main .lang{padding:8px 8px;}
    .head-tool .lang-other{top: 41.19px;}
    .head-tool-main-height{top: -41.19px;}
	.head-main .logo{width: 200px;position:fixed;top: 54.19px;left: 15px;z-index: 10000;}
    .header-height .logo{top: 11.19px; transition: all 0.5s ease 0s; }
}

/** 主選單與下拉 **/
nav{flex: 1;}
.menu{padding:0; list-style:none; position:relative; margin:0 ; display:flex;justify-content: flex-end;align-items: center;}
.menu>li{color:#fff; text-align:center; position:relative;  cursor:pointer; padding:0; margin:0;}
.menu>li .menu-tc{color:#444444;}
.menu>li .menu-en{color:#666666;font-size: 15px;line-height: 1.4; }
.menu>li:hover .menu-photo img{filter: contrast(1.5) brightness(1.5); }
.menu>li>a{color:#444444; display:block; padding:28px 36px; margin:0;position: relative;transition: all 0.5s ease 0s;}
.menu>li>a i{display: flex;align-items: center;justify-content: center;margin: 0 0 0 10px;position: absolute;top: 37px;right: 14px;transition: all 0.5s ease 0s;}
.menu>li>a i img{width: 12px; height: 12px;filter: grayscale(1);}
.menu>li>a:hover{}
.menu>li:hover .menu-tc{color: #004dd6;}
.menu>li:hover i img{filter: grayscale(0);}
.menu>li.sub>ul.sub-menu{background:#f2f2fa; display:none; position:static; z-index:999; margin:0; padding:0;overflow:hidden;border:1px #cccccc solid;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:200px; left:calc(50% - 100px); top:109.39px;transition: all 0.5s ease 0s;}
.menu>li.sub>ul.sub-menu>li{display:block; font-size: 16px;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#666666; padding:6px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#004dd6;color: #ffffff;}
.header-height .menu>li>a{padding:18px 36px; transition: all 0.5s ease 0s;}
.header-height .menu>li>a i{top: 27px;transition: all 0.5s ease 0s;}
.header-height .menu>li.sub:hover ul.sub-menu{top:89.39px;transition: all 0.5s ease 0s;}
@media screen and (max-width:1340px){
    .menu>li>a{padding:28px 20px;}
    .menu>li>a i{top: 37px;right: 0px;}
    .header-height .menu>li>a{padding:18px 20px;}
}
@media screen and (max-width:1080px){
	#menu{display:none;}
	.slicknav_menu{display:block;background:#f2f2fa;position: fixed;top: 43px; left: 0;width: 100%;z-index: 10000; transition: all 0.5s ease 0s; }
	.slicknav_menu-height{top: 0;box-shadow: 0 0 15px 0 rgba(0,0,0,.2); transition: all 0.5s ease 0s; }
}
@media screen and (max-width:575px){
    .slicknav_menu{top: 41.19px; }
    .slicknav_menu-height{top: 0;}
}

/** edm輪播 **/
.edm-main{padding: 155.39px 0 0 0;}
.edm{}
.swiper.mySwiper{margin: -2.4% 5.255% 0 56%;padding: 1px;}
.mySwiper .photo{background-size: cover;}
.mySwiper .swiper-slide {background: #ffffff;}
.mySwiper .swiper-slide .photo-main{border: 3px #ffffff solid;box-shadow: 0 0 0 1px #cccccc;opacity: .5;}
.mySwiper .swiper-slide-thumb-active .photo-main{opacity: 1;box-shadow: 0 0 0 1px #004dd6;}
@media screen and (max-width:1450px){
    .swiper.mySwiper{margin: -2.4% 15px 0 56%;}
}
@media screen and (max-width:1080px){
	.edm-main{padding: 102px 0 0 0;}
}
@media screen and (max-width:767px){
    .swiper.mySwiper{margin: -4.4% 15px 0 46%;}
}
@media screen and (max-width:575px){
	.edm-main{padding: 100.19px 0 0 0;}
    .swiper.mySwiper{margin: -5.4% 15px 0 36%;}
}

/** 配置 **/
.warpper{overflow: hidden;}
.main{}
.photo-main{overflow: hidden;}
.photo{background-color:#ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform:scale(1);transition: all .5s ease 0s;}
.i-title{padding: 0;margin: 0 0 25px 0;font-size: 40px; color: #444444;font-weight: 700;text-align: center;font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;letter-spacing: 16px;}
.more{display: table;margin: 0 auto;font-size: 16px;}
.more a{display: block;background: #004dd6;color: #ffffff;border-radius: 10px 10px 0 0;padding: 12px 32px 22px 32px;transform: translateY(10px);transition: all 0.5s ease 0s;}
.more a:hover{transform: translateY(0px);transition: all 0.5s ease 0s;}
@media screen and (max-width:1080px){
	.i-title{margin: 0 0 15px 0;font-size: 36px;letter-spacing: 10px;}
    .more a{padding: 10px 25px 20px 25px;}
}
@media screen and (max-width:767px){
	.i-title{font-size: 34px;letter-spacing: 6px;}
}

/** 首頁商品 **/
.i-pro-main{padding: 4% 15px 0 15px;}
.i-pro{max-width: 1340px; margin: 0 auto;}
.i-pro>ul{list-style: none;padding: 0;margin: 0 0 4% 0;display: flex;flex-wrap: wrap;}
.i-pro>ul>li{padding: 0;margin: 15px;width: calc(100%/4 - 30px);}
.i-pro>ul>li a{display: block;color: #040000;}
.i-pro>ul>li a:hover{color: #004dd6;}
.i-pro>ul>li .photo-main{border: 1px #cccccc solid;transition: all .5s ease 0s;}
.i-pro>ul>li .i-pro-content{padding: 15px 0;}
.i-pro>ul>li .i-pro-content h3{padding: 0;margin: 0;font-weight: 600;font-size: 20px; color: #040000;line-height: 1.4;font-family:"Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.i-pro>ul>li .i-pro-content .i-pro-more{font-size: 14px; color: #666666;display: flex;align-items: center;justify-content: flex-end; text-transform: uppercase;margin: 15px 0 0 0;transition: all 0.5s ease 0s;}
.i-pro>ul>li .i-pro-content .i-pro-more i{width: 16px; height: 16px;display: flex;align-items: center;justify-content: center;margin: 0 0 0 10px;transition: all 0.5s ease 0s;}
.i-pro>ul>li .i-pro-content .i-pro-more i img{width: 16px; height: 16px;filter: grayscale(1) opacity(.9);}
.i-pro>ul>li:hover .photo-main{border: 1px #004dd6 solid;transition: all .5s ease 0s;}
.i-pro>ul>li:hover .photo{transform:scale(1.02);transition: all .5s ease 0s;}
.i-pro>ul>li:hover .i-pro-content .i-pro-more{color: #004dd6;transition: all 0.5s ease 0s;}
.i-pro>ul>li:hover .i-pro-content .i-pro-more i img{filter: grayscale(0) opacity(1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1080px){
    .i-pro-main{padding: 30px 15px 0 15px;}
    .i-pro>ul{margin: 0 0 30px 0;}
    .i-pro>ul>li{margin: 10px;width: calc(100%/4 - 20px);}
	.i-pro>ul>li .i-pro-content h3{font-size:18px;}
    .i-pro>ul>li .i-pro-content .i-pro-more{font-size: 13px;}
    .i-pro>ul>li .i-pro-content .i-pro-more i{width: 14px; height: 14px;margin: 0 0 0 6px;}
    .i-pro>ul>li .i-pro-content .i-pro-more i img{width: 14px; height: 14px;}
}
@media screen and (max-width:767px){
    .i-pro>ul>li{margin: 10px;width: calc(100%/2 - 20px);}
}
@media screen and (max-width:575px){
    .i-pro>ul>li{margin: 10px 0;width: 100%;}
}

/** 內頁banner **/
.inside-banner{background-color:#ffffff;background-position: center;background-repeat: no-repeat;background-size: cover;margin: 155.39px 0 0 0; padding: 10% 0;}
.inside-banner-photo{padding: 40px 0;border-bottom: 1px #f2f2fa solid;}
.inside-banner .banner-title-main{max-width:1340px; font-size:18px; color:#ffffff; margin:0 auto; padding:0;text-align: center;}
.inside-banner .banner-title-main .banner-title{font-size:50px; color:#ffffff;padding: 0;margin: 0;line-height: 1.4;font-weight: 700; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;letter-spacing: 10px;text-shadow: 0px 5px 10px rgba(0,0,0,.8);}
.inside-banner .banner-title-main .banner-title02{color:#040000;text-shadow: 1px 1px 0 #ffffff,-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff;}
.inside-banner .banner-title-main .banner-photo{width: 180px;margin: 0 auto;}
@media screen and (max-width:1080px){
    .inside-banner{margin: 102px 0 0 0; }
    .inside-banner .banner-title-main .banner-title{font-size:44px;letter-spacing: 6px;}
}
@media screen and (max-width:767px){
    .inside-banner .banner-title-main .banner-title{font-size:36px;letter-spacing: 4px;}
}

/** Breadcrumb **/
nav[aria-label="breadcrumb"]{padding: 15px 15px;background: #ffffff;font-size: 14px;font-weight: 500;}
.breadcrumb{display:flex; flex-wrap:wrap;justify-content: flex-end; width:100%; max-width:1340px; margin:0 auto; padding:0; list-style:none; background-color:transparent; border-radius:0.25rem;}
.breadcrumb-item{padding-left:0.5rem;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#555555; content:">";}
.breadcrumb-item a{display: inline-block;text-decoration:none; color:#555555;}
.breadcrumb-item a:hover{color:#004dd6; text-decoration:none;}
.breadcrumb-item.active{ color:#555555;}

/** 內頁架構 **/
.content-body-main{padding: 10px 15px 40px 15px;}
.content-body-main02{padding: 40px 15px;min-height: 450px;}
.content-body{max-width:1340px; margin:0 auto;}
.page-title{font-size:36px; color:#040000;font-weight: 700; padding:20px 0; margin:0;line-height: 1.4; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.page-title02{font-size:25px; color:#040000;font-weight: 700; padding:20px 0; margin:0;line-height: 1.4; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;flex: 1;}
.page-main{font-size:18px; color:#444444;font-weight: 300;}
.page-main a{color:#444444;}
.page-main a:hover{color: #004dd6;}
.content-body-main02 .page-main{font-weight: 400;}
.content{display: flex;}
.content .content-left{width: auto;border-right: 1px #cccccc solid;padding: 0 4% 0 0;margin: 0 4% 0 0;}
.content .content-right{flex:3;}
.content02{position: relative;z-index: 1;padding: 4% 0;align-items:flex-end;}
/*.content02:after{content: "";display: block;width: 130%; background: #f3f3f3;height: 300px;position: absolute;bottom: 0;right: -100%;z-index: -1;}*/
.content02:nth-child(odd){flex-direction: row-reverse;}
.content02:nth-child(odd):after{right: inherit;left: -100%;}
.content-font{flex: 1;margin: 0 0 0 0;}
.content-font>ul{list-style: none;padding: 0;margin: 0;}
.content-font>ul>li{padding: 0 0 0 36px;margin:5px 0;position: relative;}
.content-font>ul>li:before{content: "";display: block;width: 24px; height: 24px; background: url("../images/icon001.svg")no-repeat center top;background-size: 24px;position: absolute;top: 3px;left: 0;}
.content-font>ol{margin: 0;}
.content-font>ol>li{margin:5px 0;}
.content-photo{flex: 1;margin: 0 0 0 4%;}
.content02:nth-child(odd) .content-photo{margin: 0 4% 0 0;}
.content03{position: relative;z-index: 1;padding:0 0 4% 0;align-items:center;}
/*.content03:after{content: "";display: block;width: 170%; background: #f3f3f3;height: 100%;position: absolute;bottom: 0;left: -100%;z-index: -1;}*/
.font001{font-size:25px; color:#040000;font-weight: 700;margin: 0 0 25px 0 ; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.font001-01{}
.font002{font-size:24px; color:#040000;font-weight: 600;margin: 25px 0 10px 0 ; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.font003{font-size:28px; color:#040000;font-weight: 700;margin: 0 0 20px 0 ; font-family:"Noto Serif TC",  "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
@media screen and (max-width:1080px){
    .content-body-main{padding:10px 15px 30px 15px;}
    .content-body-main02{padding:30px 15px;}
    .content{display:block;}
    .page-title{font-size:30px;}
    .page-title02{font-size:20px;}
    .content .content-left{width:100%;border-right: 0;padding: 0;margin: 0 0 10px 0;}
    .content .content-right{flex:initial;width: 100%;}
    .content02{padding: 20px 0;}
    .content-photo{margin: 20px 0 0 0;}
    .content02:nth-child(odd) .content-photo{margin: 20px 0 0 0;}
    .content02:after{width: 180%; height: 200px;}
    .content02:nth-child(odd):after{right: -100%;left: inherit;}
    .content03{padding: 0 0 20px 0;}
    .content03:after{width: 250%; height: 40%;}
    .font001-01{margin: 0 0 5px 0 ;}
    .font002{font-size:22px;}
    .font003{font-size:24px;}
}
@media screen and (max-width:991px){
    .page-title{padding:0 0 20px 0;}
}
@media screen and (max-width:767px){
    .page-title{font-size:24px;}
    .page-main{font-size:16px; }
    .content-font>ul>li{padding: 0 0 0 30px;}
    .content-font>ul>li:before{width: 20px; height: 20px; background: url("../images/icon001.svg")no-repeat center top;background-size: 20px;top: 4px;}
    .content03:after{ height: 20%;}
    .font001{font-size:20px;}
    .font002{font-size:20px;}
    .font003{font-size:20px;}
}

/** ERP **/
.CRM-title-btn{display: flex;}
.CRM-title-btn .CRM-btn{width:auto;display: flex;align-items: center; justify-content: flex-end;margin: 0;font-size: 16px;}
.CRM-title-btn .CRM-btn a{display: inline-block;border: 0;background: #040000;color: #ffffff;padding: 8px 25px; border-radius: 50px;margin: 0 0 0 10px;}
.CRM-title-btn .CRM-btn a:hover{background:#004dd6;}
.form-block-main{display: flex;}
.form-block-main .form-block{width: calc(50% - 30px); margin: 15px;}
.form-block-main .form-block-photo{width: calc(25% - 30px);margin: 15px;}
.preview-photo{margin: 0 0 15px 0; padding-top: 100%;width: 100%;position: relative;border: 1px #dddddd solid;}
.preview-photo img{position: absolute;top: 10%;left: 10%;width: 80%;height: 80%;object-fit: contain;object-position: center;}
.content-body-main02 table{border-color:transparent;min-width: 900px;}
.content-body-main02 .table-responsive table thead th{font-size: 16px;padding: 15px;border-bottom: 3px #dddddd solid;font-weight: 500;background: #f1f1f1;color: #212529;}
.content-body-main02 .table-responsive table tbody td{font-size: 15px;color: #212529;padding: 5px;border-bottom: 1px #dddddd solid;}
.content-body-main02 .bootstrap-table .fixed-table-container .table thead th{font-size: 16px;}
.content-body-main02 table{letter-spacing: 0px;}
.content-body-main02 .table-bordered > :not(caption) > * > *{font-size: 15px;}
.content-body-main02 .bootstrap-table .fixed-table-container .table thead th .th-inner{padding: 15px;}
.content-body-main02 .table-bordered > :not(caption) > * > *{padding: 15px;}

.center{text-align: center;}
.CRM-list-btn {}
.CRM-list-btn a{font-size: 20px;background: #004dd6;padding: 5px;margin: 0 auto;width: 40px;height: 40px ;display: flex;align-items: center;justify-content: center;color: #ffffff;border-radius: 50px;}
.CRM-list-btn a:hover{background: #ffffff;color: #004dd6;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.CRM-list-download{width: 30px;height: 30px;}
.CRM-list-download img{width: 30px;height: 30px;}
.CRM-list-download a{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin: 0 auto;}
.CRM-list-download a:hover{}
.CRM-search-main{margin: 0 0 0 15px;height: 100%;padding: 15px 0;}
.CRM-search{border-radius: 50px;overflow: hidden;display: flex;align-items: center;}
.CRM-search-input{width: auto;}
.CRM-search-input input[type="text"]{border: 0; background:#eeeeee;padding: 8px 15px;width: 100%;min-height: 44.8px;color: #222222;font-size: 16px;transition: all .5s ease 0s;}
.CRM-search-input input[type="text"]:focus{}
.CRM-search-btn{width: 44.8px;}
.CRM-search-btn a{display: flex;align-content: center;justify-content: center;border: 0;border-left: 0; width: 100%;padding: 10px;background:#040000 ;min-height: 44.8px;transition: all 0.5s ease 0s;}
.CRM-search-btn a:hover{background: #004dd6; transition: all 0.3s ease 0s;}
.CRM-search-input input::-webkit-input-placeholder{color:#999999;transition: all .5s ease 0s;}
.CRM-search-input input::-moz-placeholder{color:#999999;transition: all .5s ease 0s;}
.CRM-search-input input:-ms-input-placeholder{color:#999999;transition: all .5s ease 0s;}
.CRM-search-input input:-moz-placeholder{color:#999999;transition: all .5s ease 0s;}


/** 左邊分類 **/
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-left-menu{border: 5px #f2f2fa solid;background: #ffffff; padding: 15px;}
.in-left-menu>ul{margin:0; padding:0; list-style:none;}
.in-left-menu>ul>li{border-bottom:1px #f2f2fa solid; color:#444444; padding:0;}
.in-left-menu>ul>li:last-of-type{border-bottom:0;}
.in-left-menu>ul>li>a{color:#444444; display:block; padding:10px 15px;}
.in-left-menu>ul>li>a:hover:not(.current){background: #004dd6;color: #ffffff;}
.in-left-menu>ul>li>.current{background: #f2f2fa;}
.in-left-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743D;}
.in-top-menu-main{border: 5px #f2f2fa solid;background: #ffffff; padding: 15px;position: relative;z-index: 10;}
.in-top-menu{max-width:1340px; margin:0 auto;}
.in-top-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center;}
.in-top-menu>ul>li{width: auto; color:#444444; padding:0;text-align: center;position: relative;}
.in-top-menu>ul>li>a{color:#444444; display:block; padding:10px 15px;position: relative;z-index: 2;}
.in-top-menu>ul>li>a:hover:not(.current){background: #004dd6;color: #ffffff;}
.in-top-menu>ul>li>.current{background: #f2f2fa;}
.in-top-menu>ul>li ul{margin:0; padding:0; list-style:none;background: #ffffff; border:1px #f2f2fa solid;position: absolute;top: 0;left: calc(50% - 90px);width: 180px;opacity: 0;visibility: hidden;max-height: 399px; overflow-y: auto;}
.in-top-menu>ul>li:hover ul{top: 52.39px;opacity: 1;visibility: visible;z-index: 9;}
.in-top-menu>ul>li ul li{border-bottom:1px #f2f2fa solid;padding: 0; font-size: 16px; color: #666666;}
.in-top-menu>ul>li ul li:last-of-type{border-bottom:0;}
.in-top-menu>ul>li ul li a{ color:#666666; display:block;padding:5px 10px 5px 15px;position: relative;}
.in-top-menu>ul>li ul li a:hover{color:#004dd6;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:991px){
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #004dd6;}
	.m_classLink a.main{display:block; background:none; font-size:16px; color:#333; position:relative; padding:10px 58.8px 10px 10px;}
	.m_classLink a.main i{display:block; font-size:16px; background:#004dd6; width:48.8px; height:100%; text-align:center; color:#ffffff; line-height:48.8px; position:absolute; right:0; top:0;}
	.m_classLink a.main b{font-weight: 700; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #004dd6; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:10px; border-top:1px solid #004dd6; font-size:16px; color:#444444;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#f2f2fa;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #004dd6; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
    .in-left-menu{border:0; padding:0 0 20px 0;}
    .in-top-menu-main{border:0; padding:15px 15px 0 15px;}
    .in-top-menu{padding:0;}
	.left-beautify{display:none;}
}

/** 關於我們 **/
.about-content-main{display: flex;}
.about-content{flex: 2;}
.about-content>ul{list-style: none;padding: 0;margin: 0;}
.about-content>ul>li{padding: 0;margin:10px 0;display: flex;}
.about-content>ul>li .about-title{width:90px;margin: 0 20px 0 0;}
.about-content>ul>li .about-info{flex: 1;}
.about-photo{flex: 1;margin: 0 0 0 6%;}
@media screen and (max-width:767px){
	.about-content-main{display:block;}
    .about-content{flex:initial;width: 100%;}
    .about-photo{flex:initial;width: 100%;margin:10px 0 0 0;}
}
@media screen and (max-width:575px){
	.about-content>ul>li .about-title{width:90px;margin: 0 10px 0 0;}
}

/** 服務流程 **/
.process{position: relative;z-index: 1;padding: 4% 0;margin: 0;}
/*.process:after{content: "";display: block;width: 300%;height: 100%;background: #f2f2fa;position: absolute;top: 0;left: -100%;z-index: -1;}*/
.process>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.process>ul>li{padding: 0;margin:15px 40px;text-align: center;width:calc(100%/6 - 80px);position: relative;}
.process>ul>li:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #004dd6;position: absolute;top: calc(50% - 10px);right: -47.5px;}
.process>ul>li:last-of-type:after{display: none;}
.process>ul>li .process-icon{width: 100%;max-width: 150px; margin: 0 auto;}
.process>ul>li .process-title{font-size: 20px; color:#040000;padding: 0;margin: 15px 0 0 0; font-weight: 700; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
@media screen and (max-width:1080px){
	.process{padding: 20px 0;}
    .process>ul>li{width:calc(100%/3 - 80px);}
}
@media screen and (max-width:767px){
    .process>ul>li .process-icon{max-width: 100px;}
	.process>ul>li .process-title{font-size: 18px;}
}
@media screen and (max-width:575px){
    .process>ul>li{margin: 15px 25px; width:calc(100%/2 - 50px);}
    .process>ul>li:after{border-width: 8px 0 8px 10px;top: calc(50% - 8px);right: -30px;}
}

/** 最新消息 **/
.news{}
.news>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.news>ul>li{margin:0;padding:40px;width: calc(100%/3);position: relative;z-index: 1;border-right: 1px #dddddd solid;}
.news>ul>li:nth-child(3n){border-right:0;}
.news>ul>li a{color:#444444;display: block;}
.news>ul>li:hover{background: #f2f2fa;}
.news>ul>li .news-date{color:#004dd6; font-size:16px; text-transform: uppercase;}
.news>ul>li .news-content{margin: 20px 0 0 0;}
.news>ul>li .news-content h3{padding: 0;margin: 0 0 10px 0;font-weight: 600;font-size: 24px; color: #040000;line-height: 1.4;font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.news>ul>li .news-content .news-info{color: #444444; font-weight: 300;margin: 10px 0 0 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news>ul>li .news-content .news-more{font-size: 14px; color: #666666;display: flex;align-items: center;justify-content: flex-end; text-transform: uppercase;margin: 15px 0 0 0;transition: all 0.5s ease 0s;}
.news>ul>li .news-content .news-more i{width: 16px; height: 16px;display: flex;align-items: center;justify-content: center;margin: 0 0 0 10px;transition: all 0.5s ease 0s;}
.news>ul>li .news-content .news-more i img{width: 16px; height: 16px;filter: grayscale(1) opacity(.9);}
.news>ul>li:hover .news-content .news-more{color: #004dd6;transition: all 0.5s ease 0s;}
.news>ul>li:hover .news-content .news-more i img{filter: grayscale(0) opacity(1);transition: all 0.5s ease 0s;}
.news-detail-date{color:#004dd6; font-size:15px; text-transform: uppercase;}
@media screen and (max-width:1080px){
	.news>ul>li{width: calc(100%/2);padding:30px;}
    .news>ul>li:nth-child(3n){border-right: 1px #dddddd solid;}
    .news>ul>li:nth-child(2n){border-right:0;}
    .news>ul>li .news-content h3{font-size: 22px; }
    .news>ul>li .news-content .news-more{font-size: 13px;}
    .news>ul>li .news-content .news-more i{width: 14px; height: 14px;margin: 0 0 0 6px;}
    .news>ul>li .news-content .news-more i img{width: 14px; height: 14px;}
}
@media screen and (max-width:767px){
    .news>ul>li .news-content h3{font-size: 20px; }
}
@media screen and (max-width:575px){
    .news>ul>li{width:100%;border-bottom: 1px #dddddd solid;border-right: 0;padding:20px;}
    .news>ul>li:nth-child(3n){border-right: 0;}
}

/** 首頁商品 **/
.pro{}
.pro>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.pro>ul>li{padding: 0;margin: 10px;width: calc(100%/3 - 20px);}
.pro>ul>li a{display: block;color: #040000;}
.pro>ul>li a:hover{color: #004dd6;}
.pro>ul>li .photo-main{border: 1px #cccccc solid;transition: all .5s ease 0s;}
.pro>ul>li .pro-content{padding: 15px 0;}
.pro>ul>li .pro-content h3{padding: 0;margin: 0;font-weight: 600;font-size: 20px; color: #040000;line-height: 1.4;font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.pro>ul>li .pro-content .pro-more{font-size: 14px; color: #666666;display: flex;align-items: center;justify-content: flex-end; text-transform: uppercase;margin: 15px 0 0 0;transition: all 0.5s ease 0s;}
.pro>ul>li .pro-content .pro-more i{width: 16px; height: 16px;display: flex;align-items: center;justify-content: center;margin: 0 0 0 10px;transition: all 0.5s ease 0s;}
.pro>ul>li .pro-content .pro-more i img{width: 16px; height: 16px;filter: grayscale(1) opacity(.9);}
.pro>ul>li:hover .photo-main{border: 1px #004dd6 solid;transition: all .5s ease 0s;}
.pro>ul>li:hover .photo{transform:scale(1.02);transition: all .5s ease 0s;}
.pro>ul>li:hover .pro-content .pro-more{color: #004dd6;transition: all 0.5s ease 0s;}
.pro>ul>li:hover .pro-content .pro-more i img{filter: grayscale(0) opacity(1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1080px){
	.pro>ul>li .pro-content h3{font-size:18px;}
    .pro>ul>li .pro-content .pro-more{font-size: 13px;}
    .pro>ul>li .pro-content .pro-more i{width: 14px; height: 14px;margin: 0 0 0 6px;}
    .pro>ul>li .pro-content .pro-more i img{width: 14px; height: 14px;}
}
@media screen and (max-width:767px){
    .pro>ul>li{margin: 10px;width: calc(100%/2 - 20px);}
}
@media screen and (max-width:575px){
    .pro>ul>li{margin: 10px 0;width: 100%;}
}

/** 產品明細 **/
.pro-detaile-title{font-size:24px; color:#004dd6;font-weight: 600;padding: 0 0 20px 0; margin: 0 0 20px 0 ; font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;position: relative;}
.pro-detaile-title:after{content: "";display: block;width: 48px ;height: 1px; background: #dddddd;position: absolute;bottom: 0;left: 0;}
.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 20px 0;}
.pro-detaile-photo-box{width:calc(50% - 25px); margin:0 25px 0 0;}
.pro-detaile-spe-box{width:50%; position:relative;}
.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}
.pro-specification{ color:#444444; position:relative;font-weight: 300;}
.cart-info{position:absolute; width:100%; bottom:0;}
.cart-info .price{font-size:22px; font-weight:bold; color:#F00; vertical-align:middle; display:block; text-align:right;}
.cart-info .price.origin{font-size:smaller; color:#666; text-decoration:line-through;}
.cart-info .price.special{font-size:smaller; color:#000;}
h3.pro-introduce{background:#999; font-weight:normal; border-left:5px #111111 solid; padding:8px 10px; font-size:20px; color:#fff; margin:25px 0 15px 0;}
.pro-content{color:#444444; clear:both;font-weight: 300;}
@media screen and (max-width:767px){
    .pro-detaile-title{font-size:20px;padding: 0 0 15px 0; margin: 0 0 15px 0 ;}
	.pro-detaile-box{display:block;}
	.pro-detaile-photo-box{width:100%; margin:0 0 20px 0;}
	.pro-detaile-spe-box{width:100%;}
	.cart-info{position:inherit; bottom:inherit;}
}

/** 購物車按鈕 **/
.add-to-cart{color:#cecece; font-size:16px; display:block; width:100%; text-align:center;}
.add-to-cart a{background:#ffffff; padding:5px 8px; color:#333333; font-size:16px; display:block; border:1px #bbbbbb solid; width:100%; text-align:center;}
.add-to-cart a:hover{background:#ffbe00; color:#fff; border:1px solid #ffbe00;}
.add-to-cart a[disable]{cursor:no-drop; color:#cecece;}
.add-to-cart a[disable]:hover{background-color:#fff; border:1px solid #bbbbbb;}

/** 購買數量 **/
.cart-info .qtynspec{display:flex; flex-wrap:wrap;}
.cart-info .quantity{display:flex; justify-content:flex-end; align-items:center; width:100%; font-size:16px; color:#333; padding:7px 0;}
.cart-info .quantity-title{font-size:16px; color:#333; min-width:32px; margin:0 10px 0 0;}

/** 購買數量增減模組 **/
.qtyInputBox{display:inline-table; vertical-align:middle; height:30px; width:auto;}
.qtyInputBox .input-group-btn, .qtyInputBox input{display:table-cell; position:relative; float:left; top:0;}
.qtyInputBox .input-group-btn button{display:block; width:30px; height:30px; margin:0; padding:0; vertical-align:middle; border:1px solid #ccc; border-radius:3px 0 0 3px; overflow:hidden;}
.qtyInputBox .input-group-btn:last-child button{border-radius:0 3px 3px 0;}
.qtyInputBox button i{display:block; width:100%; height:100%; margin:0; padding:0; line-height:30px; background-color:#fff;}
.qtyInputBox button i:hover{background-color:#eee;}
.qtyInputBox input{margin-bottom:0; width:calc(100% - 60px); height:30px; line-height:30px; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 5px; text-align:center;}
.qtyInputBox button:focus, input:focus{outline:0;}

/** 購買尺寸 **/
.size{margin:0; padding:7px 0; border-bottom:1px #DFDFDF solid; border-top:1px #DFDFDF solid; display:flex; align-items:center;}
.size-title{font-size:16px; color:#333; min-width:32px; margin:0 10px 0 0;}
.size ul{list-style:none; margin:0 auto; padding:0; flex:1; display:flex; flex-wrap:wrap;}
.size ul li{background:#aaaaaa; font-size:12px; color:#ffffff; margin:2px 5px 2px 0; padding:2px; cursor:pointer; min-width:25px; width:25px; text-align:center;}
.size ul li:hover{background:#000;}
.size ul li.active{background:#000;}
.size ul li.none{background:#E7E7E7;}
.size ul li.title{background:none; font-size:16px; color:#575757; width:auto;}

/** 購買規格 **/
.specification{margin:0; padding:7px 0; display:flex; justify-content:flex-end; align-items:center; width:100%;}
.specification-title{font-size:16px; color:#333; min-width:32px; margin:0 10px 0 auto;}
.specification select{min-height:30px; border:1px #ccc solid; max-width:calc(100% - 32px);}

/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:10px 0; font-weight:bold; font-size:16px; color:#900;}
.contact-info-main{}
.contact-info{position: relative;z-index: 1;padding: 20px 0;margin: 0 0 -40px 0;}
.contact-info:after{content: "";display: block;width: 300%;height: 100%;background: #f2f2fa;position: absolute;top: 0;left: -100%;z-index: -1;}
.contact-info>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.contact-info>ul>li{padding: 0;margin:10px;}
.contact-info>ul>li a{display: inline-block;color: #444444;}
.contact-info>ul>li a:hover{color: #004dd6;}
.contact-info>ul>li .contact-content{}
.googlemap{position: relative;padding-bottom:30%;padding-top: 30px;height: 0;overflow: hidden;margin: 30px 0;}
.googlemap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:1080px){
    .contact-info{margin: 0 0 -30px 0;}
}
@media screen and (max-width:767px){
	.contact-info>ul>li{width: calc(100%/2 - 20px);}
    .googlemap{padding-bottom: 60%;}
}
@media screen and (max-width:575px){
	.contact-info>ul>li{width: 100%;margin: 5px 0;}
}

/** 表單欄位 **/
.star{color: #ff0000;font-size: 14px;padding: 0 5px;}
label{min-width: 100px;}
.form-box{font-weight: 400;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex; flex-wrap:wrap;width: 100%;}
.opinion{flex: 1; display:flex; flex-wrap:wrap; margin:0;padding: 10px 0; overflow:hidden;}
.opinion-left01{width: 100%; padding:10px 0;  color:#040000; display:flex; align-items:center;font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;font-weight: 700;}
.content-body-main02 .opinion-left01{width: 100px;}
.input-main-style01{background: #f3f3f3; flex:1; width:100%; border:0;border: 1px #f3f3f3 solid;margin:0; padding:10px 15px; color:#040000;  min-height:60.39px;}
.input-main-style02{background: #f3f3f3; flex:1; width:100%; border:0;border: 1px #f3f3f3solid; margin:0; padding:10px 15px; color:#040000;  min-height:60.39px;}
.input-main-style03{background: #f3f3f3; width:100%; border:0;border: 1px #f3f3f3 solid; margin:5px 0 0 0; padding:10px 15px; color:#040000;  min-height:60.39px;}
.input-main-style04{background: #f3f3f3; flex:1; width:100%; border:0;margin:0; padding:10px 0;  color:#040000;  min-height:60.39px;}
.input-main-style05{background: #ffffff;border:0;border: 1px #dddddd solid;margin:0; padding:5px 10px; color:#040000; }
.input-main-style06{background: #ffffff;border:0;margin:0; padding:0; color:#040000; }
.input-main-style06 select{background: #ffffff;border:0;border: 1px #dddddd solid;margin:0; padding:9px 10px; color:#040000;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:0;   color:#040000; display:flex; flex-wrap:wrap;}
.input-main-select select{flex: 1; margin:0;   color:#040000;  min-height:60.39px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#f3f3f3 url("../images/select-icon.svg")no-repeat right 10px center;background-size: 10px;padding: 10px 35px 10px 15px;border: 0; border: 1px #f3f3f3 solid;}
.select-style{background:#8a6e0c;  color:#f3f3f3; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px;   color:#040000;  min-height:60.39px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center;  line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:60.39px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 1.8rem; color: #333333;border-radius:0;margin: 15px 0 ;}
.input-main-style01:focus, .input-main-style02:focus, .input-main-style03:focus, .input-main-style04:focus, .input-main-style05:focus, .input-main-select select:focus, .input-main-style06 select:focus{border: 1px #004dd6 solid;background: #ffffff;}
@media screen and (max-width:767px){
    .opinion-main{display:block;}
	.opinion{display:block;}
	.opinion-left01{width:100%;}
	.input-main-style02{width:calc(100% - 106px); display:inline-block;}
}

/** 按鈕 **/
.cart-btn{padding:0; text-align:center; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
a.btn-send{background: #040000; padding:8px 25px; text-align:center; color:#ffffff; width:calc(50% - 10px);max-width: 200px; margin:5px;border-radius: 100px;}
a.btn-send:hover{background:#004dd6;}
a.btn-reset{background:#666666; padding:8px 25px; text-align:center;  color:#ffffff; width:calc(50% - 10px);max-width: 200px; margin:5px;border-radius: 100px;}
a.btn-reset:hover{background:#040000;}
a.btn-send-over{background:#7ea2c5; padding:8px 25px; text-align:center;  color:#fff; width:calc(50% - 10px);max-width: 200px; margin:5px;border-radius: 100px;}
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}
@media screen and (max-width:575px){
	a.btn-send{padding:8px 15px;max-width:inherit;}
	a.btn-reset{padding:8px 15px;max-width:inherit;}
	a.btn-send-over{padding:8px 15px;max-width:inherit;}
}

/** 送出訊息 **/
.jump-window-box{max-width:500px;background: #ffffff; margin:0 auto; border:1px #ccc solid; padding:20px; border-radius:5px;}
.CRM-box{max-width:500px; margin:0 auto;}

/** 會員登入 **/
.member-login-box{max-width:900px; margin:0 auto;}
.login-tool ul{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-tool ul li{padding:0; margin:5px; min-width:50px;}
.login-tool ul li img{width:100%;}

/** 訂單列表 **/
.order-list ul{list-style:none; padding:0; margin:0;}
.order-list ul li{padding:8px 5px; margin:0;}
.order-list ul li .order-list-content{text-align:center; margin:0;}
.order-list ul li:first-of-type{border-bottom:0; padding:8px 5px;}
.order-list ul li:first-of-type .order-list-content{font-size:16px; text-align:center;}
.order-list ul li:first-of-type .order-list-content b{display:block; background-color:#f4f8fb; line-height:2; border-radius:5px;}
.order-list .order_number{font-size:16px; color:#333;}
.order-list .order_date{font-size:16px; color:#333;}
.order-list .order_total{font-size:16px; color:#333;}
.order-list .order_status{font-size:16px; color:#333;}
.order-list .order_details{font-size:16px; color:#333;}
.order-list .order_details a{display:block; color:#666; padding:3px 10px; line-height:1.5em;}
.order-list ul li:hover{background-color:#f4f8fb;}
.order-list ul li:hover .order_details a{color:#c72729;}
.oproject{display:none;}
.oproject-content{flex:1;}
@media screen and (max-width:767px){
	.order-list ul li .order-list-content{padding:5px 0;}
	.order-list ul li:first-of-type{display:none;}
	.oproject{display:inline-block; color:#000; width:100px; margin:0;}
	.oproject-content{width:100%; max-width:100%; text-align:left;}
}

/** 訂單明細 **/
.order-detail{font-size:16px; color:#333; margin:0 0 20px 0;}
.order-detail h3{color:#990000; font-size:18px; padding:0; margin:25px 0 10px 0;}
.order-numbering{color:#2d7fb9; font-size:18px;}

/** 訂單&購物車配置網格 **/
.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
.o-col-sm{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
.o-col-sm-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
.o-col-sm-1{-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}
.o-col-sm-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.o-col-sm-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.o-col-sm-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.o-col-sm-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.o-col-sm-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.o-col-sm-7{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
.o-col-sm-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.o-col-sm-9{-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.o-col-sm-10{-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;}
.o-col-sm-11{-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}
.o-col-sm-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
@media screen and (max-width:767px){
	.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{width:100%; max-width:100%; flex:inherit;}
}

/** step **/
.steps{text-align:center; padding:30px 0;}
.steps .step{display:inline-block; width:240px; max-width:33%; text-align:center; margin:0 -2px;}
.steps .step span{display:block; font-weight:bold;}
.steps .step span.badge{position:relative; height:30px; line-height:30px; text-align:center;}
.steps .step span.badge .text{position:absolute; left:calc(50% - 15px); font-size:18px; font-family:Arial; color:#fff; background-color:#d9d9d9; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; z-index:1;}
.steps .step.active span.badge .text{color:#fff; background-color:#000;}
.steps .step span.badge:before{content:""; position:absolute; background-color:#d9d9d9; width:100%; height:2px; top:50%; left:0; margin-top:-1px; z-index:0;}
.steps .step:first-child .badge::before{width:50%; left:50%;}
.steps .step:last-child .badge::before{width:50%; right:50%;}

/** 購物車第一步驟 **/
.shopping-car{margin:0 0 40px; padding:10px 0;}
.shopping-car ul{list-style:none; padding:0; margin:0;}
.shopping-car ul li{padding:12px 5px; margin:0;}
.shopping-car ul li .shopping-car-content{margin:0;}
.shopping-car ul li:first-of-type{border-bottom:0; padding:8px 5px;}
.shopping-car ul li:first-of-type .shopping-car-content{font-size:16px; text-align:center;}
.shopping-car ul li:first-of-type .shopping-car-content b{display:block; background-color:#f4f8fb; line-height:2; border-radius:5px;}
.shopping-car .shop-car-info{display:flex; font-size:16px; vertical-align:middle; text-align:left; align-items:center;}
.shopping-car .shop-car-info a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info .description{font-size:16px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info .description .shop-car-info-title{font-size:16px; font-weight:bold;}
.shopping-car .shop-car-info .description .spec{font-size:13px; color:#666;}
.shopping-car .shop-car-info-add{display:flex; font-size:16px; vertical-align:middle; text-align:left; align-items:center;}
.shopping-car .shop-car-info-add a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info-add .description{font-size:16px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info-add .description .shop-car-info-title{font-size:16px; font-weight:bold;}
.shopping-car .shop-car-info-add .description .spec{font-size:13px; color:#666;}
.shopping-car .shop-car-price{display:block; height:100%; font-size:16px; color:#333; text-align:center;}
.shopping-car .shop-car-price .original-price{display:block; font-size:12px; text-decoration:line-through; color:#999;}
.shopping-car .shop-car-quantity{display:block; font-size:16px; text-align:center;}
.shopping-car .shop-car-subtotal{display:block; font-size:16px; color:#900; text-align:center;}
.shopping-car .shop-car-del{display:block; font-size:16px; vertical-align:middle; text-align:center;}
.shopping-car .shop-car-del a{color:#333; padding:5px 10px;}
.shopping-car .shop-car-del a:hover{color:#f00;}
.shopping-car ul li.addcontainer{background-color:#eee; padding:15px ;}
.shopping-car ul li.addcontainer h1{background-color:#4697bf; margin:0 0 5px; padding:5px 10px; font-size:16px; line-height:1.2em; color:#fff; border-radius:3px;}
.shopping-car ul li.addcontainer b{color:#000;}
.shopping-car ul li.addcontainer .shop-car-img img.pro-photo{margin:0 15px 0 0; width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car ul li.addcontainer .addc-price{font-size:18px; font-weight:bold; color:#f00; margin:0 3px;}
@media screen and (max-width:767px){
	.shopping-car ul li .shopping-car-content{padding:5px 0;}
	.shopping-car ul li:first-of-type{display:none;}
	.shopping-car .shop-car-price{text-align:right;}
	.shopping-car .shop-car-quantity{text-align:left; flex:1; order:1;}
	.shopping-car .shop-car-subtotal{text-align:right; flex:1; order:3; font-weight:bold; font-size:18px;}
	.shopping-car .shop-car-del{width:50px; order:2;}
    .shopping-car .shop-car-info-add{flex: initial;}
}

/** 總計 **/
.checkout-cart-summary{padding:10px 0;}
.checkout-cart-summary .subtotal{font-size:16px; color:#333; padding:5px; margin:0;}
.checkout-cart-summary .subtotal-name{font-weight:bold; text-align:left;}
.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:bold;}
.checkout-cart-summary .subtotal-content{text-align:right;}
.checkout-cart-summary .subtotal-content input{height: 28px;padding: 0px 5px;width: calc(100% - 25px);border: 1px #cccccc solid;}
.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:16px; color:#333; border-top:1px #ccc solid; padding:5px; margin:10px 0 0 0;}
.checkout-cart-summary .toc{font-weight:bold; color:#900; font-size:18px;}
.discountCoupon{position:relative;}
.discountCoupon span{content:"X"; display:inline-block; background-color:#e4e4e4; width:26px; height:26px; margin:0; position:absolute; right:16px; top:1px; font-size:12px; line-height:26px; text-align:center; cursor:pointer;}
.checkout-cart-summary .discountCoupon input{padding: 0 33px 0 5px;width: 100%;}
@media screen and (max-width:767px){
	.checkout-cart-summary .subtotal-name{padding:0;}
	.checkout-cart-summary .subtotal-content{padding:0;}
    .discountCoupon span{right:1px;}
}

/** 購物車第二步驟 **/
.section-body{margin:0 0 20px 0;}
.shopping-list-more{background-color:#e9ecef; font-size:18px; text-align:center; padding:10px 0; display:block; width:100%; cursor:pointer; border-radius:5px; overflow:hidden;}
.shopping-list-more i.fa.fa-question-circle{margin-left:5px; font-size:24px; color:#2d7fb9;}
.shopping-list-more:hover i.fa.fa-question-circle{color:#ffbe00;}
.shopping-list-more:hover{background-color:#e9ecef;}
.shopping-list-more .shopping-car{margin:20px 0 0 0;}
.shopping-list-toc{text-align:center; font-weight:bold; color:#900; font-size:18px;}

/** 頁次 **/
.page{font-size: 16px; color:#040000; text-align:center; clear:both; margin:40px 0 0 0;}
.page a{background:#040000; color:#fff; padding:4px 10px;display: inline-block;margin: 10px;}
.page a:hover{background:#004dd6; color:#fff;}
.page br{display:none;}
@media screen and (max-width:767px){
	.page br{display:block;}
}

/** 網站導覽 **/
.bottom-info-main{padding: 3% 15px;background: #004dd6;}
.bottom-info{max-width:1340px; margin:0 auto;color: #ffffff;}
.bottom-info>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.bottom-info>ul>li{padding: 0;margin: 25px 20px 25px 0;width:calc(100%/6 - 16.7px);}
.bottom-info>ul>li:nth-child(6n){margin:25px 0;}
.bottom-info>ul>li a{display: block;color: #ffffff;}
.bottom-info>ul>li a:hover{color: #f2f2fa;}
.bottom-info>ul>li h3{padding: 0;margin: 0 0 25px 0;line-height: 1.4;font-size: 20px; font-weight: 700;font-family: "Noto Serif TC", "Helvetica", "Segoe UI", "Roboto", "arial", "Microsoft JhengHei", serif;}
.bottom-info>ul>li>ul{list-style: none;padding: 0;margin: 0;}
.bottom-info>ul>li>ul>li{padding: 0;margin:6px 0;display: block;}
.bottom-info>ul>li>ul>li a{display: block;color: #ffffff;}
.bottom-info>ul>li>ul>li a:hover{color: #f2f2fa;}
@media screen and (max-width:1080px){
    .bottom-info-main{padding:20px 15px;}
	.bottom-info>ul>li{width:calc(100%/3 - 13.4px);}
    .bottom-info>ul>li:nth-child(6n){margin: 25px 20px 25px 0;}
    .bottom-info>ul>li:nth-child(3n){margin: 25px 0;}
}
@media screen and (max-width:767px){
    .bottom-info>ul>li h3{margin: 0 0 20px 0;font-size: 18px; }
}
@media screen and (max-width:575px){
	.bottom-info>ul>li{width:calc(100%/2 - 10px);}
    .bottom-info>ul>li:nth-child(3n){margin: 25px 15px 25px 0;}
    .bottom-info>ul>li:nth-child(2n){margin: 25px 0;}
}
/** 下版 **/
footer{background:#a3a3a3;padding: 30px 15px;}
footer .footer{max-width:1340px; margin:0 auto; display: flex;align-items: center; color: #ffffff;}
footer .footer .f-logo{width: 240px;margin: 0 5% 0 0;}
footer .footer .f-logo img{filter: brightness(0) invert(1);}
footer .footer .f-content{flex: 1;}
footer .footer .f-content .f-contact{font-size: 16px; }
footer .footer .f-content .f-contact span{display: inline-block;}
footer .footer .f-content .f-contact span.f-line{padding: 0 10px;}
footer .footer .f-content .f-contact a{color: #ffffff;display: inline-block;}
footer .footer .f-content .f-contact a:hover{color: #004dd6;}
footer .footer .f-content .copyright{font-size: 12px; text-transform: uppercase;}
footer .footer .f-content .copyright span{display: inline-block;padding: 0 0 0 15px;}
footer .footer .f-content .copyright a{display: inline-block;color: #ffffff;}
footer .footer .f-content .copyright a:hover{color: #004dd6;}
@media screen and (max-width:1080px){
    footer .footer{display: block;}
    footer .footer .f-logo{width: 240px;margin: 0 auto 20px auto;}
    footer .footer .f-content{flex: initial;width: 100%;text-align: center;}
}
@media screen and (max-width:767px){
    footer .footer .f-logo{width: 200px;}
    footer .footer .f-content .f-contact span{display:block;width: 100%;}
    footer .footer .f-content .f-contact span.f-line{display: none;padding: 0px;}
    footer .footer .f-content .copyright{margin: 5px 0 0 0;}
    footer .footer .f-content .copyright span{display:block;padding: 0;width: 100%;}
}