@charset "utf-8";

/** bootstrap **/
@import "bootstrap-4.2.1.css";

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

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

/** edm **/
@import "edm.css";

/** googlefont **/
@import "Arimo.css";
@import "Noto+Sans+TC-100+300+400+500+700+900.css";

*{-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:medium;line-height: 1.6;font-family: "Arimo", "Microsoft JhengHei", sans-serif;font-weight: 400; word-break: break-word;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
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;}

/** 表單預設文字顏色設定 **/
::-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;}
table{border-collapse:inherit;}

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

/** 反白 **/
::selection {background: #26120b;color: #ffffff;}
::-moz-selection {background:#26120b;color: #ffffff;}

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{background:rgba(38,18,11,.2);}
.slicknav_icon-bar{background-color:#FFF;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:rgba(255,255,255,.1);}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;position: absolute;top: 13px;right:15px;}
header:hover .b-color, .slicknav_menu{background:rgba(38,18,11,1);}
@media screen and (max-width:767px){
   .b-color, .slicknav_menu{background:rgba(38,18,11,.8);}
}
@media screen and (max-width:767px){
   .b-color, .slicknav_menu{background:rgba(38,18,11,1);}
}

/** 上版 **/
header{background:rgba(38,18,11,.2); height:128px;position: fixed;width: 100%;top: 0;left: 0;z-index: 10000;}
.head-main{margin:0; padding:0; position:relative;}
.head-language{position:absolute; top:17px; right:15px;display: flex;font-size: 13px; color: #ffffff;}
.head-language .language-title{background: url("../images/language-icon.png")no-repeat left top;background-size: 18px;width: 86px;margin: 0 10px 0 0;padding: 0 0 0 26px;}
.head-language .language-content{flex: 1;}
.head-language .language-content select{border-radius: 0; border: 0;border-bottom: 1px #ffffff solid;padding: 0 28px 0 10px;background: url(../images/select-language-icon.png)no-repeat right 8px center;background-size: 10px; color: #ffffff;}
.head-language .language-content select option{color: #26120b;background: #ffffff;}
.head-main .logo{width: 136px; height:auto;margin: 0 auto;}
.head-main .logo a{display: block;padding: 17px 0;}
.head-main .logo img{width:100%; height:auto;}
.header-height{height:81.75px;background:rgba(38,18,11,.8);}
.header-height .logo{width: 88px;}
.header-height .logo a{padding: 8px 0;}
.header-height .head-language{top:12px;}
header:hover{background:rgba(38,18,11,.8);}
@media screen and (max-width:767px){
    header{background:rgba(38,18,11,.8);height:98.2px;}
    .head-main .logo{width: 110px;}
    .head-main .logo a{padding: 10px 0;}
    .head-language{ top:20px; }
    .header-height{height:81.75px;background:rgba(38,18,11,.8);}
    .header-height .logo{width: 88px;}
    .header-height .logo a{padding: 8px 0;}
    .header-height .head-language{top:12px;}
}
@media screen and (max-width:575px){
	header{background:rgba(38,18,11,0);height:0;position: inherit;}
    .head-main{position: inherit;}
    .head-main .logo{width:88px;position: fixed;z-index: 10000;top: 8px;left: 15px;}
    .head-main .logo a{padding: 0;}
    .head-language{position: fixed;top:12px;right:60px;z-index: 10000;}
    .head-language .language-title{display: none;}
}

/** 主選單與下拉 **/
nav{}
.menu{max-width:1020px; padding:0; list-style:none; position:relative; margin:0 auto; display:flex;justify-content: center;}
.menu>li{flex:1; color:#fff; font-size:16px; text-align:center; position:relative; cursor:pointer; padding:0; margin:0;}
.menu>li>a{color:#fff; display:block; padding:11.5px 10px; margin:0;}
.menu>li:hover{position: relative;}
.menu>li:hover:after{content: "";display: block;width: 46px; height: 1px;background: #ffffff;margin: 0 auto;position: absolute;bottom: 0;left: calc(50% - 23px);}
.menu>li.sub>ul.sub-menu{background:rgba(38,18,11,1); display:none; position:static; z-index:999; margin:0; padding:0; border-radius:0 0 20px 20px; overflow:hidden;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:48px;}
.menu>li.sub>ul.sub-menu>li{display:block; border-bottom:1px rgba(255,255,255,.2) solid;font-size:15px; }
.menu>li.sub>ul.sub-menu>li:last-of-type{border-bottom:0;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:8px 10px;margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:rgba(0,0,0,1);}
.header-height .menu>li{font-size:15px; }
.header-height .menu>li>a{padding:6px 10px;}
.header-height .menu>li.sub>ul.sub-menu>li{font-size:14px; }
.header-height .menu>li.sub:hover ul.sub-menu{top:36px;}
.header-height .b-color, .slicknav_menu{background:rgba(38,18,11,1);}
@media screen and (max-width:767px){
    .menu>li>a{padding:8px 10px;}
    .menu>li.sub:hover ul.sub-menu{top:41px;}
}
@media screen and (max-width:575px){
	.slicknav_menu{display:none;}
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;width: 100%;top: 0;left: 0;z-index: 10000;}
}

/** edm輪播 **/
.edm{background:#ffffff; max-width:100%;margin:0 auto; position:relative;}
.edm img{vertical-align:middle; width:100%; height:auto; position:absolute;}
.edm-photo{}
.edm-font{width: 100%;height:calc(100% - 300px);display: flex;align-items: center;justify-content: center; font-size: 36px; font-family: 'Noto Sans TC', sans-serif;text-align: center;position: absolute;bottom:0;left: 0;margin: 0 auto;color: #ffffff;letter-spacing: 6px;}
@media screen and (max-width:767px){
	.edm{padding: 98.2px 0 0 0;}
    .edm-font{font-size:50px; }
}
@media screen and (max-width:575px){
	.edm{padding: 46px 0 0 0;}
    .edm-font{font-size:70px; }
}

/** 配置 **/
.warpper{}
.main{}
.i-title{position: relative;}
.i-title-en{font-size: 14px; color: #26120b;letter-spacing: 1.6px;}
.i-title-ch{font-size: 30px;color: #26120b;font-weight: bold;margin: 12px 0 30px 0;}
.more{font-size: 16px;display: flex;justify-content: flex-end;}
.more a{display:table; background: #ffffff; box-shadow: 0 0 0 1px #26120b;color: #26120b;padding: 4px 18px;border-radius: 20px;}
.more a:hover{background: #26120b;box-shadow: 0 0 0 1px #ffffff;color: #ffffff;}
@media screen and (max-width:767px){
    .i-title{margin: 15px 0 0 0;}
    .i-title-en{font-size: 12px;}
    .i-title-ch{font-size: 28px;margin: 8px 0 25px 0;}
}

/** 首頁集團介紹 **/
.i-group-main{background: url("../images/i-group.png")no-repeat center center;background-size:cover;padding:0 15px 0 0;}
.i-group{max-width: 1280px;margin: 0 auto;}
.i-group-information{background: #ffffff;margin: 0 0 0 250px;padding: 6% 0 80px 6%;}
.i-group-content{font-size: 16px;color: #333333;margin: 0 0 30px 0;line-height: 1.8; overflow: hidden;text-overflow: ellipsis;height:168px;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
@media screen and (max-width:1450px){
    .i-group-main{background: url("../images/i-group.png")no-repeat center left -50px;background-size:cover;}
    .i-group-information{margin: 0 0 0 355px;}
}
@media screen and (max-width:767px){
    .i-group-main{background:none;padding: 0;}
    .i-group-information{margin: 0;padding: 5% 15px ;}
    .i-group-content{margin: 0 0 20px 0;}
}

/** 首頁創辦人 **/
.i-founder-main{position: relative;background: #f1f1f1;padding: 0 15px;}
.i-founder{max-width: 1280px; margin: 0 auto;}
.i-founder-information{padding: 80px 0 80px 0;margin: 0 120px 0 0;}
.i-founder-content{font-size: 16px;color: #333333;margin: 0 0 30px 0;line-height: 1.8; overflow: hidden;text-overflow: ellipsis;height:168px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.i-founder-photo{position: absolute;bottom: 0;right: 0;width:340px;}
.i-founder-photo:before{content: "董事長 黃馬琍";font-size: 14px;color: #26120b;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;letter-spacing: 2px;font-weight: bold;position: absolute;bottom:25px;left: -25px;font-family: "Arimo", "Microsoft JhengHei", sans-serif;}
.i-founder-more{}
.i-founder-more a{display:table;background: #26120b;box-shadow: 0 0 0 1px #ffffff;color: #ffffff;padding: 4px 18px;border-radius: 20px;}
.i-founder-more a:hover{ background: #ffffff; box-shadow: 0 0 0 1px #26120b;color: #26120b;}
@media screen and (max-width:1840px){
    .i-founder-information{margin: 0 200px 0 0;}
}
@media screen and (max-width:1680px){
    .i-founder-information{margin: 0 270px 0 0;}
}
@media screen and (max-width:1540px){
    .i-founder-information{margin: 0 340px 0 0;}
}
@media screen and (max-width:1400px){
    .i-founder-information{margin: 0 390px 0 0;}
}
@media screen and (max-width:767px){
    .i-founder-main{padding:5% 15px  0 15px;}
    .i-founder-information{padding: 0 0 25px 0;margin: 0;}
    .i-founder-photo{position:inherit;bottom:inherit;right:inherit;max-width: 340px; width:100%;margin: 0 auto;padding: 0 0 0 15px;}
    .i-founder-photo:before{left: 0px;}
    .i-founder-content{margin: 0 0 20px 0;}
}

/** 首頁集團訊息 **/
.i-news-main{padding:5% 15px;}
.i-news{max-width: 1280px; margin: 0 auto;}
.i-news .item{}
.i-news .item h4{padding:0 10px;margin: 0;line-height: 1.6;}
.i-news .item h4 a{display: block;position: relative;border-radius: 20px;overflow: hidden;}
.i-news-shadow{width:100%;margin: 0 auto;}
.i-news-more{position: absolute;bottom: 0;right: 0;}
.i-news-photo{background-size: cover;background-repeat: no-repeat ;background-position: center center;transform:scale(1.1);transition: all 0.3s ease 0s;}
.i-news-information{background: rgba(0,0,0,.4);position: absolute;width: 100%;bottom: 0;left: 0;padding: 15px;transition: all 0.3s ease 0s;}
.i-news-information .i-news-date{font-size: 13px; color: #e8e8e8;margin: 0 0 5px 0;width: 100%;}
.i-news-information .i-news-title{font-size: 16px; color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;height:50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;transition: all 0.3s ease 0s;}
.i-news-information .news-more{display: none; background: #ffffff;border-radius: 20px;color: #26120b;font-size: 16px;text-align: center;padding: 5px 15px;margin: 15px 0 0 0;width:calc(100% - 30px);transition: all 0.3s ease 0s;}
.i-news .item h4:hover .i-news-photo{transform:scale(1);transition: all 0.3s ease 0s;}
.i-news .item h4:hover .i-news-information .i-news-title{height:125px;-webkit-line-clamp: 5;transition: all 0.3s ease 0s;}
.i-news .item h4:hover .i-news-information{width: calc(100% - 20px);margin: 0 10px;padding:20px 20px 70px 20px; background: rgba(0,0,0,.7);height: calc(100% - 20px);display: flex;flex-wrap: wrap;align-content: center;box-shadow: 0 0 0 10px rgba(0,0,0,.7);border: 1px solid rgba(255,255,255,.6);border-radius: 10px;bottom: 10px;transition: all 0.3s ease 0s;}
.i-news .item h4:hover .news-more{display:block;width:calc(100% - 40px);position: absolute;bottom:20px;transition: all 0.3s ease 0s;}
@media screen and (max-width:999px){
    .i-news-shadow{width:90%;}
    .i-news .item h4{padding:0 5px;}
}
@media screen and (max-width:767px){
    .i-news .item h4:hover .i-news-information{padding:15px 15px 65px 15px; }
    .i-news .item h4:hover .news-more{bottom:15px;width: calc(100% - 30px);}
}
@media screen and (max-width:400px){
    .i-news-information .news-more{font-size: 14px;padding: 3px 10px;width:calc(100% - 20px);}
    .i-news .item h4:hover .i-news-information .i-news-title{font-size: 15px;height: 96px;-webkit-line-clamp: 4; }
    .i-news .item h4:hover .i-news-information{padding:10px 10px 60px 10px; }
    .i-news .item h4:hover .news-more{bottom:10px;width: calc(100% - 20px);}
}

/** 首頁通路品牌 **/
.i-channel-main{padding:60px 15px 60px 15px;position: relative;}
.i-channel-main:after{content: "";display: block;background: #f1f1f1;width: 100%;height:365px;position: absolute;top: 15px;left: 0;z-index: -1;}
.i-channel{max-width: 1280px; margin: 0 auto;display: flex;}
.i-channel-information-main{width: calc(100%/5*2) ;}
.i-channel-information-main .i-channel-information{padding: 0 12% 0 0;}
.i-channel-information-main .i-channel-information .i-channel-content{font-size: 16px;color: #333333;margin: 0 0 30px 0;line-height: 1.8; overflow: hidden;text-overflow: ellipsis;height:168px;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.i-channel .item{}
.i-channel .item h4{padding:0 10px;margin: 0;line-height: 1.6;}
.i-channel .item h4 a{display: block;position: relative;border-radius: 20px;overflow: hidden;}
.i-channel-picture{width: calc(100%/5*3) ;overflow: hidden;padding: 60px 0 0 0;margin: -60px 0 0 0;}
.i-channel-photo{background-size: cover;background-repeat: no-repeat ;background-position: center center;transform:scale(1.1);transition: all 0.3s ease 0s;}
.i-channel-dep{background: rgba(255,255,255,1);position: absolute;width: 100%;bottom: 0;left: 0;padding: 15px;transition: all 0.3s ease 0s;}
.i-channel-dep .i-channel-title{font-size: 16px; color: #000000;margin: 0 0 5px 0;width: 100%;font-weight: bold;overflow: hidden;text-overflow: ellipsis;height:25px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-channel-dep .i-channel-content-main{font-size: 14px; color: #666666;overflow: hidden;text-overflow: ellipsis;height:44px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;transition: all 0.3s ease 0s;}
.i-channel .item h4:hover .i-channel-photo{transform:scale(1);transition: all 0.3s ease 0s;}
.i-channel .item h4:hover .i-channel-dep{background: rgba(255,255,255,.9);transition: all 0.3s ease 0s;}
@media screen and (max-width:999px){
    .i-channel .item h4{padding:0 5px;}
	.i-channel-information-main{width: calc(100%/5*2.5) ;}
    .i-channel-picture{width: calc(100%/5*2.5) ;}
}
@media screen and (max-width:767px){
    .i-channel-main{padding:5% 15px;background: #f1f1f1;}
    .i-channel-main:after{display: none;}
    .i-channel{display:block;}
    .i-channel-information-main{width:100%;margin: 0 0 25px 0;}
    .i-channel-information-main .i-channel-information{padding: 0;}
    .i-channel-information-main .i-channel-information .i-channel-content{margin: 0 0 20px 0;}
    .i-channel-picture{width:100%;overflow: inherit;padding: 0;margin: 0;}
}

/** 首頁商品品牌 **/
.i-product-main{padding:20px 15px 5% 15px;position: relative;}
.i-product{max-width: 1280px; margin: 0 auto;display: flex;}
.i-product-information-main{width: calc(100%/5*2) ;}
.i-product-information-main .i-product-information{padding: 0 12% 0 0;}
.i-product-information-main .i-product-information .i-product-content{font-size: 16px;color: #333333;margin: 0 0 30px 0;line-height: 1.8; overflow: hidden;text-overflow: ellipsis;height:168px;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.i-product .item{}
.i-product .item h4{padding:0 10px;margin: 0;line-height: 1.6;}
.i-product .item h4 a{display: block;position: relative;border-radius: 20px;overflow: hidden;}
.i-product-picture{width: calc(100%/5*3) ;overflow: hidden;padding: 60px 0 0 0;margin: -60px 0 0 0;}
.i-product-photo{background-size: cover;background-repeat: no-repeat ;background-position: center center;transform:scale(1.1);transition: all 0.3s ease 0s;}
.i-product-dep{background: rgba(255,255,255,1);position: absolute;width: 100%;bottom: 0;left: 0;padding: 15px;transition: all 0.3s ease 0s;}
.i-product-dep .i-product-title{font-size: 16px; color: #000000;margin: 0 0 5px 0;width: 100%;font-weight: bold;overflow: hidden;text-overflow: ellipsis;height:25px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-product-dep .i-product-content-main{font-size: 14px; color: #666666;overflow: hidden;text-overflow: ellipsis;height:44px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;transition: all 0.3s ease 0s;}
.i-product .item h4:hover .i-product-photo{transform:scale(1);transition: all 0.3s ease 0s;}
.i-product .item h4:hover .i-product-dep{background: rgba(255,255,255,.9);transition: all 0.3s ease 0s;}
@media screen and (max-width:999px){
    .i-product .item h4{padding:0 5px;}
	.i-product-information-main{width: calc(100%/5*2.5) ;}
    .i-product-picture{width: calc(100%/5*2.5) ;}
}
@media screen and (max-width:767px){
    .i-product-main{padding:5% 15px;}
    .i-product-main:after{display: none;}
    .i-product{display:block;}
    .i-product-information-main{width:100%;margin: 0 0 25px 0;}
    .i-product-information-main .i-product-information{padding: 0;}
    .i-product-information-main .i-product-information .i-product-content{margin: 0 0 20px 0;}
    .i-product-picture{width:100%;overflow: inherit;padding: 0;margin: 0;}
}

/** 首頁影片 **/
.i-video-main{overflow: hidden;}
.i-video{}
.i-video-big {display: block;background-size: cover;background-repeat: no-repeat ;background-position: center center;}
.i-video-big a{display: block;}
.i-video .i-video-small-main{margin:-78.5px auto 0 auto;padding: 0 15px;}
.i-video .i-video-small-main .i-video-small{max-width: 1280px;margin: 0 auto;}
.i-video-small .item{}
.i-video-small .item h4{padding:0 10px;margin: 0;line-height: 1.6;}
.i-video-small .item h4 a{display: block;position: relative;border-radius: 20px;overflow: hidden;}
.i-video-photo{display: block;background-size: cover;background-repeat: no-repeat ;background-position: center center;}
.well{width: calc(100vw - 30px);height: calc(100vh - 30px);position: relative;}
.i-video-play {background: #000000;position: relative;padding-bottom:calc(100vh - 60px);padding-top: 30px;height: 0;overflow: hidden;}
.i-video-play iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.fade_close{font-size: 20px; line-height: 20px; position: absolute;top:-14px;right:-14px;background: #f01515;width: 30px;height: 30px;color: #ffffff;border: 0;display: flex;align-items: center;justify-content: center;}
.fade_close:hover{background: #ffffff;box-shadow: 0 0 0 1px #f01515;color: #f01515;}
@media screen and (max-width:999px){
    .i-video .i-video-small-main{margin:-60px auto 0 auto;}
    .i-video-small .item h4{padding:0 5px;}
} 
@media screen and (max-width:575px){
    .i-video .i-video-small-main{margin:-60px auto 0 auto;}
} 
@media screen and (max-width:450px){
    .i-video .i-video-small-main{margin:-35px auto 0 auto;}
} 
    
/** 首頁相關集團 **/
.i-related-main{padding:3% 15px;}
.i-related{max-width: 1280px; margin: 0 auto;}
.i-related .item{}
.i-related .item h4{padding:0 10px 4px 10px;margin: 0;line-height: 1.6; }
.i-related .item h4 a{display: block;position: relative;border-radius: 20px;overflow: hidden;border: 1px #e9e9e9 solid;box-shadow: 0 4px 0 0 #e9e9e9;transition: all 0.3s ease 0s;}
.i-related-photo{background-size: cover;background-repeat: no-repeat ;background-position: center center;transform:scale(1.1);transition: all 0.3s ease 0s;}
.i-related .item h4 a:hover {border: 1px #26120b solid;box-shadow: 0 4px 0 0 #26120b;transition: all 0.3s ease 0s;}
.i-related .item h4:hover .i-related-photo{transform:scale(1);transition: all 0.3s ease 0s;}
@media screen and (max-width:999px){
    .i-related .item h4{padding:0 5px 4px 5px;}
}
@media screen and (max-width:767px){
    .i-related-main{padding:5% 15px;}
}

/** 內頁banner **/
.inside-banner{background-position: center top;background-attachment: fixed; background-size: 100%;background-repeat: no-repeat; padding:calc(143px + 8%) 15px 6% 15px;}
.inside-banner .banner-title{max-width:1280px; font-size:18px; color:#ffffff; margin:0 auto; padding:0;display: flex;flex-wrap: wrap;justify-content: flex-end;line-height: 1.4;text-shadow: 1px 1px 0 rgba(0,0,0,.2);position: relative;z-index: 1;}
.inside-banner .banner-title .banner-title-ch{font-size:30px; color:#ffffff;width: 100%;text-align: right;font-weight: bold;letter-spacing: 3px;}
.inside-banner .banner-title .banner-title-en{font-size:14px; color:#ffffff;width: 100%;text-align: right;letter-spacing: 3px;}
@media screen and (max-width:767px){
	.inside-banner{background-position: center top 98.2px;background-attachment: inherit;padding:180px 15px 60px 15px;}
    .inside-banner .banner-title .banner-title-ch{font-size:28px; }
    .inside-banner .banner-title .banner-title-en{font-size:12px;}
}
@media screen and (max-width:575px){
	.inside-banner{background-position: center top 46px;padding:100px 15px 40px 15px;}
}
@media screen and (max-width:400px){
	.inside-banner{padding:80px 15px 30px 15px;}
}

/** Breadcrumb **/
nav[aria-label=breadcrumb]{}
.breadcrumb{display:flex; flex-wrap:wrap; width:100%; max-width:1280px; margin:0 auto; padding:10px 15px; list-style:none; background-color:transparent; border-radius:0.25rem;font-size: 14px;}
.breadcrumb-item{padding-left:0;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#6c757d; content:"/";}
.breadcrumb-item a{font-weight:bold; text-decoration:none; color:#26120b;}
.breadcrumb-item a:hover{color:#666666; text-decoration:none;}
.breadcrumb-item.active{color:#000000;}

/** 內頁架構 **/
.content-body{max-width:1280px; margin:0 auto; background:#ffffff; padding:10px 0 30px 0;min-height: 400px;display:block;}
.page-title{font-size:30px; color:#26120b; padding:0; margin:0 0 20px 0;font-weight: bold;}
.page-main{padding:0; font-size:16px; color:#333;}
@media screen and (max-width:767px){
    .page-title{font-size:28px; }
}

/** 左邊分類 **/
.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{margin: 0 0 10px 0;}
.in-left-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center;}
.in-left-menu>ul>li{font-size:16px; color:#666; padding:0;margin:0 10px 20px 10px; min-width: 120px;text-align: center;}
.in-left-menu>ul>li>a{background:#ffffff; color:#26120b; border:1px #26120b solid; display:block; padding:4px 15px ;border-radius: 20px; }
.in-left-menu>ul>li>a:hover{background: #26120b;color: #ffffff; border:1px #ffffff solid;}
.in-left-menu>ul>li>.current{background: #26120b;color: #ffffff; border:1px #ffffff solid;}
.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;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:767px){
	.classBox{padding:0 0 15px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #26120b;border-radius: 30px;}
	.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#333; position:relative; padding:8px 10px;}
	.m_classLink a.main i{display:block; font-size:15px; background:#26120b; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;border-radius:0 29px 29px 0;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #26120b; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;border-radius: 20px;overflow: hidden;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:8px 10px; border-top:1px solid #26120b; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:15px; color:#000000;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{color: #26120b;background: #f9f9f9;}
	.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 #26120b; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 關於集團 **/
.information001{display: flex;align-items: center;}
.content001{flex: 1;}
.images001{width: 180px;margin: 0 30px 0 0;}
.images001 img{width:100%;}
.images002{width: 300px;margin: 0 0 0 30px ;position: relative;z-index: 1;}
.images002:after{content: "";display: block;width: 100%;height: 100%;background: #ffffff;position: absolute;bottom:-10px;right:-10px;z-index: -1;border: 1px #26120b solid;;}
.images002 img{width:100%;}
.font001{font-size: 20px; color: #ea5413;margin: 20px 0 15px 0;font-weight: bold;line-height: 1.4;}
.font002{background: #f1f1f1; font-size: 20px; color: #26120b;margin: 30px 0 15px 0;font-weight: bold;line-height: 1.4;padding: 8px 20px;border-radius: 20px;}
.font003{font-size: 18px; color: #472114;margin: 25px 0 10px 0;font-weight: bold;line-height: 1.4;}
@media screen and (max-width:767px){
    .information001{display:block;}
    .images001{width: auto;max-width: 180px;margin: 0 auto 15px auto;}
    .images002{width: auto;max-width: 300px;margin: 0 auto 30px auto;}
    .font001{font-size:18px;}
    .font002{font-size:18px;}
    .font002{font-size:16px;}
}


/** 最新消息 **/
.news{}
.news ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.news ul li{padding: 0;margin:10px 10px 47px 10px;width: calc(20% - 20px);}
.news ul li:after{content: "";display: block;width: 100%;max-height: 37px;height: 100%;margin: 0 auto;background: url("../images/news-shadow.png")no-repeat top left;background-size: contain;}
.news ul li a{display: block; color:#333;padding:0;position: relative;border-radius: 20px;overflow: hidden;}
.news ul li a:hover{}
.news ul li .news-information{background: rgba(0,0,0,.4);position: absolute;width: 100%;bottom: 0;left: 0;padding: 15px;transition: all 0.3s ease 0s;}
.news ul li .news-information .news-date{font-size: 13px; color: #e8e8e8;margin: 0 0 5px 0;width: 100%;}
.news ul li .news-information .news-content{font-size: 16px; color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;height:50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;transition: all 0.3s ease 0s;}
.news ul li .news-information .news-more{display: none; background: #ffffff;border-radius: 20px;color: #26120b;font-size: 16px;text-align: center;padding: 5px 15px;margin: 15px 0 0 0;width:calc(100% - 30px);transition: all 0.3s ease 0s;}
.news ul li .pro-photo{background:#f9f9f9; width:100%; position:relative;display:flex; height:100%; align-items:center; justify-content:center;transition: all 0.3s ease 0s;transform:scale(1.1);}
.news ul li .pro-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.news ul li:hover .news-information .news-content{height:125px;-webkit-line-clamp: 5;transition: all 0.3s ease 0s;}
.news ul li:hover .news-information{width: calc(100% - 20px);margin: 0 10px;padding:20px 20px 70px 20px; background: rgba(0,0,0,.7);height: calc(100% - 20px);display: flex;flex-wrap: wrap;align-content: center;box-shadow: 0 0 0 10px rgba(0,0,0,.7);border: 1px solid rgba(255,255,255,.6);border-radius: 10px;bottom: 10px;transition: all 0.3s ease 0s;}
.news ul li:hover .news-information .news-more{display:block;width:calc(100% - 40px);position: absolute;bottom:20px;transition: all 0.3s ease 0s;}
.news ul li:hover .pro-photo{transform:scale(1);transition: all 0.3s ease 0s;}
.pro-photo{background:#f9f9f9; width:100%; position:relative;}
.pro-photo a{display:flex; height:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.news-detail-date{color:#ffffff;background: #26120b;font-size: 14px; padding:4px 15px;display: table;border-radius: 20px; margin:0 0 20px 0; }
.news-detail{margin: 0;}
.news-detail-dep{margin:15px 0 0 0;}
@media screen and (max-width:999px){
    .news ul li{margin:10px 8px 37px 8px;width: calc(20% - 16px);}
    .news ul li:after{width: 90%;max-height: 30px;}
    .news ul li .news-information .news-more{font-size: 15px;padding: 5px 10px;}
	.news ul li:hover .news-information .news-content{height:75px;-webkit-line-clamp: 3;}
    .news ul li:hover .news-information{padding:10px 10px 60px 10px;}
    .news ul li:hover .news-information .news-more{width:calc(100% - 20px);bottom:10px;}
}
@media screen and (max-width:767px){
	.news ul li{width: calc(25% - 16px);margin:10px 8px 27px 8px;}
    .news ul li:after{max-height: 20px;}
    .news ul li .news-information .news-more{font-size: 13px;padding: 5px 8px;}
    .news-detail-picture{margin: 0 0 15px 0;}
}
@media screen and (max-width:575px){
    .news ul li{width: calc(50% - 16px);margin:10px 8px 20px 8px;}
    .news ul li:hover .news-information .news-content{height:125px;-webkit-line-clamp: 5;}
    .news ul li .news-information .news-more{font-size: 14px;padding: 5px 10px;}
}
@media screen and (max-width:400px){
    .news ul li:hover .news-information .news-content{font-size: 15px; height:96px;-webkit-line-clamp: 4;}
}

/** 商品品牌 **/
.pro-information{display: flex;align-items: center; margin: 0 0 10px 0;}
.pro-information-logo{display: flex; margin: 0 0 0px 0;}
.pro-logo001{max-width: 80px; position: absolute;top: 0;right:15px;}
.pro-logo002{max-width: 100px; position: absolute;top: 0;right:15px;}
.pro-logo003{max-width: 110px; position: absolute;top: 0;right:15px;}
.pro-images001{width: 240px;margin: 0 30px 0 0;}
.pro-images002{width: 320px;margin: 0 0 0 30px;}
@media screen and (max-width:767px){
    .pro-information-logo{display:block;margin: 0;}
    .pro-information{display:block;margin: 0;}
    .pro-images001{max-width: 240px;width: 100%; margin: 0 auto 15px auto;}
    .pro-images002{max-width: 320px;width: 100%; margin: 0 auto 15px auto;}
}
@media screen and (max-width:575px){
    .pro-logo001{max-width: 120px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
    .pro-logo002{max-width: 140px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
    .pro-logo003{max-width: 180px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
}

/** 通路品牌 **/
.channel-logo001{max-width: 120px; position: absolute;top: 0;right:15px;}
.channel-logo002{max-width: 140px; position: absolute;top: 0;right:15px;}
.channel-logo003{max-width: 110px; position: absolute;top: 0;right:15px;}
.channel-logo004{max-width: 190px; position: absolute;top: 0;right:15px;}
.channel-images001{width: 400px;margin: 0 30px 0 0;}
.channel-images002{width: 400px;margin: 0 0 0 30px;}
@media screen and (max-width:767px){
    .channel-images001{max-width:400px;width: 100%; margin: 0 auto 15px auto;}
    .channel-images002{max-width:400px;width: 100%; margin: 0 auto 15px auto;}
}
@media screen and (max-width:575px){
    .channel-logo001{max-width: 200px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
    .channel-logo002{max-width: 180px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
    .channel-logo003{max-width: 180px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
    .channel-logo004{max-width: 220px;margin: 0 auto 15px auto;position: inherit;top:inherit;right:inherit;}
}

/** 分店 **/
.store{}
.store>ul{list-style: none;padding: 0;margin: 0;}
.store>ul>li{padding: 15px;margin: 0;width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px #f1f1f1 dashed;}
.store>ul>li:last-of-type{border-bottom:0;}
.store>ul>li h4{padding: 0;margin: 0;font-size: 16px; color: #333333;font-weight: bold;width: 150px;line-height: 1.6;letter-spacing: 2px;}
.store>ul>li h4 span{display: block;width: 100%; font-size: 20px;color: #ea5413;position: relative;margin: 0;padding: 3px 0 ;}
.store>ul>li h4 span:after{content: "";display: block;width: 44px;height: 2px; background: #ea5413;position: absolute;bottom: 0;left:44px;}
.store>ul>li .store-information{flex: 1;margin: 0 15px;}
.store>ul>li .store-information>ul{list-style: none;padding: 0;margin: 0;}
.store>ul>li .store-information>ul>li{padding: 0;margin:5px 0;display: flex;}
.store>ul>li .store-information>ul>li .store-title{background:#26120b;color: #ffffff;font-size: 16px;padding: 3px 10px;width: 100px;display: flex;align-items: center;justify-content: center;}
.store>ul>li .store-information>ul>li .store-content{font-size: 16px; color: #333333;padding: 4px 0px 4px 15px;flex: 1;}
.store>ul>li .store-information>ul>li .store-content span{display: inline-block;}
.store>ul>li .store-map{width: 60px;display: flex;flex-wrap: wrap; align-items: center;justify-content: center;}
.store>ul>li .store-map span{width: 100%;display: block; font-size:14px;color: #ea5413;text-align: center;margin: 5px 0 0 0 ;}
@media screen and (max-width:767px){
    .store>ul>li{padding: 15px 0px;}
    .store>ul>li h4{width: 100%;margin: 0 0 15px 0;}
    .store>ul>li h4 span{font-size: 18px;display: inline-block;padding: 0 0 0 5px;width: auto;}
    .store>ul>li .store-information{margin: 0 15px 0 0;}
}
@media screen and (max-width:575px){
    .store>ul>li .store-information{flex:initial;margin: 0 ;width: 100%;}
    .store>ul>li .store-map{margin:10px auto 0 auto;}
    .store>ul>li .store-map span{font-size:13px;}
}
@media screen and (max-width:370px){
    .store>ul>li .store-information>ul>li{display: block;}
    .store>ul>li .store-information>ul>li .store-title{}
    .store>ul>li .store-information>ul>li .store-content{padding: 4px 5px;width: 100%;}
}

/** spa 學院 **/
.system{}
.system>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.system>ul>li{margin:20px;flex: 1;border: 2px #26120b solid;border-radius: 20px;padding: 15px;background: #f9f9f9;font-size: 16px; color: #26120b;text-align: center;position: relative;display: flex;align-items: center;justify-content: center;}
.system>ul>li:before{content: "";display: block;background: #26120b; width: 18px;height: 18px;position: absolute;left: 0; top:0;border-radius: 19px 0 19px 0;}
.system>ul>li:after{content: "";display: block;position: absolute;right: -25px; top: calc(50% - 6px); width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #ea5413;}
.system>ul>li:last-of-type:after{display: none;}
@media screen and (max-width:767px){
    .system>ul{display:block;}
    .system>ul>li{display: block;max-width: 320px; margin: 30px auto;padding: 10px 15px;}
    .system>ul>li:after{position: absolute;right:inherit;left:calc(50% - 6px); top:inherit;bottom: -20px; width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #ea5413 transparent transparent transparent;}
}

/** 招募訊息 **/
.recruit-title{font-size:20px; color: #ea5413;font-weight: bold;margin: 20px 0 15px 0;}
.recruit-title02{font-size: 18px; color: #26120b;font-weight: bold;margin: 10px 0 5px 0;}
.recruit-title02 span{font-size: 14px;}
.recruit-information{margin: 15px 0;}
.recruit-content{font-size: 16px; color: #26120b;padding: 0 15px;}
@media screen and (max-width:767px){
    .recruit-title{font-size:18px;}
    .recruit-title02{font-size: 17px;}
    .recruit-content{padding:10px 0 15px 0;}
}

/** 聯絡我們 **/
.contact-page-main{font-size:16px; color:#333;margin: 0 0 25px 0;}
.contact-body{display: flex;align-items: center;margin: 0 0 25px 0;}
.contact-note{padding:5px 15px;margin: 0 0 10px 0; font-weight:bold; font-size:14px;background:#ff0000;color: #ffffff;border-radius: 20px; display: table;line-height: 1.6;}
.star{padding:0 5px; font-weight:bold; font-size:14px; color:#ff0000;line-height: 1.6;}
.contact-information{flex: 1;}
.contact-information ul{list-style: none;padding: 0;margin: 0;display:block;}
.contact-information ul li{padding: 0;margin:20px 0px;display: flex;align-items: center;width: 100%;font-size: 16px;color: #000000;}
.contact-information ul li .contact-icon{width: 30px;}
.contact-information ul li .contact-content{flex: 1;margin: 0 0 0 15px;}
.contact-information ul li .contact-content span{display: block;width: 100%;font-weight: bold;font-size: 17px;color: #26120b;margin: 0 0 2px 0;}
.googlemap{flex: 1.5;position: relative;padding-bottom: 20%;padding-top: 30px;height: 0;overflow: hidden;margin: 0 0 0 25px;}
.googlemap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:980px){
    .googlemap{padding-bottom:30%;}
}
@media screen and (max-width:767px){
    .contact-body{display:block;}
    .googlemap{padding-bottom:40%;margin: 25px 0 0 0;}
}
@media screen and (max-width:575px){
    .googlemap{padding-bottom:60%;}
    .contact-information ul li .contact-content{margin: 0 0 0 10px;}
}

/** 表單欄位 **/
label{margin-bottom: 0;min-width: 100px;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display: flex;margin:5px 0; }
.opinion{display:block; flex-wrap:wrap; border-radius:0; overflow:hidden;flex: 1;position: relative;}
.opinion:nth-child(2n){margin: 0 0 0 15px;}
.opinion-left01{ width:100%; padding:5px 15px;  font-size:16px; font-family:"Microsoft JhengHei"; color:#26120b; line-height:1.8; display:flex; align-items:center;}
.input-main-style01{background: #ffffff;flex:1; width:100%;border:0; border-bottom:1px #c9c9c9 solid; margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#666666; line-height:1.8; min-height:39px;}
.input-main-style02{background: #ffffff; flex:1; width:100%;border:0; border-bottom:1px #c9c9c9 solid; margin:0; padding:5px 115px 5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#666666; line-height:1.8; min-height:39px;}
.input-main-style03{background: #ffffff; flex:1; width:100%;border:0; border-bottom:1px #c9c9c9 solid; margin:5px 0 0 0; padding:5px 115px 5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#666666; line-height:1.8; min-height:39px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{ width:calc(50% - 0px); margin-right:0; padding:5px 28px 5px 15px; line-height:1.8; border:0; border-bottom:1px #c9c9c9 solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#666666; min-height:39px;border-radius: 0;background: #ffffff url(../images/select-icon.png)no-repeat right 8px center;background-size: 10px;}
.input-main-select select:nth-child(2){margin-right:0;}
.select-style{background:#8a6e0c; font-size:16px; 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:16px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:39px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:16px; 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: block;position: absolute;bottom: 0;right: 0;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {width:100%;display: inline-block;padding: 0 5px 0 0;font-size: 16px;}
input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 4px 0 0;vertical-align:middle;background:url(../images/input-button.png) left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(../images/input-button.png) left -19px top no-repeat;}
input[type="radio"] {display:none;}
input[type="radio"] + label {width:auto;display: inline-block;padding: 0 5px 0 0;font-size: 16px;}
input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 4px 0 0;vertical-align:middle;background:url(../images/input-button.png) left -38px top no-repeat;cursor:pointer;}
input[type="radio"]:checked + label span {background:url(../images/input-button.png) left -57px top no-repeat;}
@media screen and (max-width:575px){
    .opinion-main{display: block;margin: 0;}
    .opinion{margin: 8px 0;}
    .opinion:nth-child(2n){margin:8px 0;}
}

/** 按鈕 **/
.cart-btn{padding:0;border-radius: 20px; text-align:center; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.btn-send{font-size:13px;}
a.btn-send{padding:5px 20px; text-align:center; font-size:15px; font-weight:bold; color:#ffffff; min-width:100px; margin:6px;background: #26120b; border:1px solid #ffffff; border-radius:20px;}
a.btn-send:hover{background: #ffffff; border:1px solid #26120b;color: #26120b;}
a.btn-reset{padding:5px 20px; text-align:center; font-size:15px; font-weight:bold; color:#ffffff; min-width:100px; margin:6px;background: #666666; border:1px solid #ffffff; border-radius:20px;}
a.btn-reset:hover{background: #ffffff; border:1px solid #666666;color: #666666;}
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% - 12px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 12px);}
	a.btn-send-over{padding:5px 10px; width:calc(50% - 12px);}
}

/** 頁次 **/
.page{font:14px/2.4 "Microsoft JhengHei"; color:#333; text-align:center; clear:both; margin:15px 0;}
.page a{display: inline-block; background:#26120b; color:#fff; padding:3px 20px;box-shadow: 0 0 0 1px #ffffff;border-radius: 20px;line-height: 1.6;}
.page a:hover{background:#ffffff; color:#26120b;box-shadow: 0 0 0 1px #26120b;border-radius: 20px;}
.page br{display:none;}
.page select {border-radius: 0; border: 0;border-bottom: 1px #26120b solid;padding: 0 28px 0 10px;background:#ffffff url(../images/select-icon.png)no-repeat right 8px center;background-size: 10px; color: #26120b;line-height: 1.95;}
@media screen and (max-width:640px){
	.page br{display:block;}
}

/** 下版 **/
footer{padding: 15px;border-top: 1px #cccccc solid;}
footer .footer{max-width:1280px; margin:0 auto;display: flex;flex-wrap: wrap; font-size: 15px; color: #333333;}
footer .footer a{ color: #333333;}
footer .footer a:hover{text-decoration: underline;}
footer .footer .f-logo{width: 151px;margin: 0;padding: 20px 0;}
footer .footer .f-menu{flex: 1; margin: 0 30px;}
footer .footer .f-menu ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
footer .footer .f-menu ul li{margin:1px 5px;width:calc(50% - 10px);text-align: center;}
footer .footer .f-menu ul li a{display: block;padding:2px 15px;border-radius: 0px;background: #ffffff;}
footer .footer .f-menu ul li a:hover{text-decoration:none;background: #26120b;color: #ffffff;border-radius: 20px;}
footer .footer .f-information{flex: 2.4;line-height: 1.8;margin: 0 25px 0 0;}
footer .footer .f-information span{}
footer .footer .f-information span:nth-child(2){padding: 0 0 0 25px;}
footer .footer .f-information .copyright{font-size: 12px; color: #999999;margin: 10px 0 0 0;}
footer .footer .f-information .copyright span.wd{padding: 0 0 0 10px;}
footer .footer .f-information .copyright span.wd a{color: #999999;}
footer .footer .f-information .copyright span.wd a:hover{text-decoration: underline;}
footer .footer .f-icon{width: 175px;display: flex;align-items: flex-end;}
footer .footer .f-icon ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
footer .footer .f-icon ul li{width:auto;margin:6px 10px;padding: 0;text-align: center;}
footer .footer .f-icon ul li a{display: block;padding:0;margin: 0;}
footer .footer .f-icon ul li a:hover{}
footer .footer .f-icon ul li:nth-child(1) a{background: url(../images/icon001.png)no-repeat 0 -22px;width: 23px; height: 22px;background-size: 23px;}
footer .footer .f-icon ul li:nth-child(2) a{background: url(../images/icon002.png)no-repeat 0 -22px;width: 11px; height: 22px;background-size: 11px;}
footer .footer .f-icon ul li:nth-child(3) a{background: url(../images/icon003.png)no-repeat 0 -22px;width: 21px; height: 22px;background-size: 21px;}
footer .footer .f-icon ul li:nth-child(4) a{background: url(../images/icon004.png)no-repeat 0 -22px;width: 50px; height: 22px;background-size: 50px;}
footer .footer .f-icon ul li:nth-child(1) a:hover{background: url(../images/icon001.png)no-repeat 0 0;width: 23px; height: 22px;background-size: 23px;}
footer .footer .f-icon ul li:nth-child(2) a:hover{background: url(../images/icon002.png)no-repeat 0 0;width: 11px; height: 22px;background-size: 11px;}
footer .footer .f-icon ul li:nth-child(3) a:hover{background: url(../images/icon003.png)no-repeat 0 0;width: 21px; height: 22px;background-size: 21px;}
footer .footer .f-icon ul li:nth-child(4) a:hover{background: url(../images/icon004.png)no-repeat 0 0;width: 50px; height: 22px;background-size: 50px;}
@media screen and (max-width:1200px){
    footer .footer .f-menu ul li{margin:1px 0;width:calc(50% - 0px);}
}
@media screen and (max-width:1100px){
    footer .footer .f-logo{width: 120px;padding: 0;margin: 0 25px 0 0;}
    footer .footer .f-menu{flex:inherit;width: calc(100% - 145px); margin: 0;display: flex;align-items: center;}
    footer .footer .f-menu ul{width: 100%;}
    footer .footer .f-menu ul li{flex: 1;margin:3px 5px;}
    footer .footer .f-information{margin: 15px 25px 0 0;flex:inherit;width: calc(100% - 200px); }
    footer .footer .f-information .copyright{margin:5px 0 0 0;}
    footer .footer .f-icon{margin: 15px 0 0 0;}
}
@media screen and (max-width:767px){
    footer .footer .f-logo{width: 90px;margin: 0 15px 0 0;}
    footer .footer .f-menu{width: calc(100% - 105px); }
    footer .footer .f-menu ul li a{padding:2px 5px;}
    footer .footer .f-information{margin:10px 0;text-align: center; flex:inherit;width:100%; }
    footer .footer .f-icon{margin: 0 auto;}
}
@media screen and (max-width:575px){
    footer .footer{font-size: 14px; }
    footer .footer .f-logo{width: 100px;margin: 0 auto 15px auto;}
    footer .footer .f-menu{width:100%}
    footer .footer .f-menu ul li{margin:1px 0px;width:calc(50% - 0px);}
    footer .footer .f-menu ul li a{padding:2px 5px;}
    footer .footer .f-information{margin:6px 0 10px 0;}
    footer .footer .f-information span:nth-child(2){padding: 0 0 0 15px;}
    footer .footer .f-information .copyright span.wd{display: block;width: 100%;padding: 0;}
}
@media screen and (max-width:370px){
    footer .footer .f-menu ul li{margin:1px 5px;width:calc(50% - 10px);}
    footer .footer .f-menu ul li a{padding:2px 6px;}
    footer .footer .f-menu ul li a:hover{border-radius: 5px;}
    footer .footer .f-information span{display: block;width: 100%;}
    footer .footer .f-information span:nth-child(2){padding:0;}
    footer .footer .f-information br{display:none; }
}

/** top **/
#scrollUp {bottom: 15px;right: 15px;background-color:#26120b;color: #fff;font-size: 12px;font-family: sans-serif;text-decoration: none;opacity:1;padding:12.76px 10px;border-radius:40px;-webkit-transition: background 200ms linear;-moz-transition: background 200ms linear;-o-transition: background 200ms linear;transition: background 200ms linear;-webkit-backface-visibility: hidden;display: flex;align-items: center;justify-content: center;}
#scrollUp:hover {background-color: #ffffff; color:#26120b;box-shadow: 0 0 0 2px #26120b inset; }
@media screen and (max-width:767px){
    #scrollUp {bottom: 15px;right: 5px;padding:8px 5.28px;}
}