@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; font-family:Arial, "微軟正黑體", "新細明體"; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

img{ width:100%; }
a{ text-decoration:none; }


/*header*/
.header{ /*position:fixed;*/ top:0; left:0; right:0; background:#fff; z-index:9999; }
.header .header-global{ border-bottom: 2px solid #ccc; padding:10px 20px; font-size: 1.6rem; }
.header .uc-lyt-row{ width: 100%; max-width: 1280px; margin: 0 auto; }
.header .uc-lyt-row .uc-table{ display:table; width:100%; }
.header .uc-lyt-row .uc-table .uc-logo{ display:table-cell; vertical-align:middle; }
.header .uc-lyt-row .uc-table .uc-logo .grids{ display:inline-block; vertical-align:middle; margin:0 30px 0 0; }
.header .uc-lyt-row .uc-table .uc-country{ display:table-cell; vertical-align:middle; text-align:right; color:#666; font-size:16px; }

/* Header Fixed  */
#header { position: static; width: 100%; top: 64px; z-index: 99999; -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; transition-property: transform, top; transition-property: transform, top, -webkit-transform; }
#header.is-scroll { top: 56px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
@media screen and (max-width: 768px) {
  #header.is-scroll { position: fixed; top: 56px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
}
#header.is-short { top: 0; position: fixed; -webkit-transition: .5s ease; transition: .5s ease; }


.header .headermenu{ background:#1e2766; position:relative; z-index:999999; }
.l-header_inner{ margin:auto; max-width:1104px; position:relative; }
.l-header_inner:after{ content:""; clear:both; display:block; }
.l-header_logo { margin-right: 58px; display:inline-block; vertical-align:middle; font-size:0; }
.l-header_button{ border-radius: 20px; padding: 8px 10px 5px 40px !important; font-size: 15px; background:#fff url(../images/bg_btn_01.png) 10px center no-repeat; background-size: 24px 19px; min-width: 154px; position:absolute; top:50%; right:0; margin-top:-18px; }
.l-header_button:hover { background-color: #fdd2e5; }
.l-header_button a{ display: block; width: 100%; color: #e4007f; font-weight: bold; height: 100%; padding: 0; text-decoration:none; }

.menus{ display:inline-block; vertical-align:middle; }
.menus .mbox-a{ display:none; }
.menus .mbox-b{ display:block; font-size:0; }
.menus .mbox-b .grids{ display:inline-block; vertical-align:middle; position:relative; margin-right: 20px; z-index: 1; }
.menus .mbox-b .grids .glink{ display:block; font-size:15px; color:#fff; font-weight:bold; line-height:70px; }

.menus .mbox-b .grids .du{ border: solid 2px #d9d9d9; background:#fff; border-top: none; position:absolute; top:70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space:nowrap; display:none; }
.menus .mbox-b .grids .du:before{ position: absolute; left: 50%; top: -7px; content: ''; width: 14px; height: 14px; z-index: 999999; background: #fff;  bottom: -7px; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); z-index:10; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
.menus .mbox-b .grids .du:after{ content:""; position:absolute; width:100%; height:5px; z-index:5; }

.menus .mbox-b .grids.m01 .du{ left: 0; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); }
.menus .mbox-b .grids.m01 .du:before{ left:25%; }

.menus .mbox-b .grids .du .listbox{ padding:0 102px; font-size:0; }
.menus .mbox-b .grids .du .listbox .lsgrids{ display:inline-block; vertical-align:top; width: 316px; margin-right: 36px; font-size:16px; }
.menus .mbox-b .grids .du .listbox .lsgrids:last-child{ margin:0; }

.l-header_mega-title{ padding: 20px 0 20px 0; margin: 0; color: #1e2766; font-size: 28px; text-align: center; background: #fff; line-height: 1; font-weight: bold; }
.l-header_mega-title a{ position: relative; display: inline-block; vertical-align: middle; color: #1e2766 !important; }
.l-header_mega-title a::before{ content: ''; background: #1e2766; width: 30px; height: 30px; position: absolute; top: 0; right: -35px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: auto; }
.l-header_mega-title a::after{ position: absolute; top: 10px; right: -23px; content: ""; vertical-align: middle; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }

.l-header_mega-headtitle{ margin-bottom: 20px; padding: 12px 20px 10px 20px; line-height: 1; background: #1e2766; font-size: 18px !important; color: #fff !important; text-align:center; }
.l-header_mega-headtitle a { color: #fff !important; position: relative; cursor: default !important; font-weight: normal; }

.l-header_mega-list{ margin: 0; list-style: none !important; }
.l-header_mega-list li { margin-bottom: 20px !important; margin-right: 0 !important; margin-left: 0 !important; line-height: 1 !important; }
.l-header_mega-list li a { padding: 0 30px 0 20px; font-size: 14px; color: #1e2766; position: relative; display: block; font-weight:bold; }
.l-header_mega-list li a::after { position: absolute; top: 3px; right: 20px; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #1e2766; border-right: 2px solid #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }
.l-header_mega-list li a:hover{ text-decoration:underline; }
.l-header_mega-list li + .border-item { padding-top: 10px !important; margin-bottom: 8px !important; }
.l-header_mega-list li.border-item { border-top: solid 2px #e4e4e4; padding-top: 22px; }
.l-header_mega-list li.border-item a{ font-weight:normal; }

.l-header_mega-closebtn { padding: 0 20px 20px 0 !important; text-align: right !important; bottom: 0 !important; right: 0 !important; background: #fff; }
.l-header_mega-closebtn a { font-size:15px; font-weight:bold; color: #1e2766 !important; position: relative !important; }
.l-header_mega-closebtn .btn { position: relative; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 32px; height: 32px; border: solid 2px #e4e4e4; background-color: #fff; margin-left: 8px; cursor: pointer; }
.l-header_mega-closebtn .btn:before { content: ""; position: absolute; display: inline-block; top: 8px; left: 13px; width: 2px; height: 12px; border: 0; background-color: #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.l-header_mega-closebtn .btn:after { content: ""; position: absolute; display: inline-block; top: 8px; left: 13px; width: 2px; height: 12px; border: 0; background-color: #1e2766; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-header-toggle{ display:none; }


/*------*/
.wapblock{ padding:60px 60px; max-width:1280px; margin:auto;
background: rgb(0,100,124);
background: -moz-linear-gradient(left,  rgba(0,100,124,1) 0%, rgba(0,160,152,1) 33%, rgba(47,187,222,1) 66%, rgba(1,81,152,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,100,124,1) 0%,rgba(0,160,152,1) 33%,rgba(47,187,222,1) 66%,rgba(1,81,152,1) 100%);
background: linear-gradient(to right,  rgba(0,100,124,1) 0%,rgba(0,160,152,1) 33%,rgba(47,187,222,1) 66%,rgba(1,81,152,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00647c', endColorstr='#015198',GradientType=1 );
}
.wapblock .bgs{ background:#fff; border:5px solid #01b5a0; width:100%; padding:35px 0; border-radius:40px; position:relative; }

.img01{ width:81.1228655%; font-size:0; margin:auto; margin-bottom:3%; }
.img02{ width:96.93053311%; font-size:0; position:relative; left:-4%; margin-bottom:3%; }
.img02.right{ right:-6%; left:auto; margin-bottom:12%; }

.sloganTxt01{ width:66.9654489%; font-size:0; margin:auto; margin-bottom: 5%; }

.pro01{ width:92.1534907%; font-size:0; margin:auto; margin-bottom: 10%; }
.pro02{ width:87.1158823%; font-size:0; margin:auto; margin-top: 5%; }
.pro03{ width:93.4563204%; font-size:0; margin:auto; margin-top: 5%; margin-bottom: 10%; }

.bigTitle01{ width:99.4493372%; font-size:0; position:relative; left:-65px; margin-bottom:4%; }
.bigTitle01.botm{ margin-bottom:0; }

.bgimg{ width:80%; padding-bottom:67.77427821%; background-image:url(../images/bgimg.jpg); background-size:cover; position:relative; background-repeat:no-repeat; background-size:80%; margin:auto; }
.bgimg .gifimg{ width:38.4210526%; position:absolute; top:4%; right:1%; }

.bTable{ display:table; width:100%; border:4px solid #fff; }
.bTable .trs{ display:table-row; }
.bTable .ths{ display:table-cell; background:#c1e0fb; vertical-align:top; font-size:32px; color:#333; padding:20px; width:260px; border-bottom:4px solid #fff; }
.bTable .ths .re{ color: #e53081; }
.bTable .tds{ display:table-cell; background:#e9f2f7; vertical-align:top; font-size:28px; color:#333; padding:20px; border-bottom:4px solid #fff; }
.bTable .grids{ display:inline-block; vertical-align:middle; padding:5px 0; }
.bTable .grids.maright{ margin:0 30px 10px 0; }
.bTable .grids .input,.block11 .bTable .grids .select{ border:1px solid #ccc; font-size:30px; width:100%; padding:0 10px; line-height:42px; height:42px; }
.bTable .grids.wh0{ width:100%; }
.bTable .grids.wh1{ width:50%; }
.bTable .grids.wh2{ width:30%; }
.bTable .grids.wh4{ width:45%; }
.bTable .grids .r_txt{ font-size:18px; }
.bTable .flexgrids{ display:flex; align-items:center; }
.bTable .flexgrids .imgs{ width:226px; font-size:0; }
.bTable .flexgrids .itxt{ font-size:24px; padding:0 0 0 20px; }
.bTable .imgbox{ width:240px; }
.bTable .imgbox img{ width:100%; }
.bTable .otxt{ font-size:24px; color: #363535; }
.bTable .ops{ font-size:24px; }
.bTable .ops .radio { display: inline-block;  padding-right: 20px; font-size: 23px; line-height: 49px; cursor: pointer;  color: #363535;  white-space: nowrap;}
.bTable .ops input { display:none; }
.bTable .ops input[type="radio"] { display: none; }
.bTable .ops .outer { height: 20px; width: 20px; display: inline-block; vertical-align: middle; border: 2px solid #333; border-radius: 50%; }
.bTable .ops .inner { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 12px; width: 12px; -webkit-transform: scale(0); transform: scale(0); display: block; margin: 2px; border-radius: 50%; background-color: #36a1ff; }
.bTable .ops input:checked + .outer { border: 2px solid #36a1ff; }
.bTable .ops input:checked + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
.bTable .ops .texts{ display:inline-block; vertical-align:middle; }

.codes{ padding:40px 0 0 0; text-align:center; }
.codes .t1{ display:inline-block; vertical-align:middle; font-size:24px; }
.codes .t2{ display:inline-block; vertical-align:middle; }
.codes .t2 input{ border: 1px solid #ccc; font-size: 30px; }
.codes .t3{ display:inline-block; vertical-align:middle; }
.codes .t4{ display:inline-block; vertical-align:middle; }
.txts{ font-size:24px; text-align:center; padding:40px 20px 0 20px; }
.txts a{ color: #003399; }
.btn{ text-align:center; padding:40px 0 0 0; }
.btn button{ background-color: #42569f; text-decoration: none; padding: 10px 30px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: none; font-size:28px; cursor: pointer; }

.stxt{ background:#fadbea; font-size:24px; color:#333; padding:5px 20px; margin:70px 0 0 0; }

.buybtn{ padding:5% 0; }
.buybtn .b_btn{ display:flex; font-size:0; width:54.5451387%; margin:auto; align-items:flex-end; }
.buybtn .b_btn .btext{ width:75.955414%; position:relative; overflow:hidden; }
.buybtn .b_btn .icons{ width:24.044586%; position:relative; }
.buybtn .b_btn .icons .arrows{ position:absolute; top:0; right: 29%; width:23.68421%; animation:amove 1.5s ease-out infinite; -webkit-animation:amove 1.5s ease-out infinite; -moz-animation:amove 1.5s ease-out infinite; }
@keyframes amove{
	0%{ top:0%; }
	50%{ top:5%; }
	100%{ top:0%; }
}
@-webkit-keyframes amove{
	0%{ top:0%; }
	50%{ top:5%; }
	100%{ top:0%; }
}
@-moz-keyframes amove{
	0%{ top:0%; }
	50%{ top:5%; }
	100%{ top:0%; }
}

.highlight{ position:absolute; width:15%; top:0; bottom:0; left:0; margin:auto; transform:skewX(-20deg); opacity: 0; animation:move_1 2.5s infinite; -webkit-animation:move_1 2.5s infinite; -moz-animation:move_1 2.5s infinite;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }

@keyframes move_1{
	0%{ opacity: 0; left:-10%; }
	5%{ opacity: 0; }
	10%{ opacity: 1; }
	30%{ opacity: 1; }
	50%{ opacity: 0; left:95%; }
	100%{ opacity: 0;  }
}
@-webkit-keyframes move_1{
	0%{ opacity: 0; left:-10%; }
	5%{ opacity: 0; }
	10%{ opacity: 1; }
	30%{ opacity: 1; }
	50%{ opacity: 0; left:95%; }
	100%{ opacity: 0;  }
}
@-moz-keyframes move_1{
	0%{ opacity: 0; left:-10%; }
	5%{ opacity: 0; }
	10%{ opacity: 1; }
	30%{ opacity: 1; }
	50%{ opacity: 0; left:95%; }
	100%{ opacity: 0;  }
}

/*footer*/
.footer{ background:#fff; padding-top:20px; }
.l-section_footer{ margin-top: 60px; background: url(../images/bg_001.png) top left no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; padding-top: 300px; padding-bottom: 0; position: relative; }
.uc-lyt-row{ width: 100%; max-width: 1280px; margin: 0 auto; }
.uc-lyt-col{ padding-top: 20px; padding-bottom: 20px; }
.parsys{ font-size:0; text-align:center; }
.parsys .grids{ display:inline-block; vertical-align:middle; margin-right:55px; width:32px; }
.parsys .grids:last-child{ margin:0; }
.parsys .grids img{ width:100%; }
.parsys .grids svg{ background-repeat: no-repeat; background-position: 50% 50%; border: none; display: block; left: 0; margin: 0 auto; overflow: hidden; padding: 0; position: relative; top: 0; width: auto; height: auto; }
.a2a_svg{ background-repeat: no-repeat; display: block; overflow: hidden; height: 32px; line-height: 32px; padding: 0; width: 32px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.c-pagetop{ font-size: 12px; position: absolute; left: 50%; top: 246px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #1e2766; font-weight: bold; text-align: center; display: block; }
.c-pagetop:before { display: block; content: ''; background: #1e2766; top: -50px; left: 50%; width: 40px; border-radius: 100%; height: 40px; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.c-pagetop:after { content: ''; left: 50%; top: -33px; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); width: 12px; height: 12px; border-top: 3px solid; border-right: 3px solid; border-color: #fff; display: block; position: absolute; }

.l-container_blue{ background: #eef7fd !important; padding-top: 30px; }
.l-container_white{ padding:40px 20px; background: #fff !important; }
.l-footer_whitebox-ttl { text-align:center; }
.l-footer_whitebox-ttl h2{ font-size:24px; }
.l-tabs{ max-width:906px; margin:0 auto; }
.l-tabs .tables{ width:100%; display:table; }
.l-tabs .tables .td-a{ display:table-cell; vertical-align:middle; width:90px; }
.l-tabs .tables .td-b{ display:table-cell; vertical-align:middle; padding-left:40px; color: #333; font-size:100%; }
.l-footer_whitebox-tel{ text-align:center; }
.l-footer_whitebox-tel a{ font-size:32px; font-weight: bolder; color: black; cursor:default; }
.l-footer_whitebox-caution{ margin: auto; margin-top: 20px; background: #eef7fd; max-width: 906px; padding: 20px 0; font-size: 18px; font-weight: bold; text-align: center; }
.l-footer_whitebox-notes{ padding:10px 0 0 0; text-align:center; }
.l-footer_lag{ text-align:right; }
.l-footer_lag button { background: url(../images/bg_btn_02.png) center center no-repeat; background-size: contain; padding: 10px 15px; color: #1e2766; font-size: 16px; text-align: center; width: 180px; cursor: pointer; display: inline-block; line-height: 1.15; border:none; }

.l-footer-s-nav{ background: #eef7fd; padding: 32px 10px; text-align:center; }
.l-footer-s-nav .grids{ display:inline-block; padding:0 10px; color: #666; font-size:12px; position:relative; }
.l-footer-s-nav .grids span:after{ position: absolute; z-index: 1; right: 0; bottom: 50%; display: inline-block; width: 1px; height: 1em; content: ""; -webkit-transform: translateY(50%) rotate(20deg); transform: translateY(50%) rotate(20deg); background: #666; }
.l-footer-s-nav .grids:nth-child(3) span:after{ display:none; }

.l-footer-copyright .l-lyt-row{ padding: 0 20px; }
.l-footer-copyright .l-lyt-col{ padding-top: 37px; padding-bottom: 37px; }
.l-footer-copyright .l-logo{ display:inline-block; vertical-align:middle; }
.l-footer-copyright .l-text{ display:inline-block; vertical-align:middle; font-size: 12px; color:#000; margin-left:140px; }

/**/
.link0528{ text-align:center; }
.link0528 img{ max-width:100%; width:auto; }
.link0528 .title{ margin-bottom:20px; }
.link0528 .banner{ padding:0 20px; }

/*浮動按鈕*/
.pageTop { position: fixed; cursor: pointer; z-index: 20; left: 50%; margin-left:580px; top:0px; bottom:0px; margin-top:auto; margin-bottom:auto; text-align: right; height:328px; width:44px; }
.pageTop a{ display:block; margin:0 0 10px 0; }
.pageTop img{ width:100%; }
	
.pageTop .webdis01{ display:none; }


/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){

}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (max-width:1400px){
.pageTop{ margin-left:0; right:0; left:auto; }
}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/*header*/
.l-header_inner{ padding: 5px 15px; }
.l-header_logo img{ width:80%; }
.l-header_button{ font-size:0; height:37px; width:37px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #fff url(../images/bg_btn_01.png) 5px center no-repeat;  background-size: 70%; min-width:auto; padding: 0 !important; right:90px; }	
.l-header_button a { background-position: 4px 8px; background-size: 70%; padding: 0; }

.menus{ position: absolute; top: 55px; left: 0; z-index: 1000 !important; width: 100%;  padding: 0 15px 10px 15px !important; background: #1e2766 !important; display:none; }
.menus .mbox-a{ display: block; margin-bottom: 0 !important; background: #fff; padding: 15px 10px 15px 10px; }
.menus .mbox-a .lis a{ display: block; position: relative; font-size: 21px; font-weight: bold; color: #1e2766 !important; }
.menus .mbox-a .lis a:before{ content: ''; background: #1e2766; width: 30px; height: 30px; position: absolute; top: 2px; right: 7px; border-radius: 15px; margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-a .lis a:after{ position: absolute; top: 13px; right: 18px; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b{ width: 100%; padding: 0 0 30px 0 !important; background: #fff !important; }
.menus .mbox-b .grids{ margin: 0 !important; color: #fff !important; width: 100% !important; font-size: 17px !important; font-weight: bold !important; text-align: left !important; padding: 0 10px 1px 10px !important; }
.menus .mbox-b .grids .glink{ line-height:normal; position: relative !important; color: #fff !important; background: #1e2766 !important; padding: 15px !important; display: block !important; top: inherit !important; }
.menus .mbox-b .grids .glink:before{ content: ''; position: absolute; background: #fff; width: 30px; height: 30px; top: 50%; right: 8px; border-radius: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b .grids .glink:after{ position: absolute; vertical-align: middle; width: 12px; height: 12px; top:23px; content: ''; right: 15px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #1e2766; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b .grids.open .glink:after { top: 13px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
.menus .mbox-b .grids .du{ border:none; display:none; position:static; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important; }
.menus .mbox-b .grids .du:before{ display:none; }
.menus .mbox-b .grids.open .du { display: block; }

.l-header_mega-title { padding: 0; color: #1e2766; width: 100%; font-size: 17px; font-weight: bold; text-align: left; }
.l-header_mega-title a{ background: none; color: #1e2766 !important; padding: 20px 15px 15px 15px; display: block; font-size: 13px; }
.l-header_mega-title a::before{ display:none; }
.l-header_mega-title a::after { width: 8px; height: 8px; right: 22px; top: 22px; border-top: 2px solid #1e2766; border-right: 2px solid #1e2766; }
.menus .mbox-b .grids .du .listbox{ padding: 0; }
.menus .mbox-b .grids .du .listbox .lsgrids{ display:block; width: 100%; border-bottom: 2px solid #fff; margin-right: 0; }
.l-header_mega-head { background: #fff; }
.l-header_mega-headtitle{ display: block; background: #eef7fd !important; border-top: 2px solid #fff; text-align: left; font-weight: bold; color: #1e2766; padding: 0; margin-bottom: 0; }
.l-header_mega-headtitle a{ font-size: 13px; padding: 15px; display: block; color: #1e2766 !important; font-weight:bold; }
.l-header_mega-headtitle a:after{ position: absolute; vertical-align: middle; width: 12px; height: 12px; top: 18px; content: ''; right: 16px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #1e2766; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menus .mbox-b .grids .du .lsgrids.open .l-header_mega-headtitle a:after { top: 10px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
.l-header_mega-list{ background: none; padding-left: 0 !important; border: solid 2px #eef7fd; margin-bottom: 10px; display:none; }
.menus .mbox-b .grids .du .lsgrids.open .l-header_mega-list { display: block; }
.l-header_mega-list li{ width: 100% !important; margin-bottom: 0 !important; background: none !important; }
.l-header_mega-list li a{ font-size: 13px; line-height: 1.2; padding: 15px 30px 15px 15px; font-weight: bold; background: none; }
.l-header_mega-list li a::after { top: 17px; }
.l-header_mega-list li + .border-item { padding-top: 0 !important; margin-bottom: 0 !important; }
.l-header_mega-list li.border-item{ border-top: none; }
.l-header_mega-list li.border-item a { font-weight: normal; border-top: solid 2px #eef7fd; }
.l-header_mega-closebtn{ display:none; }

.l-header-toggle { display: block; height: 48px; position: absolute; top: 7px !important; text-align: center; right: 23px; z-index: 999; }
.l-header-toggle p { display: none; font-size: 11px; color: #fff; }
.l-header-toggle span { height: 2px; width: 25px; margin: auto; margin-top: 15px; background: #fff; border-radius: 4px; display: block; position: relative; }
.l-header-toggle span:before { content: ''; position: relative; top: 6px; height: 2px; width: 25px; background: #fff; border-radius: 4px; display: block; }
.l-header-toggle span:after { content: ''; position: relative; top: 10px; height: 2px; width: 25px; background: #fff; border-radius: 4px; display: block; }

.l-header-toggle.is-close{ background: #fff; height: 48px !important; width: 47px !important; right: 15px; top: 11px; z-index: 1001; }
.l-header-toggle.is-close:before{ width: 3px; height: 20px; content: ''; display: block; position: absolute; background: #fff; top: 14px; left: 22px; background: #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.l-header-toggle.is-close:after{ width: 3px; height: 20px; content: ''; display: block; position: absolute; background: #fff; top: 14px; left: 22px; background: #1e2766; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.l-header-toggle.is-close p{ display:none; }
.l-header-toggle.is-close span{ display:none; }
}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/*header*/
.l-header_inner{ padding: 5px 15px; }
.l-header_logo img{ width:80%; }
.l-header_button{ font-size:0; height:37px; width:37px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #fff url(../images/bg_btn_01.png) 5px center no-repeat;  background-size: 70%; min-width:auto; padding: 0 !important; right:90px; }	
.l-header_button a { background-position: 4px 8px; background-size: 70%; padding: 0; }

.menus{ position: absolute; top: 55px; left: 0; z-index: 1000 !important; width: 100%;  padding: 0 15px 10px 15px !important; background: #1e2766 !important; display:none; }
.menus .mbox-a{ display: block; margin-bottom: 0 !important; background: #fff; padding: 15px 10px 15px 10px; }
.menus .mbox-a .lis a{ display: block; position: relative; font-size: 21px; font-weight: bold; color: #1e2766 !important; }
.menus .mbox-a .lis a:before{ content: ''; background: #1e2766; width: 30px; height: 30px; position: absolute; top: 2px; right: 7px; border-radius: 15px; margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-a .lis a:after{ position: absolute; top: 13px; right: 18px; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b{ width: 100%; padding: 0 0 30px 0 !important; background: #fff !important; }
.menus .mbox-b .grids{ margin: 0 !important; color: #fff !important; width: 100% !important; font-size: 17px !important; font-weight: bold !important; text-align: left !important; padding: 0 10px 1px 10px !important; }
.menus .mbox-b .grids .glink{ line-height:normal; position: relative !important; color: #fff !important; background: #1e2766 !important; padding: 15px !important; display: block !important; top: inherit !important; }
.menus .mbox-b .grids .glink:before{ content: ''; position: absolute; background: #fff; width: 30px; height: 30px; top: 50%; right: 8px; border-radius: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b .grids .glink:after{ position: absolute; vertical-align: middle; width: 12px; height: 12px; top:23px; content: ''; right: 15px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #1e2766; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b .grids.open .glink:after { top: 13px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
.menus .mbox-b .grids .du{ border:none; display:none; position:static; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important; }
.menus .mbox-b .grids .du:before{ display:none; }
.menus .mbox-b .grids.open .du { display: block; }

.l-header_mega-title { padding: 0; color: #1e2766; width: 100%; font-size: 17px; font-weight: bold; text-align: left; }
.l-header_mega-title a{ background: none; color: #1e2766 !important; padding: 20px 15px 15px 15px; display: block; font-size: 13px; }
.l-header_mega-title a::before{ display:none; }
.l-header_mega-title a::after { width: 8px; height: 8px; right: 22px; top: 22px; border-top: 2px solid #1e2766; border-right: 2px solid #1e2766; }
.menus .mbox-b .grids .du .listbox{ padding: 0; }
.menus .mbox-b .grids .du .listbox .lsgrids{ display:block; width: 100%; border-bottom: 2px solid #fff; margin-right: 0; }
.l-header_mega-head { background: #fff; }
.l-header_mega-headtitle{ display: block; background: #eef7fd !important; border-top: 2px solid #fff; text-align: left; font-weight: bold; color: #1e2766; padding: 0; margin-bottom: 0; }
.l-header_mega-headtitle a{ font-size: 13px; padding: 15px; display: block; color: #1e2766 !important; font-weight:bold; }
.l-header_mega-headtitle a:after{ position: absolute; vertical-align: middle; width: 12px; height: 12px; top: 18px; content: ''; right: 16px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #1e2766; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menus .mbox-b .grids .du .lsgrids.open .l-header_mega-headtitle a:after { top: 10px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
.l-header_mega-list{ background: none; padding-left: 0 !important; border: solid 2px #eef7fd; margin-bottom: 10px; display:none; }
.menus .mbox-b .grids .du .lsgrids.open .l-header_mega-list { display: block; }
.l-header_mega-list li{ width: 100% !important; margin-bottom: 0 !important; background: none !important; }
.l-header_mega-list li a{ font-size: 13px; line-height: 1.2; padding: 15px 30px 15px 15px; font-weight: bold; background: none; }
.l-header_mega-list li a::after { top: 17px; }
.l-header_mega-list li + .border-item { padding-top: 0 !important; margin-bottom: 0 !important; }
.l-header_mega-list li.border-item{ border-top: none; }
.l-header_mega-list li.border-item a { font-weight: normal; border-top: solid 2px #eef7fd; }
.l-header_mega-closebtn{ display:none; }

.l-header-toggle { display: block; height: 48px; position: absolute; top: 7px !important; text-align: center; right: 23px; z-index: 999; }
.l-header-toggle p { display: none; font-size: 11px; color: #fff; }
.l-header-toggle span { height: 2px; width: 25px; margin: auto; margin-top: 15px; background: #fff; border-radius: 4px; display: block; position: relative; }
.l-header-toggle span:before { content: ''; position: relative; top: 6px; height: 2px; width: 25px; background: #fff; border-radius: 4px; display: block; }
.l-header-toggle span:after { content: ''; position: relative; top: 10px; height: 2px; width: 25px; background: #fff; border-radius: 4px; display: block; }

.l-header-toggle.is-close{ background: #fff; height: 48px !important; width: 47px !important; right: 15px; top: 11px; z-index: 1001; }
.l-header-toggle.is-close:before{ width: 3px; height: 20px; content: ''; display: block; position: absolute; background: #fff; top: 14px; left: 22px; background: #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.l-header-toggle.is-close:after{ width: 3px; height: 20px; content: ''; display: block; position: absolute; background: #fff; top: 14px; left: 22px; background: #1e2766; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.l-header-toggle.is-close p{ display:none; }
.l-header-toggle.is-close span{ display:none; }

/**/
.wapblock{ padding:20px; }
.wapblock .bgs{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border:3px solid #01b5a0; padding: 20px 0; }

.bTable{ display:block; }
.bTable .trs{ display:block; }
.bTable .ths{ display: block; width: auto; background-color: #eef7fd; padding: 10px 10px 0 10px; border-bottom: none; color: #42569f; font-weight: bold; font-size:20px; }
.bTable .tds{ display: block; padding:0 10px 10px 10px; background-color: #eef7fd; border-bottom: 2px solid #fff; font-size:0; }
.bTable .grids .input, .block11 .bTable .grids .select{ font-size:18px; } 
.bTable .grids.wh1{ width:100%; }
.bTable .grids.wh3{ width:50%; padding-right:10px; }
.bTable .grids.wh4{ width:100%; }
.bTable .grids .r_txt{ font-size:16px; }
.bTable .otxt{ font-size:16px; color: #363535; }
.bTable .ops{ font-size:16px; }
.bTable .ops .radio{ font-size:16px; line-height: 30px; }
.bTable .ops .outer{ border:1px solid #333; width:16px; height:16px; }
.bTable .ops .inner{ width:8px; height:8px; }

.bTable .flexgrids{ display:block; padding:10px 0; }
.bTable .flexgrids .imgs{ margin:auto; }
.bTable .flexgrids .itxt{ padding:10px 0 0 0; text-align:center; font-size:18px; }

.codes .t1{ font-size:16px; display:block; text-align:center; padding:0 0 5px 0; }
.codes .t2 input{ font-size:18px; }

.txts{ font-size:16px; text-align:left; padding: 20px 20px 0 20px; }

.stxt{ margin:40px 0 0 0; font-size:14px; }

.btn button{ font-size:18px; }

.bigTitle01{ left:-23px; }

/*footer*/
.l-section_footer{ padding:240px 0 0 0; background: url(../images/bg_01_sp.png) top left no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.l-footer-copyright .l-lyt-col{ padding:20px 0 60px 0; }
.l-footer-copyright .l-text{ display:block; margin:0; text-align:center; padding:20px 0 0 0; }

.parsys .grids{ margin-right:22px; }

.c-pagetop{ top: 196px; }

.l-container_white{ margin:0 20px; }

.l-footer_whitebox-ttl{ margin: 0 0 20px 0; }
.l-footer_whitebox-ttl h2{ font-size:20px; }
.l-footer_whitebox-caution{ font-size:14px; }
.l-footer_whitebox-notes{ text-align:left; font-size:12px; max-width: 906px; margin:auto; }

.l-footer_whitebox-tel{ padding-top:15px; }
.l-footer_whitebox-tel a{ font-size:24px; }

.l-tabs .tables .td-a{ vertical-align:top; }
.l-tabs .tables .td-b{ vertical-align:top; font-size:13px; padding-left:10px; }

.l-footer-s-nav{ padding:0; font-size:0; border-top: 1px solid #ccc; text-align:left; }
.l-footer-s-nav .grids{ display:inline-block; vertical-align:middle; width:50%; height:50px; color: #1e2766; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align:center; line-height:50px; }
.l-footer-s-nav .grids span:after{ display:none; }
.l-footer-s-nav .grids:nth-child(2){ border-bottom: 1px solid #ccc; }
.l-footer-s-nav .grids:nth-child(even){ border-right:none; }
.nonegrids{ display:inline-block; vertical-align:middle; width:50%; border-bottom: 1px solid #ccc; line-height:50px; height:50px; }

/*浮動按鈕*/
.pageTop { position: fixed; cursor: pointer; z-index:20; left:auto; right:0; margin: 0px; bottom:0px; top:auto; height:37px; text-align: right; width:auto; z-index:99999; }
.pageTop .webdis01{ display:inline-block; }
.pageTop .webdis02{ display:none; }
.pageTop .webdis01 img{ width:156px; }

}