@charset "utf-8";
body{font-family:"微軟正黑體"; font-size:15px;/*background-color:#eaf4ff;*/ /*background-color:#f9f9e8;*/}
a:hover{color:#09F; text-decoration:none;}
a{color:#222; text-decoration:none;}
/*bootstrap*/
.navbar{margin-bottom:0;}
.navbar-header{float:none;}
.navbar-default{background-color:#fff;border-top:solid 5px #ff6694;}
.navbar-brand{float:none; margin:0 auto; display:inline-block; padding:0; transition:0.5s;}
.scrollmenu .navbar-brand{height:60px; padding:15px 15px; transition:0.5s; margin-top:5px;}
.navbar-brand>img{max-height:100%; width:auto; margin:0 auto;}
.goodnew{padding:0 20px;}
.owl-nav button{position:absolute; top:40%; width:20px; cursor:pointer;}
.owl-nav button i{border-radius:4px; padding-top:13px; padding-right:10px; padding-bottom:13px; padding-left:5px; position:absolute; font-size:18px; width:20px;}
.owl-nav button.owl-prev{left:-20px;}
.owl-nav button.owl-next{right:0px;}
.owl-theme .owl-nav [class*=owl-]:hover{color:#ff6694;}
.nav.navbar-nav.navbar-right{width:100%; transition:.5s; margin-right:0;}
.scrollmenu .nav.navbar-nav.navbar-right{width:auto; transition:.5s;}
.navbar-right > li{padding:0 calc((100% - 970px)/ 18);}
li.dropdown.picmenu{position:static;}
.scrollmenu div .navbar-right > li{padding:10px 0;}
.topad{display:block; width:50%; margin:0 auto;}
.topad p{display:inline-block; line-height:1.5em; padding:0 5px;}
.scrollmenu .topad{display:none;}
.menubg{background-color:#ff6694;}
.scrollmenu .menubg .container{float:right; width:calc(100% - 242.72px);}
.menubg .navbar-right>li>ul{position:absolute; left:0px; top:130%; width:150px; padding:0px; z-index:100; visibility:hidden; opacity:0; background:#000; transition:all 500ms ease; color:#fff; text-align:center; display:initial;}
.menubg .navbar-right>li:hover>ul{top:100%; opacity:1; visibility:visible;}
.menubg .navbar-right>li>ul>li{/*border-bottom:1px solid #aaa; */display:block; float:none; margin:0; padding:0; position:relative; width:100%;}
.navbar-default .navbar-nav>li>a{color:#fff; position:relative;}
.navbar-default .scrollmenu .navbar-nav>li>a{color:#333;}
.dropdown-menu>li>a{color:#fff; text-align:left;}
.scrollmenu .container.logo{width:auto;padding:0;}
.logo.container{padding:44px 0; text-align:center;}
.menubg .navbar-collapse>ul li.dropdown .dropdown-btn{position:absolute; right:10px; top:-2px; width:34px; height:30px; cursor:pointer; z-index:5; display:none; color:#fff;}
/*bootstrap*/
.menubg .navbar-right>li.picmenu:hover>ul{width:calc(100vw - 17px); left:0; padding:15px; flex-wrap:wrap; justify-content:center;}
.scrollmenu .menubg .navbar-right>li.picmenu:hover>ul{width:calc(100vw - 17px); left:0;padding:15px;}
.menubg .navbar-right>li.picmenu>ul{display:flex; flex-wrap:nowrap; width:calc(100vw - 17px); left:0; padding:15px; flex-wrap:wrap; justify-content:center;}
.menubg .navbar-right>li.picmenu>ul>li>ul{color:#fff; list-style:none; padding:0; text-align:left;}
.menubg .navbar-right>li.picmenu>ul>li>ul a{color:#fff; text-decoration:none; text-align:left; padding:3px 20px; display:block;}
.menubg .navbar-right>li>ul>div>ul{list-style:none;}
.menubg .navbar-right>li:hover>ul>ul{width:200px; display:inline-block; list-style:none; padding:10px;}
.menubg .navbar-right .picmenu .dropdown-menu>li{display:inline-block; min-width:200px; width:auto;}
.picmenu .dropdown-menu>li>a:focus, .picmenu .dropdown-menu>li>a:hover{background-color:transparent; color:#fff;}
.menubg .navbar-right>li:hover>ul>div>ul>li{text-align:left;}
.menubg .navbar-right>li:hover>ul>div>ul>li>a{color:#fff; line-height:2em;}
.dropdown-menu>li>a .title{font-size:16px;}
.container{width:100%;}
/*.menubg .navbar-right>li:hover>ul>div>div{
 width:calc(80vw - 200px);
 display:inline-block;
}*/
/*圖文菜單*/
.bigtitle{font-size:24px; color:#333; font-weight:bold; line-height:2em; padding:10px 0; text-align:center;}
.borderLR{font-size:24px; color:#333; font-weight:bold; line-height:2em; padding:10px 0 0; text-align:center; position:relative;}
.borderLR:before{content: ""; top: 50%; width: 100%; left: 0; border-radius: 50%; height: 2px; background-color: #333; margin-top: 6px; display: block;}
.borderLR .title{background-color: #fff; margin: 0 auto; margin-top: -1em; display: table; padding: 0 10px;}
.borderTB{padding:0px 30px; display:table; margin:0 auto; border-top:2px solid #222; border-bottom:2px solid #222; margin-bottom:10px;}
.borderB{padding:0px 30px; display:table; margin:0 auto; border-bottom:2px solid #222;}
.fbicon{background-image:url(../images/facebook.png); background-repeat:no-repeat; background-size:contain; width:21px; height:21px; vertical-align:bottom; display:inline-block;}
.downborder{border-bottom:1px solid #aaa; margin-bottom:20px;}
.item a{text-decoration:none; color:#222;}
.item p{padding-top:5px; margin-bottom:5px;}
.bluecolor{color:#06C;}
.line-clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line-clamp2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;
height:40px;}
.line-clamp3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:20px;
height:60px;}
.line2em-clamp5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:2em;
max-height:10em;}
.title{font-weight:bold;display: inline;margin-left:6px;}
/*top*/
.topT{background-color:#333333; color:#fff; padding:0px 15px; line-height:1.5em; min-height:32px; /*background-color:#4d75a0; color:#fff;*//*background-color:#a0774d;*/}
.topT a{color:#fff; text-decoration:none;}
.topT .topL{float:left;/*width:calc(100% - 200px);*/}
.topT .topR{float:right; min-width:200px; text-align:right;}
.topT .topR form,.navbar-header .logo form{display:inline-block;}
.scrollmenu .logo form{display:none;}
.logo{position:relative;}
.navbar-header .logo form{text-align:right; position:absolute; right:20px; top:50%; margin-top:-13px;}
.topT .topR input[type="search"],.navbar-header .logo form input[type="search"]{width:50%; border:1px solid #aaa; border-right:none; height:26px; transition:width .5s; vertical-align:middle;}
.topT .topR input[type="search"]:hover,.navbar-header .logo form input[type="search"]:hover{width:calc(100% - 28px); transition:width .5s;}
.btn-search,.navbar-header .logo form .btn-search{position:relative; width:26px; height:26px; background-color:#fff; border:1px solid #aaa; border-left:none; vertical-align:middle;color:#222;}
.topT span{display:inline-block; vertical-align:middle; margin:0 5px;padding:5px;transition:.5s; position:relative;}
.topT span:hover,.topT span.active{background-color:#ff6694;}
.sol{min-width:200px;}
.aera-map{margin:10px 0;}
.topT span i.fa-globe dl{height:0; position:absolute; opacity:0; transition:.3s;}
.topT span:hover i.fa-globe dl{opacity:1; height:auto; background-color:#ff6694; z-index:9999; top:32px; width:50px; padding:5px; text-align:center; right:-15px; transition:.3s;}
/*banner*/
.banner div#myCarousel .carousel-inner .item{max-height:60vh;}
.banner1by3.item{height:0; padding-bottom:23.748%; width:100%;}
.fullwidth img{width:100%;}
/*activity*/
.activity{margin:15px auto;}
.activity .adbox .item{text-align:center; margin:5px;}
.activitybox{border-radius:10px; position:relative; padding-top:15px; padding-bottom:10px;}
.activity .owl-carousel{padding:15px 20px 0;}
.activity .owl-carousel .owl-stage-outer .owl-item .item{text-align:center;}
.activitybox .item{position:relative;}
.activitybox .item p.title{color:#066bb7; font-size:16px;}
.activitybox .item p:not(.title){margin:0; line-height:1.5em; height:auto; padding:5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.activitybox .nav-tabs{margin:10px 20px 0px;/* background-color:#ccc;*/}
.activitybox .nav-tabs>li{vertical-align: bottom; display: inline-table; float: none;}
.activitybox .nav-tabs>li>a{color:#999; border-radius:0;margin:0; position:relative; border-radius: 8px 8px 0 0; border: 1px solid #ccc; padding: 5px 15px;}
.activitybox .nav-tabs>li.active>a, .activitybox .nav-tabs>li.active>a:focus, .activitybox .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{color:#fff; background-color:#0297c3; padding: 10px 15px;/* background-color:#ff9900;*/}
/*.activitybox li.active a:after{content:""; position:absolute; bottom:-20px; left:50%; margin-left:-10px; border-top:10px solid #0297c3; border-bottom:10px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent;}*/
.sharebtns li{width:40px; display:inline-block; padding:5px; opacity:0.7; transition:opacity .2s; vertical-align: middle;}
.sharebtns li:hover{opacity:1; transition:opacity .2s;}
.tagbox span{margin:5px; border:1px solid #ccc; display:inline-block; line-height:normal; padding:5px; border-radius:10px;}
.padding5{ padding:2% 5%;}
.paddingD15{padding-bottom:15px;}
.paddingR15{padding-right:15px;}
.marginD15{margin-bottom:15px;}
.marginT15{margin-top:15px;}
/*hotgoods*/
.red{color:#f00;}
.goodnew .item .tag{padding:5px 10px; position:absolute; top:5px; left:5px; background-color:#004bbb; color:#fff; /*background-color:#bb0000;*/}
.hotgoods{margin:15px auto;}
/*new*/
.new{margin:15px auto; padding-top:15px; padding-bottom:10px;}
.newbox{padding-top:20px; padding-bottom:10px; border: 2px solid #333;}
.newbox .title{font-size: 20px; padding-top:10px;}
.newbox .bigtitle{margin-top:-15px; display:block; position:absolute; background-color:#fff; line-height:1; width:auto; height:auto; top:0; z-index:99; padding:5px 15px;}
.newbox ul{list-style:none; padding:5px; margin:0;}
.newbox ul li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; line-height:2em; font-size:16px; padding:5px 0; padding-left:15px; position:relative;}
.newbox ul li:after{background-color:#2473ba; width:8px; height:8px; left:0; top:50%; content:""; position:absolute; margin-top:-4px;}
.newbox ul li a{text-decoration:none; color:#222;}
.newbox ul li .date{padding:0 5px 0 0; font-size:14px; color:#666;}
.new .owl-carousel{padding:0px 20px;}
.flex{display:flex; flex-wrap:wrap; justify-content:stretch;}
.flex.flexdown{align-items:flex-end;}
.new .item p{margin:0; line-height:1.5em;}
.look{position:absolute; top:5px; right:5px; color:#0233a5; font-weight:bold;}
.newpodowl .owl-carousel .owl-stage-outer .owl-item .item{max-height:282.5px; text-align:center;}
.newpodowl .owl-carousel .owl-stage-outer .owl-item .item .pic{padding-top:79%; position:relative; height:0;}
.newpodowl .owl-carousel .owl-stage-outer .owl-item .item .pic img{max-height:100%; width:auto; margin:0 auto; position:absolute; top:0; left:0; right:0;}
.newpodowl .owl-carousel .owl-dots{display:none;}
.flexbox{display:flex; flex-wrap:wrap;}
.flexbox>div{margin:15px 0;}
.newsbox img{max-width:80%; height:auto;}
.newsbox p{line-height:2em;}
.hot-news .owl-theme .owl-nav button.owl-prev{position: absolute; width: 30px; left: 0; margin: 0;}
.hot-news .owl-theme .owl-nav button.owl-next{position: absolute; width: 30px; right: 0; margin: 0;}
.hot-news .owl-nav button i{background-color: #2473ba; color: #fff; border-radius: 0; padding: 10px 20px 10px 10px;}
.hot-news .owl-theme .owl-nav button.owl-prev i{left: 0;}
.hot-news .owl-theme .owl-nav button.owl-next i{right: 0;}
.hot-news .item p{font-size:18px;}
/*witness*/
.witness{margin:15px auto;}
.witness .pic{height:0; padding-top:75%; overflow:hidden; position:relative;}
.witness .pic img{position:absolute; top:0; left:0;}
.witness .text{padding:10px 0 15px;}
.witness button{padding:5px 10px; background-color:#fff; border:1px solid #999; color:#000; font-size:14px;}
button.view{background-color:transparent; color:#900; border:none; font-weight:bold;}
.viewtitle{padding:0 15px;}
.viewtitle .left{float:left; width:calc(100% - 70px); padding-left:70px;}
.viewtitle .right{float:left; width:70px; text-align:center; padding:22.5px 5px;}
.witness-owl{background-color:#000;}
.witness-owl .owl-carousel{/*width:70%; margin:0 auto;*/ padding:0 15%;}
.witness-owl .owl-nav button.owl-prev{color:#fff; width:40px; font-size:50px; left:20px;}
.witness-owl .owl-nav button.owl-next{color:#fff; width:40px; font-size:50px; right:20px;}
.witness-owl .owl-nav button i{font-size:34px;}
.ablock{display:block;}
.hovertitle{position:relative; display:block;}
.hovertitle:after{content:""; position:absolute; top:0; left:0; background-color:rgba(34, 34, 34, 0.5); width:100%; height:0px; z-index:5; opacity:0; transition:height .2s linear,opacity .2s linear; z-index:5;}
.hovertitle:hover:after{height:100%;opacity:1;transition:all .2s linear;}
.hovertitle .title{position:absolute; color:#fff; top:100%; font-size:16px; margin-top:-40px; background:#0e072f; left:0; right:0; z-index:10; transition:all .2s linear;}
.hovertitle:hover .title{top:50%; margin-top:-20px; background:transparent; transition:all .2s linear;}
.pic6by5{padding-top:66.66%; height:0; position:relative; overflow:hidden;}
.pic6by5 img ,.pic76 img ,.pic16by9 img{position:absolute; top:0; max-width:100%; height:auto; left: 0;}
.pic76{height:0; padding-top:74.902%; position:relative; overflow:hidden;}
.pic16by9{padding-top:56.25%; height:0; position:relative; overflow:hidden;}
.paddingT15{padding-top:15px;}
.witnessvedio{background: #000;}
/*tagwall*/
.tagwall{margin:30px auto;}
.tagwall ul{list-style:none; padding:20px 15px; margin:0; border-bottom:1px solid #999;}
.tagwall ul li{display:inline-block; padding:10px 10px;margin:5px; border:solid 1px #ccc;}
/*contact*/
.contactform > div{margin:10px auto;}
.contactform label{width:8em; padding-right:5px; vertical-align:middle;}
.contactform .inputbox{display:inline-block; width:calc(100% - 9em); vertical-align:middle;}
.contactform .inputbox input[type="text"],input[type="email"], .contactform .inputbox textarea, .contactform .inputbox select{width:100%; min-height:22px;}
.contactform .inputbox textarea{min-height:30vh;}
.contactform .code.inputbox input[type="text"]{width:initial;}
.info p{margin:15px 5px; padding:5px; word-break:break-word; font-size:16px; font-weight:bold;}
.info p span{display:inline-block;}
/*path*/
.gary-bg{background-color:#ccc; padding:10px 15px; border-radius:8px; padding-left:150px;}
.mapicon{background-image:url(../images/map1.png); background-size:100px; background-repeat:no-repeat; background-position:25px;}
.searchmap select{width:33.13%; border-radius:5px; border:1px solid #999; padding:5px; background-color:white; margin:5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; min-width:150px; padding-right:27px;}
select.round{background-image:url(../images/arrow.png); background-position:calc(100% - 5px) 5px; background-size:22px; background-repeat:no-repeat;}
select.round:focus{background-position:calc(100% - 5px) calc(100% - 5px); background-repeat:no-repeat; border-color:green; outline:0;}
.redbtn{padding:8px 15px; color:#fff; background-color:#f00; border-radius:8px; border:none; margin:15px;}
.searchmap input[type="text"]{width:calc(100% - 188px); background-color:#fff; border-radius:8px; border:1px solid #969696; padding:5px; color:#222; min-width:150px;}
.pathlist{list-style:none; margin:0; padding:15px 0;}
.vediobtn:hover .pic {position: relative;}
.vediobtn:hover .pic:after{content: ""; background-color: rgba(0, 0, 0, 0.5); pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image:url(/public/images/playbtn.png); background-repeat:no-repeat; background-position:center;}
.pathlist .title{font-size:16px;}
.pathlist li{padding:15px; border:3px solid #222; margin-bottom:15px;}
.pathlist li a{display:flex; flex-wrap:wrap; color:#000;}
.pathlist li .pic{width:33.33%; display:inline-block;}
.pathlist li .text{width:calc(100% - 33.33%); padding-left:15px; padding-bottom:1.5em; position:relative;}
.area{position:absolute; bottom:0;}
.adbox img{margin:15px auto;}
.pagination a,.pagination span{padding:5px 15px; border-left:1px solid #ccc; font-size:12px; display:inline-block;}
.pagination a.active, .pagination a:hover{background-color:#ff004d; color:#fff;}
.pagination a:nth-last-of-type(2){border-right:1px solid #ccc;}
.pagination a:nth-first-of-type(2){border-left:1px solid #ccc;}
.pagination a:first-of-type{margin-right:15px;border:none;}
.pagination a:last-of-type{margin-left:15px; border:none;}
/*activity*/
.actbox{background-color:#f7f4f5; border-radius:25px; box-shadow:0px 0px 16px -4px #e2dcde; /*margin:15px; width:calc(100% - 30px); */padding-bottom:15px; padding-top:15px;}
.actbox > div{margin:15px 0;}
.actbox .shadow-box{box-shadow:0px 2px 6px 4px #c7c4c4; display:block;}
.shadow-box{box-shadow:2px 2px 3px 0px #dedada; display:block; margin:15px 10px; padding:10px;}
ul.actlist li{display:inline-block; margin:10px;}
/*beautiful*/
.beautifulbox .flexbox>div{margin:0;}
.w50{width:50%; padding:4px;}
.red-panel{line-height:2.5em; margin-bottom:10px; background-color:#bf3333; color:#fff;}
.blue-panel{line-height:2.5em; margin-bottom:10px; background-color:#337dbf; color:#fff;}
.green-panel{line-height: 2.5em; margin-bottom: 10px; background-color: #44a71c; color: #fff;}
.tag-cloud a{display:inline-block; line-height:1.5em; padding:0 5px;}
ul.beautifulsort{position:relative;}
ul.beautifulsort:after{content:""; position:absolute; bottom:-10px; height:2px; left:0; width:100%; background-color:#333; border-radius:50%;}
ul.beautifulsort li{display:inline-block; padding:5px 10px; border-right:2px solid #5fa701;}
ul.beautifulsort li:last-of-type{border-right:none;}
.text16by5{padding-bottom:calc(65.25% - 72px); height:0; overflow:hidden;}
.text12by4{/*padding-bottom:calc(31.25% - 72px);*/ height:0; overflow: hidden; line-height: 26px; font-size: 14px; height: 6em;}
.beautiful > *{margin: 15px 0;}
.blue-title{color:#2473ba; font-weight:bold; font-size:16px; border-bottom:2px solid #2473ba; margin-bottom: 15px;}
.list-inside{padding: 15px 20px; list-style-position: inside;}
.list-inside p{border-top: 1px solid #ccc; padding: 15px 0 0; margin: 10px 10px 0;}
.beautifulbox .line-clamp1.title, .beautifulbox div[class*=col] a>.title{font-size: 16px; line-height: 1.5em;}
/*product*/
.linemenu{list-style:none; padding:5px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; margin:10px 0; position:relative;}
ul.linemenu:before{content:""; border-bottom:1px solid #ccc; position:absolute; width:100%; bottom:0;}
.linemenu li{line-height:2em;position:relative;padding:5px;}
.linemenu li a{color:#000;text-decoration:none;font-size:16px; display:inline-block; line-height: normal;}
.linemenu li.active:after{content:"\e252"; font-family:'Glyphicons Halflings'; position:absolute; bottom:-21px; left:50%; margin-left:-10px; line-height:normal; color:#ccc; font-size:20px;}
.linemenu-items{margin:0 0 10px;}
.linemenu-items ul{list-style:none; padding:10px; margin:10px 0; border-bottom:1px solid #ccc;}
.linemenu-items ul li{display:inline-block; padding:5px 20px; margin:5px 10px; border:1px solid #ccc; background-color:rgba(255, 255, 255, 0.5);}
.linemenu-items ul li a{color:#000; text-decoration:none;}
.linemenu-items ul li.active{background-color:rgba(54, 105, 104, 0.5);}
.linemenu-items ul li.active a{color:#fff;}
#stronghold .modal-body label,#order .modal-body label,#query .modal-body label{vertical-align:middle; min-width:7em; padding:5px; text-align:right;margin-top:15px; margin-bottom:0;}
#stronghold .modal-body select,#query .modal-body input{min-width:calc(100% - 8em);vertical-align:middle;margin-top:15px;}
#order .modal-body input{min-width:calc(100% - 8em); padding:0 5px;vertical-align:middle;margin-top:15px;}
#order .modal-body textarea{min-height:20vh; padding:5px; min-width:calc(100% - 3.5em); margin-left:2.5em;vertical-align:middle; margin-top:15px;}
#query .modal-body textarea{min-height:20vh; padding:5px; min-width:calc(100% - 8em);vertical-align:middle;margin-top:15px;}
.strongholdlist{max-height:calc(100vh - 321px); overflow:auto;}
.strongholdlist table{overflow:hidden; width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; margin:15px auto;}
.strongholdlist table tr:first-of-type td{padding-top:10px; padding-bottom:10px; border-bottom:2px solid #ccc;}
.strongholdlist table tr:last-of-type td{padding-bottom:15px;}
.strongholdlist table>tbody>tr>td{padding:5px; text-align:center;}
/*.strongholdlist table td:first-of-type{width:3em;}*/
#order .modal-body input.btn,#query .modal-body input.btn{padding:6px 12px; margin:15px auto;}
.secmenu{background-color:#D2DDDE; margin:15px auto;}
.secmenu ul{padding:0; list-style:none; background-color:#D2DDDE;}
.secmenu ul li{position:relative; border-top:1px solid #a4cfe4; border-bottom:1px solid #6f9bb1; padding:5px 22px 5px 15px;}
.secmenu>ul>li{border-top:1px solid #ebecec; border-bottom:1px solid #afbfbf;}
.secmenu ul li > ul{opacity:0; transition:all 0.3s ease-in; height:0; left:100%; top:-1px; position:absolute; color:#fff; width:0;}
.secmenu ul li:hover > ul{display:block; opacity:1; transition:all 1.0s ease-out; position:absolute; width:100%; height:auto; z-index:9; left:100%; top:-1px; background-color:#88B7CE; border-right:1px solid #768db5; white-space:nowrap;}
.secmenu ul li:hover > ul.thrid-bg{background-color:#1C6B97;}
.secmenu ul li>b{position:absolute; right:10px; line-height:1.5em; transition:.3s;}
.secmenu ul li:hover>b{transform:rotate(-90deg); transition:.3s;}
.secmenu ul li a{color:#fff;}
.secmenu>ul>li>a{color:#222;}
.pic{position:relative; overflow:hidden;}
.product div>.pic>.more{height:0; opacity:0; text-align:center; position:absolute; top:100%; left:0; right:0; padding-top:0; transition:.3s; color:#fff;}
.product div:hover>.pic>.more{opacity:1; height:100%; top:0; transition:.5s;background-color:rgba(0, 0, 0, 0.5);padding-top:50%;padding-top:calc(50% - 1em);color:#fff; font-weight:bold;}
.product div>.pic>.more span{padding: 5px; border: 2px solid #FFF;}
.product .flexdown button{padding: 2px 4px; font-size: 85%;}
.bottom-btn-group .btngroup{position: absolute; bottom: 0; left: 0; right: 0;}
.bottom-btn-group{position: relative; padding-bottom: 49px;}
.bottom-btn-group .btngroup input.btn{margin: 0 5px;}
.pro-manual{font-size:16px; line-height:2em;}
.linemenu-items ul li .red a{color:#f00;}
.linemenu-items ul.dropdown-menu{width: 100%; position: relative; box-shadow: none; border: none; top:0; background-color: transparent;padding: 0;}
.linemenu-items.in >ul{display: flex; flex-wrap: wrap;}
.linemenu-items.in >ul>li.dropdown.open{order: -1; width: 100%;}
.linemenu-items ul.dropdown-menu>li:hover{background-color:rgba(230, 228, 228, 0.8);}
.linemenu-items ul.dropdown-menu>li>a{padding:0; background-color: transparent;}
/*login*/
.loginbox div div{padding:10px 5px;}
.loginbox form label{width:5em; margin:0; vertical-align:middle;}
.block{display:block;}
.arrowbox{padding:20px 10px;}
.arrowbox >div{position:relative; line-height:2em; opacity:0.5;}
.arrowbox >div:after{content:""; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #777; border-right:15px solid transparent; position:absolute; right:-24.5px; top:50%; margin-top:-15px; overflow:hidden;}
.arrowbox >div:last-of-type:after{display:none;}
.arrowbox >div.active{opacity:1;}
.registbox input[type="text"]{min-width:200px;}
input.code{min-width: auto !important; width: 7em !important;}
.bg-gary{background-color:#EEE;}
.bg-purple{background-color:#ecd8f0;}
.mbnwes{padding:0 15px;}
.memberbox{line-height:2em;}
.memberbox div div[class*="col-md-"] ul span{margin-left:15px; text-align:right; float:right;}
.memberbox ul li .date{padding:0 5px 0 0; font-size:14px; color:#666;}
.top-title > .title{padding:15px; font-size:20px; margin-bottom:-20px;}
.mbinfobox{margin:0 auto; display:table; list-style:none; padding:15px; line-height:2em;}
.mbinfobox li{padding:10px 0;}
.mbinfobox li span.title{width:6em; display:inline-block; margin-right:10px; text-align:right;}
.mbinfobox li:not(.clearfix) *:not(.title){margin:5px; padding:0; height:30px; vertical-align:middle;}
.form-date> *{margin:5px 15px 0 0;}
/*dealer*/
.dealerbox .bg-info{padding:5px 10px; border-radius:8px;}
.dealerbox form input[type="text"],.dealerbox form input[type="email"],.dealerbox form select{width:65%;}
.dealerform input[type="text"]:not(.code),.dealerform select{width:45%;}
.dealerform label.title{width:8em; text-align:right; padding-right:0.5em;}
.checkboxlabel{text-align:left !important; width:auto;}
.button-link{background:transparent; border:none; color:#5c93da; font-weight:bold;}
.button-link:hover{color:#2760a9;}
.deinfobox{margin:0 auto; list-style:none; padding:15px; line-height:2em;}
.deinfobox>.title{font-size: 18px;}
.deinfobox li{padding:10px 0; display: inline-block; min-width:427.5px;}
.deinfobox li span.title{width:10.5em; display:inline-block; margin-right:10px; text-align:right;}
.deinfobox li:not(.clearfix) *:not(.title){margin:5px; padding:0; height:30px; vertical-align:middle;}
.deinfobox input[type="text"]{min-width:250px;}
.deinfobox textarea{min-height:10vh; width:calc(100% - 12em);}
/*footer*/
footer{background-color:#ddd; margin-top:60px; /* background-color:#4d75a0; color:#fff; background-color:#a0774d;*/}
footer .container{padding:10px 0;}
footer .logo{padding:calc(24% - 84px) 0; width:80%; margin:0 auto;}
footer .logo img{margin:0 auto;}
footer .downL{width:40%; float:left;}
footer .downL p{line-height:1.5em; margin:0; padding:10px 0; word-break:break-word; font-size:15px;}
footer .downR{float:left; width:60%;}
footer .downR ul ,footer .downR > ul > li ul{margin:0; padding:0 10px; list-style:none;}
footer .downR > ul > li{display:inline-block; width:24%; min-width:5em; vertical-align:top; padding:10px;}
footer .downR > ul > li .title{font-size:18px; line-height:1.5em; border-left:5px #000 solid; padding-left:5px; /*border-left:5px #FFF solid;*/}
footer .downR > ul > li li a{line-height:1.5em; color:#222; text-decoration:none; display:block; padding:5px 0; /*color:#fff;*/}
footer .downR > ul > li li a:hover{color:#06F; /* color:#00ff97;*/}
footer .downR > ul > li li a *{vertical-align:middle;}
/*
footer .logo img{
 mix-blend-mode:color-dodge;
}*/
button.navbar-toggle{z-index:99; position:absolute; right:0;}
.hidden-xs.show{display:none !important;}
.flexbox.memberbox>div{margin:0;}
@media (max-width:1200px){
.topT .container{width:100%; padding:0;}
}
@media (max-width:1100px){
.scrollmenu .menubg .container{width:100%; margin-top:-30px;}
}
@media screen and (max-width:991px){
.container{width:100%;}
.newbox,.newpodowl{width:100%;}
.flex div[class*='col-md-'] .flex{display:block;}
.topT span b{display:none;}
.topT span .hidden{display:inline-block !important;}
}
@media screen and (max-width:767px){
.hidden-xs.show{display:block !important;}
.flex div[class*='col-sm-']{width:100%;}
.navbar-fixed-top{position:relative !important;}
.scrollmenu .navbar-brand{height:60px; padding:15px 15px; transition:none; margin-top:5px;}
.scrollmenu .container.logo{padding:inherit;}
.topT{height:auto;}
.beautifulbox .w50{width:100%;}
.navbar-brand>img{max-height:none; width:initial; margin:0 auto; padding: 5px 20px;}
.wapper{margin-top:0 !important;}
.navbar-fixed-top .navbar-collapse{max-height:100%;}
.nav.navbar-nav.navbar-right{margin:0;}
.menubg .navbar-collapse>ul li.dropdown .dropdown-btn{display:block; font-size:30px;}
.menubg .navbar-right>li>ul{position:relative; opacity:1; visibility:visible; width:100%; top:0; display:none; transition:none; text-align:left; padding:15px;}
.menubg .navbar-right>li.picmenu>ul,.scrollmenu .menubg .navbar-right>li.picmenu:hover>ul{width:100%;display:none;}
.menubg .navbar-right .picmenu .dropdown-menu>li{width:50%; float:left; padding-top:10px;}
.menubg .navbar-right>li.picmenu:hover>ul{width:100%; left:0;}
.menubg .navbar-right>li>ul>div>ul{width:100%; display:block; list-style:none; padding:10px;}
.menubg .navbar-right>li>ul>div>div{display:none !important;}
li.dropdown.picmenu{position:relative;}
footer .downL,footer .downR{width:100%; float:none;}
.navbar-right>li.hidden{display:block !important; padding:10px 15px; text-align:center;}
.scrollmenu .menubg .container{float:none;}
.navbar-right>li.hidden form input[type="search"],.navbar-right>li.hidden form input[type="search"]{width:80%; border:1px solid #aaa; border-right:none; height:26px; transition:width .5s; vertical-align:middle;}
.navbar-header{float:none !important;}
.navbar-default .scrollmenu .navbar-nav>li>a{color:#fff;}
.navbar-right>li.hidden form .btn-search,.navbar-right>li.hidden form .btn-search{position:relative; width:26px; height:26px; background-color:#fff; border:1px solid #aaa; border-left:none; vertical-align:middle; color:#222;}
.menubg .navbar-right>li>ul>div>ul>li>a{color:#fff; line-height:2em;}
.menubg .navbar-right>li>ul>li{border-bottom:none;}
.secmenu ul li:hover > ul{display:block; opacity:1; transition:all 1.0s ease-out; position:relative; width:100%; height:auto; z-index:9; left:0; top:-1px; background-color:#88B7CE; border-right:1px solid #768db5; white-space:nowrap;}
.secmenu ul li > ul{opacity:0; transition:all 0.3s ease-in; height:0; left:0; top:-1px; position:relative; color:#fff; width:100%;}
.w50 > div{width:50%; float:left; padding:5px;}
.beautifulbox .adbox{display:none;}
.arrowbox >div{margin-bottom:30px;}
.arrowbox >div:after{right:50%; top:auto; bottom:-30px; transform:rotate(90deg); margin-top:0; margin-right:-15px;}
.order2 div:nth-of-type(2){order:3;}
footer .downR > ul > li{width:100%;}
footer .downR > ul > li ul li{display: inline-block; min-width: 102px;}
footer .logo {padding:10px 0;}
.dealerbox form input[type="text"],.dealerbox form input[type="email"] .dealerbox form select{width: 100%;}
.sol{min-width: auto;}
.mapicon{ background-image: none;}
.gary-bg{padding-left:15px;}
.deinfobox li span.title{text-align: left; display: block;}
.deinfobox li{display:block; min-width:inherit;}
.table-scrollable table{width:100% !important;}
}
@media screen and (max-width:500px){
.actbox > div{padding:0;}
.sol{min-width: auto; font-size: 12px;}
}
@media (max-width: 768px){.item-popup-container{max-width: 100%;} td.detailtd{position: inherit;}
.dataTable td:before {
    content: attr(data-th)":";    padding-right: 15px; display:inline-block; width:6em;    text-align: right;
}
.dataTable thead{display:none;}
.dataTable tr {
    display: flex;
    flex-wrap: wrap;
	padding:15px 0;
}
.dataTable td {
    width: 100%; text-align:left
}
}
.gold-bg-shiny {
    background: linear-gradient(45deg, #FFD700, #FDB931);
}
.label-lg {
	font-size: 14px !important;
    padding: 5px 8px !important;
    font-family: "微軟正黑體" !important;
    font-weight: 400;
    margin: 2px;
}
.color-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: sans-serif;
}