@charset "utf-8";

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

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

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

/** font **/
@import url(IBM+Plex+Sans-Noto+Sans+TC-Titillium+Web.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;font-size: 10px;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:1.8rem;line-height: 1.8;font-family:"IBM Plex Sans", "Noto Sans TC", sans-serif;word-break: break-word;letter-spacing: 1px; overflow-y: scroll;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}
table{border-collapse:inherit;}
p{margin-top: 0;margin-bottom: 2rem;}
ol, ul {margin: 0 0 0 2.8rem;margin-top: 0;margin-bottom: 0; padding-left: 0;padding: 0}

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

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

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

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

/** 上版 **/
header{padding: 0 5.255%;position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;transition: all 0.5s ease 0s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.head-main{padding: 0;margin: 0; display: flex;align-items: center;}
.head-main .logo{width: 332px; height:auto;transition: all 0.5s ease 0s;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;filter: brightness(100);transition: all 0.5s ease 0s;}
.header-height{background:rgba(255,255,255,1);border-bottom: 1px #dddddd solid;transition: all 0.5s ease 0s;}
.header-height .logo{width: 240px;transition: all 0.5s ease 0s;}
.header-height .logo img{filter: brightness(1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1870px){
	header{padding: 0 2%;}
}
@media screen and (max-width:1666px){
	header{padding: 0 15px;}
}
@media screen and (max-width:1200px){
	.head-main .logo{position: fixed;top: 9px;left: 15px;z-index: 10000; width: 200px;}
    .header-height{border-bottom: 0;}
    .header-height.logo{width: 200px;}
    .head-main .logo img{filter: brightness(1);}
}
@media screen and (max-width:400px){
	.head-main .logo{width: 180px;top: 11px;}
    .header-height.logo{width: 180px;}
}
@media screen and (max-width:370px){
	.head-main .logo{width: 140px;top: 12px;}
    .header-height.logo{width: 140px;}
}

/** 語系 **/
.language{width: 112px;}
.language>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.language>ul>li{padding: 0;margin: 0 0 0 8px;width: 48px;font-size: 1.4rem;}
.language>ul>li a{display: flex;align-items: center;justify-content: center; width: 48px;height: 48px;background: #ffffff;border-radius: 50px;overflow: hidden;color: #222222;padding: 8px;}
.language>ul>li a.active{background: #b52a25;color: #ffffff;}
.language>ul>li a:hover:not(.active){background: #222222;color: #ffffff;}
.header-height .language>ul>li a{background: #dddddd;}
.header-height .language>ul>li a.active{background: #b52a25;}
@media screen and (max-width:1200px){
	.language{width: auto;position: fixed;top: 9px;right: 62px; z-index: 10000;}
    .language>ul>li{margin: 0 3px;width: 42px;font-size: 1.3rem;}
    .language>ul>li a{ width: 42px;height: 42px;padding: 5px;background: #dddddd;}
}

/** 主選單與下拉 **/
nav{flex: 1;margin: 0 25px;}
.menu{padding:0; list-style:none; position:relative; margin:0; display:flex;justify-content: flex-end;}
.menu>li{color:#222222; text-align:center; position:relative; cursor:pointer; padding:0; margin:0;}
.menu>li>a{color:#ffffff; display:block; padding:33.81px 18px; margin:0;transition: all 0.5s ease 0s;}
.menu>li>a:hover{color: #b52a25;}
.menu>li.sub>ul.sub-menu{background:rgba(255,255,255,.9); display:none; position:static; z-index:999; margin:0; padding:0; border-radius:0; overflow:hidden;border: 1px #dddddd solid;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:200px; left:calc(50% - 100px); top:99.98px;transition: all 0.5s ease 0s;}
.menu>li.sub>ul.sub-menu>li{display:block; font-size: 1.7rem;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#222222; padding:10px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#b52a25;color: #ffffff;}
.header-height .menu>li>a{color:#222222; padding:18.81px 18px;transition: all 0.5s ease 0s;font-weight: 500;}
.header-height .menu>li.sub:hover ul.sub-menu{top:69.98px;transition: all 0.5s ease 0s;}
@media screen and (max-width:1530px){
    nav{margin: 0 15px;}
    .menu>li>a{padding:33.81px 15px;}
    .header-height .menu>li>a{padding:18.81px 15px;}
}
@media screen and (max-width:1200px){
	#menu{display:none;}
	.slicknav_menu{display:block;background:rgba(255,255,255,.9);position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;border-bottom: 1px #dddddd solid;}
}
@media screen and (max-width:1024px){
	.slicknav_menu{background:rgba(255,255,255,1);}
}

/** edm輪播 **/
.edm-main{background:#ffffff;}
.edm{position: relative;}
.edm img{width: 100%;}
.edm-font{position: absolute;bottom: 0;left: 0;width:41.7769%;height:auto;z-index: 2;}
@media screen and (max-width:1024px){
	.edm-main{padding: 60px 0 0 0 ;}
}

/** 配置 **/
.warpper{overflow: hidden;}
.main{}
.i-title-main{text-align: center;margin: 0 0 10px 0;}
.i-title-main .i-title-en{font-size: 2.4rem; color: #222222;text-transform: uppercase;letter-spacing: 3px;line-height: 1.4;padding: 0;margin: 0;}
.i-title-main .i-title{font-size: 4rem; padding: 0;font-weight: 500;line-height: 1.4;letter-spacing: 12px;margin: 0 0 0 9px;}
.i-title-main .i-title span{color: #b52a25;}
.more{font-size: 1.4rem;text-transform: uppercase;}
.more a{display: flex;align-items: center;justify-content: center; border: 1px #b52a25 solid;border-radius: 50px;overflow: hidden; padding: 10px 15px;background: #ffffff;color: #b52a25;width: 150px; height: 50px;position: relative;z-index: 1;}
.more a:after{content: "";display: block;width: 0%;height: 100%;background:#b52a25;position: absolute;top:0;left: 0;z-index: -1;transition: all 0.5s ease 0s;}
.more a:hover{color: #ffffff;}
.more a:hover:after{width: 100%;transition: all 0.5s ease 0s;}
.photo-main{overflow: hidden;}
.photo{background-color:#f7f7f7;background-position: center center;background-repeat: no-repeat;background-size: contain;}
@media screen and (max-width:1200px){
	.i-title-main .i-title-en{font-size: 2rem;letter-spacing: 2px;}
    .i-title-main .i-title{font-size: 3.6rem;letter-spacing: 8px;margin: 0 0 0 6px;}
    .more{font-size: 1.3rem;}
    .more a{width: 120px; height: 46px;}
}

/** 首頁最新消息 **/
.i-news-main{padding: 5% 15px;background: url("../images/news_bg.png")no-repeat center center fixed;background-size: cover;}
.i-news{max-width: 1400px; margin: 0 auto;}
.i-news .i-news-title{position:relative;}
.i-news .i-news-title .more{position: absolute;bottom: 10px;right: 0;}
.i-news>ul{list-style:none; padding:0; margin:0;display: flex;flex-wrap: wrap;}
.i-news>ul>li{padding:0;margin: 15px;width: calc(100%/3 - 30px);}
.i-news>ul>li a{color:#333; display:flex;align-items: flex-start; background: rgba(255,255,255,0); padding:25px 20px 90px 20px;position: relative;border-radius: 0px;overflow: hidden;height: 100%;}
.i-news>ul>li a:hover{background: rgba(255,255,255,.8); box-shadow: 0 0 15px 0 rgba(0,0,0,.2);border-radius: 30px;}
.i-news>ul>li .i-news-icon{font-family: "Titillium Web", serif;background: #b52a25;padding: 1px 5px;margin: 0 15px 0 0; border-radius: 50px 50px 0 50px;font-style: italic;font-size: 1.4rem;text-transform: uppercase;color: #ffffff;width: 67px; height: 29px;display: flex;align-items: center;justify-content: center;letter-spacing: 2px;}
.i-news>ul>li .i-news-content {flex: 1;}
.i-news>ul>li .i-news-content h3{padding: 0;margin:1px 0 15px 0;line-height: 1.6;color: #222222;font-size: 1.8rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-news>ul>li .i-news-content .i-news-info{font-size: 1.6rem;color: #666666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-news>ul>li .i-news-more{font-size: 1.4rem;color: #666666;position: absolute;bottom: 25px;right: 20px;text-transform: uppercase;display: flex;align-items: center;transition: all 0.5s ease 0s;}
.i-news>ul>li .i-news-more i{padding: 10px;width: 40px; height: 40px;display: flex;align-items: center;justify-content: center;margin: 0 0 0 6px;position: relative;z-index: 1;}
.i-news>ul>li .i-news-more i:after{content: "";display: block;width: 0;height: 0;background:rgba(181,42,37,0);z-index: -1;position: absolute;top: calc(50% - 0%);left: calc(50% - 0%);border-radius: 40px;transition: all 0.5s ease 0s;}
.i-news>ul>li .i-news-more i img{width: 20px;transition: all 0.5s ease 0s;}
.i-news>ul>li:hover .i-news-more{color: #b52a25;transition: all 0.5s ease 0s;}
.i-news>ul>li:hover .i-news-more i:after{width: 100%;height: 100%;background:rgba(181,42,37,1);top: calc(50% - 50%);left: calc(50% - 50%);transition: all 0.5s ease 0s;}
.i-news>ul>li:hover .i-news-more i img{filter: brightness(100);transition: all 0.5s ease 0s;}
@media screen and (max-width:1200px){
    .i-news .i-news-title .more{bottom: 8px;}
	.i-news>ul>li{margin: 10px;width: calc(100%/3 - 20px);}
    .i-news>ul>li a{padding:20px 15px 85px 15px;display: block;}
    .i-news>ul>li .i-news-icon{margin: 0 0 10px 0;}
    .i-news>ul>li .i-news-content {flex:initial;width: 100%;}
    .i-news>ul>li .i-news-content h3{margin:0 0 10px 0;}
    .i-news>ul>li .i-news-more{font-size: 1.3rem;bottom: 20px;right: 15px;}
}
@media screen and (max-width:1024px){
    .i-news-main{padding: 30px 15px;}
    .i-news .i-news-title{margin: 0 0 15px 0;}
    .i-news>ul>li{margin: 0;width: calc(100%/1 - 0px);}
    .i-news>ul>li a{padding:20px 15px 75px 15px;display: flex;}
    .i-news>ul>li .i-news-icon{margin: 0 10px 0 0;}
    .i-news>ul>li .i-news-content {flex:1;width: auto;}
    .i-news>ul>li .i-news-content h3{margin:1px 0 15px 0;}
}
@media screen and (max-width:575px){
    .i-news .i-news-title .more{position: inherit;bottom: inherit;right: inherit;}
    .i-news .i-news-title .more a{margin: 0 auto;}
    .i-news>ul>li a{display: block;}
    .i-news>ul>li .i-news-icon{margin: 0 0 10px 0;}
    .i-news>ul>li .i-news-content {flex:initial;width: 100%;}
    .i-news>ul>li .i-news-content h3{margin:0 0 10px 0;}
}

/** 首頁事業體介紹 **/
.i-business-main{padding: 5% 15px;position: relative;background: url("../images/i-business_bg.png")no-repeat center center fixed;background-size: cover;}
.i-business{max-width: 1540px; margin: 0 auto;}
.i-business>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-business>ul>li{padding: 0;margin: 15px; width: calc(100%/2 - 30px);}
.i-business>ul>li a{display: block;position: relative;}
.i-business>ul>li a:hover{}
.i-business>ul>li .i-business-content{background: rgba(255,255,255,.5);backdrop-filter: blur(2px);box-shadow: 0 0 0 1px #ffffff; position: absolute;top: calc(50% - 16.5%);left: calc(50% - 31%);width: 62%;height: 33%;padding: 20px;display: flex;flex-wrap: wrap; align-content: center;transition: all 0.5s ease 0s;}
.i-business>ul>li .i-business-content h3{padding: 0;margin:0 0 15px 0;line-height: 1.6;color: #222222;font-size: 2.2rem;font-weight: 500;text-align: center;width: 100%;transition: all 0.5s ease 0s;}
.i-business>ul>li .i-business-content .i-business-more{background: #b52a25;color: #ffffff;font-size: 1.4rem;display: flex;align-items: center;justify-content: center; margin: 0 auto;width: 80px;height: 30px;padding: 2px 15px; text-transform: uppercase;border-radius: 50px;overflow: hidden;position: relative;z-index: 1;transition: all 0.5s ease 0s;}
.i-business>ul>li .i-business-content .i-business-more:after{content: "";display: block;width: 0%;height: 100%;background: #ffffff;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.5s ease 0s;}
.business-photo-main{overflow: hidden;}
.business-photo{background-color:#f7f7f7;background-position: center center;background-repeat: no-repeat;background-size:cover;}
.i-business>ul>li:hover .i-business-content{background: rgba(0,0,0,.4);top: calc(50% - (calc(100% - 40px)/2));left:calc(50% - (calc(100% - 40px)/2));width: calc(100% - 40px);height: calc(100% - 40px);box-shadow: 0 0 0 0 #ffffff;transition: all 0.5s ease 0s;}
.i-business>ul>li:hover .i-business-content h3{color: #ffffff;margin:0 0 25px 0;transition: all 0.5s ease 0s;}
.i-business>ul>li:hover .i-business-content .i-business-more{color: #b52a25;transition: all 0.5s ease 0s;}
.i-business>ul>li:hover .i-business-content .i-business-more:after{width: 100%;height: 100%;transition: all 0.5s ease 0s;}
.i-business-bg001{position: absolute;top: 25%;left: -50%;z-index: -1;width: 66.737%;height: 21.218%;}
.i-business-bg002{position: absolute;bottom:16%;right: -50%;z-index: -1;width: 66.737%;height: 21.218%;}
@media screen and (max-width:1200px){
    .i-business>ul>li{margin: 10px; width: calc(100%/2 - 20px);}
    .i-business>ul>li .i-business-content{top: calc(50% - 25%);left: calc(50% - 35%);width: 70%;height: 50%;}
    .i-business>ul>li .i-business-content .i-business-more{width: 70px;height: 28px;font-size: 1.3rem;}
}
@media screen and (max-width:1024px){
    .i-business-main{padding: 30px 15px;}
    .i-business>ul>li .i-business-content h3{font-size: 2rem;}
}
@media screen and (max-width:767px){
    .i-business>ul>li{margin: 10px 0; width: calc(100%/1 - 0px);}
    .i-business>ul>li .i-business-content{padding: 15px; top: calc(50% - 30%);left: calc(50% - 40%);width: 80%;height: 60%;}
}

/** 首頁影片專區 **/
.i-video-main{padding: 5% 15px;background: url("../images/video_bg.jpg")no-repeat center center fixed;background-size: cover;}
.i-video{max-width: 1400px;margin: 0 auto;display: flex;align-items: center;}
.i-video .i-video-title{width: 300px;padding: 40px;margin:0 4% 0 0;}
.i-video .i-video-title .more {margin: 30px 0 0 0;}
.i-video .i-video-title .more a{margin: 0 auto;}
.i-video .i-video-content{flex: 1;}
.i-video .i-video-content .i-video-info{position: relative;padding-bottom: 53.42%;padding-top: 30px;height: 0;overflow: hidden;}
.i-video .i-video-content .i-video-info iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:1200px){
    .i-video .i-video-title{width: 200px;padding:0;margin:0 20px 0 0;}
}
@media screen and (max-width:1024px){
    .i-video-main{padding: 30px 15px;}
    .i-video{display: block;}
    .i-video .i-video-title{width: 100%;margin:0 0 15px 0;position: relative;}
    .i-video .i-video-title .more{position: absolute;bottom: 8px;right: 0;margin: 0;}
}
@media screen and (max-width:575px){
    .i-video .i-video-title .more{position: inherit;bottom: inherit;right: inherit;}
    .i-video .i-video-title .more a{margin: 0 auto;}
}

/** 內頁banner **/
.inside-banner{background-position: center center;background-repeat: no-repeat;background-size: cover; padding:calc(7% + 100px) 15px 7% 15px;}
.inside-banner .banner-title{max-width:1400px; font-size:18px; color:#ffffff; margin:0 auto; padding:0;position: relative;z-index: 1;text-align: center;text-shadow: 1px 1px 4px rgba(0,0,0,1);}
.inside-banner .banner-title:after{content: "";display: block;width: 180px; height: 180px;background: rgba(0,0,0,.6);position: absolute;top: calc(50% - 90px);left: calc(50% - 90px);border-radius: 200px;backdrop-filter: blur(3px);z-index: -2;}
.inside-banner .banner-title .banner-title-ch{padding: 0;margin: 0 0 0 10px;line-height: 1.4;font-size: 4rem;font-weight: 500;letter-spacing: 12px;}
.inside-banner .banner-title .banner-title-en{padding: 0;margin: 0;line-height: 1.6;font-size: 1.6rem;font-weight: 400;letter-spacing: 2px;text-transform: uppercase;}
.inside-banner .banner-title:before{content: "";display: block;position: absolute;top: calc(50% - 90px);left: calc(50% - 90px);offset-path:path("M90,1c49.1,0,89,39.9,89,89s-39.9,89-89,89S1,139.1,1,90S40.9,1,90,1 M90,0C40.3,0,0,40.3,0,90s40.3,90,90,90s90-40.3,90-90S139.7,0,90,0L90,0z");animation: moving linear 10s infinite normal;width: 8px; height: 8px;background: #b52a25;border-radius: 10px;z-index: -1; }
@keyframes moving {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}
@media screen and (max-width:1200px){
    .inside-banner{padding:calc(7% + 60px) 15px 7% 15px;}
    .inside-banner .banner-title:after{width: 150px; height: 150px;top: calc(50% - 75px);left: calc(50% - 75px);}
	.inside-banner .banner-title .banner-title-ch{margin: 0 0 0 5px;font-size: 3.6rem;letter-spacing: 6px;}
    .inside-banner .banner-title .banner-title-en{font-size: 1.4rem;letter-spacing: 1px;}
    .inside-banner .banner-title:before{top: calc(50% - 75px);left: calc(50% - 75px);offset-path:path("M75,1c40.8,0,74,33.2,74,74s-33.2,74-74,74S1,115.8,1,75S34.2,1,75,1 M75,0C33.6,0,0,33.6,0,75s33.6,75,75,75s75-33.6,75-75S116.4,0,75,0L75,0z");}
}
@media screen and (max-width:1024px){
    .inside-banner{padding:calc(70px + 60px) 15px 70px 15px;}
}
@media screen and (max-width:575px){
    .inside-banner{padding:calc(40px + 60px) 15px 40px 15px;}
    .inside-banner .banner-title:after{width: 120px; height: 120px;top: calc(50% - 60px);left: calc(50% - 60px);background: rgba(0,0,0,.4);backdrop-filter: blur(0px);}
    .inside-banner .banner-title:before{top: calc(50% - 60px);left: calc(50% - 60px);offset-path:path("M60,120.5C26.6,120.5-0.5,93.4-0.5,60S26.6-0.5,60-0.5s60.5,27.1,60.5,60.5S93.4,120.5,60,120.5z M60,0.5C27.2,0.5,0.5,27.2,0.5,60s26.7,59.5,59.5,59.5s59.5-26.7,59.5-59.5S92.8,0.5,60,0.5z");}
}

/** Breadcrumb **/
nav[aria-label="breadcrumb"]{margin: 0;padding:8px 15px;border-bottom: 1px #dddddd solid;font-size: 1.3rem;background: #f3f3f3;}
.breadcrumb{display:flex; flex-wrap:wrap; width:100%;margin:0; padding:0; list-style:none; background-color:transparent; border-radius:0.25rem;justify-content: flex-end;}
.breadcrumb-item{padding-left:0;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#666666; content:" - ";}
.breadcrumb-item a{ text-decoration:none; color:#666666;}
.breadcrumb-item a:hover{color:#b52a25; text-decoration:none;}
.breadcrumb-item.active{ color:#666666; }

/** 內頁架構 **/
.content-body-main{padding: 40px 15px;background: url("../images/c_bg.png")no-repeat center center fixed;background-size: cover;}
.content-body{max-width:1400px; margin:0 auto;padding: 10px 0;}
.page-title{font-size:2.8rem; color:#222222; padding:0 0 0 25px; margin:0 0 25px 0;position: relative;line-height: 1.6;font-weight: 500;}
.page-title:before{content: "";display: block;width: 14px;height: 34px;background: #222222;position: absolute;top: 4px;left: 0;}
.page-title02{padding: 10px 20px 10px 56px; background: rgba(252, 232, 231, .6);font-size:2.2rem; color:#222222; margin:0 0 20px 0;line-height: 1.6;font-weight: 500;position: relative;}
.page-title02:before{content: "";display: block;width: 36px; height: 1px ;background: #b52a25;position: absolute;top: 26px;left: 0;}
.page-main{color:#444444;font-weight: 300;}
.page-main a{color:#444444;}
.page-main a:hover{color:#b52a25;}
.video{position: relative;padding-bottom: 53.42%;padding-top: 30px;height: 0;overflow: hidden;margin: 20px 0;}
.video iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.font001{font-size: 2.2rem;color: #222222;font-weight: 400;padding: 0 0 10px 0;margin:25px 0 20px 0;position: relative;}
.font001:before{content: "";display: block;width: 40px;height: 1px;background: #b52a25;position: absolute;bottom: 0; left:0;}
.font002{font-size: 2rem;color: #b52a25;font-weight: 400;position: relative;padding: 0 0 0 23px;margin:15px 0 10px 0;}
.font002:before{content: "";display: block; width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #b52a25;position: absolute;top: 12px;left: 6px;}
.font003{font-size: 2rem;color: #ffffff; background: #b52a25;font-weight: 400;padding: 3px 23px;margin:25px 0 10px 0;border-radius: 0 50px 50px 0; display: table;position: relative;z-index: 1;}
.font004{background: rgba(252, 232, 231, .6);padding:35px 15px 15px 15px;margin: -30px 0 0 0;}
@media screen and (max-width:1200px){
    .content-body{padding:0;}
    .page-title{font-size:2.4rem;  padding:0 0 0 22px; margin:0 0 20px 0;}
    .page-title:before{width: 10px;height: 30px;}
    .page-title02{font-size:2rem; padding: 10px 20px 10px 50px;}
    .page-title02:before{width: 30px;}
    .font001{font-size: 2rem;}
    .font002{font-size: 1.9rem;}
    .font002:before{top: 11px;}
    .font003{font-size: 1.9rem;}
}
@media screen and (max-width:1024px){
    .content-body-main{padding: 30px 15px;}
}

/** 左邊分類 **/
.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{}
.in-left-menu>ul{margin:0; padding:0; list-style:none;}
.in-left-menu>ul>li{border-bottom:1px #fff solid;  color:#666; padding:0;}
.in-left-menu>ul>li>a{background:#f4f8fb; color:#333; border-left:3px #5f5f5f solid; display:block; padding:10px 15px; }
.in-left-menu>ul>li>a:hover{background-color:#e9ecef; border-left:3px #111111 solid;}
.in-left-menu>ul>li>.current{}
.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;font-size:1.7rem;}
.in-left-menu>ul>li ul li a{ color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743D;}
.in-top-menu-main{padding:0 15px; margin:0;border-bottom: 1px #dddddd solid;}
.in-top-menu{max-width: 1400px;margin: 0 auto;}
.in-top-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center;position: relative;}
.in-top-menu>ul>li{width: calc(100%/4);margin:0; color:#222222; padding:0;text-align: center;position: relative;}
.in-top-menu>ul>li:before{content: "";display: block;width: 1px; height: 30px; background: #dddddd;position: absolute;right: 0;top: calc(50% - 15px);}
.in-top-menu>ul>li:nth-child(5n):before{display: none;}
.in-top-menu>ul>li:last-of-type:before{display: none;}
.in-top-menu>ul>li:after{content: "";display: block;width: 0px; height: 3px;border-radius: 10px; background: #b52a25;position: absolute;left: calc(50% - 0px);bottom: -2px;transition: all 0.5s ease 0s;}
.in-top-menu>ul>li:hover:after{width: 50px;left: calc(50% - 25px);transition: all 0.5s ease 0s;}
.in-top-menu>ul>li>a{ color:#222222;  display:block; padding:70px 15px 30px 15px ;position: relative;}
.in-top-menu>ul>li>a:before{content: "";display: block;width: 5px; height: 5px; border-radius: 10px; background: #222222;position: absolute;top: 40px;left: calc(50% - 2px);transition: all 0.5s ease 0s;}
.in-top-menu>ul>li>a:after{content: "";display: block;width: 0px; height: 0px; border-radius: 10px; background: #b52a25;position: absolute;top: 20px;left: calc(50% - 0px);transition: all 0.5s ease 0s;}
.in-top-menu>ul>li>a:hover:not(.current){color: #b52a25;}
.in-top-menu>ul>li>a:hover:not(.current):before{width: 0px; height: 0px;top:20px;left: calc(50% - 0px);transition: all 0.5s ease 0s;}
.in-top-menu>ul>li>a:hover:not(.current):after{width: 5px; height: 5px;top: 40px;left: calc(50% - 2px);transition: all 0.5s ease 0s;}
.in-top-menu>ul>li>.current{position: relative;color: #b52a25;background: rgba(252,232,231,.5);}
.in-top-menu>ul>li>.current:before{content: "";display: block;width: 5px; height: 5px; border-radius: 10px; background: #b52a25;position: absolute;top: 40px;left: calc(50% - 2px);}
.in-top-menu>ul>li>.current:after{content: "";display: block;width: 50px; height: 3px; background: #b52a25;position: absolute;left: calc(50% - 25px);bottom: -2px;top: inherit;transition: all 0.5s ease 0s;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:991px){
	.classBox{padding:0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #b52a25;}
	.m_classLink a.main{display:block; background:none;color:#222222; position:relative; padding:10px 67.39px 10px 15px;}
	.m_classLink a.main i{display:block; font-size:16px; background:#b52a25; width:52.39px; height:100%; text-align:center; color:#FFF; line-height:52.39px; position:absolute; right:0; top:0;}
	.m_classLink a.main b{font-weight: 500;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #b52a25; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:10px 15px; border-top:1px solid #b52a25; color:#222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#f3f3f3;}
	.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 #b52a25; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
    .in-top-menu-main{padding: 30px 15px; }
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 關於我們 **/
.about{display: flex;flex-direction: row-reverse;}
.about .about-content{flex: 1.4;}
.about .about-content .about-name{display: flex;justify-content: flex-end;}
.about .about-content .about-name img{border-radius: 5px;}
.about .about-photo{flex: 1;margin: 0 0 0 6%;border-radius: 5px;overflow: hidden;}
.about .about-photo img{object-fit: cover;object-position: center center;width: 100%;height: 100%;}
@media screen and (max-width:1200px){
	.about .about-photo{margin: 0 0 0 30px;}
}
@media screen and (max-width:1024px){
    .about{display:block;}
    .about .about-content{flex:initial;width: 100%;}
	.about .about-photo{flex:initial;width: 100%;margin:0 0 20px 0;}
}

/** 組織團隊 **/
.organize{font-size: 1.6rem;}
.organize>ul{list-style: none;padding: 0;margin: 0;}
.organize>ul>li{width: 100%;padding: 0;margin: 0;display: flex;flex-wrap: wrap;border-bottom: 1px #dddddd solid;background: #ffffff;}
.organize>ul>li:nth-child(odd){background: #f3f3f3;}
.organize>ul>li:first-of-type{background: #222222;color: #ffffff;}
.organize>ul>li .organize-field01{flex: 1.5;padding: 15px 10px;display: flex;}
.organize>ul>li .organize-field02{flex: 1;padding: 15px 10px;text-align: center;display: flex;justify-content: center;}
.organize>ul>li .organize-field-title{display: none;}
.organize>ul>li:first-of-type .organize-field-title{display: block;}
.organize>ul>li .organize-field-content{}
.organize>ul>li .organize-field-content a{display: inline-block;color: #444444;}
.organize>ul>li .organize-field-content a:hover{color: #b52a25;}
@media screen and (max-width:1024px){
    .organize>ul>li{display: block;margin: 10px 0;}
    .organize>ul>li:nth-child(odd){background: #ffffff;}
    .organize>ul>li:first-of-type{display: none;}
    .organize>ul>li .organize-field01{flex: initial;width: 100%; padding: 0;border-bottom: 1px #dddddd dashed;}
    .organize>ul>li .organize-field01:last-child{border-bottom:0;}
    .organize>ul>li .organize-field02{flex: initial;width: 100%; padding: 0;text-align: left;border-bottom: 1px #dddddd dashed;}
    .organize>ul>li .organize-field-title{display:flex;align-items: center;justify-content: center;width: 100px;padding: 10px 15px;background: #222222;color: #ffffff;text-align: center;}
    .organize>ul>li .organize-field-content{flex: 1;padding: 10px 15px;}
}

/** 營業據點 **/
.locations-main{position: relative;}
.locations{position: relative;}
.locations .locations-map{padding: 0 27% ;}
.locations .locations-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.locations .locations-content .locations-info{position: absolute;}
.locations .locations-content .locations-info.position01{top: 7%;left: 68%;}
.locations .locations-content .locations-info.position02{top: 3.2%;left: 67.4%;}
.locations .locations-content .locations-info.position03{top: 27%;left: 49%;}
.locations .locations-content .locations-info.position04{top: 37%;left: 46.5%;}
.locations .locations-content .locations-info.position05{top: 76%;left: 44.8%;}
.locations .locations-content .locations-info.position06{top: 73%;left: 43.5%;}
.locations .locations-content .locations-info .locations-title{font-size: 1.041669vw;font-weight: 500;position: relative;padding: 0 0 0 1.3vw;transform: scale(1);transition: all 0.1s ease 0s;}
.locations .locations-content .locations-info .locations-title:before{content: "";display: block;width: .8vw;height: .8vw;border-radius: 1vw;background: #b52a25;border: 2px #ffffff solid;box-shadow: 0 0 0 1px #b52a25;position: absolute;top: .55vw;left: 0;}
.locations .locations-content .locations-info:hover .locations-title{transform: scale(1.2);transition: all 0.1s ease 0s;}
.locations-dep-main{width: 40%;height: auto;position:absolute;top: 0;left: 0;}
.locations-dep-main .locations-dep{width:100%;min-width: 400px; display: none;font-size: 1.8rem;color: #444444;background: rgba(255,255,255,1);border: 1px #dddddd solid;box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);padding:20px;position:absolute;top:0;left:0; z-index: 1;}
.locations-dep-main .locations-dep .locations-dep-title{color: #b52a25;padding: 0 0 10px 0;margin: 0 0 15px 0; font-size: 2rem;font-weight: 500;position: relative;}
.locations-dep-main .locations-dep .locations-dep-title:after{content: "";display: block;width: 42px; height: 3px;background: #b52a25;position: absolute;bottom: 0;left: 0;}
.locations-dep-main .locations-dep .locations-dep-contact{margin:0;font-size: 1.8rem;color: #444444;}
.locations-dep-main .locations-dep .locations-dep-contact>ul{list-style: none;padding: 0;margin: 0;}
.locations-dep-main .locations-dep .locations-dep-contact>ul>li{padding: 0;margin:8px 0;display: flex;}
.locations-dep-main .locations-dep .locations-dep-contact>ul>li .locations-dep-contact-icon{width: 36px;height: 36px; padding: 8px; margin: 0 10px 0 0;background: #ffffff;border: 1px #444444 solid;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.locations-dep-main .locations-dep .locations-dep-contact>ul>li .locations-dep-contact-content{flex: 1;}
.locations-dep-main .locations-dep .locations-dep-business{font-size: 1.6rem;color: #222222;margin: 15px 0 0 0;padding: 10px 0 0 0;border-top: 1px #dddddd dashed;}
.locations-dep-main .locations-dep.show{display: block;}
@media screen and (max-width:1024px){
    .locations .locations-map{padding: 0 20% ;}
    .locations .locations-content .locations-info.position01{top: 7%;left: 74%;}
    .locations .locations-content .locations-info.position02{top: 3.2%;left:73%;}
    .locations .locations-content .locations-info.position03{top: 27%;left: 48.5%;}
    .locations .locations-content .locations-info.position04{top: 37%;left: 46%;}
    .locations .locations-content .locations-info.position05{top: 76%;left: 43.2%;}
    .locations .locations-content .locations-info.position06{top: 73%;left: 41.5%;}
    .locations .locations-content .locations-info .locations-title{font-size: 1.75781vw;padding: 0 0 0 2vw;}
    .locations .locations-content .locations-info .locations-title:before{width: 1.2vw;height: 1.2vw;border-radius: 2vw;top: .9vw;}
    .locations-dep-main{position: inherit;top: inherit; left: inherit;margin:30px 0 0 0;width: 100%;}
    .locations-dep-main .locations-dep{display: block;position: inherit;top: inherit;left: inherit;width:100%;min-width:inherit;border: 0;box-shadow: 0 0 0 0 rgba(0,0,0,0);background: none;border-bottom: 1px #dddddd solid;padding: 15px;}
    .locations-dep-main .locations-dep .locations-dep-title{font-size: 1.8rem;}
    .locations-dep-main .locations-dep .locations-dep-title:after{width: 38px; }
}
@media screen and (max-width:575px){
    .locations .locations-map{padding: 0 12% ;}
    .locations .locations-content .locations-info.position01{top: 7%;left: 80%;}
    .locations .locations-content .locations-info.position02{top: 3.2%;left:78.8%;}
    .locations .locations-content .locations-info.position03{top: 27%;left: 48%;}
    .locations .locations-content .locations-info.position04{top: 37%;left: 44.5%;}
    .locations .locations-content .locations-info.position05{top: 76%;left: 41.5%;}
    .locations .locations-content .locations-info.position06{top: 73%;left: 39.5%;}
    .locations .locations-content .locations-info .locations-title{font-size: 2.7826vw;padding: 0 0 0 3vw;letter-spacing: 0px;}
    .locations .locations-content .locations-info .locations-title:before{width: 2vw;height: 2vw;border-radius: 4vw;top: 1.4vw;}
    .locations-dep-main .locations-dep{padding: 15px 0;}
}

/** 歷史沿革 **/
.history{}
.history .history-title{color: #b52a25;font-weight: 600;font-size: 2.6rem;text-align: center;margin: 0 0 10px 0;position: relative;z-index: 1;}
.history .history-title:after{content: "";display: block;width: 100%;height: 1px; background:#b52a25;position: absolute;bottom: -34px;left: 0;z-index: -1;}
.history .history-interval{background: #b52a25;color: #ffffff;font-weight: 500;font-size: 2rem;display: table;padding: 5px 15px;border-radius: 5px;margin: 0 auto 20px auto;position: relative;z-index: 1;}
.history>ul{list-style: none;padding: 0;margin: 0 0 30px 0;display: flex;flex-wrap: wrap;}
.history>ul>li{padding: 0;margin: 15px; width: calc(100%/2 - 30px);display: flex;}
.history>ul>li .history-year{color: #b52a25;width: 70px;margin: 0 10px 0 0;}
.history>ul>li .history-year span{font-size: 1.4rem;}
.history>ul>li .history-content{flex: 1;}
.history>ul>li .history-content>ul{list-style: none;padding: 0;margin: 0;}
.history>ul>li .history-content>ul>li{padding: 0 0 0 15px;margin: 0;position: relative;}
.history>ul>li .history-content>ul>li:before{content: "";display: block;width: 4px;height: 4px;background: #b52a25;position: absolute;top: 12px;left: 0;}
@media screen and (max-width:1200px){
    .history .history-title{font-size: 2.2rem;margin: 0 0 5px 0;}
    .history .history-title:after{bottom: -27px;}
    .history .history-interval{font-size: 1.8rem;}
}
@media screen and (max-width:767px){
    .history>ul{margin: 0 0 20px 0;}
    .history>ul>li{margin: 5px 0; width: calc(100%/1);}
}

/** 最新消息 **/
.news{}
.news>ul{list-style:none; padding:0; margin:0;display: flex;flex-wrap: wrap;}
.news>ul>li{padding:0;margin: 15px;width: calc(100%/3 - 30px);}
.news>ul>li a{color:#333; display:flex;align-items: flex-start; background: rgba(255,255,255,.4); padding:25px 20px 90px 20px;position: relative;overflow: hidden;height: 100%;box-shadow: 0 0 0 1px rgba(0,0,0,.1);border-radius: 5px;}
.news>ul>li a:hover{background: rgba(255,255,255,.8); box-shadow: 0 0 15px 0 rgba(0,0,0,.2);border-radius: 30px;}
.news>ul>li .news-icon{font-family: "Titillium Web", serif;background: #b52a25;padding: 1px 5px;margin: 0 15px 0 0; border-radius: 50px 50px 0 50px;font-style: italic;font-size: 1.4rem;text-transform: uppercase;color: #ffffff;width: 67px; height: 29px;display: flex;align-items: center;justify-content: center;letter-spacing: 2px;}
.news>ul>li .news-content {flex: 1;}
.news>ul>li .news-content h3{padding: 0;margin:1px 0 15px 0;line-height: 1.6;color: #222222;font-size: 1.8rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news>ul>li .news-content .news-info{font-size: 1.6rem;color: #666666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news>ul>li .news-more{font-size: 1.4rem;color: #666666;position: absolute;bottom: 25px;right: 20px;text-transform: uppercase;display: flex;align-items: center;transition: all 0.5s ease 0s;}
.news>ul>li .news-more i{padding: 10px;width: 40px; height: 40px;display: flex;align-items: center;justify-content: center;margin: 0 0 0 6px;position: relative;z-index: 1;}
.news>ul>li .news-more i:after{content: "";display: block;width: 0;height: 0;background:rgba(181,42,37,0);z-index: -1;position: absolute;top: calc(50% - 0%);left: calc(50% - 0%);border-radius: 40px;transition: all 0.5s ease 0s;}
.news>ul>li .news-more i img{width: 20px;transition: all 0.5s ease 0s;}
.news>ul>li:hover .news-more{color: #b52a25;transition: all 0.5s ease 0s;}
.news>ul>li:hover .news-more i:after{width: 100%;height: 100%;background:rgba(181,42,37,1);top: calc(50% - 50%);left: calc(50% - 50%);transition: all 0.5s ease 0s;}
.news>ul>li:hover .news-more i img{filter: brightness(100);transition: all 0.5s ease 0s;}
@media screen and (max-width:1200px){
	.news>ul>li{margin: 10px;width: calc(100%/3 - 20px);}
    .news>ul>li a{padding:20px 15px 85px 15px;display: block;}
    .news>ul>li .news-icon{margin: 0 0 10px 0;}
    .news>ul>li .news-content {flex:initial;width: 100%;}
    .news>ul>li .news-content h3{margin:0 0 10px 0;}
    .news>ul>li .news-more{font-size: 1.3rem;bottom: 20px;right: 15px;}
}
@media screen and (max-width:1024px){
    .news>ul>li{width: calc(100%/2 - 20px);}
    .news>ul>li a{padding:20px 15px 75px 15px;display: flex;}
    .news>ul>li .news-icon{margin: 0 10px 0 0;}
    .news>ul>li .news-content {flex:1;width: auto;}
    .news>ul>li .news-content h3{margin:1px 0 15px 0;}
}
@media screen and (max-width:767px){
    .news>ul>li a{display: block;}
    .news>ul>li .news-icon{margin: 0 0 10px 0;}
    .news>ul>li .news-content {flex:initial;width: 100%;}
    .news>ul>li .news-content h3{margin:0 0 10px 0;}
}
@media screen and (max-width:575px){
    .news>ul>li{width: calc(100%/1 - 0px);margin: 10px 0;}
    .news>ul>li a{display: flex;}
    .news>ul>li .news-icon{margin: 0 10px 0 0;}
    .news>ul>li .news-content {flex:1;width: auto;}
    .news>ul>li .news-content h3{margin:1px 0 15px 0;}
}

/** 最新消息內頁 **/
.news-detail{display: flex;}
.news-detail .news-detail-content{flex: 2.5;padding: 25px 0;}
.news-detail .news-detail-photo{flex: 1;margin: 0 30px 0 0;}
.news-detail-photo-list{}
.news-detail-photo-list>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.news-detail-photo-list>ul>li{padding: 0;margin: 10px;width: calc(100%/4 - 20px);text-align: center;}
@media screen and (max-width:1024px){
    .news-detail .news-detail-content{flex: 1.5;}
    .news-detail-photo-list>ul>li{width: calc(100%/2 - 20px);}
}
@media screen and (max-width:767px){
    .news-detail{display: block;}
    .news-detail .news-detail-content{flex:initial;width: 100%; padding:0;}
    .news-detail .news-detail-photo{flex:initial;width: 100%;margin:0 0 20px 0 ;}
    .news-detail-photo-list>ul>li{margin: 5px;width: calc(100%/2 - 10px);}
}

/** 利害關係人 **/
.contact-person{}
.contact-person>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact-person>ul>li{padding: 0 0 0 30px;margin: 15px;width: calc(100%/2 - 30px);position: relative;}
.contact-person>ul>li:before{content: "";display: block;width: 4px; height: 4px;background: #222222;position: absolute;top: 13px;left: 14px;border-radius: 5px;}
.contact-person>ul>li span{font-weight: 500;color: #222222;}
@media screen and (max-width:1024px){
    .contact-person>ul>li{padding: 0 0 0 24px;margin: 5px 0;width:100%;}
    .contact-person>ul>li:before{left: 8px;}
}

/** 企業永續 **/
.sustainable{}
.sustainable>ul{list-style: none;max-width: 1150px; padding: 0;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.sustainable>ul>li{padding: 0;margin:0 5%;width: calc(100%/2 - 10%);}
@media screen and (max-width:767px){
    .sustainable>ul>li{margin:0 15px;width: calc(100%/2 - 30px);}
}
@media screen and (max-width:575px){
    .sustainable>ul>li{margin:10px auto;width: calc(100%/1);max-width: 300px;}
}

/** 檔案下載 **/
.download-color{position: relative;z-index: 1;margin: 40px 0 -50px 0;padding: 40px 0;}
.download-color:after{content: "";display: block;width: 300%;height: 100%;position: absolute;top: 0;left: -100%;background: rgba(252,232,231,.5);z-index: -1;}
.download{}
.download>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.download>ul>li{margin: 10px;width: calc(100%/3 - 20px);font-size: 1.6rem;display: flex;padding: 15px;background: rgba(255,255,255,.8);box-shadow: 0 0 0 1px rgba(0,0,0,.1);border-radius: 5px;overflow: hidden; position: relative;}
.download>ul>li:before{content: "";display: block;width: 10px; height: 100%;background: #b52a25;position: absolute;top: 0; left:0;}
.download>ul>li .download-btn{min-width: 50px; width: 50px;height: 50px;padding: 0; margin: 0 ;}
.download>ul>li .download-btn a{width: 50px;height: 50px;padding: 12px; margin: 0 ;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.download>ul>li .download-btn a img{filter: brightness(1);transition: all 0.5s ease 0s;}
.download>ul>li .download-btn a:after{content: "";display: block;width: 0%;height: 0%;background: #b52a25;border-radius: 50px;position: absolute;top: calc(50% - 0px);left: calc(50% - 0px);z-index: -1;transition: all 0.5s ease 0s;}
.download>ul>li .download-btn a:hover img{filter: brightness(100);transition: all 0.5s ease 0s;}
.download>ul>li .download-btn a:hover:after{width: 100%;height: 100%;top: calc(50% - 50%);left: calc(50% - 50%);transition: all 0.5s ease 0s;}
.download>ul>li .download-year{width: 64px;color: #b52a25;padding: 10.6px 0 10.6px 10.6px;font-weight: 500;}
.download>ul>li .download-title{flex: 1; color: #222222;padding: 10.6px;margin: 0;font-weight: 400;}
@media screen and (max-width:1200px){
    .download-color{margin: 40px 0 -40px 0;}
}
@media screen and (max-width:1024px){
    .download-color{margin: 30px 0 -30px 0;padding: 30px 0;}
    .download>ul>li{width: calc(100%/2 - 20px);padding:10px;}
}
@media screen and (max-width:767px){
    .download>ul>li{width: calc(100%/1 - 0px);margin: 10px 0;}
}

/** 暗窗 **/
.well{width: 100%;height:auto;padding: 20px; max-width: 1280px;margin: 0 auto;display: flex;justify-content: center;align-content: center;position: relative;}
.youtube {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.youtube iframe {background: #f3f3f3;color: #222222;position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.youtube-close{border: 0;font-size: 20px;width: 40px; height: 40px; border-radius: 50px;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;}
.youtube-close:hover{background: #b52a25;color: #ffffff;}

/** 貨櫃內陸運輸 **/
.business-inland{display: flex;}
.business-inland .business-inland-content{flex: 1;margin:0 20px 0 0;}
.business-inland .business-inland-photo{flex: 1.2;position: relative;font-size: 1vw;height: 100%;z-index: 1;}
.business-inland .business-inland-photo:before{content: "";display: block;width: 90%;height: 90%;border-radius: 100%;position: absolute;top: calc(50% - 45%);left: calc(50% - 45%);z-index: -1;border-width: 0.5rem;border-style: solid;border-color: transparent;background-image: linear-gradient(white, white), linear-gradient(to right, #ffffff, #cccccc, #f1f1f1);background-clip: padding-box, border-box;background-origin: padding-box, border-box;}
.business-inland .business-inland-photo:after{content: "";display: block;width: 70%;height: 70%;border-radius: 100%;position: absolute;top: calc(50% - 35%);left: calc(50% - 35%);z-index: -1;border-width: 0.5rem;border-style: solid;border-color: transparent;background-image: linear-gradient(white, white), linear-gradient(to right, #cccccc, #f1f1f1, #ffffff);background-clip: padding-box, border-box;background-origin: padding-box, border-box;}
.business-inland .business-inland-photo .business-inland-map{}
.business-inland .business-inland-photo .business-inland-map-font{background: rgba(255,255,255,.8); font-size:100%;color: #b52a25;font-weight: 400;position: relative;padding:.6vw 1vw .6vw 1.4vw;border-radius: 5px;box-shadow: 0 0 15px 0 rgba(0,0,0,.2);}
.business-inland .business-inland-photo .business-inland-map-font:before{content: "";display: block;width: 3px; height: 44%; background: #b52a25;position: absolute;top:0;left: .6vw;}
.business-inland .business-inland-photo .business-inland-map-font span{font-size:124%;font-weight: 600;display: block;width: 100%;}
.business-inland .business-inland-photo .business-inland-map-font001{position: absolute;top: 0;left:73%;transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);}
.business-inland .business-inland-photo .business-inland-map-font002{position: absolute;top: 3%;right:44%;transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);}
.business-inland .business-inland-photo .business-inland-map-font003{position: absolute;top: 23%;right: 68%;transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);}
.business-inland .business-inland-photo .business-inland-map-font004{position: absolute;bottom: 23%;right: 73%;transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);}
@keyframes business-inland-photo-before
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-moz-keyframes business-inland-photo-before /* Firefox */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-webkit-keyframes business-inland-photo-before /* Safari 和 Chrome */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-o-keyframes business-inland-photo-before /* Opera */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.business-inland .business-inland-photo:before{
animation: business-inland-photo-before linear 8s infinite;
-moz-animation: business-inland-photo-before linear 8s infinite;	/* Firefox */
-webkit-animation: business-inland-photo-before linear 8s infinite;	/* Safari 和 Chrome */
-o-animation: business-inland-photo-before linear 8s infinite;	/* Opera */
}
@keyframes business-inland-photo-after
{
0% {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-moz-keyframes business-inland-photo-after /* Firefox */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes business-inland-photo-after /* Safari 和 Chrome */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-o-keyframes business-inland-photo-after /* Opera */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.business-inland .business-inland-photo:after{
animation: business-inland-photo-after linear 8s infinite;
-moz-animation: business-inland-photo-after linear 8s infinite;	/* Firefox */
-webkit-animation: business-inland-photo-after linear 8s infinite;	/* Safari 和 Chrome */
-o-animation: business-inland-photo-after linear 8s infinite;	/* Opera */
}
@keyframes business-inland-map-font001
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
@-moz-keyframes business-inland-map-font001 /* Firefox */
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
@-webkit-keyframes business-inland-map-font001 /* Safari 和 Chrome */
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
@-o-keyframes business-inland-map-font001 /* Opera */
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
.business-inland-map-font001{
    transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);
    animation-name: business-inland-map-font001;
    animation-duration: 5.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate

}
@keyframes business-inland-map-font002
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
@-moz-keyframes business-inland-map-font002 /* Firefox */
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
@-webkit-keyframes business-inland-map-font002 /* Safari 和 Chrome */
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
@-o-keyframes business-inland-map-font002 /* Opera */
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
.business-inland-map-font002{
    transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);
    animation-delay: -28s;
    animation-name: business-inland-map-font002;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate

}
@keyframes business-inland-map-font003
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
@-moz-keyframes business-inland-map-font003 /* Firefox */
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
@-webkit-keyframes business-inland-map-font003 /* Safari 和 Chrome */
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
@-o-keyframes business-inland-map-font003 /* Opera */
{
to {
    transform: translate3d(10px,20px,0) rotate3d(0,0,1,10deg)
    }
}
.business-inland-map-font003{
    transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);
    animation-delay: -36s;
    animation-name: business-inland-map-font003;
    animation-duration: 5.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate

}
@keyframes business-inland-map-font004
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
@-moz-keyframes business-inland-map-font004 /* Firefox */
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
@-webkit-keyframes business-inland-map-font004 /* Safari 和 Chrome */
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
@-o-keyframes business-inland-map-font004 /* Opera */
{
to {
    transform: translate3d(-20px,-10px,0) rotate3d(0,0,1,-10deg)
    }
}
.business-inland-map-font004{
    transform: translate3d(0px,0px,0px) rotate3d(0,0,1,0deg);
    animation-name: business-inland-map-font004;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate

}
@media screen and (max-width:1024px){
    .business-inland{display: block;}
    .business-inland .business-inland-content{flex: initial;width: 100%;margin: 0 0 30px 0;}
    .business-inland .business-inland-photo{flex:initial;width: 100%;max-width: 800px;margin: 0 auto;font-size: 2vw;}
    .business-inland .business-inland-photo .business-inland-map-font{padding:.6vw 2.2vw .6vw 2.8vw;}
    .business-inland .business-inland-photo .business-inland-map-font:before{left: 1.2vw;}
    .business-inland .business-inland-photo .business-inland-map-font span{font-size:130%;}
}
@media screen and (max-width:575px){
    .business-inland .business-inland-photo{font-size:2.5vw;}
    .business-inland .business-inland-photo .business-inland-map-font{padding:1vw 2.4vw 1vw 3.6vw;}
    .business-inland .business-inland-photo .business-inland-map-font:before{left: 1.5vw;}
    .business-inland .business-inland-photo .business-inland-map-font span{font-size:130%;}
}

/** 重機件陸運及吊裝edm輪播 **/
.business-edm-main{margin: -40px -15px 10px -15px;}
.business-edm{position: relative;}
.business-edm img{width: 100%;}
.business-edm-content{position: relative;}
.business-edm-photo{}
.business-edm-font{position: absolute;bottom: 3vw;right: 4vw;width:auto;height:auto;z-index: 2;color: #ffffff;padding:3vw 2vw;font-weight:700;font-size: 4vw;letter-spacing: 6px;line-height: 1.5;text-shadow: 1px 1px 10px rgba(0,0,0,.5);}
.business-edm-font .business-edm-font01{display:block;position: relative;z-index: 2;}
@media screen and (max-width:1024px){
    .business-edm-main{margin: -30px -15px 20px -15px;}
	.business-edm-font{letter-spacing: 4px;padding:3vw 2vw;}
    .business-edm-font:before{width: 15vw;height: 15vw;top: calc(40% - 7.5vw);left: calc(35% - 7.5vw);}
    .business-edm-font:after{width: 15vw;height: 15vw;bottom: calc(40% - 7.5vw);right: calc(35% - 7.5vw);}
}
@media screen and (max-width:767px){
    .business-edm-main{margin: -30px -15px 30px -15px;}
	.business-edm-font{font-size: 5vw;letter-spacing: 2px;padding:3vw 2vw;}
    .business-edm-font:before{width: 19vw;height: 20vw;top: calc(40% - 9.5vw);left: calc(35% - 9.5vw);}
    .business-edm-font:after{width: 19vw;height: 19vw;bottom: calc(40% - 9.5vw);right: calc(35% - 9.5vw);}
}

/** 重機件運輸 **/
.business03-photo{display: flex;flex-wrap: wrap;margin: 0 0 16px 0;}
.business03-photo>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap:wrap;width: 100%;}
.business03-photo>ul>li{padding: 0;margin:15px;display: block;width: calc(100%/3 - 30px);}
.business-video{margin: 0;}
.business-video video{object-fit: contain;object-position: center;width: 100%;height:100%;}
@media screen and (max-width:1024px){
    .business03-photo>ul>li{margin:10px;width: calc(100%/3 - 20px);}
    .business-video{margin: 0 -15px;}
}
@media screen and (max-width:767px){
    .business03-photo>ul>li{width: calc(100%/2 - 20px);}
}
@media screen and (max-width:575px){
    .business03-photo>ul>li{width: calc(100%/2 - 10px);margin: 5px;}
}

/** 重機件陸運及吊裝 **/
.business-heavy-main{position: relative;margin:5% 0;}
.business-heavy{position: relative;max-width: 720px;margin: 0 auto;padding:8%;border-radius: 2000px;z-index: 1;}
.business-heavy:after{content: "";display: block; width: 100%;height: 100%;border: 4px #999999 double;border-radius:2000px;position: absolute;top: 0;left: 0;z-index: -1;}
.business-heavy .business-heavy-title-photo{max-width: 600px;margin: 0 auto;position: relative;}
.business-heavy .business-heavy-title-photo:after{content: "";display: block;width: 100%;height: 100%;background: rgba(255,255,255,.75);border-radius: 600px;position: absolute;top: 0;left: 0;}
.business-heavy .business-heavy-title-photo img{border-radius: 1000px;}
.business-heavy .business-heavy-title-main{position: absolute; top: 50%;left:50%;transform: translateY(-50%) translateX(-50%); width:80%;height: 80%; display: flex;flex-wrap: wrap;justify-content: center;align-content: center; text-align: center;background: rgba(0,0,0,.0);padding: 20px;border-radius: 2000px;text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, 2px 2px 9px rgba(0,0,0,.5);color: #222222;}
.business-heavy .business-heavy-title-main .business-heavy-title-en{font-size: 2.4rem;width: 100%;font-weight: 400;text-transform: uppercase;line-height: 1.4;letter-spacing: 3px;}
.business-heavy .business-heavy-title-main .business-heavy-title{font-size: 6.5rem;font-weight: 700;width: 100%;line-height: 1.6;margin: 0;letter-spacing: 10px;}
.business-heavy-main .business-heavy-content{position: absolute; top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
.business-heavy-main .business-heavy-content .business-heavy-project{width: calc(100%/2 - 5px - 200px);margin: 5px 5px 5px 200px; }
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd){margin: 5px 200px 5px 5px;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(3){width: calc(100%/2 - 5px - 290px);margin: 5px 290px 5px 5px;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(4){width: calc(100%/2 - 5px - 290px);margin: 5px 5px 5px 290px; }
.business-heavy-main .business-heavy-content .business-heavy-project a{display: flex;align-items: center;height: 100%;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd) a{flex-direction: row-reverse;}
.business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-icon{width: 110px;height: 110px;margin:10px;padding: 20px;display: flex;align-items: center;justify-content: center;background: #b52a25;border-radius: 100px;position: relative;z-index: 1;box-shadow: 0 0 0 10px #ffffff;}
.business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-icon:after{content: "";display: block;width: calc(100% + 20px);height: calc(100% + 20px);border: 1px #999999 solid;border-radius:2000px;position: absolute;top: -10px;left: -10px;z-index: -1;}
.business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-content{flex: 1; color: #222222;font-size: 2.2rem;font-weight: 500;margin: 0 0 0 10px;line-height: 1.6;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd) .business-heavy-project-content{margin: 0 10px 0 0;text-align: right;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(1) .business-heavy-project-icon{background:#ec6a13 url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(2) .business-heavy-project-icon{background:#d6bd14 url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(3) .business-heavy-project-icon{background:#14ad35 url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(4) .business-heavy-project-icon{background:#19a1c7 url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(5) .business-heavy-project-icon{background:#2147bd url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(6) .business-heavy-project-icon{background:#611497 url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(1) .business-heavy-project-icon:after{border: 1px #ec6a13 dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(2) .business-heavy-project-icon:after{border: 1px #d6bd14 dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(3) .business-heavy-project-icon:after{border: 1px #14ad35 dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(4) .business-heavy-project-icon:after{border: 1px #19a1c7 dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(5) .business-heavy-project-icon:after{border: 1px #2147bd dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:nth-child(6) .business-heavy-project-icon:after{border: 1px #611497 dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:hover .business-heavy-project-icon{background: #b52a25 url("../images/business-logo-s.svg")no-repeat center center;}
.business-heavy-main .business-heavy-content .business-heavy-project:hover .business-heavy-project-icon:after{border: 1px #b52a25 dashed;}
.business-heavy-main .business-heavy-content .business-heavy-project:hover .business-heavy-project-content{color: #b52a25;}
@keyframes project-icon
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-moz-keyframes project-icon /* Firefox */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-webkit-keyframes project-icon /* Safari 和 Chrome */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-o-keyframes project-icon /* Opera */
{
0% {transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-icon:after{
animation: project-icon linear 10s infinite;
-moz-animation: project-icon linear 10s infinite;	/* Firefox */
-webkit-animation: project-icon linear 10s infinite;	/* Safari 和 Chrome */
-o-animation: project-icon linear 10s infinite;	/* Opera */
}
@media screen and (max-width:1024px){
    .business-heavy-main{margin:0px 0 30px 0;}
    .business-heavy{max-width: 400px;padding:4%;display: none;}
    .business-heavy:after{border: 0;}
    .business-heavy .business-heavy-title-main{padding: 0;}
    .business-heavy .business-heavy-title-main .business-heavy-title-en{letter-spacing: 2px;}
    .business-heavy .business-heavy-title-main .business-heavy-title{font-size: 6rem;letter-spacing: 6px;}
    .business-heavy-main .business-heavy-content{position:inherit; top: inherit;left:inherit;margin:0}
    .business-heavy-main .business-heavy-content .business-heavy-project{width: calc(100%/2 - 20px);margin:10px; }
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd){margin:10px;}
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(3){width: calc(100%/2 - 20px);margin:10px;}
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(4){width: calc(100%/2 - 20px);margin:10px; }
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd) a{flex-direction: row;}
    .business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-icon{width: 100px;height: 100px;}
    .business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-content{font-size: 2rem;margin: 0 0 0 15px;}
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd) .business-heavy-project-content{margin: 0 0 0 15px;text-align: left;}
}
@media screen and (max-width:575px){
    .business-heavy-main .business-heavy-content{margin: 20px 0 0 0}
    .business-heavy-main .business-heavy-content .business-heavy-project{width: calc(100%/1 - 0px);margin:5px 0; }
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(odd){margin:5px 0;}
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(3){width: calc(100%/1 - 0px);margin:5px 0;}
    .business-heavy-main .business-heavy-content .business-heavy-project:nth-child(4){width: calc(100%/1 - 0px);margin:5px 0; }
    .business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-icon{width: 90px;height: 90px;margin: 5px;}
    .business-heavy-main .business-heavy-content .business-heavy-project .business-heavy-project-icon:after{width: calc(100% + 10px);height: calc(100% + 10px);top: -5px;left: -5px;}
}
@media screen and (max-width:410px){
    .business-heavy .business-heavy-title-main .business-heavy-title-en{font-size: 2rem;}
    .business-heavy .business-heavy-title-main .business-heavy-title{font-size: 5.4rem;letter-spacing: 2px;}
}

/** 客戶LOGO **/
.client-main{}
.client{}
.client>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content:center;}
.client>ul>li{width: calc(100%/5 - 20px);margin: 10px ;padding: 0;border: 1px #dddddd solid;height: 130px;background: #ffffff;}
.client>ul>li img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
@media screen and (max-width:1024px){
    .client>ul>li{width: calc(100%/4 - 20px);height: 120px;}
}
@media screen and (max-width:767px){
    .client>ul>li{width: calc(100%/3 - 10px);margin: 5px;height: 110px;}
}
@media screen and (max-width:575px){
    .client>ul>li{width: calc(100%/2 - 10px);height: 100px;}
}

/** 重機服務項目內容 **/
.business-heavy-service{}
.business-heavy-service>ul{list-style: none;padding: 0;margin: 0;}
.business-heavy-service>ul>li{padding: 0;margin:5% 0;width:100%;display: flex;background:rgba(255,255,255,.8); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);border-radius: 30px;overflow: hidden;}
.business-heavy-service>ul>li:nth-child(even){flex-direction: row-reverse;}
.business-heavy-service>ul>li .business-heavy-service-photo{flex:3;overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.business-heavy-service>ul>li .business-heavy-service-photo img{width: 100%;height: 100%;object-fit:cover;object-position: center;opacity: 1; transform:scale(1);transition: all 0.5s ease 0s;}
.business-heavy-service>ul>li .business-heavy-service-content{flex: 1; padding: 5%;margin:0;position: relative;z-index: 1;}
.business-heavy-service>ul>li .business-heavy-service-content:before{content: "";display: block;width:40%;height: 3px;background: #b52a25; position: absolute;top: 0;left: -20%;transition: all 0.5s ease 0s;}
.business-heavy-service>ul>li .business-heavy-service-content:after{content: "";display: block;width:3vw;height: 3vw;background: #b52a25; position: absolute;bottom: 0;right: 0;border-radius: 100px 0 0 0; transition: all 0.5s ease 0s;}
.business-heavy-service>ul>li:nth-child(even) .business-heavy-service-content:before{left: inherit;right: -20%;}
.business-heavy-service>ul>li:nth-child(even) .business-heavy-service-content:after{right: inherit;left: 0; border-radius:0 100px 0 0;}
.business-heavy-service>ul>li:hover .business-heavy-service-photo img{opacity: .7; transform:scale(1.1);transition: all 0.5s ease 0s;}
.business-heavy-service>ul>li:hover .business-heavy-service-content:before{width:100%;left: 0; transition: all 0.5s ease 0s;}
.business-heavy-service>ul>li:hover .business-heavy-service-content:after{width:5vw;height: 5vw;transition: all 0.5s ease 0s;}
.business-heavy-service>ul>li:nth-child(even):hover .business-heavy-service-content:before{width:100%;left: inherit;right: 0;}
.btn-service{display: flex;justify-content: flex-end;margin: 20px 0 0 0;}
.btn-service i{margin: 0 0 0 10px;background: #b52a25;padding: 10px;width: 50px;height: 50px;border-radius: 60px;display:flex;align-items: center;justify-content: center;transition: all 0.5s ease 0s;}
.btn-service i img{width: 30px;}
.btn-service a{display:flex;align-items: center; padding: 10px 25px;border-radius: 5px;color: #ffffff; background: #222222;box-shadow: 0 0 0 0 rgba(181,42,37,.5);}
.btn-service a:hover{background: #b52a25;color: #ffffff;box-shadow: 0 0 0 5px rgba(181,42,37,.5);}
.btn-service a:hover i{background: #222222;transition: all 0.5s ease 0s;}
@media screen and (max-width:1024px){
    .business-heavy-service>ul>li{margin:30px 0;display: block;}
    .business-heavy-service>ul>li .business-heavy-service-content{padding: 30px;}
    .business-heavy-service>ul>li .business-heavy-service-content:before{width:100%;left: 0;}
    .business-heavy-service>ul>li .business-heavy-service-content:after{width:30px;height: 30px;}
    .business-heavy-service>ul>li:nth-child(even) .business-heavy-service-content:before{right:0;}
    .business-heavy-service>ul>li:nth-child(even) .business-heavy-service-content:after{right: 0;left: inherit; border-radius:100px 0 0 0;}
    .business-heavy-service>ul>li:hover .business-heavy-service-content:after{width:30px;height: 30px;}
}
@media screen and (max-width:575px){
    .business-heavy-service>ul>li .business-heavy-service-content{padding: 15px; line-height: 1.6;}
}

/** 多角化 **/
.business-diversification{margin: 0 0 40px 0;}
.business-diversification .business-diversification-content{display: flex;flex-wrap: wrap;margin: 0 0 16px 0;}
.business-diversification .business-diversification-content>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap:wrap;}
.business-diversification .business-diversification-content>ul>li{padding: 0;margin:15px;display: flex;flex-direction: column;justify-content: space-around; width: calc(100%/3 - 30px);}
.business-diversification .business-diversification-content>ul>li:nth-child(even){flex-direction: column-reverse;}
.business-diversification .business-diversification-content .business-diversification-dep{flex: 2.8;padding:0 0 0 30px;}
.business-diversification .business-diversification-content .business-diversification-dep02{flex: 1;padding:0 30px;}
.business-diversification .business-diversification-content .business-diversification-dep .font002{margin: 0 0 10px 0;}
.business-diversification .business-diversification-content .business-diversification-photo{flex: 1; text-align: center;}
.business-diversification .business-diversification-content .business-diversification-photo img{border-radius: 15px;margin: 0 0 10px 0;}
.business-diversification .business-diversification-content .business-diversification-photo a{display: block;}
.business-diversification .business-diversification-content .business-diversification-photo a span{font-size: 16px;display: block;width: 100%;color:#0d3283;}
.business-diversification .business-diversification-content .business-diversification-photo a img{box-shadow: 0 0 10px 0 rgba(0,0,0,0);border-radius: 15px;transition: all 0.5s ease 0s;}
.business-diversification .business-diversification-content .business-diversification-photo a:hover{color:#0d3283;}
.business-diversification .business-diversification-content .business-diversification-photo a:hover img{box-shadow: 0 0 10px 0 rgba(13,50,133,.2);transition: all 0.5s ease 0s;}
.business-diversification .business-diversification-content .business-diversification-photo02{width: 100%;}
.business-diversification .business-diversification-content>ul>li:nth-child(even) .business-diversification-photo02{margin: 15px 0 0 0;}
.business-diversification .business-diversification-content .business-diversification-photo03{flex: 1.05;}
.business-diversification .business-diversification-content .business-diversification-photo04{flex: .398;}
.business-diversification .business-diversification-content .business-diversification-info{width: 100%;height: 100%; padding: 0;}
.business-diversification .business-diversification-content .business-diversification-info span{width: 100%;display: block;}
.business-diversification .business-diversification-content>ul>li:nth-child(even) .business-diversification-info span{margin: 0 0 10px 0;}
@media screen and (max-width:1024px){
    .business-diversification .business-diversification-content>ul>li{margin:10px;width: calc(100%/3 - 20px);}
    .business-diversification .business-diversification-content .business-diversification-dep{flex: initial;width: 100%;padding:0;}
    .business-diversification .business-diversification-content .business-diversification-dep02{flex: initial;width: 100%;padding:5px 0 20px 0;}
    .business-diversification .business-diversification-content .business-diversification-photo{flex:initial;width: 100%;margin: 0 0 15px 0;text-align: left;}
    .business-diversification .business-diversification-content .business-diversification-photo img{margin: 0 10px 0 0;}
    .business-diversification .business-diversification-content .business-diversification-photo a{display: flex;flex-wrap: wrap;align-items: flex-end;}
    .business-diversification .business-diversification-content .business-diversification-photo a span{display: inline-block;width: auto;}
    .business-diversification .business-diversification-content .business-diversification-photo03{flex: initial;width: 100%;}
    .business-diversification .business-diversification-content .business-diversification-photo04{flex: initial;width: 100%;}
}
@media screen and (max-width:767px){
    .business-diversification .business-diversification-content>ul>li{margin:15px 0;width:100%}
    .business-diversification .business-diversification-content>ul>li{display:block;}
    .business-diversification .business-diversification-content .business-diversification-photo img{margin: 0 0 5px 0;}
    .business-diversification .business-diversification-content .business-diversification-photo a span{display:block;width:100%;}
    .business-diversification .business-diversification-content>ul>li:nth-child(even) .business-diversification-photo02{margin: 0;}
    .business-diversification .business-diversification-content>ul>li:nth-child(even) .business-diversification-info span{margin: 15px 0 10px 0;}
}

/** 公司治理 **/
.governance{display: flex;}
.governance .governance-content{flex: 2;}
.governance .governance-photo{flex: 1;margin: 0 0 0 6%;border-radius: 5px;overflow: hidden;}
.governance .governance-photo img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.governance-member{}
.governance-member>ul{list-style: none;padding: 0;margin: 0;}
.governance-member>ul>li{padding:0px;margin: 0;display: flex;border-bottom: 1px #dddddd solid;}
.governance-member>ul>li:nth-child(even){background:rgba(252, 232, 231, .6);}
.governance-member>ul>li .governance-name{flex: 1;padding:20px;}
.governance-member>ul>li .governance-name span{display: block;width: 100%;font-weight: 500;}
.governance-member>ul>li .governance-education{flex: 1.5;padding:20px;}
.governance-member>ul>li .governance-education span{display: block;width: 100%;font-weight: 500;}
.governance-member>ul>li .governance-experience{flex: 2;padding:20px;}
.governance-member>ul>li .governance-experience span{display: block;width: 100%;font-weight: 500;}
@media screen and (max-width:1200px){
	.governance .governance-photo{margin: 0 0 0 30px;}
}
@media screen and (max-width:1024px){
    .governance{display:block;}
    .governance .governance-content{flex:initial;width: 100%;}
	.governance .governance-photo{flex:initial;width: 100%;margin:20px 0 0 0;}
}
@media screen and (max-width:767px){
    .governance-member>ul>li{display: block;padding: 10px 15px;}
    .governance-member>ul>li .governance-name{flex: initial;width: 100%; padding:5px 0;}
    .governance-member>ul>li .governance-education{flex: initial;width: 100%;padding:5px 0;}
    .governance-member>ul>li .governance-experience{flex: initial;width: 100%;padding:5px 0;}
}

/** 投資人關係 **/
.investor-link{display: flex;}
.investor-link .investor-link-content{flex: 1;margin: 0 20px 0 0;padding: 8px 0;}
.investor-link .investor-link-btn{width: 50px;}
.investor-link .investor-link-btn a{display: flex;width: 48px; height: 48px; align-items: center;justify-content: center;padding: 12px;border: 1px #b52a25 solid;border-radius: 100px;background: #ffffff;}
.investor-link .investor-link-btn a img{filter: brightness(1);}
.investor-link .investor-link-btn a:hover{background: #b52a25;}
.investor-link .investor-link-btn a:hover img{filter: brightness(100);}

/** 年份篩選 **/
.year-filter{display: flex;flex-wrap: wrap; align-items: center;background:rgba(252,232,231,.5);padding: 10px 15px;margin: 0 0 20px 0;}
.year-filter .year-filter-title{width: auto;font-weight: 400;margin: 0 10px 0 0;color: #222222;}
.year-filter .year-filter-content{width: auto;}
.year-filter .year-filter-content select{width: 100%; border: 1px #222222 solid;padding: 5px 30px 5px 15px;font-weight: 400;}
.year-filter .year-page{font-weight: 400;width: auto;}
.year-filter .year-page a{display: inline-block;margin: 0 10px 0 0;background: #ffffff; border: 1px #222222 solid;padding: 5px 15px;}
.year-filter .year-page a:last-of-type{margin: 0;}
.year-filter .year-page a:hover{background: #222222;color: #ffffff;}
@media screen and (max-width:575px){
    .year-filter .year-page{width:100%;}
}
@media screen and (max-width:374px){
    .year-filter .year-page a{margin: 0 8px 0 0;padding: 5px 8px;}
}

/** 股利資訊 **/
.dividend{font-size: 1.5rem;}
.dividend>ul{list-style: none;padding: 0;margin: 0;}
.dividend>ul>li{padding:0;margin: 0;display: flex;justify-content: center; text-align: center;border-bottom: 1px #dddddd solid;background: #ffffff;}
.dividend>ul>li:nth-child(odd){background: #f3f3f3;}
.dividend>ul>li:first-of-type{background: #b52a25;color: #ffffff;font-weight: 400;}
.dividend>ul>li .dividend-field01{flex: 1.2;border-right: 1px #dddddd solid;display: flex;align-items: center;justify-content: center; }
.dividend>ul>li:first-of-type .dividend-field01{border-right: 1px rgba(255,255,255,.5) solid;}
.dividend>ul>li .dividend-field-title{display:none;padding:20px 5px;width: 150px;}
.dividend>ul>li .dividend-field-content{padding:20px 5px;flex: 1;}
.dividend>ul>li:first-of-type .dividend-field-content{padding:10px 5px;flex: 1;}
.dividend>ul>li .dividend-field-content a.download-btn{display: block;width: 50px;height: 50px; padding: 12px;margin: 0 auto;border-radius: 50px;}
.dividend>ul>li .dividend-field-content a.download-btn:hover{background: #b52a25;}
.dividend>ul>li .dividend-field-content a.download-btn:hover img{filter: brightness(100);}
.dividend>ul>li .dividend-field02{flex: 1.5;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.dividend>ul>li:first-of-type .dividend-field02{display: block;border-right: 1px rgba(255,255,255,.5) solid;}
.dividend>ul>li .dividend-field02 .dividend-field02-title{padding: 10px 5px;}
.dividend>ul>li .dividend-field02 .dividend-field02-content{display: flex;border-top: 1px rgba(255,255,255,.5) solid;flex: 1;justify-content: center;}
.dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-stock{flex: 1;border-right: 1px rgba(255,255,255,.5) solid;padding: 10px 5px;}
.dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-cash{flex: 1;padding: 10px 5px;}
.dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-content-title{display: none;padding:20px 5px;width: 150px;}
.dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-content-info{padding:20px 5px;border-right: 1px #dddddd solid;flex: 1;}
.dividend>ul>li .dividend-field03{flex: 1;display: flex;align-items: center;justify-content: center; }
.dividend>ul>li .dividend-field04{flex: 1;display: flex;justify-content: center; border-right: 1px #dddddd solid;}
.dividend>ul>li:first-of-type .dividend-field04{border-right: 1px rgba(255,255,255,.5) solid;}
.dividend>ul>li .dividend-field04:last-of-type{border-right: 0;}
@media screen and (max-width:1024px){
    .dividend>ul>li{display:block;text-align: left;margin: 15px 0;}
    .dividend>ul>li:nth-child(odd){background: #ffffff;}
    .dividend>ul>li:first-of-type{display: none;}
    .dividend>ul>li .dividend-field-title{display: flex;align-items: center;background: #b52a25;color: #ffffff;padding:20px 15px;}
    .dividend>ul>li .dividend-field-content{padding:20px 15px;}
    .dividend>ul>li .dividend-field-content a.download-btn{margin: 0;}
    .dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-content-title{display:block;background: #b52a25;color: #ffffff;}
    .dividend>ul>li .dividend-field01{flex: initial;width: 100%;border-top: 1px #dddddd solid;border-bottom: 1px #dddddd solid;border-right: 0;}
    .dividend>ul>li .dividend-field02{flex: initial;width: 100%;}
    .dividend>ul>li .dividend-field02 .dividend-field02-content{border-top:0;border-bottom: 1px #dddddd solid;}
    .dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-content-title{padding:20px 15px;display: flex;align-items: center;}
    .dividend>ul>li .dividend-field02 .dividend-field02-content .dividend-field-content-info{border-right: 0;padding:20px 15px;display: flex;align-items: center;}
    .dividend>ul>li .dividend-field03{flex: initial;width: 100%;}
    .dividend>ul>li .dividend-field04{flex: 1;display: flex;justify-content: center; border-right: 1px #dddddd solid;}
    .dividend>ul>li .dividend-field04{border-right: 0;border-bottom: 1px #dddddd solid;}
    .dividend>ul>li .dividend-field04:last-of-type{border-bottom: 0;}
}
@media screen and (max-width:767px){
    .dividend>ul>li .dividend-field02{display: block;}
}

/** 影片專區 **/
.video-list{}
.video-list>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.video-list>ul>li{padding: 0;margin: 15px; width: calc(100%/3 - 30px);}
.video-list>ul>li a{display:block;position: relative;border: 1px #dddddd solid;background: #ffffff;height: 100%;}
.video-list>ul>li a:after{content: "";display: block;width:0;height: 5px ;background: #b52a25;position: absolute;bottom: -2px;left: calc(50% - 0px);transition: all 0.5s ease 0s;}
.video-list>ul>li a:hover{}
.video-list>ul>li a:hover:after{width:calc(100% + 2px);left: calc(50% - (calc(100% + 2px)/2));transition: all 0.5s ease 0s;}
.video-list>ul>li .video-content{padding: 25px;position: relative;}
.video-list>ul>li .video-content:before{content: "";display: block;width: 15px; height: 1px;background:#b52a25;position: absolute;top: 38px;left: 0;}
.video-list>ul>li .video-content h3{padding: 0;margin:0 0 10px 0;line-height: 1.6;color: #222222;font-size: 1.8rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.video-list>ul>li .video-content .video-info{font-size: 1.6rem;color: #666666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media screen and (max-width:1200px){
	.video-list>ul>li{margin: 10px;width: calc(100%/3 - 20px);}
    .video-list>ul>li .video-content{padding: 20px;}
    .video-list>ul>li .video-content:before{width: 10px;top: 33px;}
}
@media screen and (max-width:1024px){
    .video-list>ul>li{width: calc(100%/2 - 20px);}
}
@media screen and (max-width:767px){
    .video-list>ul>li .video-content{padding: 15px;}
    .video-list>ul>li .video-content:before{width: 5px;top: 28px;}   
}
@media screen and (max-width:575px){
    .video-list>ul>li{width: calc(100%/1 - 0px);margin: 10px 0;}
}

/** 加入我們 **/
.recruit{}
.recruit-title{font-size: 3rem;padding: 0;margin: 0 0 20px 0;line-height: 1.6;color: #222222;font-weight: 500;}
.recruit-title span{text-transform: uppercase;width: 100%;display: block;font-size: 1.8rem;font-weight: 400;color: #333333;}
.recruit>ul{list-style: none;padding: 0;margin: 0;}
.recruit>ul>li{padding: 0 0 0 15px;margin: 0;position: relative;}
.recruit>ul>li:before{content: "";display: block;width: 4px; height: 4px;background: #b52a25;position: absolute;top: 12px; left: 0;}
.recruitment-main{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.recruitment-main .recruitment{max-width: 1400px; margin: 0 auto;}
.recruitment-main .recruitment .recruitment-content{background: rgba(255,255,255,.9);padding:7% 5%;margin: 0 0 0 70%;min-height: 400px;display: flex;flex-wrap: wrap;align-content: center;}
.recruitment-main:nth-child(odd) .recruitment .recruitment-content{margin: 0 70% 0 0;}
.recruitment-main .recruitment .recruitment-content .recruitment-title{width: 100%; font-size: 3rem;padding: 0;margin: 0 0 20px 0;line-height: 1.6;color: #222222;font-weight: 500;}
.recruitment-main .recruitment .recruitment-content .recruitment-info{width: 100%; color: #444444;}
@media screen and (max-width:1200px){
    .recruit-title{font-size: 2.4rem;}
    .recruit-title span{font-size: 1.6rem;}
    .recruitment-main .recruitment .recruitment-content .recruitment-title{font-size: 2.4rem;}
}
@media screen and (max-width:1024px){
    .recruitment-main .recruitment .recruitment-content{margin: 0 0 0 50%;min-height: inherit;}
    .recruitment-main:nth-child(odd) .recruitment .recruitment-content{margin: 0 50% 0 0;}
}
@media screen and (max-width:767px){
    .recruitment-main .recruitment .recruitment-content{margin: 0 0 0 30%;background: rgba(255,255,255,.85);}
    .recruitment-main:nth-child(odd) .recruitment .recruitment-content{margin: 0 30% 0 0;}
}
@media screen and (max-width:575px){
    .recruitment-main .recruitment{padding: 15px;}
    .recruitment-main .recruitment .recruitment-content{margin: 0;}
    .recruitment-main:nth-child(odd) .recruitment .recruitment-content{margin: 0;}
}

/** 聯絡我們 **/
.contact-body{margin: 0 0 0 30px;}
.contact-note{ font-weight:400; font-size:1.6rem;color: #ff0000;padding:0 0 15px 0;margin:0;}
.contact-dep{position: relative;z-index: 1;padding:20px 0 0 0;margin: 0;}
.contact-content{margin: 30px 0;}
.contact-content>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact-content>ul>li{width:100%;margin: 10px 0;display: flex;}
.contact-content>ul>li .contact-icon{width: 34px;height: 34px; display: flex;align-items: center;justify-content: center; padding:5px;}
.contact-content>ul>li .contact-info{flex: 1; padding: 0 15px 0 5px;}
.contact-content>ul>li .contact-info span{font-weight: 400;display: block;width: 100%;}
.contact-content>ul>li .contact-info a{display: inline-block;color: #444444;}
.contact-content>ul>li .contact-info a:hover{color: #b52a25;}
.google-map{position: relative;padding-bottom: 51.5%;padding-top: 30px;height: 0;overflow: hidden;margin:0;}
.google-map iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:1024px){
    .contact-content>ul>li{margin: 5px 0;}
    .google-map{padding-bottom: 75.5%;}
}
@media screen and (max-width:991px){
    .contact-body{margin:20px 0 0 0;}
    .contact-dep{padding:0;}
    .google-map{padding-bottom: 55.5%;}
}
@media screen and (max-width:575px){
    .google-map{padding-bottom: 65%;}
}

/** 表單欄位 **/
.star{color: #ff0000;font-size: 14px;padding: 0 5px;}
label{min-width: 100px;}
.form-box{font-weight: 400;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex; flex-wrap:wrap;width: 100%;}
.opinion{flex: 1; display:flex; flex-wrap:wrap; margin:0;padding: 10px 0; overflow:hidden;}
.opinion-left01{width: 100%; padding:10px 0; font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222; display:flex; align-items:center;}
.input-main-style01{background: #f3f3f3; flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid;margin:0; padding:10px 15px;font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222;  min-height:53.39px;}
.input-main-style02{background: #f3f3f3; flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid; margin:0; padding:10px 15px; font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222;  min-height:53.39px;}
.input-main-style03{background: #f3f3f3; width:100%; border:0;border-bottom: 1px #cccccc solid; margin:5px 0 0 0; padding:10px 15px; font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222;  min-height:53.39px;}
.input-main-style04{background: #f3f3f3; flex:1; width:100%; border:0;margin:0; padding:10px 0;font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222;  min-height:53.39px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:0; font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222; display:flex; flex-wrap:wrap;}
.input-main-select select{flex: 1; margin:0; font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222;  min-height:53.39px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#f3f3f3 url("../images/select-icon.svg")no-repeat right 10px center;background-size: 10px;padding: 10px 35px 10px 15px;border: 0; border-bottom: 1px #cccccc solid;}
.select-style{background:#8a6e0c; font-size:1.8rem; color:#f3f3f3; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:1.8rem; font-family: 'Roboto', 'Noto Sans TC', sans-serif; color:#222222;  min-height:53.39px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:1.8rem; 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:53.39px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 1.8rem; color: #333333;border-radius:0;margin: 15px 0 ;}
.input-main-style01:focus, .input-main-style02:focus, .input-main-style03:focus, .input-main-select select:focus{border-bottom: 1px #b52a25 solid;background: #ffffff;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {width:calc(100%/3 - 3px);display: inline-block;padding: 0 5px 0 0;font-size: 1.8rem;}
input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:-4px 2px 0 0;vertical-align:middle;background:url(../images/input-button.png) left top no-repeat;background-size: 76px;cursor:pointer;}
input[type="checkbox"]:checked + label span {background: url(../images/input-button.png) -19.5px top no-repeat;background-size: 76px;}
input[type="radio"] {display:none;}
input[type="radio"] + label {width:calc(100%/3 - 3px);display:inline-block;padding: 0 5px 0 0 ;font-size: 1.8rem;}
input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-4px 2px 0 0;vertical-align:middle;background:url(../images/input-button.png) -39px top no-repeat;background-size: 76px;cursor:pointer;}
input[type="radio"]:checked + label span {background:url(../images/input-button.png) -58px top no-repeat;background-size: 76px;}
@media screen and (max-width:767px){
    .opinion-main{display:block;}
	.opinion{display:block;}
	.opinion-left01{width:100%;}
	.input-main-style02{width:calc(100% - 106px); display:inline-block;}
}

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

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

/** 頁次 **/
.page{font-size:1.5rem; color:#222222; text-align:center; clear:both; margin:30px 0 0 0;display: flex;align-items: center;justify-content: center;}
.page a{display: inline-block;background:#222222; color:#ffffff; padding:5px 20px;margin: 8px;border: 1px #222222 solid;border-radius: 100px; overflow: hidden;position: relative;z-index: 1;}
.page a:after{content: "";display: block;width: 0%;height: 100%;background: #ffffff;position: absolute;top: 0;left: 0;z-index: -1; transition: all 0.5s ease 0s;}
.page a:hover{color: #222222;}
.page a:hover:after{width: 100%;transition: all 0.5s ease 0s;}
.page br{display:none;}
.page select{border: 1px #222222 solid;padding: 5px 30px 5px 15px;margin: 0 8px;}
@media screen and (max-width:1200px){
    .page{ margin:20px 0 0 0;}
}
@media screen and (max-width:767px){
    .page{display: block;}
	.page br{display:block;}
}

/** 下版 **/
footer{background:#b52a25;padding: 25px 5.255%;position: relative;}
footer .footer{display:flex;flex-wrap: wrap; font-size: 1.6rem;color: #ffffff;align-items: center;}
.f-logo-copyright{width: 233px;text-align: center;}
.f-logo-copyright .f-logo{width: 233px;margin: 0 auto;}
.f-logo-copyright .copyright{font-size: 1.2rem; color: #f1afad;text-transform: uppercase;border-top: 1px #f1afad solid;margin: 25px 0 0 0;padding: 10px 0 0 0;line-height: 1.4;}
.f-logo-copyright .copyright span{display: block;width: 100%;}
.f-logo-copyright .copyright span a{color: #f1afad;}
.f-logo-copyright .copyright span a:hover{color: #ffffff;}
.f-headquarters{flex: 1;margin: 0 20px 0 5%;}
.f-headquarters .f-headquarters-title{font-size: 1.8rem;color: #ffffff;position: relative;padding: 0 66px 0 0;margin: 10px 0 20px 0; display: table;}
.f-headquarters .f-headquarters-title:after{content: "";display: block;width: 56px; height: 1px ;background: #ffffff;position: absolute;right: 0;top: calc(50% - .5px);}
.f-headquarters>ul{list-style: none;padding: 0;margin: 0;}
.f-headquarters>ul>li{padding: 0;margin:10px 0;display: flex;}
.f-headquarters>ul>li .f-headquarters-icon{width: 30px;height: 30px; background: #ffffff;padding: 6px;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin: 0 10px 0 0;}
.f-headquarters>ul>li .f-headquarters-content{flex: 1;}
.f-headquarters>ul>li .f-headquarters-content span{display: block;width: 100%;}
.f-headquarters>ul>li .f-headquarters-content a{display: inline-block;color: #ffffff;}
.f-headquarters>ul>li .f-headquarters-content a:hover{ color: #f1afad;}
.f-parent-company{flex: 2.6;}
.f-parent-company>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.f-parent-company>ul>li{padding: 0 0 0 15px;margin:5px 0 5px 20px;width: calc(100%/2 - 20px);position: relative;}
.f-parent-company>ul>li:before{content: "";display: block;width: 8px; height: 8px;background: url("../images/footer-icon.svg")no-repeat center center;background-size: 8px;position: absolute;top: 11px;left: 0;}
.f-parent-company>ul>li .f-parent-company-title{font-size: 1.8rem;color: #ffffff;position: relative;padding: 0;margin: 0; display: table;}
.f-parent-company>ul>li .f-parent-company-content{}
.f-parent-company>ul>li .f-parent-company-content span{padding: 0 22px 0 0;display: inline-block;}
.f-parent-company>ul>li .f-parent-company-content a{display: inline-block;color: #ffffff;}
.f-parent-company>ul>li .f-parent-company-content a:hover{ color: #f1afad;}
@media screen and (max-width:1870px){
	footer{padding: 25px 2%;}
    .f-headquarters{margin: 0 20px 0 2.5%;}
    .f-parent-company{flex: 2.8;}
}
@media screen and (max-width:1666px){
    footer{padding: 25px 15px;}
    .f-parent-company{flex:4;}
}
@media screen and (max-width:1530px){
    .f-parent-company{flex:3.4;}
    .f-parent-company>ul>li .f-parent-company-content span{padding: 0;display: block;width: 100%;}
}
@media screen and (max-width:1200px){
    footer{padding: 25px 15px 52px 15px;}
    .f-logo-copyright .copyright{position: absolute;bottom: 0;right: 0;margin: 0;padding:8px 15px;width: 100%;text-align: right;line-height: 1.2;}
    .f-logo-copyright .copyright span{display: inline-block;width:auto;padding: 0 0 0 15px;}
    .f-headquarters{margin: 0 0 0 10px;}
    .f-headquarters .f-headquarters-title{margin: 0 0 10px 30px;}
    .f-headquarters>ul{display: flex;flex-wrap: wrap;}
    .f-headquarters>ul>li{margin:10px 0 10px 30px;width: auto;}
    .f-parent-company{flex: initial;width: 100%;margin: 30px 0 0 0;}
    .f-parent-company>ul>li{margin:5px 10px;}
    .f-parent-company>ul>li .f-parent-company-content span{padding: 0 20px 0 0;display: inline-block;width: auto;}
}
@media screen and (max-width:1024px){
    footer .footer{display: block;}
    .f-logo-copyright{width: 100%;}
    .f-logo-copyright .f-logo{width: 200px;}
    .f-headquarters{margin:20px 0;}
    .f-headquarters .f-headquarters-title{margin: 0 0 10px 10px;}
    .f-headquarters>ul>li{margin:5px 10px;}
    .f-parent-company{margin: 0;}
    .f-parent-company>ul>li .f-parent-company-content span{padding: 0;display: block;width: 100%;}
}
@media screen and (max-width:767px){
    .f-headquarters .f-headquarters-title{margin: 0 0 10px 0;}
    .f-headquarters>ul{display: block;}
    .f-headquarters>ul>li{margin:5px 0;width: 100%;}
    .f-parent-company>ul{display: block;}
    .f-parent-company>ul>li{margin:5px 0;width:100%;}
    .f-parent-company>ul>li .f-parent-company-content span{padding: 0 20px 0 0;display: inline-block;width: auto;}
}
@media screen and (max-width:575px){
    .f-parent-company>ul>li .f-parent-company-content span{padding: 0;display: block;width: 100%;}
}

/** top **/
#scrollUp{width: 46px; height: 66px;text-align: center; bottom: 0px;right: 0px; padding:42px 8px 8px 8px;border-radius: 10px 0 0 0;font-size: 1.3rem;text-transform: uppercase;color: #ffffff;position: relative;z-index: 1;}
#scrollUp:before{content: "";display: block;width: 100%;height: 100%;background: #222222 url("../images/top-icon.svg")no-repeat center top 13px;background-size: 24px;;border-radius: 10px 0 0 0; position: absolute;top: 0;left: 0;z-index: -1;}
#scrollUp:after{content: "";display: block;width: 0%;height: 0%;background: rgba(0,0,0,.2);border-radius: 10px 0 0 0; position: absolute;top: calc(50% - 0%);left: calc(50% - 0%);z-index: -2;}
#scrollUp:hover{}
#scrollUp:hover:after{width: calc(100% + 10px);height:  calc(100% + 10px);top: calc(50% - (calc(100% + 10px)/2));left: calc(50% - (calc(100% + 10px)/2));}
@keyframes scrollUp-hover
{
0% {width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
50%{width: calc(100% + 10px);height:  calc(100% + 10px);top: calc(50% - (calc(100% + 10px)/2));left: calc(50% - (calc(100% + 10px)/2));}
100%{width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
}
@-moz-keyframes scrollUp-hover /* Firefox */
{
0% {width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
50%{width: calc(100% + 10px);height:  calc(100% + 10px);top: calc(50% - (calc(100% + 10px)/2));left: calc(50% - (calc(100% + 10px)/2));}
100%{width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
}
@-webkit-keyframes scrollUp-hover /* Safari 和 Chrome */
{
0% {width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
50%{width: calc(100% + 10px);height:  calc(100% + 10px);top: calc(50% - (calc(100% + 10px)/2));left: calc(50% - (calc(100% + 10px)/2));}
100%{width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
}
@-o-keyframes scrollUp-hover /* Opera */
{
0% {width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
50%{width: calc(100% + 10px);height:  calc(100% + 10px);top: calc(50% - (calc(100% + 10px)/2));left: calc(50% - (calc(100% + 10px)/2));}
100%{width: calc(100% + 0px);height:  calc(100% + 0px);top: calc(50% - (calc(100% + 0px)/2));left: calc(50% - (calc(100% + 0px)/2));}
}
#scrollUp:hover:after{
animation: scrollUp-hover linear 1s infinite;
-moz-animation: scrollUp-hover linear 1s infinite;	/* Firefox */
-webkit-animation: scrollUp-hover linear 1s infinite;	/* Safari 和 Chrome */
-o-animation: scrollUp-hover linear 1s infinite;	/* Opera */
}