@charset "utf-8";
/* CSS Document */
/*html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}*/

ol, ul { list-style:none;}


/*  *:link, *:visited, *:hover, *:active, *:focus , * {border: none;outline: none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} */
html, body{ height: 100%; }
.slides, .clearfix .bBox h5, .clearfix .bBox ul, .leftMenu ul li h3{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}

.ContentsBox{ max-width: 1280px; margin: 0 auto; min-width: 320px;}

/*  204-216 */
.styled-select-2 { width:100%; max-width: 800px; min-width: 120px; height:36px; border: 1px solid #00aad0; color: #00aad0; overflow: hidden; background: url(../images/icon_arr_d.png) right center no-repeat #fff; border-radius: 0px 4px 4px 0px;}
.styled-select-2 select { width:100%; *width:120%; _width:120%; color: #00aad0; background: transparent; padding:5px 5px 5px 15px; font-size: 1em; line-height:1; border: 0; border-radius:0; height:40px;  -webkit-appearance: none; }
.styled-select-2 select option{ background-color:#fff;}

select {-moz-appearance: none;  text-indent: 0.01px; text-overflow: ''; padding: 5px;}

*::-ms-backdrop, .styled-select{ width:79%\0; background: url(../images/icon_arr_d.png) right center no-repeat transparent\0; background-size: contain;}
*::-ms-backdrop, .styled-select select{ width:125%\0; background: transparent\0;}
*::-ms-backdrop, .styled-select select option{ background-color:#fff\0; padding:5px 0\0;}

:root .styled-select{ width:\9\0; background: url(../images/icon_arr_d.png) right center no-repeat transparent\9\0 !important; background-size: contain;}
:root .styled-select select{ width:120%\9\0 !important; background: transparent\9\0 !important;}
:root .styled-select select option{ background-color:#fff\9\0; padding:5px 0\9\0;}



/* 19,226-244 */
.newsBox{ width: 100%; background-color: #f6f6f6; padding: 30px 0; }
.newsBox .ContentsBox{ max-width: 1400px; }
.newsBox ul{ width: 100%; }
.newsBox ul li{ float: left; width:33.33%; padding-bottom: 20px;}
.newsBox ul li .list{ padding: 0 45px }
.newsBox ul li .topBox{ width: 100%; position: relative;}
.newsBox ul li .topBox h3{ font-size: 2rem; color: #c48f21; font-weight: bold; padding-bottom: 25px; }
.newsBox ul li .topBox p.more{ position: absolute; top: 12px; right: 0px; line-height: 23px; z-index: 10; }
.newsBox ul li .topBox p.more a{ color: #414042; font-size: 0.875rem; font-weight: bold; position: relative; padding-left: 30px; display: inline-block; }
.newsBox ul li .topBox p.more a:hover{ color: #c48f21; }
.newsBox ul li .topBox p.more a:before{ position: absolute; content: ""; top: -2px; left: 0; width: 23px; height: 23px; display: block; background: url(../images/icon_more.png) center center no-repeat; background-size: cover; }
.newsBox ul li a.info{ display: block; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;}
.newsBox ul li a.info:hover p.title{ color: #d0933b; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;}
.newsBox ul li p.day{ color: #d0933b; font-size: 12px; padding-bottom: 10px;}
.newsBox ul li p.title{ color: #414042; font-weight: bold; font-size: 1.5rem; height: 24px; overflow: hidden; margin-bottom: 15px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 24px; height: 24px * 1;}
.newsBox ul li p.article{ text-align: justify-all; overflow-y: hidden; margin-bottom: 10px; min-height: 75px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 24px; height: 24px * 3; }
.newsBox ul li p.next{  position: relative; font-size: 1.063rem; font-weight: bold;}
.newsBox ul li p.next a{ min-width: 75px; height: 65px; line-height: 65px; display: inline-block; background: url(../images/icon_more_arr.png) center right no-repeat; background-size: contain; padding-right: 48px; color: #333;}
.newsBox ul li p.next a:hover{ opacity: .8; }



/* 185, 288-472 產業內頁 */
.insideBox .bannerBox{ height: 430px; background-size: cover; background-repeat: no-repeat; background-position:  center center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center}
.insideBox .bb_01{ background-image: url(../images/banner/inside_banner_01.jpg); }
.insideBox .bb_02{ background-image: url(../images/banner/inside_banner_02.jpg); }
.insideBox .bb_03{ background-image: url(../images/banner/inside_banner_03.jpg); }
.insideBox .bb_04{ background-image: url(../images/banner/inside_banner_04.jpg); }
.insideBox .bb_05{ background-image: url(../images/banner/inside_banner_05.jpg); }
.insideBox .bb_06{ background-image: url(../images/banner/inside_banner_06.jpg); }
.insideBox .bb_07{ background-image: url(../images/banner/inside_banner_07.jpg); }
.insideBox .bb_08{ background-image: url(../images/banner/inside_banner_08.jpg); }
.insideBox .bb_09{ background-image: url(../images/banner/inside_banner_09.jpg); }
.insideBox .bb_10{ background-image: url(../images/banner/inside_banner_10.jpg); }
.insideBox .bb_11{ background-image: url(../images/banner/inside_banner_11.jpg); }
.insideBox .bb_12{ background-image: url(../images/banner/inside_banner_12.jpg); }

.insideBox .bn_h250{ height: 250px; }
.insideBox .img_h250_01{ background-image: url(../images/banner/inside_bn250_01.jpg);}

.insideBox .bannerBox h2.banner_title{ background-color: #000000b3; color: #fff; font-size: 3.15rem; font-weight: bold; padding: 30px 35px; text-align: center;}
.insideBox p.p_location{ color: #141313; font-size: 0.875rem; }
.insideBox p.p_location a{color: #141313;}
.insideBox p.p_location span{ color: #d0933b; }

.insideBox .articleBox{ width: 100%; }
.insideBox .articleBox .topLineBox{ width: 100%; border-bottom: 4px solid #d0933b; padding: 50px 0 16px 0; }
.insideBox .articleBox .topLineBox h3.top_title{ font-size: 2.625rem; font-weight: bold; max-width: calc(100% - 322px);}
.insideBox .articleBox .topLineBox p.p_location a { color: #838283; background: url(../images/tool_icon_arr.png) center right no-repeat; padding: 0px 15px 0px 5px; background-size: contain; }
.insideBox .articleBox .topLineBox p.day{color: #d0933b; font-size: 0.75rem; padding:25px 0 5px 0;}

.insideBox .articleBox .topLineBox .ContentsBox{position: relative;}
.insideBox .articleBox .topLineBox .ContentsBox .tools{ position: absolute; bottom: 0px; right: 0px; text-align: right; }
.insideBox .articleBox .topLineBox .ContentsBox .tools a{ width: 50px; height: 45px; display:inline-block; background-size: contain; background-repeat: no-repeat; background-position:  center center;}
.insideBox .articleBox .topLineBox .ContentsBox .tools a:hover{opacity: .8;}
.insideBox .articleBox .topLineBox .ContentsBox .tools a.download{ background-image: url(../images/articleBox_icon_download.png); }
.insideBox .articleBox .topLineBox .ContentsBox .tools a.print{ background-image: url(../images/articleBox_icon_print.png); }
.insideBox .articleBox .topLineBox .ContentsBox .tools a.line{ background-image: url(../images/articleBox_share_icon_line.png); }
.insideBox .articleBox .topLineBox .ContentsBox .tools a.fb{ background-image: url(../images/articleBox_share_icon_fb.png); }
.insideBox .articleBox .topLineBox .ContentsBox .tools a.twitter{ background-image: url(../images/articleBox_share_icon_twitter.png); }
.insideBox .articleBox .topLineBox .ContentsBox .tools a.google{ background-image: url(../images/articleBox_share_icon_google.png); }

.insideBox .articleBox .infoBox{ padding: 40px 0 80px; background: url(../images/br/br_pyramid.png) right bottom no-repeat;}
.insideBox .articleBox .infoBox .text_content{ max-width:calc(100% - 450px); }
.insideBox .articleBox h5{ font-size: 1.313rem; font-weight: bold; padding:30px 0 15px; }
.insideBox .articleBox p{ line-height: 27px; text-align: justify;}
.insideBox .articleBox p a{ color: #006cb8; }
.insideBox .articleBox p a:hover{ text-decoration: underline; }

.insideBox .articleBox .infoBox ul{ list-style-type:disc; padding-left: 20px;}
.insideBox .articleBox .infoBox ul li{ padding-bottom: 5px; }

.insideBox .articleBox .other_dataBox{ padding: 40px 0 80px;}
.insideBox .articleBox .other_dataBox .graphicBox{ width: 100%; padding: 30px 0; }
.insideBox .articleBox .other_dataBox .graphicBox .photo{ float: left; width: 50%; float: left;}
.insideBox .articleBox .other_dataBox .graphicBox ul.list_advantage{ width: 50%; float: left; }
.insideBox .articleBox .other_dataBox .graphicBox ul.list_advantage li{ background-color: #c8841f; margin-bottom: 10px; padding: 10px 20px; border-radius: 40px; }
.insideBox .articleBox .other_dataBox .graphicBox ul.list_advantage li p{ color: #fff; }
.insideBox .articleBox .other_dataBox .graphicBox ul.list_advantage li:nth-child(even){ background-color: #d5a053;}

.insideBox .articleBox .other_dataBox ul.link_file{ width: 100%; text-align: left; padding-top: 15px; }
.insideBox .articleBox .other_dataBox ul.link_file li{ display: inline-block; margin-right: 15px; padding-bottom: 15px;}
.insideBox .articleBox .other_dataBox ul.link_file li a{ border-radius: 40px; border:1px solid #c8841f; color: #c8841f; padding: 5px 20px; display: block; }
.insideBox .articleBox .other_dataBox ul.link_file li a:hover{ text-decoration: none; background-color: #c8841f; color: #fff; }

.descriptionBox{ width: 100%; padding: 60px 0; }
.descriptionBox .leftMenu{ width: 260px; float: left; }
.descriptionBox p.p_location{padding-bottom: 25px;}
.descriptionBox .leftMenu ul li{ position: relative; }
.descriptionBox .leftMenu ul li:first-child h3::before, .descriptionBox .leftMenu ul li:last-child h3::after { display: none;}
.descriptionBox .leftMenu ul li h3{font-weight: bold; font-size: 1rem; position: relative; }
.descriptionBox .leftMenu ul li h3::before{ content: "";z-index: 1; position: absolute; top: 0; left: 25px; width: 2px; height: 50%; display: block; background-color: #d0933b; }
.descriptionBox .leftMenu ul li h3::after{ content: "";z-index: 1; position: absolute; bottom: 0; left: 25px; width: 2px; height: 50%; display: block; background-color: #d0933b; }

.descriptionBox .leftMenu ul li h3 a{color: #808080; padding: 18px 0 18px 60px; width: 100%; max-width: 175px; display: block; border-radius: 12px;}
.descriptionBox .leftMenu ul li h3 a:hover{color: #c48f21; }
.descriptionBox .leftMenu ul li::before{ content: ""; z-index: 5; position: absolute; top: 50%; left: 15px; margin-top: -11px; width: 22px; height: 22px; display: block; border-radius: 50%; background-color: #bfbfbf; }
.descriptionBox .leftMenu ul li.btn_in h3 a{color: #c48f21; background-color: #eeeeee;}
.descriptionBox .leftMenu ul li.btn_in::before{ background-color: #c48f21; }


.descriptionBox .rightBox{ width: calc(100% - 260px); float: right; }
.descriptionBox .newsBox{background-color: initial; border-bottom: 1px solid #c2c2c2;}
.descriptionBox .newsBox ul li{ width: 50%; position: relative; }
/*.descriptionBox .newsBox ul li:first-child::before{ content: ""; right:0; top: -30px; width: 1px; height:calc(100% + 60px); display: block; background-color: #c2c2c2; position: absolute; }*/

.descriptionBox .our_advantageBox{ width: 100%; }
.descriptionBox .our_advantageBox h3{ font-size: 2rem; color: #c48f21; font-weight: bold; text-align: center; padding:35px 0 15px 0;}
.descriptionBox .our_advantageBox ul{ width: 100%; position: relative; }
.descriptionBox .our_advantageBox ul li{ width: 50%; float: left; padding: 20px 0 70px 0; }
.descriptionBox .our_advantageBox ul li:nth-child(5){ position: absolute; top: 200px; left: 25%; }
.descriptionBox .our_advantageBox ul li .img{ max-width: 290px; width: 100%; margin: 0 auto; }
.descriptionBox .our_advantageBox ul li .img img{ width: 100%; }
.descriptionBox .our_advantageBox ul li p{ color: #2d6d7c; /*font-size: 1.250rem; */max-width: 360px; margin: 0 auto; text-align: center; font-weight: bold; padding: 10px; }

.descriptionBox .evenBox ul li:nth-child(1), .descriptionBox .our_advantageBox ul li:nth-child(2){ padding-bottom:70px; }
.descriptionBox .evenBox ul li:nth-child(5){ position: initial; }
.descriptionBox .threeBox ul li{ width: 33.3%; }
.descriptionBox .threeBox ul li:nth-child(5){ position: initial; }

.tagsBox{ padding: 50px 0;  position: relative;  overflow: hidden;  /*background: url(../images/br/br_tab.jpg) 0 0 repeat-x  #fff;*/  width: 100%; margin: 0 auto; color: #888; -webkit-font-smoothing: antialiased; }
.tagsBox .tabs { display: table;  position: relative;  overflow: hidden; width: 100%; text-align: center;background-color: #eeeeee;}
.tagsBox .tabs li { display: inline-block; line-height: 68px; overflow: hidden; padding: 0; position: relative; }
/*.tagsBox .tabs li p{ font-size: 1.250rem; }*/
.tagsBox .tabs li a { line-height: 68px;  background-color: #eeeeee; color: #7b7b7b; font-weight: 500; display: block; letter-spacing: 0; outline: none; padding: 0 30px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.tagsBox .tabs li.current a { color: #fff; background: rgb(193,120,37); background: -moz-linear-gradient(-45deg, rgb(185, 104, 13) 0%, rgba(196,142,33,1) 100%); background: -webkit-linear-gradient(-45deg, rgb(185, 104, 13) 0%,rgba(196,142,33,1) 100%); background: linear-gradient(135deg, rgb(185, 104, 13) 0%,rgba(196,142,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c17825', endColorstr='#c48e21',GradientType=1) ; }

.tagsBox .tabs_item { display: none;  padding: 30px 0;}
.tagsBox .tabs_item .l_img{ float: left; width: 100%; max-width: 320px; display: block; min-height: 10px; text-align: center; }
.tagsBox .tabs_item ul{ float: left; width: calc(100% - 320px); padding-top: 5px; list-style-position: outside; list-style-type: disc; padding: 0 20px; }
.tagsBox .tabs_item ul li{padding-bottom: 5px;}
.tagsBox .tabs_item ul li p{ color: #494949; line-height:1.4rem;}
.tagsBox .tabs_item:first-child { display: block;}
.tagsBox .tabs_item img { width: 100%; max-width: 150px; display: inline-block;}
.tagsBox .no_pad ul{ width: 100%; }

.policyBox{ width: 100%; padding: 60px 0; background: url(../images/br/br_policyBox.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; }
.policyBox .pBox{ float: left; background-color:rgba(238,238,238,.85); padding: 30px; width:48%; max-width: 540px; min-height: 260px; }
.policyBox .pBox h4{ color: #c48f21; font-size: 2rem; font-weight: bold; padding-bottom: 25px; }
.policyBox .pBox h5{ font-size: 1.5rem; color: #414042; font-weight: bold; padding-bottom: 15px;}
.policyBox .pBox a{ color: #414042; }
.policyBox .pBox a:hover{text-decoration: underline;}

.policyBox .rBox{ float: right;}
.policyBox .rBox ul{ width: 100%; padding-bottom: 15px; }
.policyBox .rBox ul li{ width: 50%; float: left; padding-bottom: 10px;  }
.policyBox .rBox ul li p{padding-right: 5px; height: 23px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 22px; height: 22px * 1; overflow:hidden;}


.hot_sitesBox{ width: 100%; border-top: 9px #e9e9e9 solid; padding: 49px 0 60px 0;}
.hot_sitesBox h4{ text-align: center; color: #c48f21; font-size: 2rem; padding-bottom: 15px; font-weight: bold;}
.hot_sitesBox .dataBox{ width: 100%; padding-top: 20px; }
.hot_sitesBox .dataBox ul{ float: left; width: calc(100%/3 - 24px);}
.hot_sitesBox .dataBox ul li{ border-bottom: 1px solid #cecece;}
.hot_sitesBox .dataBox ul li p a{ color: #251f13; height: 50px;  display: block;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 50px; height: 50px * 1;}
.hot_sitesBox .dataBox ul li p a:hover{ color: #c48f21; }
.hot_sitesBox .dataBox ul:nth-child(2){ margin: 0 36px; }
.hot_sitesBox .dataBox ul:last-child{ float: right; }
.none_line, .insideBox .articleBox .none_line{ border:none; }

.contact_who {background-color: #fafafa; border:none;}
.contact_who .dataBox ul{ width: 100%; padding-bottom: 20px; }
.contact_who .dataBox ul li{ width: 25%; float: left; border:none; padding-bottom: 20px; }
.contact_who .dataBox ul li .icon{ max-width: 168px; padding-bottom: 35px; margin: 0 auto; }
.contact_who .dataBox ul li .bottom_info{ width:calc(100% - 20px) ; margin: 0 auto; max-width: 500px; }
.contact_who .dataBox ul li h5{ font-size: 1.250rem; font-weight: bold; padding-bottom: 10px;}
.contact_who .dataBox ul li p{ line-height: 28px;}
.contact_who .dataBox ul li p span{ display: inline-block; }
.contact_who .dataBox ul.one li{ width: 100%; }
.contact_who .dataBox ul.two li{ width: 50%; }
.contact_who .dataBox ul.three li{ width: 33.3%; }

.contact_who .the_downloadBox{ width: 100%; background-color: #fff; padding: 40px 0; }
.contact_who .the_downloadBox .imgBook{position: relative; /*padding-left: 300px;*/ min-height: 200px; margin: 0 auto; width: 100%; max-width: 600px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center}
/*.contact_who .the_downloadBox .imgBook::before{ content: ""; position: absolute; left: 0; top: 20px; width: 283px; height: 180px; background-size: contain; background:url(../images/img_book.png) center center no-repeat;}*/
.contact_who .the_downloadBox .imgBook p{ text-align: center; font-weight: bold; }
.contact_who .the_downloadBox .imgBook p a{position: relative; width: 270px; line-height: 60px; padding-right: 70px; color: #fff; height: 60px; display: block;background: rgb(193,120,37); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgb(185, 104, 13) 0%, rgba(196,142,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgb(185, 104, 13) 0%,rgba(196,142,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgb(185, 104, 13) 0%,rgba(196,142,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c17825', endColorstr='#c48e21',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow:3px 5px 13px 0 rgb(0,0,0,0.23); }
.contact_who .the_downloadBox .imgBook p a::after{ content: ""; position: absolute; right: 0; top: 0; width: 70px; height: 60px; display: block; background: url(../images/icon_arr_y.png) center center no-repeat  #eeeeee; background-size: contain; }
.contact_who .the_downloadBox .imgBook p a:hover{ opacity: .8; }

.success_caseBox{ width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px 0; }
.success_caseBox h4{ font-size: 1.875rem; position: relative; font-weight: bold;  color: #fff; }
.success_caseBox h4::before{ content: ""; position: absolute; top: 50%; margin-top: -1px; right: 0; width: calc(100% - 150px); height: 2px; background-color: #fff; display: block;}
.success_caseBox .infoBox{width: 100%; padding: 15px 0;}
.success_caseBox .infoBox h5{ color: #fff; font-size: 26px; font-weight: bold; padding-bottom: 15px; }
.success_caseBox .infoBox p{ color: #fff; line-height: 25px; text-align: justify; padding-bottom: 20px;  }
.success_caseBox .infoBox p a{ color: #fff; }
.success_caseBox .infoBox p a:hover{ text-decoration: underline; }
.success_caseBox .infoBox .lBox{ float: left; width: 60%; }
.success_caseBox .infoBox .rBox{ float: right; width: 34%; }
.success_caseBox .infoBox .rBox h5{ text-align: center; }
.success_caseBox .infoBox .rBox p{ font-size: 1.313rem; line-height: 28px; margin: 25px 0; padding-bottom: 0;}
.success_caseBox .infoBox .rBox ul li { border-bottom: 2px solid #fff; }
.success_caseBox .infoBox .rBox ul li:last-child{ border:none; }

.success_bg_01{ background-image: url(../images/br/br_success_caseBox_01.jpg) ;}
.success_bg_02{ background-image: url(../images/br/br_success_caseBox_02.jpg) ;}
.success_bg_03{ background-image: url(../images/br/br_success_caseBox_03.jpg) ;}
.success_bg_04{ background-image: url(../images/br/br_success_caseBox_04.jpg) ;}
.success_bg_05{ background-image: url(../images/br/br_success_caseBox_05.jpg) ;}
.success_bg_06{ background-image: url(../images/br/br_success_caseBox_06.jpg) ;}
.success_bg_07{ background-image: url(../images/br/br_success_caseBox_07.jpg) ;}
.success_bg_08{ background-image: url(../images/br/br_success_caseBox_08.jpg) ;}
.success_bg_09{ background-image: url(../images/br/br_success_caseBox_09.jpg) ;}
.success_bg_10{ background-image: url(../images/br/br_success_caseBox_10.jpg) ;}
.success_bg_11{ background-image: url(../images/br/br_success_caseBox_11.jpg) ;}

/* 42,475-655*/
/*==== RWD ====*/
@media (max-width:2000px){
	/*.HeaderBox .ContentsBox{ max-width: 95%;}*/
}
@media (max-width:1410px){
	.the_subMenu ul li h4{ font-size: 1.250rem; }
	.the_subMenu ul li h4 a::after{ height: 72px; }
}
@media (max-width:1400px){
  .the_subMenu{ min-height: 160px; }
}
@media (max-width:1300px){
	.ContentsBox, .main_contents .ContentsBox{ max-width: 90%;}
	/*.HeaderBox h1.logo{ width: 230px;}*/
	.the_subMenu ul li h4{ font-size: 1.063rem; }
	.the_subMenu ul li h4 a{ padding: 16px 10px; }
	.FooterBox .info{ padding-left: 20px; max-width: calc(100%/2 - 200px); }
}
@media (max-width:1200px){
	.main_contents .bannerBox, .main_contents .slides li{height: 400px;}
	.insideBox .bn_h250{ height: 250px; }
  .our_services{min-height: initial;}
  .our_services ul li .top_ring{ width: 140px; height: 140px; }
  .our_services ul li .top_ring h3{padding-top: 100px; font-size: 1.125rem;}
  .our_services ul li .top_ring h3::before{ top: 5px; width: 100px; height: 100px; margin-left: -50px; }
  .our_services ul li p.info{max-width: 140px; padding-top: 20px;}
  .newsBox ul li .topBox h3{ font-size: 1.750rem; }
  .newsBox ul li p.title{ font-size: 1.375rem; }
  .newsBox ul li .list{padding: 0 20px; }
  .the_subMenu ul li h4{ font-size: 1rem; }
  .the_subMenu ul li h4 a{ padding: 16px 8px;}
  .bottom_subMenu .colorBox li a{ max-width: 120px; max-height: 120px; }
  .bottom_subMenu .colorBox li p{font-size: 1.125rem;}
  .descriptionBox .our_advantageBox ul li .img{ max-width: 200px; }
  .FooterBox .info{padding-top: 15px;}
}
@media (max-width:1180px){
  /*.HeaderBox .rightBox { display: none; }
  .HeaderBox p.contact_new{ top: 353px; z-index: 100; }
  .HeaderBox p.pos2{ top: 203px; }

  .HeaderBox{padding: 0;}*/
  .tagsBox .tabs{ padding: 0; width: 100%; }
  .descriptionBox .our_advantageBox ul li:nth-child(1),.descriptionBox .our_advantageBox ul li:nth-child(2) { padding-bottom: 200px; }
  .descriptionBox .our_advantageBox ul li:nth-child(5){top: 180px;}
  .descriptionBox .evenBox ul li:nth-child(1), .descriptionBox .evenBox ul li:nth-child(2), .descriptionBox .threeBox ul li:nth-child(1), .descriptionBox .threeBox ul li:nth-child(2){ padding-bottom:70px; }
}
@media (max-width:1100px){
  .FooterBox .ContentsBox{max-width: 95%;}
  .guide_Box ul li h4{ font-size: 3.125rem; }
  .guide_Box ul li h5{font-size: 1.5rem;}
  .newsBox ul li{ width: 100%; padding-bottom: 40px; }
  .newsBox ul li p.article{ min-height: initial; }
  .newsBox ul li a.info{padding-bottom: 10px;}
  .newsBox ul li .topBox h3, .descriptionBox .our_advantageBox h3, .policyBox .pBox h4, .success_caseBox h4, .hot_sitesBox h4{ font-size: 1.750rem;}
  .success_caseBox .infoBox h5{ font-size: 1.5rem; }
  .newsBox ul li p.next a{ height: 40px; line-height: 40px; }
  .insideBox .bannerBox h2.banner_title{ font-size: 3.125rem; padding: 20px; }
}
@media (max-width:1000px){
  .bottom_subMenu .gogolink{ width: 50%; }
  .bottom_subMenu .colorBox{width: 40%; padding-left: 0; padding-top: 30px;}
  .insideBox .articleBox .infoBox{ background-position: center bottom; padding-bottom: 550px; padding-top: 10px; }
  .insideBox .articleBox .infoBox .text_content{max-width: initial;}
  .contact_who .dataBox ul li,  .contact_who .dataBox ul.three li { width: 50%; padding-bottom: 40px; }
  .tagsBox .tabs_item .l_img{ max-width: 220px;}
  .tagsBox .tabs li a{padding: 0 20px;}
  .tagsBox .tabs_item ul{ width: calc(100% - 220px);}
  .tagsBox .no_pad ul{width: 100%;}
}
@media (max-width:950px){
  .guide_Box ul li{width: 100%; padding: 20px 0;}
  .guide_Box ul li ul.ser_link li{ padding: initial;}
  .guide_Box ul li .img{ max-width: 500px; margin: 0 auto;}
  .guide_Box ul::before{ width: 80%; margin-left: initial;top: 57%; height: 6px; left: 10%; }
  .descriptionBox .newsBox ul li{ width: 100%; }
  .descriptionBox .newsBox ul li:first-child::before{ display: none; }
  .FooterBox .info p{ font-size: 0.875rem; }
  .descriptionBox .threeBox ul li{ width: 50%;}
  .insideBox .articleBox .other_dataBox .graphicBox .photo{ width: 100%;}
  .insideBox .articleBox .other_dataBox .graphicBox ul.list_advantage{ width: 100%; padding-top: 20px; }
}
@media (max-width:800px){
  .other_services ul li{ width: 100%; }
  .other_services::after{display: none;}
  .other_services ul li.img-01 .imgBox a{ left: 50%; margin-left: -104px; }
  .other_services ul li.img-02 .imgBox a{ right: initial; left: 50%; margin-left: -104px; }
  .insideBox .bannerBox{ height: 300px; }
  /*.HeaderBox p.contact_new{top: 253px;}*/
  .insideBox .bannerBox h2.banner_title{ font-size: 2.25rem;}
  .insideBox .articleBox .topLineBox h3.top_title{ font-size: 2.125rem;  max-width: initial;}
  .insideBox .articleBox .topLineBox .ContentsBox .tools{position: initial; text-align: left; padding-top: 10px;}
  .insideBox .articleBox .topLineBox .ContentsBox .tools a{width: 45px; height: 40px;}
  .hot_sitesBox{padding-bottom: 20px;}
  .hot_sitesBox .dataBox ul{ width: 100%; }
  .hot_sitesBox .dataBox ul:nth-child(2){ margin: 0; }

  .policyBox .pBox{ float: none; margin: 10px auto; width: 100%; }
  .descriptionBox{ padding-top: 30px; }
  .descriptionBox .leftMenu{ display: none; }
  .descriptionBox .rightBox{ width: 100%; }
  .descriptionBox .our_advantageBox ul li:nth-child(5){ position: initial; }
  .descriptionBox .our_advantageBox ul li:nth-child(1), .descriptionBox .our_advantageBox ul li:nth-child(2){padding-bottom: 20px;}
  .descriptionBox .evenBox ul li:nth-child(1), .descriptionBox .evenBox ul li:nth-child(2){ padding-bottom:20px; }
  .descriptionBox .threeBox ul li:nth-child(1), .descriptionBox .threeBox ul li:nth-child(2){ padding-bottom:20px; }
}
@media (max-width:750px){
	/*.HeaderBox{position: fixed; top: 0; z-index: 15; box-shadow: 0 0 5px rgba(0,0,0,.2); padding: 10px 0 8px 0; min-height: 55px;}
	.HeaderBox h1.logo{width: 196px;}
	.HeaderBox h1.logo a{ height: 55px; }
	.HeaderBox .rightBox {padding-right: 38px;}*/
	p.contact { font-size: 1.250rem; line-height: 50px; }
	p.contact a{ width: 160px; height: 50px; }
	.main_title{padding-top: 25px;}
	.main_title h2{ font-size: 1.125rem; line-height: 30px; }
	.main_contents .bannerBox h3{ font-size: 2.250rem; line-height: 48px; max-width: 600px; }
	.main_contents .bannerBox h4{ font-size: 1.875rem; }
	.main_contents .bannerBox p.subtitle{ font-size: 1.5rem; }
	.main_contents .bannerBox .share_btnBox { width: 100%; bottom: 10px; left: 0; top: initial; }
	.main_contents .bannerBox .share_btnBox ul.icons{ text-align: center; }
	.main_contents .bannerBox p.contact{ top: 20px; right: initial; left: 50%; margin-left: -80px;}
	.guide_Box ul li h4{font-size: 2.625rem;}
  	.other_services ul li h4.title{ font-size: 1.625rem; }
  	.our_services ul.theSerBox li{width: 50%; padding-bottom: 20px; }
  	.the_subMenu ul li h4{font-size: 0.938rem; }
  	.the_subMenu ul li h4 a::after{ height: 68px; }
  	.bottom_subMenu{ padding: 20px 0;}
  	.bottom_subMenu .gogolink{ display: none; }
  	.bottom_subMenu .colorBox{ width: 100%; }
  	.bottom_subMenu .colorBox li a{ margin: 0 auto; }
  	.contact_who .dataBox ul li,.contact_who .dataBox ul.one li, .contact_who .dataBox ul.two li, .contact_who .dataBox ul.three li{ width: 100%; }
  	.contact_who .the_downloadBox .imgBook{ padding: 180px 0 0 0; min-height: 150px; }
  	.contact_who .the_downloadBox .imgBook::before{ left: 50%; margin-left: -141px; }
  	.success_bg_01{ background-image: url(../images/br/br_success_caseBox_01_s.jpg); background-position: center bottom; }
  	.success_bg_02{ background-image: url(../images/br/br_success_caseBox_02_s.jpg); background-position: center bottom; }
  	.success_bg_03{ background-image: url(../images/br/br_success_caseBox_03_s.jpg); background-position: center bottom; }
  	.success_bg_04{ background-image: url(../images/br/br_success_caseBox_04_s.jpg); background-position: center bottom; }
  	.success_bg_05{ background-image: url(../images/br/br_success_caseBox_05_s.jpg); background-position: center bottom; }
  	.success_bg_06{ background-image: url(../images/br/br_success_caseBox_06_s.jpg); background-position: center bottom; }
  	.success_bg_07{ background-image: url(../images/br/br_success_caseBox_07_s.jpg); background-position: center bottom; }
  	.success_bg_08{ background-image: url(../images/br/br_success_caseBox_08_s.jpg); background-position: center bottom; }
  	.success_caseBox .infoBox .lBox{ width: 100%; }
  	.success_caseBox .infoBox .rBox{ width: 100%; }
  	/*.HeaderBox p.contact_new{ display: none; }*/
  	p.contact_new_mob{ display: block; }
}

@media (max-width:720px){
	.FooterBox .info{ width: 100%; padding-left: 0px; max-width:100%; text-align: center; padding: 5px 0 20px; display: inline-block; float: none;}
	.FooterBox .FBbox, .FooterBox .qrCodeBox{ display: inline-block; float: none; }
}
@media (max-width:650px){
	.main_contents .bannerBox h3{ font-size:24px; line-height:32px; max-width: 420px; }
	/*.HeaderBox .rightBox{ position:fixed; top: 100px; width: 100%; text-align: center; }*/
	.bottom_subMenu .colorBox{ width: 94%; margin: 0 auto; float: none; }
	.bottom_subMenu .colorBox li a {max-width: 38vw; max-height: 38vw;}
	.the_subMenu{ min-height: 260px; overflow-x: hidden;}
	.FooterBox .ContentsBox{ text-align: center; }
	.FooterBox p{font-size: 0.688rem;}
	.FooterBox p{ line-height: 17px; }
	.FooterBox h4.logo {width: 45px;}
}
@media (max-width:600px){
	.insideBox .articleBox .infoBox{ background-size: contain; padding-bottom: 90vw; }
	.tagsBox .tabs li{ width: 100%; }
	.tagsBox .tabs li p{ text-align: center; }
	.tagsBox .tabs_item .l_img{ float: none; margin: 0 auto; }
	.tagsBox .tabs_item ul{ width: 100%; float: none; }
	.descriptionBox .our_advantageBox ul li .img{ max-width: 80%;}
	.descriptionBox .our_advantageBox ul li, .descriptionBox .threeBox ul li{ width: 100%; padding-bottom: 20px; }
	.descriptionBox .our_advantageBox h3, .hot_sitesBox h4, .hot_sitesBox h4{ text-align: left; }
	.policyBox .rBox ul li{ width: 100%; }
	}

@media (max-width:450px){
	.other_services ul li{ width: calc(100% - 20px); padding: 0 10px;}
}

@media (max-device-width:1200px) {
	.policyBox{ background-attachment: initial; }
}


/* 42,657-699 */
/*--MenuBox--*/
.topHeader .leftNav nav.menu{/*width:638px;*/margin:0 auto;}
.topHeader .leftNav nav.menu ul.theTopMenu{position:relative;}
.topHeader .leftNav nav.menu ul.theTopMenu li{float:left;margin:0;}
.topHeader .leftNav nav.menu p{font-size:1.05em;font-weight:700;margin:2px 0 2px 7px;}
.topHeader .leftNav nav.menu p a{color:#4d4d4d;cursor:pointer;margin:10px 25px;}
.topHeader .leftNav nav.menu p a:hover{color:#00aad0;}
.topHeader .leftNav nav.menu .topMenuBox{z-index: 1;left:-170px;display:none;position:absolute;background-color:#f4f4f4;width:900px;top:30px;padding:20px 40px 40px 20px;}
.topHeader .leftNav nav.menu .topMenuBox h4{font-size:1.6em;margin-bottom:20px;color:#00aad0;font-weight:700;}
.topHeader .leftNav nav.menu .topMenuBox ul{width:90%;padding-bottom:20px;border-top:1px solid #cacaca;}
.topHeader .leftNav nav.menu .topMenuBox ul li{float:left;margin-bottom:0;}
.topHeader .leftNav nav.menu .topMenuBox ul li:hover{text-decoration:none;}
.topHeader .leftNav nav.menu .topMenuBox ul li h5{font-size:1.05em;padding:15px 0 8px;}
.topHeader .leftNav nav.menu .topMenuBox ul li h5 a{color:#4d4d4d;cursor:pointer;}
.topHeader .leftNav nav.menu .topMenuBox ul li h5 a:hover{opacity:.8;}
.topHeader .leftNav nav.menu .topMenuBox ul li p a{color:#00aad0;font-size:1em;cursor:pointer;margin:0 10px;}
.topHeader .leftNav nav.menu .topMenuBox ul li p a:hover{text-decoration:underline;color:#ff8a00;}
.topHeader .leftNav nav.menu .topMenuBox ul.none_line{border:none;}
.topHeader .leftNav nav.menu .topMenuBox .both .bBox{width:50%;float:left;}
.topHeader .leftNav,.topHeader .leftNav nav.menu .topMenuBox ul li.title,.topHeader .leftNav nav.menu .topMenuBox .both{width:100%;}
@media max-width1265px {
.topHeader .leftNav nav.menu{width:560px;}
.topHeader .leftNav nav.menu p{font-size:1em;}
.topHeader .leftNav nav.menu p a{padding:10px 18px;}
.topHeader .leftNav nav.menu .topMenuBox{left:-200px;}
}
@media max-width1200px {
.topHeader .leftNav nav.menu p{font-size:1em;}
}
@media max-width960px {
.topHeader .leftNav nav.menu{display:none;}
.topHeader .t_rightBox{right:60px;}
}
@media max-width768px {
.topHeader .leftNav nav.menu{width:650px;}
}
@media min-width900px {
.topHeader .leftNav nav.menu p a{padding:10px 0;}
}
@media min-width1280px {
.topHeader .leftNav nav.menu p a{padding:10px 0;}
}
/*MenuBox END--*/

/* 722 */
.insideBox .dataBox ul.successBox_list{ width: 100%; }
/* 722 END */

.insideBox .dataBox{ width: 100%;}
/* 780 END */
/* 883-929 */
.insideBox .formBox{ width: 100%; padding-top: 30px; }
.insideBox .formBox ul.advisory{ width: 100%; padding-bottom: 30px; }
.insideBox .formBox ul.advisory li p{ color: #4d4d4d; line-height: 42px; font-size: 1.05em; padding-left: 15px;}
.insideBox .formBox ul.advisory li{ width: 48%; float: left; padding-right: 2%; min-height: 120px;} /*1051101 修改 width*/
.insideBox .formBox ul.advisory li input{ font-size: 1.05em;color: #4d4d4d; width: 91.9%; height: 46px; line-height: 46px; border: 1px solid #c8c5c4; padding: 0px 4%; }
.insideBox .formBox ul.advisory li textarea{ font-size: 1.05em;color: #4d4d4d; width: 95.9%; height: 46px; border: 1px solid #c8c5c4; padding: 20px 2%; min-height: 120px;}

.insideBox .formBox ul.advisory li.pl5{padding-left: 2%; padding-right: 0;}/*1051101 修改 paddind數值*/
.insideBox .formBox ul.advisory li.w100{ width: 100%; padding-right: 0; }

.insideBox .formBox .sendBox{ width: 100%; }
.insideBox .formBox .sendBox .Codes{ float: left; min-width:310px;  }
.insideBox .formBox .sendBox .Codes p{ padding:0 0 10px 15px; }
.insideBox .formBox .sendBox .Codes .fillCodebox{ width: 100%; border: 1px solid #c8c5c4; }
.insideBox .formBox .sendBox .Codes .fillCodebox input.code{ max-width: 180px; float: left; height: 42px; line-height: 46px; border: none; float: left;font-size: 1em;color: #979798; padding: 0px 4%; margin-top: 0.05em; }
.insideBox .formBox .sendBox .Codes .fillCodebox .codeimg{  float: right; width: 105px; height: 30px; padding: 8px 10px 0 0; }
.insideBox .formBox .sendBox p.btn_send{ cursor: pointer; float: right; width: 192px; text-align: center; line-height: 46px; font-size: 1.05em; margin-top: 34px; }
.insideBox .formBox .sendBox p.btn_send a{ width: 100%; display: block; height: 46px; color: #fff; background: url(../images/serviceCenter/br_btn_blue.png) center center no-repeat #00aad0; background-size: contain; border-radius: 4px; }
.insideBox .formBox .sendBox p.btn_send a:hover{ opacity: .9; text-decoration: none; }

.insideBox .br_plzCall{ width: 100%; background-color: #e8e8e8; padding: 55px 0;}
.insideBox .plzCall{ max-width: 860px; margin:0 auto; background: url(../images/serviceCenter/icon_call.png) center left no-repeat;}
.insideBox .plzCall p{ font-size: 1.05em; color: #4d4d4d; line-height: 30px; border-left: 1px solid #d2d2d2; margin-left: 90px; padding-left: 40px;}
.insideBox .plzCall p .blueP { color: #00aad0;}

.insideBox .formBox .styled-select { width:100%; /*max-width: 91.9%; */min-width: 120px; height:46px; border: 1px solid #c8c5c4; overflow: hidden; background: url(../images/serviceCenter/icon_arr_d.png) right center no-repeat #fff; border-radius: 0px 4px 4px 0px;}
.insideBox .formBox .styled-select select { width:100%; *width:120%; _width:120%; color: #4d4d4d;  background: transparent; padding:5px 5px 5px 15px; line-height:1; border: 0; border-radius:0; height:46px;  -webkit-appearance: none; }
.insideBox .formBox .styled-select select option{ background-color:#fff;}
.insideBox .formBox ul.advisory li.w100 .styled-select{max-width: 100%;}
.insideBox .formBox select {-moz-appearance: none;  text-indent: 0.01px; text-overflow: '';}

*::-ms-backdrop, .insideBox .formBox .styled-select{ width:79%\0; background: url(../images/serviceCenter/icon_arr_d.png) right center no-repeat transparent\0; background-size: contain;}
*::-ms-backdrop, .insideBox .formBox .styled-select select{ width:125%\0; background: transparent\0;}
*::-ms-backdrop, .insideBox .formBox .styled-select select option{ background-color:#fff\0; padding:5px 0\0;}

:root .insideBox .formBox .styled-select{ width:\9\0; background-color: url(../images/serviceCenter/icon_arr_d.png) right center no-repeat transparent\9\0 !important; background-size: contain;}
:root .insideBox .formBox .styled-select select{ width:120%\9\0 !important; background: transparent\9\0 !important;}
:root .insideBox .formBox .styled-select select option{ background-color:#fff\9\0; padding:5px 0\9\0;}

.insideBox ul.formBox_title{ padding: 20px 0 50px 0; width: 100%; max-width: 600px; margin: 0 auto; }
.insideBox ul.formBox_title li{ width: 46%; float: left; padding: 0 2%;}
.insideBox ul.formBox_title li p{ text-align: center; font-size: 1.05em; }
.insideBox ul.formBox_title li p a{ width: 100%; padding: 8px 0; display: block; border-radius: 30px; color: #000; border: 1px solid #00aad0;}
.insideBox ul.formBox_title li p a:hover{ background-color: #e7f7fb;}
.insideBox ul.formBox_title li p.btn_in{ font-weight: bold; }
.insideBox ul.formBox_title li p.btn_in a{  background-color: #00aad0 ; color: #fff;}
.insideBox ul.formBox_title li p.btn_in a:hover{ background-color:#00aad0;  }