@charset "UTF-8";
/* CSS Document */
body {margin: 0px;font-family:'Open Sans',"微軟正黑體","蘋果儷中黑",Arial;word-break: normal;text-align:justify; background: #F7F7F7;color: #4a4a4a;-webkit-overflow-scrolling: touch;}
a{text-decoration:none;outline: medium none;hlbr:expression(this.onFocus=this.blur()); }			
ul,li{ margin:0; padding:0; list-style:none;}
tml,a,form,area,div,img,table,td,th,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p {margin:0px;padding-left:0px;	}
div,span{word-break: normal;text-align:justify;}
.clear{clear:both;}
.text_r{text-align:right;}
.text_l{text-align:left;}
.text_c{text-align:center;}
.blank10{ height:10px;}
.blank20{ height:20px;}
.blank30{ height:30px;}
.blank40{ height:40px;}
.blank50{ height:50px;}
.blank60{ height:60px;}
.blank70{ height:70px;}
.blank80{ height:80px;}
.blank90{ height:90px;}
.blank100{ height:100px;}
.blank110{ height:110px;}
.blank120{ height:120px;}
.blank130{ height:130px;}
.blank140{ height:140px;}
.blank150{ height:150px;}
.blank160{ height:160px;}
.blank170{ height:170px;}
.blank180{ height:180px;}
.blank190{ height:190px;}
.blank200{ height:200px;}
#fixed { position: relative; height: 100vh; z-index: 0; overflow: hidden;}
#fixed img.home-bg{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto; z-index: -100;}
#fixed:after{content: '\A';position: absolute;width: 100%; height:100%;top:0; left:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); z-index: 0;}
.home-cover{display: flex; align-items: center;flex-direction: column; justify-content: center;}
.logo-onboarding{display: flex; align-items: center;flex-direction: column; justify-content: center;position: relative;z-index: 10;}
.logo-onboarding h1{color: #fff;font-size: 14px;font-weight: 600;padding-top: 15px;letter-spacing: 1.5px;}
.large-home{padding: 20px;}
.header-of-home .logo{float: left;}
.header-of-home .info{float: right;text-align: right;font-size: 14px;letter-spacing: 1.5px;line-height: 22px;color: #4a4a4a;}
.header-of-home .info a{color: #4a4a4a;}
.header-of-home .info img{margin-right: 3px;}
.header-of-home .info2{float: right;text-align: right;font-size: 14px;letter-spacing: 1.5px;line-height: 22px;color: red; cursor: pointer; display: none;}
.search-box{padding-top: 15px;}
.search-box .form-group{position: relative;}
.search-box .form-group input{border-radius: 15px;height: 30px;box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.50);border: none;position: relative;-webkit-appearance: none;}
.search-box .form-group button{position: absolute;right: 10px;top: 6px;border: none;background: none;padding: 0;margin: 0;}
.menu-panel{width: 100%;height: auto;background: #FFFFFF;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.30);border-radius: 10px;}
.menu-panel a.menu-box{width: 50%;float: left;font-size: 14px;color: #4a4a4a;font-weight: 600;padding-bottom: 17px;border-bottom: 1px solid rgba(0,0,0,0.10);border-right: 1px solid rgba(0,0,0,0.10);}
.menu-panel a.menu-box:nth-child(2n){border-right: 0px solid rgba(0,0,0,0.10);}
.menu-panel a.menu-box:nth-child(9), .menu-panel a.menu-box:nth-child(10){border-bottom: 0px solid rgba(0,0,0,0.10);}
.menu-panel a.menu-box p{text-align: center;line-height: 18px;}
.menu-panel a.menu-box, .menu-img-box{display: flex;align-items: center;flex-direction: column; justify-content: center;}
.menu-img-box{height: 80px;}
.menu-img-box img{transform: scale(0.5,0.5);}
.copyright p{text-align: center;font-weight: 12px;margin: 30px 0 10px 0;letter-spacing: 0.3px;}
/*header 開始*/
.nav-bar{width: 100%;height: 45px;background: rgba(250,250,250,0.90);border-bottom: 1px solid #d3d3d3;position: fixed;top: 0;left: 0;right: 0;display: flex;align-content: center;justify-content: space-between;z-index: 10;}
.nav-bar h1{font-size: 17px;color: #4A4A4A;letter-spacing: -0.41px;line-height: 45px;width: 50%;text-align: center;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nav-bar button{padding: 0;margin: 0;background: none;border: none;}
.nav-bar button.back{padding-left: 8px;width: 25%;}
.nav-bar button.back img{float: left;}
.nav-bar button.menu{padding-right: 14px;width: 25%;}
.nav-bar button.menu img{float: right;}
nav{width: 240px;background: #D8D8D8;position: fixed;top: 0;right: 0;box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.3);height: 100%;min-height: 100vh;display: none;z-index: 15;overflow:scroll;-webkit-overflow-scrolling: touch;}
.menu-backdrop{position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0);z-index: 14;display: none;}
nav ul li a{display: flex;justify-content: flex-start;align-content: center;width: 100%;height: 58px;}
.nav-img-box{width: 58px;height: 58px;display: flex; align-items: center;flex-direction: column;justify-content: center;}
.nav-img-box img{transform: scale(0.5);}
nav ul li a p{font-size: 14px;color: #4A4A4A;letter-spacing: 1.5px;line-height: 18px;display: flex; align-items: center; flex-direction: column; justify-content: center;}
/*header 結束*/	
/*contenter 開始*/
.catalogues, .bookdetail{padding-top: 65px;}
.cover-box{display: flex;   align-items: center; flex-direction: column; justify-content: center; padding: 20px 0;}
.cover-img-box{width: 100%;margin: 0 auto;text-align: center;}
.cover-img-box img{width: 60%;height: auto;box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.30);}
.cover-box h3{font-size: 24px;letter-spacing: 0.5px;text-align: center;padding: 25px 0 10px 0;font-weight: 100;letter-spacing: 1px;}
.cover-box .links-set{display: flex;align-items: center;flex-direction: row;justify-content: center;}
.cover-box .links-set a{border: 1px solid #808080;border-radius: 5px;height: 30px;color: #808080;font-size: 14px;display: flex;align-items: center;flex-direction: row;justify-content: center;padding: 0 10px;margin: 5px;}

@media screen and (max-width: 320px) {
	.cover-box .links-set a{border: 1px solid #808080;border-radius: 5px;height: 30px;color: #808080;font-size: 14px;display: flex; align-items: center; flex-direction: row; justify-content: center; padding: 0 5px; margin: 5px;}
}
.cover-box .links-set.for-book-info{flex-wrap: wrap;}
.cover-box .links-set.for-book-info a{width: 120px;}
.cover-box .links-set a img{margin-right: 5px;}
.book-info{width: 100%;padding: 20px 40px;margin: 0 auto;font-size: 14px;letter-spacing: 0.5px;line-height: 24px;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;margin: 5px 0 15px 0;}
.fb-commnnts-box{background: #fff;padding: 20px;}	
.modal-body{padding: 15px;}
.modal-body h5{font-size: 14px;color: #4A4A4A;letter-spacing: 0.1px;font-weight: 600;padding: 0 0 5px 0;}
.modal-body p{font-size: 14px;color: #4A4A4A;letter-spacing: 0.1px;line-height: 22px;text-align: left;padding-bottom: 15px;}
.modal-content{border: none;}
.modal-backdrop.in{opacity: 0;}
.modal-dialog{margin-top: 30px;}
.demand-form .form-group label{font-size: 14px;color: #4A4A4A;letter-spacing: 0.11px;font-weight: 100;padding-bottom: 10px;}
.demand-form .form-group{padding-bottom: 5px;}
.demand-form .form-control{border-radius: 10px;box-shadow: none;}
button.default-send-btn{width: 150px;height: 40px;margin: 20px auto;font-size: 16px;color: #4A4A4A;letter-spacing: 0.11px;border: 1px solid #808080;border-radius: 10px;background: none;text-align: center;display: block;}
.showcase-collection{display: none;}
#lightcase-content img{box-shadow: 0 3px 5px rgba(0,0,0,0.3);}
.cover-image{width: 100%;height: 200px;overflow: hidden;position: relative;}
.cover-image img{width: 100%;height: auto;transform: translateY(-50%); position: absolute;top: 50%;}
.about-text{text-align: center;font-size: 14px;letter-spacing: 0.2px;line-height: 22px;padding: 15px 0;border-bottom: 1px solid #d3d3d3;}
.about-text p strong{font-weight: 600;}
.about-text p span{padding-left: 3px;}
.demand-form.house-fix{padding: 20px 40px;height: calc(100vh - 297px);}

@media screen and (max-width: 320px) {
	.demand-form.house-fix{height: auto;}
}

.store{width: 100%;height: auto;padding: 15px 20px;display: flex; align-items: center; flex-direction: row; justify-content: center;}
.stores-list .store:nth-child(2n+1){background: #fff;}
.store p{font-size: 16px;color: #4A4A4A;letter-spacing: 0.22px;width: calc(100% - 200px);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0;margin: 0;line-height: 18px;}
.store a{width: 90px;height: 34px;background: #71BF44;border-radius: 10px;display: flex;   align-items: center; flex-direction: row; justify-content: center; font-size: 14px; color: #fff; letter-spacing: 0.5px; margin: 0 5px;}
.store a img{margin-right: 10px;}
.store a.goto{background: #808080;}
/*contenter 結束*/
/*平板修正 開始*/
@media screen and (min-width: 767px) {
	.large-home{padding: 30px 40px;	}
	.catalogues{display: flex;align-items: flex-end; flex-direction: row; justify-content: center;flex-wrap: wrap;}
	.catalogues .cover-box{width: 50%;}
	.cover-box .links-set.for-book-info{width: 60%;}
}
/*平板修正 結束*/