@charset "utf-8";
/* Public area, please do not change it arbitrarily */
/*★★★★★★★★★★★★★ public start ★★★★★★★★★★★★★*/
*{box-sizing: border-box;}
html, body {margin: 0; padding: 0;}
img {max-width:100%; height:auto; border-style: none;}
input, button, textarea, select, optgroup, option {outline:none;}
label {margin-bottom: auto;}
.ln_m0_p0, .ln_m0_p0 > li {list-style-type:none; margin: 0; padding: 0;}
.select_none {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
.select_none::-ms-expand { display: none !important;}
:focus, input:focus, select:focus, textarea:focus {outline: 0!important;}
* {-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; word-wrap:break-word;}

a:link, a:visited {text-decoration:none; color:#333333; transition: all 0.5s ease 0s;}
a:active, a:hover {text-decoration:none; color:#f59e2b; cursor:pointer; transition: all 0.5s ease 0s;}

.editor a {word-wrap: break-word;}
a {word-wrap: break-word; outline: none !important;}
.a_nohover {pointer-events: none; cursor: text;}

.youtubecontent {position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%;}
.youtubecontent iframe, .youtubecontent object, .youtubecontent embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.collapseBox {max-height: 200px; overflow: hidden; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.collapseBtn {position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; z-index: 100; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); cursor: pointer;}
.collapseBtn::after {content: ""; position: absolute; bottom: 10px; left: calc(50% - 9px); width: 13px; height: 13px; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff; transform: rotate(135deg);}
.showBox {max-height: inherit; padding-bottom: 50px; transition: all 1s ease 0s;}
.showBox > .collapseBtn {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0) 100%); border: 1px solid #000; height: 40px; bottom: 8px;}
.showBox > .collapseBtn::after {transform: rotate(-45deg); border-color: #000;}

/*================= font =================*/
.ff_ss {font-family: 'Noto Sans TC', sans-serif;}.ff_sf {font-family: 'Noto Serif TC', serif;}.ff_pp {font-family: 'Poppins', sans-serif;}
.ff_al {font-family:'Arial', sans-serif;}.ff_wz {font-family:'Microsoft JhengHei', sans-serif;}.ff_sm {font-family:'PMingLiU', sans-serif;}

.fs_12 {font-size:12px!important;} .fs_13 {font-size:13px!important;} .fs_14 {font-size:14px!important;} .fs_15 {font-size:15px!important;} .fs_16 {font-size:16px!important;} .fs_17 {font-size:17px!important;} .fs_18 {font-size:18px!important;} .fs_19 {font-size:19px!important;} .fs_20 {font-size:20px!important;} .fs_21 {font-size:21px!important;} .fs_22 {font-size:22px!important;} .fs_23 {font-size:23px!important;} .fs_24 {font-size:24px!important;} .fs_25 {font-size:25px!important;} .fs_26 {font-size:26px!important;} .fs_27 {font-size:27px!important;} .fs_28 {font-size:28px!important;} .fs_29 {font-size:29px!important;} .fs_30 {font-size:30px!important;} .fs_31 {font-size:31px!important;} .fs_32 {font-size:32px!important;} .fs_33 {font-size:33px!important;} .fs_34 {font-size:34px!important;} .fs_35 {font-size:35px!important;} .fs_36 {font-size:36px!important;} .fs_37 {font-size:37px!important;} .fs_38 {font-size:38px!important;} .fs_39 {font-size:39px!important;} .fs_40 {font-size:40px!important;} .fs_41 {font-size:41px!important;} .fs_42 {font-size:42px!important;} .fs_43 {font-size:43px!important;} .fs_44 {font-size:44px!important;} .fs_45 {font-size:45px!important;} .fs_46 {font-size:46px!important;} .fs_47 {font-size:47px!important;} .fs_48 {font-size:48px!important;} .fs_49 {font-size:49px!important;} .fs_50 {font-size:50px!important;} .fs_51 {font-size:51px!important;} .fs_52 {font-size:52px!important;} .fs_53 {font-size:53px!important;} .fs_54 {font-size:54px!important;} .fs_55 {font-size:55px!important;} .fs_56 {font-size:56px!important;} .fs_57 {font-size:57px!important;} .fs_58 {font-size:58px!important;} .fs_59 {font-size:59px!important;} .fs_60 {font-size:60px!important;}
.fw_n {font-weight:normal;}.fw_1 {font-weight: 100;}.fw_2 {font-weight: 200;}.fw_3 {font-weight: 300;}.fw_4 {font-weight: 400;}.fw_5 {font-weight: 500;}.fw_6 {font-weight: 600;}.fw_7 {font-weight: 700;}.fw_8 {font-weight: 800;}.fw_9 {font-weight: 900;}
.ta_l {text-align:left;}.ta_c {text-align:center;}.ta_r {text-align:right;}.ta_j {text-align:justify;}
.to_e {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.tt_up {text-transform:uppercase;}
.ti-9 {text-indent:-9999px;}

/*================= text-shadow =================*/
.ts_b {text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.5);}
.ts_w {text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}

/*================= box-shadow =================*/
.bs {box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);}
.bs_s {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.bs_m {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.bs_l {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}

/*================= images =================*/
.itv_0 {font-size:0px; line-height:0px;}
.max_img img {max-width:100%!important;	height:auto!important;}
.img_100 img {width:100%!important;}

/*================= background =================*/
.bg_sas {background-attachment: scroll;}.bg_saf {background-attachment: fixed;}
.bg_bsa {background-size: auto;}.bg_bsc {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*================= padding =================*/
.pd_20 {padding:0 20px;}.pd_30 {padding:0 30px;}.pd_40 {padding:0 40px;}

/*================= height =================*/
.spc_0 {height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both;}
.ht_5 {height:5px; font-size:0px; line-height:0px;}.ht_8 {height:8px; font-size:0px; line-height:0px;}
.ht_10 {height:10px; font-size:0px; line-height:0px;}.ht_15 {height:15px; font-size:0px; line-height:0px;}
.ht_20 {height:20px; font-size:0px; line-height:0px;}.ht_25 {height:25px; font-size:0px; line-height:0px;}
.ht_30 {height:30px; font-size:0px; line-height:0px;}.ht_40 {height:40px; font-size:0px; line-height:0px;}
.ht_50 {height:50px; font-size:0px; line-height:0px;}.ht_60 {height:60px; font-size:0px; line-height:0px;}
.ht_100 {height: 100%;}.ht_max {max-height: 100%;}

/*================= float =================*/
.ft_l {float:left;}.ft_r {float:right;}.ft_n {float:none;}.ft_i {float:inherit;}

/*================= position =================*/
.pt_r {position: relative;}.pt_a {position: absolute;}.pt_f {position: fixed;}

/*================= display =================*/
.dp_b, .pc_9, .pc_7, .pc_5 {display:block;}.dp_n, .mobile_9, .mobile_7, .mobile_5 {display:none;}.dp_i {display:inherit;}
.dp_f {display:flex;}.dp_if {display:inline-flex;}.dp_ib {display:inline-block;}

/*================= flex-direction =================*/
.fd_r {flex-direction:row;}.fd_r_reverse {flex-direction:row-reverse;}
.fd_c {flex-direction:column;}.fd_c_reverse {flex-direction:column-reverse;}

/*================= flex-wrap =================*/
.fw_w {flex-wrap: wrap;}.fw_nw {flex-wrap: nowrap;}.fw_w_reverse {flex-wrap:wrap-reverse;}

/*================= justify-content =================*/
.jc-start {justify-content: flex-start;}.jc-center {justify-content: center;}
.jc-end {justify-content: flex-end;}.jc-around {justify-content: space-around;}
.jc-between {justify-content: space-between;}

/*================= align-items =================*/
.ai_start {align-items:flex-start;}.ai_center {align-items:center;}
.ai_end {align-items:flex-end;}.ai_stretch {align-items:stretch;}
.ai_baseline {align-items:baseline;}

/*================= align-content =================*/
.ac_start {align-content:flex-start;}.ac_center {align-content:center;}
.ac_end {align-content:flex-end;}.ac_around {align-content: space-around;}
.ac_between {align-content: space-between;}.ac_stretch {align-content: stretch;}

/*================= overflow =================*/
.of_a {overflow:auto;}.of_h {overflow:hidden;}.of_s {overflow:scroll;}.of_i {overflow:inherit;}
.ofx_a {overflow-x:auto;}.ofx_h {overflow-x:hidden;}.ofx_s {overflow-x:scroll;}.ofx_i {overflow-x:inherit;}
.ofy_a {overflow-y:auto;}.ofy_h {overflow-y:hidden;}.ofy_s {overflow-y:scroll;}.ofy_i {overflow-y:inherit;}
.datatable { width:100%; border-spacing:1px; border-top: 1px solid rgba(0, 0, 0, 0.12);}
.datatable tr {border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.datatable thead th {color:#fff; background: #006cb0; font-weight: 400; text-align:center; padding:12px 20px 13px 20px; line-height: 1.5;}
.datatable tbody th {color: #222222; background: #ebf0f3; font-weight: 400; padding:12px 20px 13px 20px; line-height: 1.5;}
.datatable tbody td {color: #222222; font-weight: 300; padding:12px 20px 13px 20px; line-height: 1.5;}
.table_scroll {overflow-x: auto;}
.table_scroll_note {color: #ff0000;}

/*================= placeholder =================*/
::placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Firefox, Chrome, Opera */
:-moz-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Internet Explorer 10-11 */
::-ms-input-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Microsoft Edge */
::-webkit-input-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* WebKit browsers */

/*================= transition =================*/
.fs_12, .fs_13, .fs_14, .fs_15, .fs_16, .fs_17, .fs_18, .fs_19, .fs_20, .fs_21, .fs_22, .fs_23, .fs_24, .fs_25, .fs_26, .fs_27, .fs_28, .fs_29, .fs_30, .fs_31, .fs_32, .fs_33, .fs_34, .fs_35, .fs_36, .fs_37, .fs_38, .fs_39, .fs_40, .fs_41, .fs_42, .fs_43, .fs_44, .fs_45, .fs_46, .fs_47, .fs_48, .fs_49, .fs_50, .fs_51, .fs_52, .fs_53, .fs_54, .fs_55, .fs_56, .fs_57, .fs_58, .fs_59, .fs_60, .ht_5, .ht_10, .ht_15, .ht_20, .ht_25, .ht_30, .ht_60, .ht_50, .ht_60 {transition: all 0.25s ease 0s;}

/*================= Restore settings =================*/
/*html {overflow-x:hidden!important;}*/
body {
	font-family: 'Noto Sans TC', sans-serif;
	overflow-x:hidden;
	font-size: 14px;
	line-height: inherit;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans TC', sans-serif;
}
p, td, li, label {font-size: inherit; line-height: inherit; font-weight: inherit;}
button, input, optgroup, select, textarea {font-size: inherit;}

/*★★★★★★★★★★★★★ public end ★★★★★★★★★★★★★*/

.float_share {position:fixed; bottom: 131px; right: -90px; width: 60px; z-index:99;}
.float_share > div {padding: 11px 0 0 0;}
.float_share > div a {width: 60px; height: 60px; border-radius: 60px; overflow: hidden; display: flex; flex-flow: wrap; justify-content: center; align-items: center; background: #0075b5;}
.float_share > div a:link, .float_share > div a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.float_share > div a:active, .float_share > div a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.float_share > div.float_share_fb a:hover {background: #1877f2!important;}
.float_share > div.float_share_ig a:hover {background: url("../images/ig_bg.jpg") no-repeat #0075b5 center / cover;}
.float_share > div.float_share_line a:hover {background: #23ce27!important;}
.float_share > div.float_share_yt a:hover {background: #c30000!important;}

.goTop {position:fixed; bottom: 60px; right: 20px; width: 60px; height: 60px; z-index:9955;}
.goTop a:link, .goTop a:visited {
	text-decoration:none;
	position: relative;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height:0;
	font-size:0;
    color: #fff;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
	background-color:#d60413;
	/*box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);*/
	transition: all 0s ease 0s;
}
.goTop a:active, .goTop a:hover {
	text-decoration:none;
	cursor:pointer;
    width: 60px;
    height: 60px;
	font-size:16px;
    color: #fff;
	transition: all 0.25s ease 0s;
}
.goTop a::after {content: ''; width: 60px; height: 60px; background: url("../images/top.png") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; line-height: 0; font-size: 0; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}
.goTop a:hover::after {filter:alpha(opacity=0); Opacity:0; transition: all 0.25s ease 0s;}

@media only screen and (min-width:993px){
    .hideUp .top-bar {box-shadow: 0 0 20px rgba(0, 108, 176, 0.3);}
    .hideUp .logo {width: 150px; top: calc(50% - 21px); transition: all 0.25s ease 0s;}
    .hideUp .top-barC {height: 60px;}
    .hideUp .top-barC .links {top: 7px;}
    .hideUp .links_lang ul {top: 50px;}
    .hideUp .links > div {min-height: 46px;}
    .hideUp .links > div > a {height: 46px;}
    .hideUp .sjj_nav_ul > li > a {padding: 20px 0;}
    .hideUp .sjj_nav_ul > li > ul {top: 59px;}
    .hideUp .sjj_nav_ul > li > ul a {padding: 7px 10px !important;}
    .hideUp .search_box {top: 50px;}
}

.frame_1600 {max-width:1800px; margin:auto; padding: 0 100px; height: 100%;}

#content {padding: 100px 0 0 0; line-height: 2; overflow:hidden!important; position: relative; z-index: 1;}

.imgCenter, .imgCenter a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 10;}
.imgCenter img {width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important;}

.imgHzoonI > div img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.imgHzoonI > div:hover img {transform: scale(0.9, 0.9); transition: all 0.5s ease 0s;}

.imgHzoonO > div img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.imgHzoonO > div:hover img {transform: scale(1.2, 1.2); transition: all 0.5s ease 0s;}

.aFull {font-size: 0; line-height: 0; text-decoration: none!important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100;}

/*.imginfo {filter: blur(10px) hue-rotate(360deg); transition: all 0.5s ease 0s;}
.imginfo.over {filter: blur(0px) hue-rotate(0deg); transition: all 0.75s ease 0s;}*/

.inputA {width: 100%; height: 40px; display: flex; padding: 0 6.5px; border: 1px solid #cecece; background-color:transparent; position: relative; z-index: 10;}
.selectA {width: 100%; max-width: 160px; height: 40px; display: flex; padding: 2px 40px 0 6.5px; border: 1px solid #cecece; font-size: 15px; color: #858585; background-color:transparent; background-image:url(../images/icon_02a.png); background-repeat:no-repeat; background-position:calc(100% - 9px) 19px; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;  position: relative; z-index: 10;}
.selectA::-ms-expand { display: none !important;}
.selectB {width: 100%; height: 40px; display: flex; padding: 0 40px 1px 6.5px; border: 1px solid #cecece; font-size: 15px; color: #858585; background-color:transparent; background-image:url(../images/icon_02a.png); background-repeat:no-repeat; background-position:calc(100% - 18px) 17px; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;  position: relative; z-index: 10;}
.selectB::-ms-expand { display: none !important;}
.textareaA {width: 100%; height: 151px; display: flex; padding: 6.5px; border: 1px solid #cecece; background-color:transparent; position: relative; z-index: 10;}

.ul_a, .ul_a > li {list-style-type:none; margin: 0; padding: 0;}
.ul_a {width: 100%; max-width: calc(100% - 240px); padding: 6px 0 0 0;}
.ul_a > li {padding: 10px 0 11px 29px; position: relative; line-height: 1.2;}
.ul_a > li::before {content: ''; background: #f49728; width: 15px; height: 4px; border-radius: 2px; position: absolute; top: 20px; left: 2px;}

.ul_b, .ul_b > li {list-style-type:none; margin: 0; padding: 0;}
.ul_b {width: 100%; padding: 6px 0 0 0;}
.ul_b > li {padding: 1.374% 0 1.51% 29px; position: relative; line-height: 1.2;}
.ul_b > li::before {content: ''; background: #f49728; width: 15px; height: 4px; border-radius: 2px; position: absolute; top: 20px; left: 2px;}


/* CSS Responsive public */
/* Public area, please do not change it arbitrarily */

@media only screen and (max-width:1600px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b16 {display:block;}.dp_n16 {display:none;}.dp_f16 {display:flex;}
    .ft_l16 {float:left;}.ft_r16 {float:right;}.ft_n16 {float:none;}
    .pd_20_16 {padding:0 20px;}.pd_30_16 {padding:0 30px;}.pd_40_16 {padding:0 40px;}
    .fd_r16 {flex-direction:row;}.fd_r_reverse16 {flex-direction:row-reverse;}
    .fd_c16 {flex-direction:column;}.fd_c_reverse16 {flex-direction:column-reverse;}
    .fw_w16 {flex-wrap: wrap;}.fw_nw16 {flex-wrap: nowrap;}.fw_w_reverse16 {flex-wrap:wrap-reverse;}
    .jc-start16, .ai_start16, .ac_start16 {justify-content: flex-start;}
    .jc-center16, .ai_center16, .ac_center16 {justify-content: center;}
    .jc-end16, .ai_end16, .ac_end16 {justify-content: flex-end;}
    .jc-around16, .ac_around16 {justify-content: space-around;}
    .jc-between16, .ac_between16 {justify-content: space-between;}
    .ai_stretch16, .ac_stretch16 {align-items:stretch;}
    .ai_baseline16 {align-items:baseline;}
    .max_img16 img {max-width:100%!important; height:auto!important;}
    .img_100_16 img {width:100%!important;}
    .ta_l16 {text-align:left;}.ta_c16 {text-align:center;}.ta_r16 {text-align:right;}.ta_j16 {text-align:justify;}
	.fs_12 {font-size:0.75vw!important;}
	.fs_13 {font-size:0.813vw!important;}
	.fs_14 {font-size:0.875vw!important;}
	.fs_15 {font-size:0.938vw!important;}
	.fs_16 {font-size:1vw!important;}
	.fs_17 {font-size:1.063vw!important;}
	.fs_18 {font-size:1.125vw!important;}
	.fs_19 {font-size:1.188vw!important;}
	.fs_20 {font-size:1.25vw!important;}
	.fs_21 {font-size:1.313vw!important;}
	.fs_22 {font-size:1.375vw!important;}
	.fs_23 {font-size:1.438vw!important;}
	.fs_24 {font-size:1.5vw!important;}
	.fs_25 {font-size:1.563vw!important;}
	.fs_26 {font-size:1.625vw!important;}
	.fs_27 {font-size:1.688vw!important;}
	.fs_28 {font-size:1.75vw!important;}
	.fs_29 {font-size:1.813vw!important;}
	.fs_30 {font-size:1.875vw!important;}
	.fs_31 {font-size:1.938vw!important;}
	.fs_32 {font-size:2vw!important;}
	.fs_33 {font-size:2.063vw!important;}
	.fs_34 {font-size:2.125vw!important;}
	.fs_35 {font-size:2.188vw!important;}
	.fs_36 {font-size:2.25vw!important;}
	.fs_37 {font-size:2.313vw!important;}
	.fs_38 {font-size:2.375vw!important;}
	.fs_39 {font-size:2.438vw!important;}
	.fs_40 {font-size:2.5vw!important;}
	.fs_41 {font-size:2.563vw!important;}
	.fs_42 {font-size:2.625vw!important;}
	.fs_43 {font-size:2.688vw!important;}
	.fs_44 {font-size:2.75vw!important;}
	.fs_45 {font-size:2.813vw!important;}
	.fs_46 {font-size:2.875vw!important;}
	.fs_47 {font-size:2.938vw!important;}
	.fs_48 {font-size:3vw!important;}
	.fs_49 {font-size:3.063vw!important;}
	.fs_50 {font-size:3.125vw!important;}
	.fs_51 {font-size:3.188vw!important;}
	.fs_52 {font-size:3.25vw!important;}
	.fs_53 {font-size:3.313vw!important;}
	.fs_54 {font-size:3.375vw!important;}
	.fs_55 {font-size:3.438vw!important;}
	.fs_56 {font-size:3.5vw!important;}
	.fs_57 {font-size:3.563vw!important;}
	.fs_58 {font-size:3.625vw!important;}
	.fs_59 {font-size:3.688vw!important;}
	.fs_60 {font-size:3.75vw!important;}
    /* Public end, please don’t change it arbitrarily */
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b14 {display:block;}.dp_n14 {display:none;}.dp_f14 {display:flex;}
    .ft_l14 {float:left;}.ft_r14 {float:right;}.ft_n14 {float:none;}
    .pd_20_14 {padding:0 20px;}.pd_30_14 {padding:0 30px;}.pd_40_14 {padding:0 40px;}
    .fd_r14 {flex-direction:row;}.fd_r_reverse14 {flex-direction:row-reverse;}
    .fd_c14 {flex-direction:column;}.fd_c_reverse14 {flex-direction:column-reverse;}
    .fw_w14 {flex-wrap: wrap;}.fw_nw14 {flex-wrap: nowrap;}.fw_w_reverse14 {flex-wrap:wrap-reverse;}
    .jc-start14, .ai_start14, .ac_start14 {justify-content: flex-start;}
    .jc-center14, .ai_center14, .ac_center14 {justify-content: center;}
    .jc-end14, .ai_end14, .ac_end14 {justify-content: flex-end;}
    .jc-around14, .ac_around14 {justify-content: space-around;}
    .jc-between14, .ac_between14 {justify-content: space-between;}
    .ai_stretch14, .ac_stretch14 {align-items:stretch;}
    .ai_baseline14 {align-items:baseline;}
    .max_img14 img {max-width:100%!important; height:auto!important;}
    .img_100_14 img {width:100%!important;}
    .ta_l14 {text-align:left;}.ta_c14 {text-align:center;}.ta_r14 {text-align:right;}.ta_j14 {text-align:justify;}
	.fs_12 {font-size:0.857vw!important;}
	.fs_13 {font-size:0.929vw!important;}
	.fs_14 {font-size:1vw!important;}
	.fs_15 {font-size:1.071vw!important;}
	.fs_16 {font-size:1.143vw!important;}
	.fs_17 {font-size:1.214vw!important;}
	.fs_18 {font-size:1.286vw!important;}
	.fs_19 {font-size:1.357vw!important;}
	.fs_20 {font-size:1.429vw!important;}
	.fs_21 {font-size:1.5vw!important;}
	.fs_22 {font-size:1.571vw!important;}
	.fs_23 {font-size:1.643vw!important;}
	.fs_24 {font-size:1.714vw!important;}
	.fs_25 {font-size:1.786vw!important;}
	.fs_26 {font-size:1.857vw!important;}
	.fs_27 {font-size:1.929vw!important;}
	.fs_28 {font-size:2vw!important;}
	.fs_29 {font-size:2.071vw!important;}
	.fs_30 {font-size:2.143vw!important;}
	.fs_31 {font-size:2.214vw!important;}
	.fs_32 {font-size:2.286vw!important;}
	.fs_33 {font-size:2.357vw!important;}
	.fs_34 {font-size:2.429vw!important;}
	.fs_35 {font-size:2.5vw!important;}
	.fs_36 {font-size:2.571vw!important;}
	.fs_37 {font-size:2.643vw!important;}
	.fs_38 {font-size:2.714vw!important;}
	.fs_39 {font-size:2.786vw!important;}
	.fs_40 {font-size:2.857vw!important;}
	.fs_41 {font-size:2.929vw!important;}
	.fs_42 {font-size:3vw!important;}
	.fs_43 {font-size:3.071vw!important;}
	.fs_44 {font-size:3.143vw!important;}
	.fs_45 {font-size:3.214vw!important;}
	.fs_46 {font-size:3.286vw!important;}
	.fs_47 {font-size:3.357vw!important;}
	.fs_48 {font-size:3.429vw!important;}
	.fs_49 {font-size:3.5vw!important;}
	.fs_50 {font-size:3.571vw!important;}
	.fs_51 {font-size:3.643vw!important;}
	.fs_52 {font-size:3.714vw!important;}
	.fs_53 {font-size:3.786vw!important;}
	.fs_54 {font-size:3.857vw!important;}
	.fs_55 {font-size:3.929vw!important;}
	.fs_56 {font-size:4vw!important;}
	.fs_57 {font-size:4.071vw!important;}
	.fs_58 {font-size:4.143vw!important;}
	.fs_59 {font-size:4.214vw!important;}
	.fs_60 {font-size:4.286vw!important;}
    /* Public end, please don’t change it arbitrarily */
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b12 {display:block;}.dp_n12 {display:none;}.dp_f12 {display:flex;}
    .ft_l12 {float:left;}.ft_r12 {float:right;}.ft_n12 {float:none;}
    .pd_20_12 {padding:0 20px;}.pd_30_12 {padding:0 30px;}.pd_40_12 {padding:0 40px;}
    .fd_r12 {flex-direction:row;}.fd_r_reverse12 {flex-direction:row-reverse;}
    .fd_c12 {flex-direction:column;}.fd_c_reverse12 {flex-direction:column-reverse;}
    .fw_w12 {flex-wrap: wrap;}.fw_nw12 {flex-wrap: nowrap;}.fw_w_reverse12 {flex-wrap:wrap-reverse;}
    .jc-start12, .ai_start12, .ac_start12 {justify-content: flex-start;}
    .jc-center12, .ai_center12, .ac_center12 {justify-content: center;}
    .jc-end12, .ai_end12, .ac_end12 {justify-content: flex-end;}
    .jc-around12, .ac_around12 {justify-content: space-around;}
    .jc-between12, .ac_between12 {justify-content: space-between;}
    .ai_stretch12, .ac_stretch12 {align-items:stretch;}
    .ai_baseline12 {align-items:baseline;}
    .max_img12 img {max-width:100%!important; height:auto!important;}
    .img_100_12 img {width:100%!important;}
    .ta_l12 {text-align:left;}.ta_c12 {text-align:center;}.ta_r12 {text-align:right;}.ta_j12 {text-align:justify;}
	.fs_12 {font-size:1vw!important;}
	.fs_13 {font-size:1.083vw!important;}
	.fs_14 {font-size:1.167vw!important;}
	.fs_15 {font-size:1.25vw!important;}
	.fs_16 {font-size:1.333vw!important;}
	.fs_17 {font-size:1.417vw!important;}
	.fs_18 {font-size:1.5vw!important;}
	.fs_19 {font-size:1.583vw!important;}
	.fs_20 {font-size:1.667vw!important;}
	.fs_21 {font-size:1.75vw!important;}
	.fs_22 {font-size:1.833vw!important;}
	.fs_23 {font-size:1.917vw!important;}
	.fs_24 {font-size:2vw!important;}
	.fs_25 {font-size:2.083vw!important;}
	.fs_26 {font-size:2.167vw!important;}
	.fs_27 {font-size:2.25vw!important;}
	.fs_28 {font-size:2.333vw!important;}
	.fs_29 {font-size:2.417vw!important;}
	.fs_30 {font-size:2.5vw!important;}
	.fs_31 {font-size:2.583vw!important;}
	.fs_32 {font-size:2.667vw!important;}
	.fs_33 {font-size:2.75vw!important;}
	.fs_34 {font-size:2.833vw!important;}
	.fs_35 {font-size:2.917vw!important;}
	.fs_36 {font-size:3vw!important;}
	.fs_37 {font-size:3.083vw!important;}
	.fs_38 {font-size:3.167vw!important;}
	.fs_39 {font-size:3.25vw!important;}
	.fs_40 {font-size:3.333vw!important;}
	.fs_41 {font-size:3.417vw!important;}
	.fs_42 {font-size:3.5vw!important;}
	.fs_43 {font-size:3.583vw!important;}
	.fs_44 {font-size:3.667vw!important;}
	.fs_45 {font-size:3.75vw!important;}
	.fs_46 {font-size:3.833vw!important;}
	.fs_47 {font-size:3.917vw!important;}
	.fs_48 {font-size:4vw!important;}
	.fs_49 {font-size:4.083vw!important;}
	.fs_50 {font-size:4.167vw!important;}
	.fs_51 {font-size:4.25vw!important;}
	.fs_52 {font-size:4.333vw!important;}
	.fs_53 {font-size:4.417vw!important;}
	.fs_54 {font-size:4.5vw!important;}
	.fs_55 {font-size:4.583vw!important;}
	.fs_56 {font-size:4.667vw!important;}
	.fs_57 {font-size:4.75vw!important;}
	.fs_58 {font-size:4.833vw!important;}
	.fs_59 {font-size:4.917vw!important;}
	.fs_60 {font-size:5vw!important;}
    /* Public end, please don’t change it arbitrarily */
}
/*1200px_xl_end*/


@media only screen and (max-width:992px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b9 {display:block;}.dp_n9 {display:none;}.dp_f9 {display:flex;}
    .ft_l9 {float:left;}.ft_r9 {float:right;}.ft_n9 {float:none;}
    .pd_20_9 {padding:0 20px;}.pd_30_9 {padding:0 30px;}.pd_40_9 {padding:0 40px;}
    .fd_r9 {flex-direction:row;}.fd_r_reverse9 {flex-direction:row-reverse;}
    .fd_c9 {flex-direction:column;}.fd_c_reverse9 {flex-direction:column-reverse;}
    .fw_w9 {flex-wrap: wrap;}.fw_nw9 {flex-wrap: nowrap;}.fw_w_reverse9 {flex-wrap:wrap-reverse;}
    .jc-start9, .ai_start9, .ac_start9 {justify-content: flex-start;}
    .jc-center9, .ai_center9, .ac_center9 {justify-content: center;}
    .jc-end9, .ai_end9, .ac_end9 {justify-content: flex-end;}
    .jc-around9, .ac_around9 {justify-content: space-around;}
    .jc-between9, .ac_between9 {justify-content: space-between;}
    .ai_stretch9, .ac_stretch9 {align-items:stretch;}
    .ai_baseline9 {align-items:baseline;}
    .max_img9 img {max-width:100%!important; height:auto!important;}
    .img_100_9 img {width:100%!important;}
    .ta_l9 {text-align:left;}.ta_c9 {text-align:center;}.ta_r9 {text-align:right;}.ta_j9 {text-align:justify;}
	.fs_12 {font-size:1.302vw!important;}
	.fs_13 {font-size:1.432vw!important;}
	.fs_14 {font-size:1.563vw!important;}
	.fs_15 {font-size:1.693vw!important;}
	.fs_16 {font-size:1.823vw!important;}
	.fs_17 {font-size:1.953vw!important;}
	.fs_18 {font-size:2.083vw!important;}
	.fs_19 {font-size:2.214vw!important;}
	.fs_20 {font-size:2.344vw!important;}
	.fs_21 {font-size:2.474vw!important;}
	.fs_22 {font-size:2.604vw!important;}
	.fs_23 {font-size:2.734vw!important;}
	.fs_24 {font-size:2.865vw!important;}
	.fs_25 {font-size:2.995vw!important;}
	.fs_26 {font-size:3.125vw!important;}
	.fs_27 {font-size:3.255vw!important;}
	.fs_28 {font-size:3.385vw!important;}
	.fs_29 {font-size:3.516vw!important;}
	.fs_30 {font-size:3.646vw!important;}
	.fs_31 {font-size:3.776vw!important;}
	.fs_32 {font-size:3.906vw!important;}
	.fs_33 {font-size:4.036vw!important;}
	.fs_34 {font-size:4.167vw!important;}
	.fs_35 {font-size:4.297vw!important;}
	.fs_36 {font-size:4.427vw!important;}
	.fs_37 {font-size:4.557vw!important;}
	.fs_38 {font-size:4.688vw!important;}
	.fs_39 {font-size:4.818vw!important;}
	.fs_40 {font-size:4.948vw!important;}
	.fs_41 {font-size:5.078vw!important;}
	.fs_42 {font-size:5.208vw!important;}
	.fs_43 {font-size:5.339vw!important;}
	.fs_44 {font-size:5.469vw!important;}
	.fs_45 {font-size:5.599vw!important;}
	.fs_46 {font-size:5.729vw!important;}
	.fs_47 {font-size:5.859vw!important;}
	.fs_48 {font-size:5.99vw!important;}
	.fs_49 {font-size:6.12vw!important;}
	.fs_50 {font-size:6.25vw!important;}
	.fs_51 {font-size:6.38vw!important;}
	.fs_52 {font-size:6.51vw!important;}
	.fs_53 {font-size:6.641vw!important;}
	.fs_54 {font-size:6.771vw!important;}
	.fs_55 {font-size:6.901vw!important;}
	.fs_56 {font-size:7.031vw!important;}
	.fs_57 {font-size:7.161vw!important;}
	.fs_58 {font-size:7.292vw!important;}
	.fs_59 {font-size:7.422vw!important;}
	.fs_60 {font-size:7.552vw!important;}
	.ht_15 {height:10px; font-size:0px; line-height:0px;}
	.ht_20 {height:15px; font-size:0px; line-height:0px;} .ht_25 {height:20px; font-size:0px; line-height:0px;}
	.ht_30 {height:25px; font-size:0px; line-height:0px;} .ht_40 {height:35px; font-size:0px; line-height:0px;}
	.ht_50 {height:45px; font-size:0px; line-height:0px;} .ht_60 {height:55px; font-size:0px; line-height:0px;}
    /* Public end, please don’t change it arbitrarily */
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b7 {display:block;}.dp_n7 {display:none;}.dp_f7 {display:flex;}
    .ft_l7 {float:left;}.ft_r7 {float:right;}.ft_n7 {float:none;}
    .pd_20_7 {padding:0 20px;}.pd_30_7 {padding:0 30px;}.pd_40_7 {padding:0 40px;}
    .fd_r7 {flex-direction:row;}.fd_r_reverse7 {flex-direction:row-reverse;}
    .fd_c7 {flex-direction:column;}.fd_c_reverse7 {flex-direction:column-reverse;}
    .fw_w7 {flex-wrap: wrap;}.fw_nw7 {flex-wrap: nowrap;}.fw_w_reverse7 {flex-wrap:wrap-reverse;}
    .jc-start7, .ai_start7, .ac_start7 {justify-content: flex-start;}
    .jc-center7, .ai_center7, .ac_center7 {justify-content: center;}
    .jc-end7, .ai_end7, .ac_end7 {justify-content: flex-end;}
    .jc-around7, .ac_around7 {justify-content: space-around;}
    .jc-between7, .ac_between7 {justify-content: space-between;}
    .ai_stretch7, .ac_stretch7 {align-items:stretch;}
    .ai_baseline7 {align-items:baseline;}
    .max_img7 img {max-width:100%!important; height:auto!important;}
    .img_100_7 img {width:100%!important;}
    .ta_l7 {text-align:left;}.ta_c7 {text-align:center;}.ta_r7 {text-align:right;}.ta_j7 {text-align:justify;}
	.fs_12 {font-size: 1.736vw!important;}
	.fs_13 {font-size: 1.91vw!important;}
	.fs_14 {font-size: 2.083vw!important;}
    .fs_15 {font-size: 2.257vw!important;}
    .fs_16 {font-size: 2.431vw!important;}
    .fs_17 {font-size: 2.604vw!important;}
    .fs_18 {font-size: 2.778vw!important;}
    .fs_19 {font-size: 2.951vw!important;}
    .fs_20 {font-size: 3.125vw!important;}
    .fs_21 {font-size: 3.299vw!important;}
    .fs_22 {font-size: 3.472vw!important;}
    .fs_23 {font-size: 3.646vw!important;}
    .fs_24 {font-size: 3.819vw!important;}
    .fs_25 {font-size: 3.993vw!important;}
    .fs_26 {font-size: 4.167vw!important;}
    .fs_27 {font-size: 4.34vw!important;}
    .fs_28 {font-size: 4.514vw!important;}
    .fs_29 {font-size: 4.688vw!important;}
    .fs_30 {font-size: 4.861vw!important;}
    .fs_31 {font-size: 5.035vw!important;}
    .fs_32 {font-size: 5.208vw!important;}
    .fs_33 {font-size: 5.382vw!important;}
    .fs_34 {font-size: 5.556vw!important;}
    .fs_35 {font-size: 5.729vw!important;}
    .fs_36 {font-size: 5.903vw!important;}
    .fs_37 {font-size: 6.076vw!important;}
    .fs_38 {font-size: 6.25vw!important;}
    .fs_39 {font-size: 6.424vw!important;}
    .fs_40 {font-size: 6.597vw!important;}
    .fs_41 {font-size: 6.771vw!important;}
    .fs_42 {font-size: 6.944vw!important;}
    .fs_43 {font-size: 7.118vw!important;}
    .fs_44 {font-size: 7.292vw!important;}
    .fs_45 {font-size: 7.465vw!important;}
    .fs_46 {font-size: 7.639vw!important;}
    .fs_47 {font-size: 7.813vw!important;}
    .fs_48 {font-size: 7.986vw!important;}
    .fs_49 {font-size: 8.16vw!important;}
    .fs_50 {font-size: 8.333vw!important;}
    .fs_51 {font-size: 8.507vw!important;}
    .fs_52 {font-size: 8.681vw!important;}
    .fs_53 {font-size: 8.854vw!important;}
    .fs_54 {font-size: 9.028vw!important;}
    .fs_55 {font-size: 9.201vw!important;}
    .fs_56 {font-size: 9.375vw!important;}
    .fs_57 {font-size: 9.549vw!important;}
    .fs_58 {font-size: 9.722vw!important;}
    .fs_59 {font-size: 9.896vw!important;}
    .fs_60 {font-size: 10.069vw!important;}
	.ht_20 {height:10px; font-size:0px; line-height:0px;} .ht_25 {height:15px; font-size:0px; line-height:0px;}
	.ht_30 {height:20px; font-size:0px; line-height:0px;} .ht_40 {height:30px; font-size:0px; line-height:0px;}
	.ht_50 {height:40px; font-size:0px; line-height:0px;} .ht_60 {height:50px; font-size:0px; line-height:0px;}
    /* Public end, please don’t change it arbitrarily */
}
/*768px_md_end*/


@media only screen and (max-width:576px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b5 {display:block;}.dp_n5 {display:none;}.dp_f5 {display:flex;}
    .ft_l5 {float:left;}.ft_r5 {float:right;}.ft_n5 {float:none;}
    .pd_20_5 {padding:0 20px;}.pd_30_5 {padding:0 30px;}.pd_40_5 {padding:0 40px;}
    .fd_r5 {flex-direction:row;}.fd_r_reverse5 {flex-direction:row-reverse;}
    .fd_c5 {flex-direction:column;}.fd_c_reverse5 {flex-direction:column-reverse;}
    .fw_w5 {flex-wrap: wrap;}.fw_nw5 {flex-wrap: nowrap;}.fw_w_reverse5 {flex-wrap:wrap-reverse;}
    .jc-start5, .ai_start5, .ac_start5 {justify-content: flex-start;}
    .jc-center5, .ai_center5, .ac_center5 {justify-content: center;}
    .jc-end5, .ai_end5, .ac_end5 {justify-content: flex-end;}
    .jc-around5, .ac_around5 {justify-content: space-around;}
    .jc-between5, .ac_between5 {justify-content: space-between;}
    .ai_stretch5, .ac_stretch5 {align-items:stretch;}
    .ai_baseline5 {align-items:baseline;}
    .max_img5 img {max-width:100%!important; height:auto!important;}
    .img_100_5 img {width:100%!important;}
    .ta_l5 {text-align:left;}.ta_c5 {text-align:center;}.ta_r5 {text-align:right;}.ta_j5 {text-align:justify;}
	.fs_12 {font-size: 2.326vw!important;}
	.fs_13 {font-size: 2.558vw!important;}
	.fs_14 {font-size: 2.791vw!important;}
    .fs_15 {font-size: 3.023vw!important;}
    .fs_16 {font-size: 3.256vw!important;}
    .fs_17 {font-size: 3.488vw!important;}
    .fs_18 {font-size: 3.721vw!important;}
    .fs_19 {font-size: 3.953vw!important;}
    .fs_20 {font-size: 4.186vw!important;}
    .fs_21 {font-size: 4.419vw!important;}
    .fs_22 {font-size: 4.651vw!important;}
    .fs_23 {font-size: 4.884vw!important;}
    .fs_24 {font-size: 5.116vw!important;}
    .fs_25 {font-size: 5.349vw!important;}
    .fs_26 {font-size: 5.581vw!important;}
    .fs_27 {font-size: 5.814vw!important;}
    .fs_28 {font-size: 6.047vw!important;}
    .fs_29 {font-size: 6.279vw!important;}
    .fs_30 {font-size: 6.512vw!important;}
    .fs_31 {font-size: 6.744vw!important;}
    .fs_32 {font-size: 6.977vw!important;}
    .fs_33 {font-size: 7.209vw!important;}
    .fs_34 {font-size: 7.442vw!important;}
    .fs_35 {font-size: 7.674vw!important;}
    .fs_36 {font-size: 7.907vw!important;}
    .fs_37 {font-size: 8.14vw!important;}
    .fs_38 {font-size: 8.372vw!important;}
    .fs_39 {font-size: 8.605vw!important;}
    .fs_40 {font-size: 8.837vw!important;}
    .fs_41 {font-size: 9.07vw!important;}
    .fs_42 {font-size: 9.302vw!important;}
    .fs_43 {font-size: 9.535vw!important;}
    .fs_44 {font-size: 9.767vw!important;}
    .fs_45 {font-size: 10vw!important;}
    .fs_46 {font-size: 10.233vw!important;}
    .fs_47 {font-size: 10.465vw!important;}
    .fs_48 {font-size: 10.698vw!important;}
    .fs_49 {font-size: 10.93vw!important;}
    .fs_50 {font-size: 11.163vw!important;}
    .fs_51 {font-size: 11.395vw!important;}
    .fs_52 {font-size: 11.628vw!important;}
    .fs_53 {font-size: 11.86vw!important;}
    .fs_54 {font-size: 12.093vw!important;}
    .fs_55 {font-size: 12.326vw!important;}
    .fs_56 {font-size: 12.558vw!important;}
    .fs_57 {font-size: 12.791vw!important;}
    .fs_58 {font-size: 13.023vw!important;}
    .fs_59 {font-size: 13.256vw!important;}
    .fs_60 {font-size: 13.488vw!important;}
	.ht_25 {height:10px; font-size:0px; line-height:0px;}
	.ht_30 {height:15px; font-size:0px; line-height:0px;} .ht_40 {height:25px; font-size:0px; line-height:0px;}
	.ht_50 {height:35px; font-size:0px; line-height:0px;} .ht_60 {height:45px; font-size:0px; line-height:0px;}
    /* Public end, please don’t change it arbitrarily */
}
/*576px_sm_end*/


@media only screen and (max-width:430px){
    /* Public start, please don’t change it arbitrarily */
    .dp_b4 {display:block;}.dp_n4 {display:none;}.dp_f4 {display:flex;}
    .ft_l4 {float:left;}.ft_r4 {float:right;}.ft_n4 {float:none;}
    .pd_20_4 {padding:0 20px;}.pd_30_4 {padding:0 30px;}.pd_40_4 {padding:0 40px;}
    .fd_r4 {flex-direction:row;}.fd_r_reverse4 {flex-direction:row-reverse;}
    .fd_c4 {flex-direction:column;}.fd_c_reverse4 {flex-direction:column-reverse;}
    .fw_w4 {flex-wrap: wrap;}.fw_nw4 {flex-wrap: nowrap;}.fw_w_reverse4 {flex-wrap:wrap-reverse;}
    .jc-start4, .ai_start4, .ac_start4 {justify-content: flex-start;}
    .jc-center4, .ai_center4, .ac_center4 {justify-content: center;}
    .jc-end4, .ai_end4, .ac_end4 {justify-content: flex-end;}
    .jc-around4, .ac_around4 {justify-content: space-around;}
    .jc-between4, .ac_between4 {justify-content: space-between;}
    .ai_stretch4, .ac_stretch4 {align-items:stretch;}
    .ai_baseline4 {align-items:baseline;}
    .max_img4 img {max-width:100%!important; height:auto!important;}
    .img_100_4 img {width:100%!important;}
    .ta_l4 {text-align:left;}.ta_c4 {text-align:center;}.ta_r4 {text-align:right;}.ta_j4 {text-align:justify;}
	.fs_12 {font-size: 14px!important;}
	.fs_13 {font-size: 15px!important;}
	.fs_14 {font-size: 16px!important;}
    .fs_15 {font-size: 17px!important;}
    .fs_16 {font-size: 18px!important;}
    .fs_17 {font-size: 19px!important;}
    .fs_18 {font-size: 19px!important;}
    .fs_19 {font-size: 20px!important;}
    .fs_20 {font-size: 20px!important;}
    .fs_21 {font-size: 20px!important;}
    .fs_22 {font-size: 21px!important;}
    .fs_23 {font-size: 21px!important;}
    .fs_24 {font-size: 21px!important;}
    .fs_25 {font-size: 22px!important;}
    .fs_26 {font-size: 22px!important;}
    .fs_27 {font-size: 22px!important;}
    .fs_28 {font-size: 23px!important;}
    .fs_29 {font-size: 23px!important;}
    .fs_30 {font-size: 24px!important;}
    .fs_31 {font-size: 24px!important;}
    .fs_32 {font-size: 25px!important;}
    .fs_33 {font-size: 25px!important;}
    .fs_34 {font-size: 26px!important;}
    .fs_35 {font-size: 26px!important;}
    .fs_36 {font-size: 27px!important;}
    .fs_37 {font-size: 27px!important;}
    .fs_38 {font-size: 28px!important;}
    .fs_39 {font-size: 28px!important;}
    .fs_40 {font-size: 29px!important;}
    .fs_41 {font-size: 29px!important;}
    .fs_42 {font-size: 30px!important;}
    .fs_43 {font-size: 30px!important;}
    .fs_44 {font-size: 31px!important;}
    .fs_45 {font-size: 31px!important;}
    .fs_46 {font-size: 32px!important;}
    .fs_47 {font-size: 32px!important;}
    .fs_48 {font-size: 33px!important;}
    .fs_49 {font-size: 33px!important;}
    .fs_50 {font-size: 34px!important;}
    .fs_51 {font-size: 34px!important;}
    .fs_52 {font-size: 35px!important;}
    .fs_53 {font-size: 35px!important;}
    .fs_54 {font-size: 36px!important;}
    .fs_55 {font-size: 36px!important;}
    .fs_56 {font-size: 37px!important;}
    .fs_57 {font-size: 37px!important;}
    .fs_58 {font-size: 38px!important;}
    .fs_59 {font-size: 38px!important;}
    .fs_60 {font-size: 39px!important;}
	.ht_30 {height:10px; font-size:0px; line-height:0px;} .ht_40 {height:20px; font-size:0px; line-height:0px;}
	.ht_50 {height:30px; font-size:0px; line-height:0px;} .ht_60 {height:40px; font-size:0px; line-height:0px;}
    /* Public end, please don’t change it arbitrarily */
}
/*430px_xs_end*/


@media only screen and (max-width:350px){
    /* Public start, please don’t change it arbitrarily */
	.fs_12 {font-size: 12px!important;}
	.fs_13 {font-size: 12px!important;}
	.fs_14 {font-size: 12px!important;}
    .fs_15 {font-size: 12px!important;}
    .fs_16 {font-size: 12px!important;}
    .fs_17 {font-size: 13px!important;}
    .fs_18 {font-size: 13px!important;}
    .fs_19 {font-size: 14px!important;}
    .fs_20 {font-size: 14px!important;}
    .fs_21 {font-size: 14px!important;}
    .fs_22 {font-size: 15px!important;}
    .fs_23 {font-size: 15px!important;}
    .fs_24 {font-size: 15px!important;}
    .fs_25 {font-size: 16px!important;}
    .fs_26 {font-size: 16px!important;}
    .fs_27 {font-size: 16px!important;}
    .fs_28 {font-size: 17px!important;}
    .fs_29 {font-size: 17px!important;}
    .fs_30 {font-size: 18px!important;}
    .fs_31 {font-size: 18px!important;}
    .fs_32 {font-size: 19px!important;}
    .fs_33 {font-size: 19px!important;}
    .fs_34 {font-size: 20px!important;}
    .fs_35 {font-size: 20px!important;}
    .fs_36 {font-size: 21px!important;}
    .fs_37 {font-size: 21px!important;}
    .fs_38 {font-size: 22px!important;}
    .fs_39 {font-size: 22px!important;}
    .fs_40 {font-size: 23px!important;}
    .fs_41 {font-size: 23px!important;}
    .fs_42 {font-size: 24px!important;}
    .fs_43 {font-size: 24px!important;}
    .fs_44 {font-size: 25px!important;}
    .fs_45 {font-size: 25px!important;}
    .fs_46 {font-size: 26px!important;}
    .fs_47 {font-size: 26px!important;}
    .fs_48 {font-size: 24px!important;}
    .fs_49 {font-size: 27px!important;}
    .fs_50 {font-size: 28px!important;}
    .fs_51 {font-size: 28px!important;}
    .fs_52 {font-size: 29px!important;}
    .fs_53 {font-size: 29px!important;}
    .fs_54 {font-size: 30px!important;}
    .fs_55 {font-size: 30px!important;}
    .fs_56 {font-size: 31px!important;}
    .fs_57 {font-size: 31px!important;}
    .fs_58 {font-size: 32px!important;}
    .fs_59 {font-size: 32px!important;}
    .fs_60 {font-size: 33px!important;}
    /* Public end, please don’t change it arbitrarily */
}
/*350px_xs_end*/


/* CSS Responsive */

@media only screen and (max-width:1600px){
    .logo {width: 200px;}
    .banner .item .txt {left: 7%;}
    .banner .item .txt > .pho {max-width: 500px; padding: 25px 0 0 0;}
    .ind_A > .frame_1600 > .txt {padding: 25px 0.938% 0 4%;}
    .ind_C > .frame_1600 > .txt {width: 42%;}
    .ind_C > .frame_1600 > .txt > .ul_a {max-width: calc(100% - 210px); padding: 5% 0 0 0;}
    .ind_C > .frame_1600 > .img {width: 58%;}
    .leaf {top: -27%;}
    .ind_D > .con > .lis .item > .box > .txt {padding: 44% 9.86% 10.141% 15.212%;}
    footer > .fot .con > .inf {width: 450px;}
    footer > .fot .con > .fmn {width: calc(100% - 240px - 450px); padding: 46px 0 30px 4%;}
    .subBn > .img > .bg {top: -94%;}
    .subBn > .txt {right: 600px;}
    .subBn > .pro {width: 490px;}
    .path > div > ul {width: calc(100% - 490px);}
    .pic_01 {top: -110px;}
    .abou_A > .txt {padding: 0 5.25% 300px 5%;}
    .abou_B > .txt {padding: 0 0 70px 3.9%;}
    .abou_A > .txt p, .abou_B > .txt p {line-height: 1.7;}
    .abou_C > .txt > .fon {width: 70%; left: 33%; top: 3.5%;}
    .abou_D > div > .tit img {width: 85px;}
    .abou_E > .lis > div > .con {width: calc(100% - 200px);}
    .abou_E > .lis > div > .dat {width: 200px;}
    .pro_lis > div {padding: 0 20px; margin: 0 auto 80px auto;}
    .pro_lis > div > .txt {padding: 47% 9.86% 9.86% 15.212%;}
    .pro_sub {width: calc(100% - 445px);}
    .side_M {width: 445px; padding: 30px 0 0 80px;}
    .news_lis > div {padding: 18px 0 40px 0;}
    .news_lis > div > .tit {line-height: 1.2;}
    .cont_con > .cont_form {padding: 0 5% 0 0;}
    .cont_con > .cont_info {padding: 6px 0 0 4%;}
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
    .top-barC, .banner {padding: 0 20px;}
    .logo {width: 150px; top: 30px; left: 4%;}
    .menu {left: 175px; right: 265px;}
    .links {right: 20px;}
    .links > div {margin-left: 14px;}
    .banner .owl-prev {left: -14px;}
    .banner .owl-next {right: -14px;}
    .banner .item .txt {top: 50%; left: 4%;}
    .banner .item .txt > .pho {max-width: 460px; padding: 20px 0 0 0;}
    .ind_A > .frame_1600 > .txt {padding: 10px 0.938% 0 2%;}
    .ind_A > .frame_1600 > .txt .tit {letter-spacing: 1px;}
    .ind_B {padding: 29px 0 40px 0;}
    .ind_B > .lis > div {padding: 20px 2%;}
    .ind_C > .frame_1600 > .txt {padding: 0 0 0 0;}
    .ind_C > .frame_1600 > .txt .en {padding: 0 0 15px 0; margin: 0;}
    .ind_C > .frame_1600 > .txt .tit {padding: 0 0 15px 0; margin: 0;}
    .ind_C > .frame_1600 > .txt .fs_24 {margin: 0 0 10px 0;}
    .ind_C > .frame_1600 > .txt > .ul_a {max-width: 100%; padding: 20px 0;}
    .ind_C > .frame_1600 > .txt > .bot {position: relative; bottom: auto; right: auto; justify-content: flex-end;}
    .ul_a {max-width: 100%; padding: 0;}
    .ul_a > li {padding: 7px 0 7px 29px;}
    .ul_a > li::before {top: 17px;}
    .ind_D > .con > .txt {padding: 20px 0 60px 4.102%;}
    .ind_D > .con > .lis {padding: 0;}
    footer > .cot .bot {padding: 0;}
    footer > .cot .bot > a {max-width: 32%;}
    footer > .cot .bot > a:active, footer > .cot .bot > a:hover {max-width: 29%;}
    footer > .fot .con > .logoF {width: 190px; padding: 30px 0px;}
    footer > .fot .con > .inf {width: 330px;}
    footer > .fot .con > .fmn {width: calc(100% - 190px - 330px); padding: 46px 0 30px 2%;}
    .subBn > .img > .bg {top: -62%;}
    .subBn > .pro {width: 450px;}
    .subBn > .txt {right: 550px;}
    .path > div > ul {width: calc(100% - 440px);}
    .pic_01 {top: -84px;}
    .abou_A > .txt {padding: 0 5.25% 240px 5%;}
    .abou_A > .txt > .fon {left: 34%;}
    .abou_B > .txt {padding: 0 0 40px 3.9%;}
    .edit_area, .abou_A > .txt p, .abou_B > .txt p, .abou_C > .txt p, .abou_D > div > p, .seo-content {line-height: 1.7;}
    .ul_b > li::before {top: 17px;}
    .abou_C > .txt > .fon {width: 64%; left: 37%; top: 4.5%;}
    .abou_C > .txt > .tit {padding: 0 0 2% 0;}
    .abou_D > div {width: 29%; margin: 0 2.166% 30px 2.166%;}
    .abou_D > div > .tit img {width: 75px; margin: 0 7px -8px 0;}
    .abou_E > .fon {top: 1.5%;}
    .abou_E > .lis > div > .con {width: calc(100% - 195px);}
    .abou_E > .lis > div > .dat {width: 195px;}
    .pro_lis {padding: 0 0 30px 0;}
    .pro_lis > div {padding: 0 15px; margin: 0 auto 70px auto;}
    .pro_lis > div > .txt {padding: 47% 9% 9% 9%;}
    .pro_sub {width: calc(100% - 370px); padding: 24px 30px 0 30px;}
    .pro_sub > .txt {width: calc(100% - 317px);}
    .pro_sub > .pho {width: 317px; padding: 0;}
    .side_M {width: 370px; padding: 30px 0 0 40px;}
    .side_M > .en {padding: 0 0 30px 0;}
    .news_lis > div {padding: 18px 0 35px 0; margin: 0 0 20px 0;}
    .cont_wrap {padding: 0 0 6.149% 0; margin: 0;}
    .cont_con {padding: 3.5% 3%;}
    .cont_con > .cont_form {width: 63%; padding: 0 3% 0 0;}
    .cont_con > .cont_info {width: 37%; padding: 6px 0 0 3%;}
    .cont_con > .cont_info > .lis > .img {min-width: 55px; height: 55px;}
    .cont_con > .cont_info > .lis > .img img {width: 30px;}
    .cont_con > .cont_info > .lis > .txt {padding: 1px 0 0 4%;}
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
    .frame_1600 {padding: 0 50px;}
    .top-barC {height: 60px;}
    .logo {width: 120px; top: 15px;}
    .logo > a {overflow: hidden; width: 56px;}
    .logo > a img {width: 140px; max-width: none!important;}
    .links {top: 7px;}
    .links > div {min-height: 46px; margin-left: 5px;}
    .links > div > a {min-width: 46px; height: 46px;}
    .links_lang ul {top: 50px;}
    .links_lang > a {min-width: 120px !important;}
    .search_box {top: 50px;}
    .menu {left: 90px; right: 4%;}
    .sjj_nav_ul > li > a {padding: 20px 0px;}
    .sjj_nav_ul > li > ul {top: 59px;}
    #content {padding: 60px 0 0 0;}
    #content::before {height: 145px;}
    .banner .item .txt > .pho {max-width: 440px;}
    .fonts_01 {bottom: -47%;}
    .ind_B > .lis > div {padding: 20px 1.5%;}
    .fonts_02 {top: -17%;}
    .leaf {top: -20%;}
    .ind_D > .con > .txt {padding: 10px 0 60px 0;}
    .ind_D > .con > .txt .en, .ind_D > .con > .txt .tit {padding: 0 0 7% 0; margin: 0;}
    .ind_D > .con > .lis .item > .box > .txt {padding: 44% 20px 10.141% 20px;}
    .ind_E {padding: 40px 0;}
    .ind_E > .frame_1600 > .owl-carousel {padding: 20px 0 10px 0;}
    .ind_E .owl-nav {filter: alpha(opacity=100); Opacity: 1;}
    footer > .cot .bot > a {max-width: 37%;}
    footer > .cot .bot > a:active, footer > .cot .bot > a:hover {max-width: 33%;}
    footer > .txt {padding: 30px 0;}
    footer > .fot {padding: 40px 0 0 0;}
    footer > .fot .con {padding: 0 0 10px 0; justify-content: center;}
    footer > .fot .con > .logoF {width: 210px; padding: 0px 0px 30px 0px;}
    footer > .fot .con > .inf {width: calc(70% - 210px); padding: 18px 20px 30px 20px;}
    footer > .fot .con > .inf::after {content: none;}
    footer > .fot .con > .fmn {width: 100%; padding: 0;}
    footer > .fot .con > .fmn > ul > li:first-child {padding: 0 0 15px 0;}
    .subBn > .img > .bg {top: -47%;}
    .subBn > .txt {right: 490px;}
    .subBn > .pro {top: 23%; width: 410px;}
    .path > div > ul {width: calc(100% - 430px);}
    .pic_01 {top: -67px; left: 10px;}
    .abou_A > .txt {padding: 0 4.8% 150px 5%;}
    .abou_B > .txt {padding: 0 0 0 3.9%;}
    .abou_C > .img {padding: 16px 0 0 0;}
    .abou_C > .txt {padding: 0 0 0 5%;}
    .abou_C > .txt > .en {margin: 0 0 2.52% 0;}
    .abou_D {padding: 0 0 2.813% 0;}
    .abou_D > div {width: 30%; margin: 0 1.6666% 30px 1.6666%;}
    .abou_D > div > .tit img {width: 65px; margin: 0 5px -8px 0;}
    .pro_lis > div > .txt {padding: 47% 20px 10.141% 20px;}
    .detail_a {padding: 40px 0 0 0;}
    .pro_sub {width: calc(100% - 300px); padding: 20px 20px 0 20px;}
    .pro_sub > .txt {width: calc(100% - 300px);}
    .pro_sub > .pho {width: 300px;}
    .side_M {width: 300px; padding: 20px 0 0 20px;}
    .side_M > .en {padding: 0 0 20px 0; margin: 0; letter-spacing: 0;}
    .side_M > .tit {padding: 0 0 20px 0; letter-spacing: 2px;}
    .sideMenu a:link, .sideMenu a:visited {padding: 14px 20px;}
    .news_lis {padding: 0 0 40px 0;}
    .news_lis > div {padding: 15px 0 30px 0;}
    .news_lis > div::before, .news_lis > div::after {top: 13px;}
    .cont_con {padding: 30px 20px;}
    .cont_con > .cont_form {width: 57%; padding: 0 20px 0 0;}
    .cont_con > .cont_info {width: 43%; padding: 6px 0 0 20px;}
    .cont_con > .cont_info > .lis > .txt {padding: 1px 0 0 4%;}
}
/*1200px_xl_end*/


@media only screen and (max-width:992px){
    .mobile_9 {display:block;} .pc_9 {display:none;}
    .table_scroll > table {min-width: 1000px;}/*依何時要表格出現捲軸而定*/
    .bg_saf {background-attachment: scroll;}
    .bg_bsc {-webkit-background-size: none; -moz-background-size: none; -o-background-size: none; background-size: none;}
    .a_nohover {pointer-events: initial;}
    .rotate_360:hover {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
    .alpha_60:hover {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3:hover, .scale_05:hover {transform: scale(1.0, 1.0);}
    .translateY_t075:hover {-moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); transition: all 0.5s ease 0s;}
    .flash-line-hover:hover::before {-webkit-animation-name: none!important; animation-name: none!important;}
    .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(0); transform: translateY(0);}
    .hvr-float-shadow:before {content: none;}
	.frame_1600, .ind_B > .lis, .ind_D > .con, .subBn {padding: 0 20px;}
    .links > div {margin-left: 10px;}
    .logo {width: 140px;}
    .logo > a {width: 100%;}
    .sjj_nav_ul > li > ul {top: auto;}
    .links_search > a {border: 2px solid #0282d3;}
    .banner {padding: 0;}
    .banner .owl-nav {top: 25%;}
    .banner .owl-prev {left: 10px;}
    .banner .owl-next {right: 10px;}
    .banner .item .txt {position: relative; top: auto; left: auto; transform: translateY(0); text-align: center; background: #46ad2e; padding: 30px 20px;}
    .banner .item .txt > .pho {max-width: 100%;}
    .banner .item .txt > .bot {position: relative; bottom: auto; right: auto; justify-content: center; padding: 15px 0 0 0;}
    .ind_A {padding: 40px 0 7.883% 0;}
    .bubbles_01 {top: -5%;}
    .fonts_01 {bottom: -32%;}
    .ind_A > .frame_1600 > .img {width: 100%; text-align: left; padding: 0;}
    .ind_A > .frame_1600 > .txt {width: 100%;  padding: 30px 0 0 0;}
    .ind_A > .frame_1600 > .txt .en, .ind_A > .frame_1600 > .txt .tit {padding: 0 0 20px 0;}
    .ind_A > .frame_1600 > .txt .fs_24 {margin: 0 0 20px 0;}
    .ind_A > .frame_1600 > .txt > .bot {padding: 20px 0 0 0; margin: 0; justify-content: center;}
    .ind_B {padding: 40px 0;}
    .ind_B > .lis > div > .img img {width: 60px;}
    .ind_C {padding: 6.306% 0 40px 0;}
    .ind_C > .frame_1600 > .txt {order: 2; width: 100%;}
    .ind_C > .frame_1600 > .txt > .bot {justify-content: center;}
    .ind_C > .frame_1600 > .img {order: 1; width: 100%; padding: 0 0 30px 0;}
    .fonts_02 {top: -20%; left: 1%; width: 90%;}
    .leaf {top: -15%; left: 16%; width: 37%;}
    .ind_D {padding: 40px 0;}
    .ind_D > .con > .txt {width: 100%; padding: 0 0 40px 0;}
    .ind_D > .con > .txt .en, .ind_D > .con > .txt .tit {padding: 0 0 15px 0;}
    .ind_D > .con > .txt > .bot {padding: 10px 0 0 0; justify-content: center;}
    .ind_D > .con > .lis {width: 100%;}
    .ind_D .owl-prev, .ind_E .owl-prev {left: -10px;}
    .ind_D .owl-next, .ind_E .owl-next {right: -10px;}
    .ind_E > .frame_1600 > .txt .en {padding: 0 0 10px 0;}
    .ind_E > .frame_1600 > .txt .tit {padding: 0 0 20px 0; margin: 0;}
    .ind_E > .frame_1600 > .owl-carousel .item .con > .tit {margin: 0 0 14px 0;}
    .ind_E > .frame_1600 > .owl-carousel .item .con > .fon {margin: 0;}
    footer > .cot .en, footer > .cot .txt {margin: 0 0 10px 0;}
    footer > .cot .bot > a {max-width: 50%;}
    footer > .cot .bot > a:active, footer > .cot .bot > a:hover {max-width: 45%;}
    footer > .fot .con > .inf {width: calc(85% - 210px);}
    #content::before {height: 125px;}
    .subBn {min-height: 260px;}
    .subBn > .img {left: 20px; right: 20px;}
    .subBn > .txt {left: 5%; right: 49%; top: 10px;}
    .subBn > .pro {top: 14%; right: 4%; width: 41%;}
    .path > div > ul {width: 100%; padding: 20px 0; margin: 0 0 10px 0;}
    .subM ul > li a:link, .subM ul > li a:visited {min-width: inherit; padding: 7px 30px;}
    .bubbles_a01 {width: 8.065%; padding-bottom: 50.404%;}
    .bubbles_a02 {width: 6.453%; padding-bottom: 50.404%;}
    .bubbles_a03 {width: 16.634%; padding-bottom: 70.565%;}
    .bubbles_a04 {width: 10.888%; padding-bottom: 60.484%;}
    .pic_01 {display: none;}
    .abou_wrap {padding: 10px 0 40px 0;}
    .abou_A > .img {width: 100%; position: relative; right: auto; top: auto;}
    .abou_A > .txt {width: 100%; padding: 20px 0 40px 0;}
    .abou_A > .txt > .pho {width: 35%; left: 64%; bottom: -64%;}
    .abou_A > .txt > .fon {width: 57%; left: auto; right: 0px; top: 40px;}
    .abou_A > .txt > .en, .abou_B > .txt > .en {padding: 0 0 10px 0;}
    .abou_A > .txt > .tit, .abou_B > .txt > .tit, .abou_C > .txt > .tit {padding: 0 0 20px 0;}
    .abou_A > .txt > .fs_24, .abou_B > .txt > .fs_24, .abou_C > .txt > .fs_24 {margin: 0 0 15px 0;}
    .abou_B > .txt {order: 2; width: 100%; padding: 30px 0 0 0;}
    .abou_B > .img {order: 1; width: 100%; position: relative; left: auto; top: auto;}
    .ul_b > li {padding: 10px 0 10px 29px}
    .ul_b > li::before {top: 21px;}
    .abou_C {padding: 0 0 40px 0;}
    .abou_C > .img {width: 100%; padding: 0; text-align: left;}
    .abou_C > .txt {width: 100%; padding: 30px 0 0 0;}
    .abou_C > .txt > .fon {left: auto; right: 0; top: 10%; width: 60%;}
    .abou_C > .txt > .en {margin: 0 0 10px 0;}
    .abou_D {padding: 0;}
    .abou_D > div {width: 32%; margin: 0 2% 30px 0;}
    .abou_D > div:nth-child(3n+3), .abou_D > div:last-child {margin: 0 0 30px 0;}
    .abou_D > div > .tit {flex-flow: column; align-items: flex-start; margin: 0 0 15px 0;}
    .abou_D > div > .tit img {width: 50px; margin: 0 0 5px 0;}
    .abou_E > .fon {width: 37%; left: auto; right: 0; top: 2%;}
    .abou_E > .en {padding: 0 0 15px 0; margin: 0;}
    .abou_E > .tit {padding: 0 0 30px 0; margin: 0;}
    .abou_E > .lis {padding: 30px 0;}
    .abou_E > .lis > div::after {width: 24px;}
    .abou_E > .lis > div, .abou_E > .lis > div:nth-child(2n+2) {flex-flow: column; padding-bottom: 0;}
    .abou_E > .lis > div > .con {order: 2; width: 100%; padding: 0 30px 0 0;}
    .abou_E > .lis > div:nth-child(2n+2) > .con {padding: 0 0 0 30px;}
    .abou_E > .lis > div > .dat {order: 1; width: 100%; line-height: 1; text-align: right; padding: 0 30px 0 0;}
    .abou_E > .lis > div:nth-child(2n+2) > .dat {text-align: left; padding: 0 0 0 30px;}
    .ul_c > li {padding: 5px 0;}
    .abou_E > .sta {padding: 12px 0 0 0;}
    .seo-content {padding: 0 0 30px 0;}
    .seo-content > .en {padding: 0 0 10px 0; margin: 0;}
    .seo-content > .tit {padding: 0 0 15px 0;}
    .pro_lis > div {width: 33.33%; padding: 0 20px; margin: 0 auto 60px auto;}
    .pro_sub {order: 2; width: 100%; padding: 0;}
    .side_M {order: 1; width: 100%; padding: 0 0 30px 0;}
    .side_M::before {content: none;}
    .side_M > .en {text-align: center; padding: 0 0 10px 0;}
    .side_M > .en::after {display: block; margin: 10px auto 0px auto;}
    .side_M > .tit {text-align: center; padding: 0;}
    .pro_sub > .txt > .tit, .pro_sub > .con > .tit_a {margin: 0 0 20px 0;}
    .demo_a > .tit_a {margin: 0 0 10px 0;}
    .pro_sub > .con {padding: 30px 0 0 0;}
    .detail_b {padding: 30px 0 0 0;}
    .cont_con {padding: 30px 20px 20px 20px;}
    .cont_con > .cont_form {width: 100%; padding: 0 0 40px 0;}
    .cont_con > .cont_form::after {content: none;}
    .cont_con > .cont_form > .not {padding: 0 6px 20px 6px; margin: 0 0 30px 0;}
    .cont_con > .cont_form > .bot {padding: 10px 0 0 0;}
    .cont_con > .cont_info {width: 100%; padding: 0 0 0 0; display: flex; flex-flow: wrap; justify-content: space-between;}
    .cont_con > .cont_info > .tit {width: 100%; text-align: center; padding: 0 0 20px 0;}
    .cont_con > .cont_info > .lis {width: 49%; margin: 0 0 20px 0;}
    .cont_con > .cont_info > .lis > .img {min-width: 60px; height: 60px;}
    .cont_con > .cont_info > .lis > .img img {width: 34px;}
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
	.mobile_7 {display: block;} .pc_7 {display:none;}
    .bubbles_01 {top: 51%; width: 21%;}
    .bubbles_02 {top: 64%; width: 9%;}
    .bubbles_03 {top: 79%; width: 7%;}
    .fonts_01 {bottom: -23%; width: 60%;}
    .ind_B > .lis > div {width: 50%; padding: 20px;}
    .ind_B > .lis > div:first-child::before {content: '';}
    footer > .cot .bot > a {max-width: 60%;}
    footer > .cot .bot > a:active, footer > .cot .bot > a:hover {max-width: 54%;}
    footer > .fot .con > .inf {width: calc(100% - 210px);}
    .subBn {min-height: 210px;}
    .bubbles_a01 {top: 22%;}
    .bubbles_a02 {top: 0%;}
    .bubbles_a03 {top: 21%;}
    .bubbles_a04 {top: 29%;}
    .abou_A > .txt > .pho {bottom: -24%;}
    .abou_D > div, .abou_D > div:nth-child(3n+3), .abou_D > div:last-child {width: 100%; margin: 0 0 30px 0;}
    .abou_D > div > .tit {flex-flow: wrap; align-items: center; margin: 0 0 15px 0;}
    .abou_D > div > .tit img {width: 40px; margin: 0 10px 0 0;}
    .abou_E > .fon {width: 44%; top: 3.5%;}
    .abou_E > .lis {padding: 30px 0 10px 0;}
    .abou_E > .lis::before {left: 10px;}
    .abou_E > .lis::after {left: 1px;}
    .abou_E > .lis > div::after, .abou_E > .lis > div:nth-child(2n+2)::after {width: 24px; left: 10px; right: auto;}
    .abou_E > .lis > div, .abou_E > .lis > div:nth-child(2n+2) {padding: 0 0 30px 10px}
    .abou_E > .lis > div > .con, .abou_E > .lis > div > .dat {padding: 0 0 0 30px; text-align: left;}
    .abou_E > .lis > div:nth-child(2n+2) > .con, .abou_E > .lis > div:nth-child(2n+2) > .dat {padding: 0 0 0 30px;}
    .abou_E > .lis > div > .dat::before {right: auto; left: -5px;}
    .abou_E > .lis > div > .dat::after {right: auto; left: -9px;}
    .ul_c > li {justify-content: flex-start;}
    .abou_E > .sta {text-align: left;}
    .pro_lis > div {width: 50%; padding: 0 20px; margin: 0 auto 50px auto;}
    .pro_sub > .txt {width: 100%; padding: 0 0 20px 0;}
    .pro_sub > .pho {width: 100%; max-width: 365px; margin: auto;}
    .sideMenu > ul > li {width: calc(50% - 20px);}
    .news_lis > div {padding: 15px 10px 30px 10px;}
    .news_lis > div > .dat {padding: 0 0 0 0;}
    .news_lis > div > .tit {width: calc(100% - 154px); padding: 0 0 0 20px;}
    .news_lis > div > .txt {width: 100%; padding: 10px 0 0 0;}
    .news_lis > div::before {top: 16px;}
    .news_lis > div::after {content: none;}
    .cont_con > .cont_info > .lis {width: 100%; max-width: 70%; margin: 0 auto 20px auto;}
}
/*768px_md_end*/


@media only screen and (max-width:576px){
    .mobile_5 {display: block;} .pc_5, .paint_05 {display:none;}
    #content {line-height: 1.5;}
    .links_lang ul {top: 53px;}
    .search_box {position: fixed; top: 60px; width: 100%;}
    .search_box input {width: calc(100% - 70px);}
    .search_box button {width: 70px;}
    .share_btn {bottom: auto!important; top: 80px; position: fixed; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
    .share_btn > ul li {margin-top: 15px;}
    .bubbles_01 {top: 35%;}
    .bubbles_02 {top: 54%;}
    .bubbles_03 {top: 69%;}
    .fonts_01 {bottom: -19%;}
    footer > .cot {padding: 40px 0;}
    footer > .cot .bot > a {max-width: 90%;}
    footer > .cot .bot > a:active, footer > .cot .bot > a:hover {max-width: 84%;}
    footer > .fot .con {padding: 0;}
    footer > .fot .con > .logoF {width: 100%;}
    footer > .fot .con > .inf {width: 100%; padding: 0 0 20px 0;}
    footer > .fot .con > .fmn {justify-content: flex-start; text-align: center;}
    footer > .fot .con > .fmn > ul {width: 33.33%; padding: 0 0 20px 0;}
    #content::before {content: none;}
    .subBn {min-height: 150px; padding: 0;}
    .subBn > .img {border-radius: 0px; left: 0; right: 0;}
    .subBn > .img > .bg {top: -57%;}
    .subBn > .txt {left: 20px; right: 30px; text-shadow: 0px 0px 5px rgb(21, 96, 144);}
    .subBn > .txt > .tit {letter-spacing: 1px; margin: 0 0 10px 0;}
    .subBn > .txt > .en {padding: 0;}
    .subBn > .pro {right: 20px;}
    .bubbles_a01 {top: 17%;}
    .bubbles_a02 {top: 0%;}
    .bubbles_a03 {top: 17%;}
    .bubbles_a04 {top: 23%;}
    .abou_A > .txt > .pho {bottom: -14%;}
    .abou_E > .fon {width: 54%;}
    .prod_wrap {padding: 0 0 40px 0;}
    .pro_lis > div {padding: 0 15px; margin: 0 auto 40px auto;}
    .pages a:link, .pages a:visited {min-width: 43px; margin: 0px 1px 5px 1px;}
    .sideMenu > ul > li {width: 100%;}
    .news_wrap, .cont_wrap {padding: 0 0 40px 0;}
    .cont_con > .cont_form > .not {line-height: 1.7;}
    .rowB > .col_A:first-child {padding: 0 0 15.5px 0;}
    .col_A {width: 100%;}
    .cont_con > .cont_info > .lis {max-width: 100%;}
}
/*576px_sm_end*/


@media only screen and (max-width:430px){
    .links > div {min-width: 46px!important;}
    .links_lang > a {min-width: 46px!important; font-size: 0!important;}
    .links_lang > a > img:last-child {display: none;}
    .banner .item .txt > p {letter-spacing: 1px!important;}
    .banner .item .txt > .fs_48 {font-size: 30px!important;}
    .bubbles_01 {top: 29%;}
    .bubbles_02 {top: 48%;}
    .bubbles_03 {top: 64%;}
    .fonts_01 {bottom: -15%;}
    .ind_A > .frame_1600 > .txt p, .ind_C > .frame_1600 > .txt p, .ind_D > .con > .txt p, .ind_D > .con > .lis .item > .box > .txt > .fon, .pro_lis > div > .txt > .fon {line-height: 1.7;}
    .ind_B > .lis > div {width: 100%; padding: 0;}
    .ind_B > .lis > div::before, .ind_E > .frame_1600 > .owl-carousel .item .con::after {content: none!important;}
    .ind_B > .lis > div > .img {margin: 0 0 20px 0;}
    .ind_B > .lis > div > .tit {margin: 0 0 10px 0;}
    .fonts_02 {top: -17%;}
    .ul_a > li {padding: 5px 0 5px 29px;}
    .ind_D > .con > .txt > .bot {padding: 20px 0 0 0;}
    .ind_D > .con > .lis .item > .box {width: 100%; max-width: 399px; padding: 0 25px; margin: 0 auto 15.04% auto;}
    .owl-theme .owl-dots .owl-dot span {margin: 10px 5px;}
    .ind_E > .frame_1600 > .owl-carousel .item .con {margin: 0 7.5% 20px 7.5%;}
    .ind_E > .frame_1600 > .owl-carousel .item .con > .fon {line-height: 1.5;}
    footer > .cot .bot > a::after {width: 60px; height: 60px;}
    footer > .txt a:link, footer > .txt a:visited {display: block;}
    footer > .fot .con > .fmn > ul {width: 50%;}
    .subBn {min-height: 110px;}
    .subBn > .txt > .en {font-size: 110%;}
    .abou_A > .txt > .pho {bottom: -9%;}
    .ul_b > li {padding: 7px 0 7px 29px;}
    .ul_b > li::before {top: 19px;}
    .abou_C > .txt > .fon {top: 8%;}
    .abou_E > .fon {top: 3%;}
    .abou_E > .lis > div::after {top: 16px;}
    .abou_E > .lis > div > .dat::before {top: 11px;}
    .abou_E > .lis > div > .dat::after {top: 7px;}
    .pro_lis > div {width: 100%; max-width: 399px; padding: 0 25px;}
    .pro_lis > div > .txt {padding: 44% 20px 10.141% 20px;}
    .pages a:link, .pages a:visited {min-width: 35px; height: 35px;}
    .pages .current {min-width: 35px!important;}
    .pages .prev {min-width: 30px !important; margin: 0px 10px 5px 0px !important;}
    .pages .prev::after {right: 5px; top: 9px;}
    .pages .next {min-width: 30px !important; margin: 0px 0px 5px 10px !important;}
    .pages .next::after {top: 9px;}
    .news_lis > div {padding: 15px 10px 20px 10px;}
    .news_lis > div > .tit {width: 100%; padding: 10px 0 0 0;}
    .news_lis > div::before {content: none;}
    .cont_con {padding: 20px 10px 10px 10px;}
    .cont_con > .cont_form > .not {padding: 0 0 20px 0;}
    .rowA, .rowB, .rowC, .rowD {padding: 0 0 15px 0;}
    .col_B {width: 27%;}
    .col_C {width: 70%;}
    .cont_con > .cont_info > .lis > .txt {padding: 0 0 0 10px; line-height: 1.4;}
    .cont_con > .cont_info > .lis > .img {min-width: 55px; height: 55px;}
    .cont_con > .cont_info > .lis > .img img {width: 30px;}
}
/*430px_xs_end*/

@media only screen and (max-width:350px){
    .links {right: 60px;}
    .logo {left: 17px;}
    .logo, .logo > a {width: 120px;}
    .banner .owl-nav {top: 21%;}
    .banner .item .txt > .fs_48 {font-size: 27px!important;}
    .ind_D > .con > .txt > .bot a {padding: 0 44px 0 6px;}
    .ind_D > .con > .txt > .bot a::before {margin: 0 25px 0 0;}
    .ind_D > .con > .txt > .bot a:hover::before {margin: 0 15px 0 0;}
    .ind_D > .con > .lis .item > .box {margin: 0 auto 15.04% auto;}
    .ind_D > .con > .lis .item > .box > .txt {padding: 44% 10px 10.141% 10px;}
    .ind_E > .frame_1600 > .owl-carousel .item .con {margin: 0 0 20px 0;}
    .ind_E > .frame_1600 > .owl-carousel .item .con > .img {margin: 0 0 7% 0;}
    footer > .cot .bot > a {max-width: 100%;}
    footer > .cot .bot > a::after {width: 50px; height: 50px;}
    footer > .cot .bot > a:active, footer > .cot .bot > a:hover {max-width: 90%;}
    .subBn {min-height: 85px;}
    .subBn > .txt {left: 10px;}
    .subBn > .txt > .tit {margin: 0 0 5px 0;}
    .subBn > .pro {right: 10px;}
    .path > div > ul li:first-child::before {width: 13px; height: 13px; top: 2px; left: 5px;}
    .ul_b > li::before {top: 14px;}
    .abou_C > .txt > .fon {top: 10%;}
    .abou_D > div > .tit img {width: 30px; margin: 0 5px 0 0;}
    .ul_c > li::before {width: 10px; min-width: 10px; margin: 7px 7px 0 0;}
    .pro_lis > div > .txt {padding: 44% 10px 10.141% 10px;}
    .pages a:link, .pages a:visited {min-width: 30px; height: 30px;}
    .pages .current {min-width: 30px!important;}
    .pages .prev {margin: 0px 5px 5px 0px !important;}
    .pages .next {margin: 0px 0px 5px 5px !important;}
    .pages .prev::after, .pages .next::after {top: 6px;}
    .news_lis > div {padding: 15px 0 20px 0;}
    .cont_con {padding: 10px 7px 0 7px;}
    .cont_con > .cont_form > .bot button {padding: 0 60px 1px 4px;}
    .cont_con > .cont_form > .bot button::before {margin: 2px 29px 0 0;}
    .cont_con > .cont_info > .lis > .img {min-width: 45px; height: 45px;}
    .cont_con > .cont_info > .lis > .img img {width: 25px;}
    .selectA {max-width: 150px;}
}
/*350px_xs_end*/