@charset "utf-8";

/** 文字icon **/
@import "font-awesome.min.css";

body{background-color:#f9e3fa; font:medium/1.5 "Microsoft JhengHei";}
.banner-title{background-color:#343a40;}
.banner-title h1{margin-bottom:0; padding:16px 0; color:#f8f9fa;}
aside, .page-main{padding-top:24px; padding-bottom:24px;}
@media screen and (max-width:575px){
	.pc-only{display:none;}
}
aside ul.list-group{list-style:none;}

/* 上版 */
header{background:url("../images/header-bg.jpg") repeat-x;}
header>.container>.row{position:relative;}
header .tools{position:absolute; top:0; right:0; border-radius:0 0 10px 10px; overflow:hidden;}
header .tools .btn{background-color:#ce0cb4; color:#fff; font-size:small; margin-right:1px; border-radius:0;}
header .tools .btn.home{background-color:#901f81;}
header .tools .btn:hover{background-color:#b30f9d;}
header .tools .btn:last-child{margin-right:0; color:ddd;}
.navbar{padding:0;}
.navbar-dark .navbar-nav .nav-link{font-weight:bold; font-size:large; color:#3e413a;}
.navbar-dark .navbar-nav .nav-link:hover{color:#ce0cb4;}
@media screen and (max-width:991px){
	header .tools{display:none;}
	.navbar-dark .navbar-nav .nav-link{font-size:x-large; border:1px solid #e7b0e9;}
	.navbar-dark .navbar-toggler{border-color:#ce0cb4; background-color:#ce0cb4;}
	.nav-link{display:block; margin:0 0 5px; padding:5px;}
}

/* 下版 */
footer{background:url("../images/footer-bg.jpg") no-repeat center top; font-size:small;}
@media screen and (max-width:575px){
	footer{text-align:center;}
	.copyright .col-auto{margin:0 auto;}
}
h2.page-title{margin-bottom:20px; padding:5px 10px 5px 40px; background:#fff url("../images/icon-page-title.jpg") no-repeat 10px 10px; font-weight:bold; font-size:20px; line-height:1.5; color:#870a92; border:1px solid #fc0; border-radius:20px;}

main{line-height:1.8;}

/* 產品介紹 */
.menu_list{background:url("../images/aside_prod_img.png") no-repeat right top;}
#menu li{background:url("../images/Triangle.png") no-repeat left 11px; padding:5px 20px 5px 15px;}
#menu a{color:#801648; text-decoration:none;}
#menu a.current{font-weight:bold; color:#870a92;}
#menu a:hover{color:#949023;}
.at-resp-share-element .at-share-btn .at-label{display:none;}
.m_classLink{display:none;}

@media screen and (max-width:575px){
	.menu_list{background:none;}
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#eecfef; border:1px solid #901f81;}
	.m_classLink a.main{display:block; background:none; font-size:large; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
	.m_classLink a.main i{display:block; font-size:15px; background:#901f81; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background-color:#f3d8f3; border:1px solid #901f81; border-top:0; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{background:none!important; margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:8px 0 0; border-top:1px solid #dbaed9; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:large; color:#222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#efeded;}
	.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 #d1d1d1; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}
.addthis_inline_share_toolbox{display:flex; border:1px dashed #00c2ee; background-color:#f7f7f7;
  margin:20px 0; padding:9px;}
.addthis_inline_share_toolbox:before{content:"分享　"; line-height:45px;}
.at-resp-share-element .at-share-btn{margin:2px!important;}


/* 聯絡我們 */
.contact-note{margin-bottom:15px; font-size:small; color:#f00;}
.form-group{margin-bottom:5px;}
.form-control{padding:5px 0.75rem;}
label{margin-bottom:0;}
.col-form-label, .form-control{padding-top:3px; padding-bottom:3px;}

/* RWD表格 */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { /* width: 49%; */ text-align: right; padding-right: 1%; }
.st-val { /* width: 49%; */ padding-left: 1%; }
/* RESPONSIVE EXAMPLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }


/** 表單欄位 **/
.form-box input, .form-box img{vertical-align:middle; border:1px solid #ced4da; border-radius: 0.25rem;}
.opinion{display:flex; flex-wrap:wrap; margin:5px 0; border-radius:3px; overflow:hidden;}
.opinion-left01{width:110px; min-width:110px; padding:5px 15px; font-weight:bold; font-size:15px; font-family:"Microsoft JhengHei"; color:#495057; line-height:1.8; display:flex; align-items:center;}
.input-main-style01{flex:1; width:100%; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px; border: 1px solid #ced4da; border-radius: 0.25rem; background-color:#fff;}
.input-main-style02{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}
.input-main-style03{background:#f4f8fb; flex:1; width:100%; border:0; margin:5px 0 0 0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:5px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{background:#f4f8fb; width:calc(50% - 2.5px); margin-right:5px; padding:5px 15px; line-height:1.8; border:0; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; min-height:37px;}
.input-main-select select:nth-child(2){margin-right:0;}
.select-style{background:#8a6e0c; font-size:15px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:15px; 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:37px; margin:0; vertical-align:middle; display:inline-block;}

@media screen and (max-width:400px){
	.opinion{display:block;}
	.opinion-left01{width:100%;}
	.input-main-style02{width:calc(100% - 104px); display:inline-block;}
}


/** 按鈕 **/
.cart-btn{padding:5px 0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.btn-send{font-size:13px;}
a.btn-send{display:inline-block; background-color:#007bff; padding:0.375rem 0.75rem; font-weight:400; font-weight:bold; font-size:1rem; line-height:1.5; min-width:100px; margin:2px; border:1px solid #007bff; border-radius:0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color:#fff; text-align:center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}   
a.btn-send:hover{color:#fff; background-color:#0069d9; border-color:#0062cc; text-decoration:none;}
a.btn-reset{display:inline-block; background-color:#e9ecef; padding:0.375rem 0.75rem; font-weight:400; font-weight:bold; font-size:1rem; line-height:1.5; min-width:100px; margin:2px; border:1px solid #e9ecef; border-radius:0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color:#373737; text-align:center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a.btn-reset:hover{color:#fff; background-color:#0069d9; border-color:#0062cc; text-decoration:none;}
a.btn-send-over{background:#7ea2c5; padding:5px 20px; text-align:center; font-size:15px; color:#fff; min-width:100px; margin:2px; border-radius:5px; border:2px solid #7ea2c5;}
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}

@media screen and (max-width:575px){
	a.btn-send{padding:5px 10px; width:calc(50% - 4px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 4px);}
	a.btn-send-over{padding:5px 10px; width:calc(50% - 4px);}
}

.jumbotron{background-color:transparent;}