@charset "utf-8";

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

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

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

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

/** PhotoSwipe Repository **/
@import "Exo+2.css";
@import "Noto+Sans+TC.css";

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:medium;color: #222222;line-height: 1.6;font-family:'Exo 2', 'Noto Sans TC', sans-serif;word-break: break-word;font-weight: 300;}
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;cursor: pointer;}
.slicknav_menu{display:none;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
::-moz-placeholder{color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
:-ms-input-placeholder{color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
input:-moz-placeholder{color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
#field2::-webkit-input-placeholder{color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
#field3::-webkit-input-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
#field2::-moz-placeholder{color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
#field3::-moz-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;font-weight: 300;font-family:'Exo 2', 'Noto Sans TC', sans-serif;}
.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{background:#005bab;}
.slicknav_icon-bar{background-color:#FFF;}
.slicknav_nav .slicknav_row a:hover{background:none;}
.slicknav_nav a:hover{background:#000000;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{position: absolute;top: 17px;right: 15px;}
.slicknav_nav .sub-menu a .slicknav_arrow{top: 17.5px;}

/** 上版 **/
header{background:#ffffff;padding: 19.5px 15px;}
.head-main{max-width:1200px; margin:0 auto; padding:0; position:relative;display: flex;align-items: center;}
.head-tool{flex: 1;margin: 0 0 0 20px; display: flex;justify-content: flex-end;align-items: center;}
.tel-top{background: url("../images/icon-tel-top.svg")no-repeat center left 12px;background-size: 34px;/* width: 230px; */padding: 7px 10px 7px 56px;font-size: 16px;color: #222222;line-height: 1.2;margin: 0 20px 0 0;}
.tel-top span{font-size: 24px; color: #005bab;font-weight: 500;width: 100%;display: block;letter-spacing: 1.5px;}
.tel-top a{display: block; color: #005bab;}
.tel-top a:hover{text-decoration: underline;}
.line{ font-size: 16px; color: #ffffff;width: 142px;}
.line a{display: block;color: #ffffff;background: #00b900 url("../images/icon-line.svg")no-repeat center left 12px;background-size: 26px;padding: 7px 12px 7px 46px;border-radius: 3px;}
.line a:hover{background: #00b900 url("../images/icon-line.svg")no-repeat center left 12px;background-size: 26px;border-radius: 50px;box-shadow: 2px 2px 0 0 rgba(0,0,0,.2);}
.head-main .logo{width: 321px;}
.head-main .logo a{display: block;}
.head-main .logo img{max-width:100%; height:auto;}
@media screen and (max-width:767px){
    header{background:#ffffff;padding:57px 15px 10px 15px;}
    .tel-top{background: url("../images/icon-tel-top.svg")no-repeat center left 0;background-size: 30px; width: auto; padding: 0 0px 0 40px; font-size: 15px; margin: 0 ;}
    .tel-top span{font-size: 22px;letter-spacing: 1px;}
	.line{font-size: 15px;position: fixed;top: 6px;right:65px;z-index: 10000;width: auto;}
    .line a{background: #00b900 url("../images/icon-line.svg")no-repeat center left 10px;background-size: 22px;padding: 5px 10px 5px 40px;}
    .line a:hover{background: #00b900 url("../images/icon-line.svg")no-repeat center left 10px;background-size: 22px;}
    .head-main .logo{width: 240px;}
}
@media screen and (max-width:500px){
    header{background:#ffffff;padding:52px 15px 5px 15px;}
    .head-main{display: block;}
    .head-main .logo{width: 180px;height: 30px;margin: 0 auto;background:url("../images/logo-m2.png")no-repeat center center;background-size:180px; position: fixed;top: 9px;left:15px;z-index: 10000;}
    .head-main .logo a{width: 180px;height: 28px;}
    .head-main .logo img{display: none;}
    .head-tool{width: 100%; margin: 0 ; display:block;text-align: center;}
    .tel-top{background:none; width: auto; padding: 0;font-size: 14px;}
    .tel-top span{font-size: 20px;display: inline-block;width: auto;padding: 0 0 0 5px;}
    .line{font-size: 14px;top: 9px;right:60px;}
    .line a{background: #00b900 url("../images/icon-line.svg")no-repeat center left 6px;background-size: 18px;padding: 3px 6px 3px 30px;}
    .line a:hover{background: #00b900 url("../images/icon-line.svg")no-repeat center left 6px;background-size: 18px;}
}
@media screen and (max-width:390px){ 
    .head-main .logo{width: 130px;height: 20px;background:url("../images/logo-m2.png")no-repeat center center;background-size:130px; position: fixed;top: 13px;left:10px;}
    .head-main .logo a{width: 130px;height: 20px;}
}

/** 主選單與下拉 **/
nav{border-bottom: 3px #002e57 solid;}
.menu{max-width:1200px; padding:0; list-style:none; position:relative; margin:0 auto; display:flex;justify-content: center;}
.menu>li{width: auto;color:#ffffff; font-size:17px; text-align:center; position:relative;border-right:1px #002e57 solid;box-shadow: 1px 0 0 0 rgba(255,255,255,.3); cursor:pointer; padding:0; margin:0;}
.menu>li:last-of-type{border-right:0;box-shadow: 0 0 0 0 rgba(255,255,255,.0); }
.menu>li>a{color:#ffffff; display:block; padding:10px 50px; margin:0;}
.menu>li>a:hover{background:#002e57;}
.menu>li:hover{background:#002e57;}
.menu>li.sub i{position: absolute;right: 15px; top: 14px;}
.menu>li.sub>ul.sub-menu{background:#005bab; display:none; position:static; z-index:999; margin:0; padding:0;border-top: 3px #002e57 solid;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px;}
.menu>li.sub>ul.sub-menu>li{display:block; position: relative;font-size:16px;border-bottom: 1px rgba(255,255,255,.2) solid; }
.menu>li.sub>ul.sub-menu>li:last-of-type{border-bottom: 0; }
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:8px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}
.menu>li.sub>ul.sub-menu>li:hover{background:#000000;}
.menu>li.sub>ul.sub-menu>li.sub02 i{position: absolute;right: 15px; top: 12px;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02{background:#005bab; display:none; position:static; z-index:999; margin:0; padding:0; overflow:hidden;border-top:0;}
.menu>li.sub>ul.sub-menu>li.sub02:hover ul.sub-menu02{position:absolute; display:block; width:100%; left:100%; top:0;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li{display:block; position: relative;font-size:16px;border-bottom: 1px rgba(255,255,255,.2) solid; }
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li:last-of-type{border-bottom: 0;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li>a{display:block; color:#fff; padding:8px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li.sub02>ul.sub-menu02>li>a:hover{background:#000000;}
@media screen and (max-width:1000px){
    .menu>li>a{padding:10px 27px;}
    .menu>li.sub i{right: 7px;}
}
@media screen and (max-width:767px){
	.slicknav_menu{display:none;}
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;width: 100%; top: 0;left: 0;z-index: 10000;}
}

/** edm輪播 **/
.edm{background:#ffffff; max-width:100%; margin:0 auto; position:relative;}
.edm img{vertical-align:middle; width:100%; height:auto; position:absolute;}

/** 配置 **/
.warpper{background:#ffffff; max-width:1200px; margin:0 auto;}
.main{}

/** 首頁個人資訊 **/
.personal{font-size: 16px; color: #222222;}
.personal a{display: inline-block;color: #222222;}
.personal a:hover{text-decoration: underline;}
.personal-contact{}
.personal-contact h1{margin: 0 0 20px 0;line-height: 1.4;font-size: 20px;color: #ffffff;font-weight: 500;background: #005bab;padding: 10px;width: 100%;border-radius: 3px;text-align: center;}
.personal-contact ul{list-style: none;padding: 0;margin:0;}
.personal-contact ul>li{width: 100%;padding: 0;margin:15px 0;display:flex;align-items: center;line-height: 1.4;}
.personal-contact ul>li .personal-contact-icon{width: 30px;min-width: 30px;}
.personal-contact ul>li .personal-contact-content{border-left: 1px #005bab solid;margin: 0 0 0 15px;padding: 0 0 0 15px;}
.personal-contact ul>li .personal-contact-content span{font-size: 17px; color: #005bab;font-weight: 500;width: 100%;display: block;}
.personal-contact ul>li .personal-contact-content span.information-note{font-size: 13px;color: #222222;font-weight: 300;width:auto;display:initial;}
.personal-line{margin:35px 0;}
.personal-line .personal-line-qrcode{border: 1px #005bab solid;border-radius: 5px;overflow: hidden;}
.personal-line .personal-line-qrcode img{width: 100%;}
.personal-line .personal-line-information{display:flex;align-items: center;line-height: 1.4;margin: 20px 0 0 0;}
.personal-line .personal-line-information .personal-line-icon{width: 50px;min-width: 50px;}
.personal-line .personal-line-information .personal-line-content{margin: 0 0 0 12px;padding:0;}
.personal-line .personal-line-information .personal-line-content span{font-size: 17px; color:#00b900;font-weight: 500;width: 100%;display: block;}
.personal-btn{}
.personal-btn ul{list-style: none;padding: 0;margin: 0;}
.personal-btn ul>li{display: block;padding: 0;margin:10px 0;width: 100%;}
.personal-btn ul>li a{display:flex;align-items: center;padding: 12px 12px;border-radius: 5px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005bab+35,087ce2+35 */
background: rgb(0,91,171); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(0,91,171,1) 35%, rgba(8,124,226,1) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,91,171,1) 35%,rgba(8,124,226,1) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,91,171,1) 35%,rgba(8,124,226,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#087ce2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.personal-btn ul>li a:hover{text-decoration: none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#087ce2+35,005bab+35 */
background: rgb(8,124,226); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(8,124,226,1) 35%, rgba(0,91,171,1) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(8,124,226,1) 35%,rgba(0,91,171,1) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(8,124,226,1) 35%,rgba(0,91,171,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087ce2', endColorstr='#005bab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.personal-btn ul>li:nth-child(2) a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bc1d1e+35,f23838+35 */
background: rgb(188,29,30); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(188,29,30,1) 35%, rgba(242,56,56,1) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(188,29,30,1) 35%,rgba(242,56,56,1) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(188,29,30,1) 35%,rgba(242,56,56,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1d1e', endColorstr='#f23838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.personal-btn ul>li:nth-child(2) a:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f23838+35,bc1d1e+35 */
background: rgb(242,56,56); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(242,56,56,1) 35%, rgba(188,29,30,1) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(242,56,56,1) 35%,rgba(188,29,30,1) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(242,56,56,1) 35%,rgba(188,29,30,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23838', endColorstr='#bc1d1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.personal-btn ul>li:nth-child(3) a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008f00+35,00b900+35 */
background: rgb(0,143,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(0,143,0,1) 35%, rgba(0,185,0,1) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,143,0,1) 35%,rgba(0,185,0,1) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,143,0,1) 35%,rgba(0,185,0,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008f00', endColorstr='#00b900',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.personal-btn ul>li:nth-child(3) a:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b900+35,008f00+35 */
background: rgb(0,185,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(0,185,0,1) 35%, rgba(0,143,0,1) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,185,0,1) 35%,rgba(0,143,0,1) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,185,0,1) 35%,rgba(0,143,0,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b900', endColorstr='#008f00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.personal-btn ul>li .personal-btn-icon{width: 36px;margin: 0 16px;min-width: 36px;}
.personal-btn ul>li .personal-btn-content{font-size:20px; color:#ffffff;font-weight: 400;}
.open-personal-btn{}
.open-personal-btn ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.open-personal-btn ul>li{display: block;padding: 0;margin:10px;width:calc(100%/3 - 20px);font-size:20px; color:#ffffff;font-weight: 400;border-radius: 5px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005bab+35,087ce2+35 */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px rgb(0,91,171)/36px ; /* Old browsers */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px/36px, -moz-linear-gradient(45deg,  rgba(0,91,171,1) 35%, rgba(8,124,226,1) 35%); /* FF3.6-15 */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px/36px, -webkit-linear-gradient(45deg,  rgba(0,91,171,1) 35%,rgba(8,124,226,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px/36px, linear-gradient(45deg,  rgba(0,91,171,1) 35%,rgba(8,124,226,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#087ce2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.open-personal-btn ul>li a{display:block;color: #ffffff;padding: 15px 15px 15px 75px;}
.open-personal-btn ul>li:hover{text-decoration: none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#087ce2+35,005bab+35 */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px rgb(8,124,226)/36px; /* Old browsers */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px/36px, -moz-linear-gradient(45deg,  rgba(8,124,226,1) 35%, rgba(0,91,171,1) 35%); /* FF3.6-15 */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px/36px, -webkit-linear-gradient(45deg,  rgba(8,124,226,1) 35%,rgba(0,91,171,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-open-btn.svg")no-repeat center left 25px/36px, linear-gradient(45deg,  rgba(8,124,226,1) 35%,rgba(0,91,171,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087ce2', endColorstr='#005bab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.open-personal-btn ul>li:nth-child(2){/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bc1d1e+35,f23838+35 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px rgb(188,29,30)/36px; /* Old browsers */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px/36px, -moz-linear-gradient(45deg,  rgba(188,29,30,1) 35%, rgba(242,56,56,1) 35%); /* FF3.6-15 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px/36px, -webkit-linear-gradient(45deg,  rgba(188,29,30,1) 35%,rgba(242,56,56,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px/36px, linear-gradient(45deg,  rgba(188,29,30,1) 35%,rgba(242,56,56,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1d1e', endColorstr='#f23838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.open-personal-btn ul>li:nth-child(2):hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f23838+35,bc1d1e+35 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px rgb(242,56,56)/36px; /* Old browsers */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px/36px, -moz-linear-gradient(45deg,  rgba(242,56,56,1) 35%, rgba(188,29,30,1) 35%); /* FF3.6-15 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px/36px, -webkit-linear-gradient(45deg,  rgba(242,56,56,1) 35%,rgba(188,29,30,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 25px/36px, linear-gradient(45deg,  rgba(242,56,56,1) 35%,rgba(188,29,30,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23838', endColorstr='#bc1d1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.open-personal-btn ul>li:nth-child(3){/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008f00+35,00b900+35 */
background:url("../images/icon-line.svg")no-repeat center left 25px rgb(0,143,0)/36px; /* Old browsers */
background:url("../images/icon-line.svg")no-repeat center left 25px/36px, -moz-linear-gradient(45deg,  rgba(0,143,0,1) 35%, rgba(0,185,0,1) 35%); /* FF3.6-15 */
background:url("../images/icon-line.svg")no-repeat center left 25px/36px, -webkit-linear-gradient(45deg,  rgba(0,143,0,1) 35%,rgba(0,185,0,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-line.svg")no-repeat center left 25px/36px, linear-gradient(45deg,  rgba(0,143,0,1) 35%,rgba(0,185,0,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008f00', endColorstr='#00b900',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.open-personal-btn ul>li:nth-child(3):hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b900+35,008f00+35 */
background:url("../images/icon-line.svg")no-repeat center left 25px rgb(0,185,0)/36px; /* Old browsers */
background:url("../images/icon-line.svg")no-repeat center left 25px/36px, -moz-linear-gradient(45deg,  rgba(0,185,0,1) 35%, rgba(0,143,0,1) 35%); /* FF3.6-15 */
background:url("../images/icon-line.svg")no-repeat center left 25px/36px, -webkit-linear-gradient(45deg,  rgba(0,185,0,1) 35%,rgba(0,143,0,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-line.svg")no-repeat center left 25px/36px, linear-gradient(45deg,  rgba(0,185,0,1) 35%,rgba(0,143,0,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b900', endColorstr='#008f00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
@media screen and (max-width:1100px){
    .open-personal-btn ul>li{font-size:18px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005bab+35,087ce2+35 */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px rgb(0,91,171)/30px ; /* Old browsers */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px/30px, -moz-linear-gradient(45deg,  rgba(0,91,171,1) 35%, rgba(8,124,226,1) 35%); /* FF3.6-15 */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px/30px, -webkit-linear-gradient(45deg,  rgba(0,91,171,1) 35%,rgba(8,124,226,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px/30px, linear-gradient(45deg,  rgba(0,91,171,1) 35%,rgba(8,124,226,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#087ce2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
    .open-personal-btn ul>li a{padding: 15px 15px 15px 60px;}
    .open-personal-btn ul>li:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#087ce2+35,005bab+35 */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px rgb(8,124,226)/30px; /* Old browsers */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px/30px, -moz-linear-gradient(45deg,  rgba(8,124,226,1) 35%, rgba(0,91,171,1) 35%); /* FF3.6-15 */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px/30px, -webkit-linear-gradient(45deg,  rgba(8,124,226,1) 35%,rgba(0,91,171,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-open-btn.svg")no-repeat center left 15px/30px, linear-gradient(45deg,  rgba(8,124,226,1) 35%,rgba(0,91,171,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087ce2', endColorstr='#005bab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
    .open-personal-btn ul>li:nth-child(2){/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bc1d1e+35,f23838+35 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px rgb(188,29,30)/30px; /* Old browsers */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px/30px, -moz-linear-gradient(45deg,  rgba(188,29,30,1) 35%, rgba(242,56,56,1) 35%); /* FF3.6-15 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px/30px, -webkit-linear-gradient(45deg,  rgba(188,29,30,1) 35%,rgba(242,56,56,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px/30px, linear-gradient(45deg,  rgba(188,29,30,1) 35%,rgba(242,56,56,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1d1e', endColorstr='#f23838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
    .open-personal-btn ul>li:nth-child(2):hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f23838+35,bc1d1e+35 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px rgb(242,56,56)/30px; /* Old browsers */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px/30px, -moz-linear-gradient(45deg,  rgba(242,56,56,1) 35%, rgba(188,29,30,1) 35%); /* FF3.6-15 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px/30px, -webkit-linear-gradient(45deg,  rgba(242,56,56,1) 35%,rgba(188,29,30,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-tel-btn.svg")no-repeat center left 15px/30px, linear-gradient(45deg,  rgba(242,56,56,1) 35%,rgba(188,29,30,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23838', endColorstr='#bc1d1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
    .open-personal-btn ul>li:nth-child(3){/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008f00+35,00b900+35 */
background:url("../images/icon-line.svg")no-repeat center left 15px rgb(0,143,0)/30px; /* Old browsers */
background:url("../images/icon-line.svg")no-repeat center left 15px/30px, -moz-linear-gradient(45deg,  rgba(0,143,0,1) 35%, rgba(0,185,0,1) 35%); /* FF3.6-15 */
background:url("../images/icon-line.svg")no-repeat center left 15px/30px, -webkit-linear-gradient(45deg,  rgba(0,143,0,1) 35%,rgba(0,185,0,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-line.svg")no-repeat center left 15px/30px, linear-gradient(45deg,  rgba(0,143,0,1) 35%,rgba(0,185,0,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008f00', endColorstr='#00b900',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
    .open-personal-btn ul>li:nth-child(3):hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b900+35,008f00+35 */
background:url("../images/icon-line.svg")no-repeat center left 15px rgb(0,185,0)/30px; /* Old browsers */
background:url("../images/icon-line.svg")no-repeat center left 15px/30px, -moz-linear-gradient(45deg,  rgba(0,185,0,1) 35%, rgba(0,143,0,1) 35%); /* FF3.6-15 */
background:url("../images/icon-line.svg")no-repeat center left 15px/30px, -webkit-linear-gradient(45deg,  rgba(0,185,0,1) 35%,rgba(0,143,0,1) 35%); /* Chrome10-25,Safari5.1-6 */
background:url("../images/icon-line.svg")no-repeat center left 15px/30px, linear-gradient(45deg,  rgba(0,185,0,1) 35%,rgba(0,143,0,1) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b900', endColorstr='#008f00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
}
@media screen and (max-width:1005px){
	.personal{display: flex;flex-wrap: wrap;}
    .personal-contact{width:calc(100% - 160px);}
    .personal-contact ul{display: flex;flex-wrap: wrap;}
    .personal-contact ul>li{width: calc(100%/2 - 20px);margin: 10px;}
    .personal-contact ul>li .personal-contact-content{margin: 0 0 0 10px;padding: 0 0 0 10px;}
    .personal-line{width:140px;margin:0 0 0 20px;}
    .personal-line .personal-line-information{margin: 10px 0 0 0;}
    .personal-line .personal-line-information .personal-line-icon{width: 30px;min-width: 30px;}
    .personal-line .personal-line-information .personal-line-content{margin: 0 0 0 10px;}
    .personal-btn{width: 100%;}
    .personal-btn ul{display: flex;flex-wrap: wrap;}
    .personal-btn ul>li{width: calc(100%/3 - 20px);margin: 10px;}
    .personal-btn ul>li .personal-btn-icon{width: 30px; margin: 0 12px 0 10px;min-width: 30px;}
}
@media screen and (max-width:767px){
    .personal-contact h1{margin: 0 0 15px 0;}
    .personal-contact ul>li{width: calc(100%/1 - 0px);margin: 5px 0;}
	.personal-contact ul>li .personal-contact-content span{font-size: 16px; display: inline-block;}
    .personal-btn{margin: 10px 0 0 0;}
    .personal-btn ul>li{width: calc(100%/2 - 10px);margin: 5px;}
    .personal-btn ul>li:last-of-type{width: calc(100%/1 - 10px);margin: 5px ;}
    .personal-btn ul>li .personal-btn-icon{width: 28px;min-width: 28px; margin: 0 12px 0 6px;}
    .personal-btn ul>li .personal-btn-content{font-size:18px; }
    .open-personal-btn ul>li{width:calc(100%/2 - 10px);margin: 5px;}
    .open-personal-btn ul>li:last-of-type{width: calc(100%/1 - 10px);margin: 5px ;}
}
@media screen and (max-width:470px){
    .personal-contact{width:calc(100% - 0px);}
    .personal-line{width:160px;margin:15px auto ;}
    .personal-line .personal-line-information{display: flex;justify-content: center;}
    .personal-btn{margin: 0;}
    .personal-btn ul>li{width: calc(100%/1 - 0px);margin: 5px 0;}
    .personal-btn ul>li:last-of-type{width: calc(100%/1 - 0px);margin: 5px 0;}
    .personal-btn ul>li .personal-btn-icon{width: 32px;min-width: 32px; margin: 0 12px 0 12px;}
    .personal-btn ul>li .personal-btn-content{font-size:20px; }
    .open-personal-btn ul>li{width: calc(100%/1 - 0px);margin: 5px 0;font-size:20px;}
    .open-personal-btn ul>li:last-of-type{width: calc(100%/1 - 0px);margin: 5px 0;}
    .open-personal-btn ul>li a{padding: 12px 15px 12px 60px;}
}

/** 首頁內容 **/
.theiaStickySidebar{padding-bottom: 0!important;}
.white-main{padding: 50px 0;background: #ffffff;position: relative;}
.white-main:before{content: "";display: block;width: 100%;height: 100%;background-color: #ffffff;position: absolute;left: -100%; top: 0;}
.white{display: flex;flex-wrap: wrap;padding: 0 30px 0 15px;}
.blue-main{padding: 50px 0;position: relative;z-index: 1;}
.blue-main:before{content: "";display: block;width: 100%;height: 100%;background-color: #005bab;position: absolute;left: -100%; top: 0;}
.blue{display: flex;flex-wrap: wrap;padding: 0 30px 0 15px;}
.gray-main{padding: 50px 0;background: #f3f3f3;position: relative;}
.gray-main:before{content: "";display: block;width: 100%;height: 100%;background-color: #f3f3f3;position: absolute;left: -100%; top: 0;}
.gray{display: flex;flex-wrap: wrap;padding: 0 30px 0 15px;}
.i-line{ font-size: 16px; color: #ffffff;width: 142px;}
.i-line a{display: block;color: #ffffff;background: #00b900 url("../images/icon-line.svg")no-repeat center left 12px;background-size: 26px;padding: 7px 12px 7px 46px;border-radius: 3px;}
.i-line a:hover{background: #00b900 url("../images/icon-line.svg")no-repeat center left 12px;background-size: 26px;border-radius: 50px;box-shadow: 2px 2px 0 0 rgba(0,0,0,.2);}
h2.i-title01{font-size: 30px; color: #005bab;font-weight: 500;padding: 0 0 0 20px;margin: 0 0 30px 0;line-height: 1.5;position: relative;width: 100%;}
h2.i-title01:before{content: "";display: block;width: 5px; height: 100%; background: #005bab;position: absolute;top: 0;left: 0;border-radius: 10px;}
h2.i-title01 span{display: block;width: 100%;font-size: 26px; color: #222222;font-weight: 400;}
h2.i-title02{font-size: 24px; color: #ffffff;font-weight: 500;padding:0 0 10px 0;margin: 0 0 15px 0;line-height: 1.5;position: relative;width: 100%;}
h2.i-title02:before{content: "";display: block;width: 65px; height: 3px; background: #ffffff;position: absolute;bottom: 0;left: 0;border-radius: 10px;}
h2.i-title03{font-size: 24px; color: #222222;font-weight: 500;padding:0;margin: 0 0 15px 0;line-height: 1.5;width: 100%;}
h2.i-title04{font-size: 24px; color: #ffffff;font-weight: 500;padding:0 0 10px 0;margin: 0 0 15px 0;line-height: 1.5;position: relative;width: 100%;}
h2.i-title04 span{display: block;width: 100%;font-size: 16px; color: #f6fbff;font-weight: 300;margin: 0 0 5px 0;}
.sub-standard01{font-size: 16px; color: #666666;margin: 0 0 6px 0;width: 100%;}
.sub-standard02{font-size: 14px; color: #d61836;margin: 0 0 6px 0;position: relative;padding: 0 0 0 16px;width: 100%;}
.sub-standard02:before{content: "";display: block;width: 5px; height: 5px;background: #d61836;position: absolute;top: 8px; left: 2px;}
.sub-standard03{font-size: 16px; color: #666666;margin: -9px 0 25px 0;width: 100%;}
@media screen and (max-width:1005px){
	.white{padding: 0 15px;}
    .blue{padding: 0 15px;}
    .gray{padding: 0 15px;}
}
@media screen and (max-width:767px){
    .white-main{padding:30px 0;}
	.white{display:block;}
    .blue-main{padding: 30px 0;}
    .blue{display:block;}
    .gray-main{padding: 30px 0;}
    .gray{display:block;}
    h2.i-title01{font-size: 24px;margin: 0 0 20px 0;}
    h2.i-title01 span{font-size: 22px; }
}

/** 區塊一 **/
.i-information001{flex: 1.4;font-size: 16px; color: #222222;width: 100%;}
.i-information001 .i-content{font-size: 16px; color: #222222;}
.i-information001 .i-contact{font-size: 14px;color: #666666;}
.i-line001{margin: 25px 0;}
.photo01{flex: 1;border-radius: 3px; overflow: hidden;margin: 0 0 0 20px;height: 100%;}
.photo01 img{width: 100%;}
@media screen and (max-width:767px){
	.photo01{width: 100%; margin:15px auto 0 auto;}
    .i-line001{margin: 15px 0;}
}

/** 區塊二 **/
.blue02-main:before{content: "";display: block;width: 200%;height: 100%;background-color: #005bab;background-image: url("../images/content_bg.png");background-position: center center;background-repeat: repeat; position: absolute;left: -100%; top: 0;z-index: -1;}
.i-information002{font-size: 16px; color: #ffffff;width: 100%;}
.i-information002 .i-content{font-size: 16px; color: #ffffff;}
.i-information002 .i-experience{display: flex;align-items: center;margin: 30px 0 0 0;}
.i-information002 .i-experience .i-experience-year{background: #ffffff; width: 100px;height: 100px; display: flex;align-items: center;justify-content: center;padding: 10px; border-radius: 100px; font-size: 60px; color: #005bab;margin: 0 20px 0 0;font-weight: 700;}
.i-information002 .i-experience .i-experience-year span{font-size: 48px ;display: inline-block;}
.i-information002 .i-experience .i-experience-content{flex: 1;}
@media screen and (max-width:575px){
    .i-information002 .i-experience .i-experience-year{width:80px;height: 80px; font-size: 50px;margin: 0 15px 0 0;}
    .i-information002 .i-experience .i-experience-year span{font-size: 40px ;}
}

/** 區塊三 **/
.i-information003{font-size: 16px; color: #222222;width: 100%;}
.i-information003 .i-information-title{position: relative;}
.i-line002{position: absolute;right: 0;bottom: 0;}
.i-advantage{font-size: 16px; color: #222222;}
.i-advantage>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-advantage>ul>li{padding: 0;margin:15px;width: calc(100%/3 - 30px);text-align: center;}
.i-advantage>ul>li .i-advantage-photo{width: 166px;margin: 0 auto;}
.i-advantage>ul>li .i-advantage-information{}
.i-advantage>ul>li .i-advantage-information h3{padding: 0;margin:5px 0 10px 0;line-height: 1.4;font-size: 20px; color: #222222;font-weight: 500;}
.i-advantage>ul>li .i-advantage-information .i-advantage-content{}
@media screen and (max-width:575px){
    .i-line002{position:inherit;right:inherit;bottom: inherit;}
	.i-advantage>ul>li{margin:10px 0;width: calc(100%/1 - 0px);}
}

/** 區塊四 **/
.i-information004{flex: 1;font-size: 16px; color: #222222;width: 100%;}
.i-information004 .i-content{font-size: 16px; color: #222222;}
.i-information004 .i-content ul{list-style: none;padding: 0;margin: 0;}
.i-information004 .i-content ul>li{padding: 0 0 0 25px;margin:16px 0;width: 100%;position: relative;}
.i-information004 .i-content ul>li:before{content: "";display: block;width: 12px; height: 12px; background: url("../images/content-li-icon.svg")no-repeat center center;position: absolute;top:4px;left: 2px;}
.i-information004 .i-content ul>li h3{padding: 0;margin: 0 0 4px 0;font-weight: 400;font-size: 16px; color: #222222;}
.i-information004 .i-content ul>li .i-content-dep{}
.photo02{flex: 1.05;margin: 0 0 0 30px;height: 100%;}
.photo02>ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.photo02>ul>li{width: auto;padding: 0;margin: 0 5px;}
.photo02>ul>li img{width: 100%;}
@media screen and (max-width:767px){
	.photo02{width: 100%;margin: 15px 0 0 0;}
}

/** 區塊五 **/
.photo03{flex: 0.5;margin: 0 0 0 30px;height: 100%;}
.photo03>ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.photo03>ul>li{width: auto;padding: 0;margin: 0 5px;}
.photo03>ul>li img{width: 100%;}
@media screen and (max-width:767px){
	.photo03{width: 100%;margin: 15px 0 0 0;}
}

/** 區塊七 **/
.white02{align-items: center;}
.photo04{flex: 0.65;margin: 0 0 0 30px;height: 100%;}
.photo04>ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.photo04>ul>li{width: auto;padding: 0;margin: 0 5px;}
.photo04>ul>li img{width: 100%;}
@media screen and (max-width:767px){
	.photo04{width: 100%;margin: 15px 0 0 0;}
}

/** 區塊八 **/
.blue03-main:before{content: "";display: block;width: 200%;height: 100%;background-color: #005bab;background-image: url("../images/qa_bg.png");background-position: right center;background-repeat: no-repeat;position: absolute;left: -100%; top: 0;z-index: -1;}
.i-faq{font-size: 16px; color: #ffffff;}
.i-faq>ul{list-style: none;padding: 0;margin: 0;display: block;}
.i-faq>ul>li{padding: 0 0 0 64px;margin: 0 0 50px 0;width: 100%;position: relative;}
.i-faq>ul>li:last-of-type{margin: 0;}
.i-faq>ul>li:before{content: "";display: block;width: 50px; height: 46px; background: url("../images/icon-qa.svg")no-repeat center center;position: absolute;top:4px;left: 0px;}
.i-faq>ul>li h3{padding:15px 0 0 0;margin:5px 0 10px 0;line-height: 1.5;font-size:18px; color: #ffffff;font-weight: 500;}
.i-faq>ul>li .i-faq-content{}
.i-faq>ul>li .i-faq-content>ul{padding: 0;margin: 0 0 0 22px;}
.i-faq>ul>li .i-faq-content>ul>li{padding: 0;margin:2px 0;}
.i-faq>ul>li .i-faq-content>ol{padding: 0;margin: 0 0 0 22px;}
.i-faq>ul>li .i-faq-content>ol>li{padding: 0;margin:2px 0;}
@media screen and (max-width:767px){
    .i-faq>ul>li{margin: 0 0 20px 0;}
}
@media screen and (max-width:575px){
    .i-faq>ul>li{padding: 0 0 0 50px;}
	.i-faq>ul>li:before{width: 40px; height: 37px; top:4px;left: 0px;}
    .i-faq>ul>li h3{padding:10px 0 0 0;}
}
    
/** 內頁banner **/
.inside-banner{background:#8c8c8c; padding:25px 0;}
.inside-banner .banner-title{max-width:1200px; font-size:18px; color:#ffffff; margin:0 auto; padding:0;}
@media screen and (max-width:767px){
	.inside-banner{padding:25px 10px;}
}

/** 內頁架構 **/
.content-body{max-width:1200px; margin:0 auto; background:#ffffff; padding:0;}
.page-title{font-size:24px; color:#222222; padding:6px 0 6px 52px; margin:0 0 25px 0;background: url("../images/left-icon.svg") no-repeat left top;background-size: 40px;}
.page-content{padding: 50px 15px;}
.page-main{padding:0; font-size:16px; color:#222222;width: 100%;}
.content-page{ font-size:16px; color:#222222;background: #f3f3f3;padding:20px 0;margin: 20px 0; position: relative;}
.content-page:before{content: "";display: block;width: 100%; height: 100%; background: #f3f3f3;position: absolute;top: 0;left:-100%;}
.content-page:after{content: "";display: block;width: 15px; height: 100%; background: #f3f3f3;position: absolute;top: 0;right: -15px;}
.content-flex{display: flex;flex-wrap: wrap;font-size:16px; color:#222222;padding:40px 0;margin: 0;}
.content-flex:last-of-type{margin: 0 0 -50px 0;}
.col-lg-3{background: #e9f6ff;width: 280px;padding: 10px;flex: initial;max-width: inherit;}
.col-lg{padding:0;}
@media screen and (max-width:1005px){
	.col-lg-3{width:100%;padding:30px 15px;}
}
@media screen and (max-width:767px){
	.page-content{padding:20px 15px;}
    .content-flex{display:block;padding:30px 0;}
    .content-flex:last-of-type{margin: 0 0 -20px 0;}
}

/** 左邊分類 **/
.top-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-top-menu{margin:0 0 20px 0;background: #f3f3f3;position: relative;padding: 10px 0;}
.in-top-menu:before{content: "";display: block;width: 100%; height: 100%; background: #f3f3f3;position: absolute;top: 0;left:-100%;}
.in-top-menu:after{content: "";display: block;width: 15px; height: 100%; background: #f3f3f3;position: absolute;top: 0;right: -15px;}
.in-top-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center;}
.in-top-menu>ul>li{font-size:16px; color:#222222; padding:0;width: calc(100%/5 - 10px);margin: 5px;text-align: center;font-weight: 400;}
.in-top-menu>ul>li>a{box-shadow: 0 1px 0 0 #999999; color:#222222;  display:block; padding:6px 15px;position: relative;z-index: 1;height: 100%;}
.in-top-menu>ul>li>a:after{content: "";display: block;width: 60px;height:3px; background: #999999;position: absolute;right:calc(50% - 30px);bottom: -2px;z-index: -1;}
.in-top-menu>ul>li>a:hover{background: #ffffff; box-shadow: 0 1px 0 0 #005bab;color: #005bab ; }
.in-top-menu>ul>li>a:hover:after{content: "";display: block;width: 60px;height:3px; background: #005bab;position: absolute;right:calc(50% - 30px);bottom: -2px;z-index: -1;}
.in-top-menu>ul>li>.current{background: #ffffff;position: relative;box-shadow: 0 1px 0 0 #005bab;z-index: 1;color: #222222;}
.in-top-menu>ul>li>.current:after{content: "";display: block;width: 60px;height:3px; background: #005bab;position: absolute;right:calc(50% - 30px);bottom: -2px;z-index: -1;}
.in-top-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-top-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}
.in-top-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-top-menu>ul>li ul li a:hover{color:#71743D;}
.top-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:767px){
	.classBox{padding:10px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #005bab;}
	.m_classLink a.main{display:block; background:none; font-size:16px;  color:#222222; position:relative; padding:8px 49px 8px 8px;}
	.m_classLink a.main i{display:block; font-size:16px; background:#005bab; width:41px; height:100%; text-align:center; color:#FFF; line-height:41px; position:absolute; right:0; top:0;}
	.m_classLink a.main b{font-weight: 400;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #005bab; 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:8px; border-top:1px solid #005bab;  font-size:16px; color:#222222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#f9f9f9;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #005bab; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.top-menu-title{display:none;}
	.top-beautify{display:none;}
}

/** 元大期貨 **/
.font001{font-size: 20px;color: #222222;font-weight: 400;padding: 0;margin:30px 0 15px 0;width: 100%;}
.content-en{font-size: 15px;color: #666666;padding:15px 0;margin: 15px 0; width: 100%;border-top: 1px #cccccc dashed;}
.content-table{border-top: 3px #005bab solid;}
.content-table tr{border-bottom: 1px #005bab solid;}
.content-table tr:last-of-type{border-bottom: 3px #005bab solid;}
.content-table tr td{padding: 10px 15px;}
.content-table tr td:first-of-type{font-weight: 500;}
.content-table span{font-size: 13px;}
.content-main{display: flex;align-items: center;margin:30px 0 15px 0;}
.content-icon{width: 70px;margin: 0 15px 0 0;}
.font002{flex: 1; font-size: 18px;color: #222222;font-weight: 400;padding: 0;margin: 0; width: 100%;}
.font002 span{ font-size: 15px;color: #444444;padding: 0 0 0 5px;}
@media screen and (max-width:575px){
    .content-icon{width: 60px;}
    .font002 span{ padding: 0;display: block;width: 100%;}
}

/** 元大下單軟體 **/
.software-information{flex: 1;font-size: 16px; color: #222222;width: 100%;}
.software-information .software-title{font-size: 24px; color: #222222;font-weight: 500;padding:0;margin: 0 0 15px 0;line-height: 1.5;width: 100%;}
.software-information .software-sub-standard{font-size: 14px; color: #d61836;margin: 0 0 6px 0;position: relative;padding: 0 0 0 16px;width: 100%;}
.software-information .software-sub-standard:before{content: "";display: block;width: 5px; height: 5px;background: #d61836;position: absolute;top: 8px; left: 2px;}
.software-information .software-content{font-size: 16px; color: #222222;}
.software-information .software-content h3{padding:2px 15px;margin:25px 0 10px 0;font-weight: 400;font-size: 16px; color: #ffffff;display: table;background: #005bab;line-height: 1.5;border-radius: 3px;}
.software-information .software-content ul{list-style: none;padding: 0;margin: 0;}
.software-information .software-content ul>li{padding: 0 0 0 25px;margin:10px 0;width: 100%;position: relative;}
.software-information .software-content ul>li:before{content: "";display: block;width: 12px; height: 12px; background: url("../images/content-li-icon.svg")no-repeat center center;position: absolute;top:7px;left: 2px;}
.software-photo{flex: 0.4;margin: 0 0 0 30px;height: 100%;}
.software-photo>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.software-photo>ul>li{width: auto;padding: 0;margin: 0 5px;}
.software-photo>ul>li img{width: 100%;}
.software-photo02{flex:1.1;}
.software-photo02>ul>li:first-of-type{width: calc(100%/1 - 10px);}
.software-photo02>ul>li{width: calc(100%/3 - 10px);margin: 5px;}
.software-photo03{flex: 0.5;}
.software-photo04{flex: 0.65;}
.software-dep{font-size: 16px; color: #222222;margin: 15px 0 0 0;width: 100%;}
@media screen and (max-width:767px){
	.software-photo{margin: 15px 0 0 0;}
}
@media screen and (max-width:575px){
	.software-photo02>ul>li{width: calc(100%/2 - 10px);}
}

/** 線上開戶 **/
.open-account{font-size: 16px; color: #222222;}
.open-account ul{list-style: none;padding: 0;margin: 0;}
.open-account ul>li{padding: 0 0 0 25px;margin:10px 0;width: 100%;position: relative;}
.open-account ul>li:before{content: "";display: block;width: 12px; height: 12px; background: url("../images/content-li-icon.svg")no-repeat center center;position: absolute;top:7px;left: 2px;}
.open-main{display: flex;align-items: center;margin:25px 0 15px 0;}
.open-icon{width: 70px;margin: 0 15px 0 0;}
.open-ready{margin: 0;}
.open-ready>ul{list-style: none;padding: 0;margin: 0;display:flex;flex-wrap: wrap;align-items: center;}
.open-ready>ul>li{padding: 0;margin:10px;width: calc(100%/2 - 20px);display:block;}
.open-ready-content{}
.open-ready-content.note{background: #005bab;color: #ffffff; font-size: 18px;font-weight: 400;padding: 10px 25px ;display:block;border-radius: 3px 0 0 3px;position:relative;}
.open-ready-content.note:after{content: "";display: block;width: 25px; height: 100%; background: #005bab;position: absolute;top: 0;right: -25px;}
.open-ready-content>ul{list-style: none;padding: 0;margin: 0;}
.open-ready-content>ul>li{font-size: 16px;color: #222222;padding: 0 0 0 26px;margin:10px 0; background:url("../images/open-icon.svg")no-repeat left top 5px;background-size: 18px; }
.font003{flex: 1; font-size:20px;color: #222222;font-weight: 400;padding: 0;margin: 0; width: 100%;}
.font003 span{ font-size: 15px;color: #444444;padding: 0 0 0 5px;}
.step{margin:0 0 25px 0;}
.step ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.step ul li{display: block;padding:20px 15px;margin:50px 10px 10px 10px;width: calc(100%/3 - 20px); text-align: center;position: relative;z-index: 1;}
.step ul li:before{content: "";display: block;width:calc(100% - 36px);margin: 0 auto;height: calc(100% - 6px);position: absolute;top: 0;left:15px;border: 1px #aaaaaa solid; border-radius: 3px;z-index: -1;}
.step ul li:after{content: "";display: block;width:calc(100% - 36px);margin: 0 auto;height: calc(100% - 6px);position: absolute;bottom: 0;right: 15px;border: 1px #aaaaaa solid; border-radius: 3px;z-index: -1;background: #ffffff;}
.step ul li .step-number{font-size: 18px;color: #aaaaaa;position: absolute;top: -43px;left:15px;font-weight: 300;}
.step ul li .step-number span{font-size: 36px;color: #ff0000;display: inline-block;font-weight: 500;font-style: italic;}
.step ul li .step-title{width: 100%;font-size: 18px;color: #222222;font-weight: 500;padding: 5px 15px;line-height: 1.4;}
.step ul li .step-icon{width:calc(100% + 30px);margin:10px -15px 15px -15px; background: #f49c27;padding: 15px 15px;text-align: center;border-radius: 3px;position: relative;}
.step ul li .step-icon:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: -10px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #f49c27;}
.step ul li:last-of-type .step-icon:after{display: none;}
.step ul li .step-icon img{width:56px;}
.step ul li .step-content{width: 100%;padding: 0 15px;font-size: 16px;color: #222222;position: relative;}
.step ul li .step-content span{display: inline-block;font-size: 14px;color: #666666;font-weight: 400;}
@media screen and (max-width:767px){
	.open-ready>ul>li{margin:10px 0;width: calc(100%/1 - 0px);}
    .open-ready>ul>li .open-ready-title{text-align: left;margin: 10px 0;}
    .open-ready>ul>li .open-ready-content.note{text-align: center;border-radius: 3px;}
    .open-ready>ul>li .open-ready-content.note:after{display: none;}
    .step ul li{margin:50px 0px 10px 0px;width: calc(100%/1 - 0px); }
    .step ul li .step-icon:after{display: none;}
    .step ul li .step-content:after{content: "";display: block;position: absolute;left: calc(50% - 10px);bottom: -30px;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #f49c27 transparent transparent transparent;}
    .step ul li:last-of-type .step-content:after{display: none;}
}

/** 海外期貨專區 **/
.table-responsive table{min-width:720px;}
.table-font{font-size: 20px;color: #222222;font-weight: 500;}
.font005{font-size: 13px;color: #666666;margin: 5px 0;text-align: right;}
.font004{font-size: 20px;color: #222222;font-weight: 400;padding: 0 0 0 25px;margin:30px 0 15px 0;width: 100%;position: relative;}
.font004:before{content: "";display: block;width: 8px; height: 8px;background: #222222;border: 1px #ffffff solid;box-shadow: 0 0 0 1px #222222; position: absolute;top: 12px;left: 5px;border-radius: 50px;}
.content001{}
.content001 ul{margin: 0 0 0 25px;padding: 0;}
.content001 ul li{margin: 10px 0;padding: 0;}
.content001 ol{margin: 0 0 0 25px;padding: 0;}
.content001 ol li{margin: 10px 0;padding: 0;}
.open-ready-content>ul>li span{font-size: 14px;color: #666666;padding: 0 5px;display: inline-block;}
@media screen and (max-width:575px){
	.open-ready-content>ul>li span{padding: 0;}
}

/** 最新消息 **/
.news{}
.news ul{margin:0; padding:0; list-style:none;display: block;}
.news ul li{width:calc(50% + 40px);margin:15px 0 15px calc(50% - 40px);}
.news ul li:nth-child(odd){margin:10px calc(50% - 40px) 10px 0;}
.news ul li a{color:#222222; display:flex; align-items:center; padding:0;background: #f3f3f3;}
.news ul li:nth-child(odd) a{flex-direction: row-reverse;}
.news ul li a:hover{box-shadow: 0 0 0 1px #005bab,3px 3px 0 0 #005bab;}
.news ul li:nth-child(odd) a:hover{box-shadow: 0 0 0 1px #005bab,-3px 3px 0 0 #005bab;}
.news ul li .news-date{width: 80px;height: 80px; color:#ffffff;background: #005bab; font-size:16px; text-align:center; margin:0;line-height: 1.2;padding: 8px;text-transform: uppercase;display: flex;flex-wrap: wrap; align-content: center;justify-content: center;position: relative;}
.news ul li .news-date:after{content: "";display: block;position: absolute;bottom:-30px;left: calc(50% - 0.5px);width: 1px ;height: 30px;background: #005bab;}
.news ul li:last-of-type .news-date:after{display: none;}
.news ul li .news-date .news-day{font-size:36px;font-weight: 500;}
.news ul li .news-date .news-year{font-size: 13px;margin: 5px 0 0 0;}
.news ul li .news-content{flex:1; font-size:16px; color:#222222;text-align: left;margin: 0 15px 0 20px;overflow: hidden;text-overflow: ellipsis;height:50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news ul li:nth-child(odd) .news-content{text-align: right;margin: 0 20px 0 15px;}
.news-detail-date{background: #005bab;color:#ffffff;display: table;padding:5px 15px;font-style: italic;font-size: 14px;text-transform: uppercase;margin: 10px 0 15px 0;}
@media screen and (max-width:575px){
	.news ul li{width:100%;margin:15px 0 15px 0;}
    .news ul li:nth-child(odd){margin:10px 0 10px 0;}
    .news ul li .news-date{width: 70px;height: 70px;padding: 6px; }
    .news ul li .news-date .news-day{font-size:30px;}
    .news ul li .news-date .news-year{font-size: 12px;}
    .news ul li .news-date:after{display: none;}
    .news ul li .news-content{margin: 0 10px 0 10px;}
    .news ul li:nth-child(odd) .news-content{margin: 0 10px 0 10px;}
}

/** 聯絡我們 **/
.contact-body{margin: 35px 0 0 0;}
.contact-note{padding:5px 15px;margin: 10px 0; font-weight:400; font-size:14px; background:#f23838;color: #ffffff;font-style: italic;display: table;border-radius: 5px;}
.star{font-size:14px; color:#f23838;padding: 0 5px;}
.contact-information{font-size: 16px;color: #222222;}
.contact-information a{color: #666666;}
.contact-information a:hover{text-decoration: underline;}
.contact-information ul{list-style: none;padding: 0;margin: 0;}
.contact-information ul li{padding: 0;margin:0 0 15px 0;display: flex;}
.contact-information ul li:last-of-type{margin:0;}
.contact-information ul li .contact-icon{width: 30px;padding: 5px 0;}
.contact-information ul li .contact-content{flex: 1;margin: 0 0 0 15px ;padding: 0; color: #222222;}
.contact-information ul li .contact-content span{display: block;width: 100%;font-weight: 400;color: #000000;}
.contact-information ul li .contact-content span.information-note{font-size: 12px;display: initial;width: auto;font-weight: 300;}
.googlemap {position: relative;padding-bottom:56%;padding-top: 30px;height: 0;overflow: hidden;}
.googlemap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:767px){
	.googlemap {padding-bottom:50%;margin: 15px 0 0 0;}
}
@media screen and (max-width:575px){
	.googlemap {padding-bottom:70%;margin: 15px 0 0 0;}
}

/** 表單欄位 **/
label{margin-bottom: 0;min-width: 100px;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion{display:flex; flex-wrap:wrap; padding:10px 5px;margin: 0; border-radius:0; overflow:hidden;position: relative;border-bottom: 1px #cccccc solid;}
.opinion-left01{ width:120px; min-width:120px; padding:5px 15px; font-weight:400; font-size:16px; color:#495057;border-right: 1px #cccccc solid; line-height:1.8; display:flex; }
.input-main-style01{background: #f3f3f3; flex:1; width:100%; border:0;margin:0; padding:5px 15px; font-size:16px; color:#333; line-height:1.8; min-height:38px;}
.input-main-style02{background: #f3f3f3; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:38px;}
.input-main-style03{background: #f3f3f3; flex:1; width:100%; border:0;margin:5px 0 0 0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:38px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{background: #f3f3f3; width:calc(50% - 0.5px); margin:0 0.5px 0 0; padding:5px 15px; line-height:1.8; border:0; font-size:16px; color:#333; min-height:38px;}
.input-main-select select:last-of-type{margin: 0 0 0 0.5px;}
.select-style{background:#8a6e0c; font-size:16px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:16px; color:#333; line-height:1.8; min-height:38px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:16px; line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:38px; margin:0; vertical-align:middle; display:inline-block;position: absolute;bottom: 10px;right: 5px;}
.input-main-style01:focus,.input-main-style02:focus,.input-main-style03:focus,.input-main-select select:focus{outline: 1px #005bab solid;background: #ffffff;}
@media screen and (max-width:575px){
	.opinion{display:block;padding: 10px 1px;}
	.opinion-left01{width:100%;border-right:0;padding: 5px;}
	.input-main-style02{width:calc(100% - 104px); display:inline-block;}
    img.code{right:1px;}
}

/** 按鈕 **/
.cart-btn{padding:0; text-align:center; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
.cart-btn i{padding:0 0 0 8px;}
a.btn-send{display: block;padding:5px 20px; text-align:center; font-size:16px; font-weight:400; color:#ffffff; min-width:100px; margin:5px; border:0; border-radius:0;background: #005bab;}
a.btn-send:hover{background:#000000;}
a.btn-reset{display: block;background:#666666; padding:5px 20px; text-align:center; font-size:16px; color:#ffffff; font-weight:400; min-width:100px; margin:5px; border:0; border-radius:0;}
a.btn-reset:hover{background:#333333;}
a.btn-send-over{display: block;background:#7ea2c5; padding:5px 20px; text-align:center; font-size:16px; color:#fff; min-width:100px; margin:5px; border-radius:5px; border:0;}
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}
@media screen and (max-width:575px){
	a.btn-send{padding:5px 10px; width:calc(50% - 10px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 10px);}
	a.btn-send-over{padding:5px 10px; width:calc(50% - 10px);}
}

/** 頁次 **/
.page{font-size: 14px; color:#222222; text-align:center; clear:both; margin:40px 0 0 0;}
.page a{display: inline-block;background:#000000; color:#fff; padding:4px 10px;margin: 10px 0;}
.page a:hover{background:#005bab; color:#fff;}
.page br{display:none;}
@media screen and (max-width:767px){
	.page br{display:block;}
}

/** 下版 **/
footer{}
footer .footer{}
.footer-contact-block{background: #005bab;color: #ffffff;padding: 5px 15px;}
.footer-contact-main{max-width: 1200px ;margin: 0 auto;display: flex;align-items: center;}
.footer-contact-main .footer-logo{font-size: 18px;font-weight: 400;/* width: 180px; */margin: 0 30px 0 0;padding: 5px 0;}
.footer-contact-main .footer-contact{font-size: 14px;flex: 1; }
.footer-contact-main .footer-contact>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.footer-contact-main .footer-contact>ul>li{padding:5px 0;display: flex;align-items: center;width: auto;margin: 0 20px;}
.footer-contact-main .footer-contact>ul>li:last-of-type{margin: 0 0 0 20px;}
.footer-contact-main .footer-contact>ul>li .footer-contact-icon{width: 24px;margin: 0 10px 0 0;}
.footer-contact-main .footer-contact>ul>li .footer-contact-content{flex: 1;}
.footer-contact-main .footer-contact>ul>li .footer-contact-content span.information-note{font-size: 12px;display: initial;}
.footer-contact-main .footer-contact>ul>li .footer-contact-content span.colon{font-size: 14px;display:inline-block;}
.footer-contact-main .footer-contact>ul>li .footer-contact-content br{display: none;}
.footer-contact-main a{display: inline-block;color: #ffffff;}
.footer-contact-main a:hover{text-decoration: underline;}
.footer-information-block{background: #ececec;padding:15px 15px;color: #222222;}
.footer-information-main{max-width: 1200px ;margin: 0 auto;}
.footer-information-main .footer-information{font-size: 14px;margin: 25px 0;}
.footer-information-main .footer-information h4{font-size: 14px; padding: 0;margin:10px 0 10px 0;line-height: 1.4;color: #000000;font-weight: 400;}
.footer-information-main .footer-information>ul{list-style: none;padding: 0;margin: 0;}
.footer-information-main .footer-information>ul>li{padding:2px 0 2px 14px;margin: 0;font-size: 13px;position: relative;}
.footer-information-main .footer-information>ul>li:before{content: "";display: block;width: 4px; height: 4px;border-radius: 5px;background: #005bab;position: absolute;top: 11px;left: 4px;}
.footer-information-main .footer-information-contact-copyright{display: flex;align-items: flex-end;padding: 0 0 20px 0;}
.footer-information-main .footer-information-contact-copyright .footer-information-contact{font-size: 14px;color: #222222;flex: 1;margin: 0 15px 0 0;}
.footer-information-main .footer-information-contact-copyright .copyright{font-size: 12px;color: #666666;width: 330px;text-align: right;line-height: 1.4;}
.footer-information-main .footer-information-contact-copyright .copyright a{display: block; color: #dddddd;}
.footer-information-main a{display: inline-block;color: #222222;}
.footer-information-main a:hover{text-decoration: underline;}
@media screen and (max-width:1110px){
    .footer-contact-main .footer-contact>ul>li .footer-contact-content span.colon{display: none;}
    .footer-contact-main .footer-contact>ul>li .footer-contact-content br{display:block;}
}
@media screen and (max-width:990px){
    .footer-contact-main .footer-logo{margin: 0 10px 0 0;}
    .footer-contact-main .footer-contact>ul>li{margin: 0 10px;}
    .footer-contact-main .footer-contact>ul>li:last-of-type{margin: 0 0 0 10px;}
}
@media screen and (max-width:900px){
    .footer-contact-block{padding: 10px 15px;}
    .footer-contact-main{display: block;}
    .footer-contact-main .footer-contact>ul>li{margin: 0 15px 0 0;align-items:flex-start;}
    .footer-contact-main .footer-contact>ul>li:last-of-type{margin: 0 ;}
    .footer-contact-main .footer-contact>ul>li .footer-contact-content span.colon{display:inline-block;}
    .footer-contact-main .footer-contact>ul>li .footer-contact-content br{display:none;}
    .footer-information-block{padding:10px 15px;}
    .footer-information-main .footer-information{margin: 15px 0;}
}
@media screen and (max-width:820px){
    .footer-contact-main .footer-contact>ul{display: block;}
    .footer-contact-main .footer-contact>ul>li{width: 100%;margin: 0;padding: 6px 0;}
    .footer-contact-main .footer-contact>ul>li .footer-contact-icon{width: 20px;}
}
@media screen and (max-width:767px){
    .footer-information-main .footer-information-contact-copyright{display: block;}
    .footer-information-main .footer-information-contact-copyright .footer-information-contact{width: 100%;}
    .footer-information-main .footer-information-contact-copyright .copyright{width: 100%;text-align: left;margin: 5px 0 0 0;}
    .footer-contact-main .footer-contact>ul{display: block;}
    .footer-contact-main .footer-contact>ul>li{width: 100%;margin: 0;padding: 6px 0;}
    .footer-contact-main .footer-contact>ul>li .footer-contact-icon{width: 20px;}
}