@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/*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;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}


a{text-decoration:none;}
ol, ul { list-style:none;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}


*: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;}

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

/*header*/
/*.HeaderBox{ width: 100%; padding: 22px 0 8px 0; min-height: 74px; background-color: #fff; position: relative;}
.HeaderBox .ContentsBox{ max-width: 1980px;}
.HeaderBox h1.logo{ width: 278px; float: left; text-decoration: none;}
.HeaderBox h1.logo a{ color: #666; width: 100%; height: 67px; display: block; background: url(../images/logo.png) center center no-repeat; background-size: contain;}
.HeaderBox p.contact_new{ position: absolute; top: -13px; right: 0; text-indent: -9999px; }
.HeaderBox p.contact_new a{width: 306px; height: 121px; display: block; background: url(../images/img_contact_us.png) bottom right no-repeat; background-size: contain; }
.HeaderBox p.contact_new a:hover{ opacity: .9; }*/
p.contact_new_mob{ width: 100%;  display: none; max-width: 276px; margin: 0 auto;}
p.contact_new_mob a{display: block; text-align: center; }
p.contact_new_mob img{ width: 100%; display: inline-block; }

/*.HeaderBox .rightBox{ float: right; padding-right: 310px;}
.HeaderBox .rightBox .MenuBox{ float: right;}
.HeaderBox .rightBox .MenuBox nav{ text-align: right; font-size: 1rem; color: #7a7a7a; }
.HeaderBox .rightBox .MenuBox nav a{ margin: 0 8px; color: #7a7a7a; }
.HeaderBox .rightBox .MenuBox nav a:hover{ text-decoration: underline; }
.HeaderBox .rightBox .MenuBox nav a.en{ border:1px solid #b5b5b5; border-radius: 12px; padding:3px 10px; }
.HeaderBox .rightBox .MenuBox nav a.en:hover{ background-color: #b5b5b5; color: #fff; text-decoration: none; }*/

/*.HeaderBox .rightBox ul.top_menu{ text-align: right; padding-top: 8px; }
.HeaderBox .rightBox ul.top_menu li{ display: inline-block; }
.HeaderBox .rightBox ul.top_menu li h3{ font-size: 1.125rem;  font-weight: bold; }
.HeaderBox .rightBox ul.top_menu li h3 a{ padding: 12px 20px; display: block; color: #333;}
.HeaderBox .rightBox ul.top_menu li h3 a:hover{ color: #d0933b; }
.HeaderBox .rightBox ul.top_menu li.the_search input{  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-radius: 5px; font-size: 1.125rem; color: #333; width: 100%; max-width: 65px; padding: 5px 10px; height: 40px; line-height: 30px;  }
.HeaderBox .rightBox ul.top_menu li.the_search input:focus{ max-width: 100px; background-color: #ededed; }
.HeaderBox .rightBox ul.top_menu li.the_search .icon_search{position: relative; padding-left: 32px; }
.HeaderBox .rightBox ul.top_menu li.the_search .icon_search::before{content: ""; position: absolute; top: 4px; left: 0; width: 30px; height: 30px; display: block;background: url(../images/icon_search.png) center left no-repeat; background-size: contain; }*/
 p.contact{ float: right; margin-left: 25px; text-align: center; line-height: 66px; font-size: 1.875rem; }
 p.contact a{ display: block; border-radius: 5px; width: 226px; height: 66px; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c17825+0,c48e21+100 */
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);}
 p.contact a span{ padding-right: 38px; background: url(../images/p_contact_icon.png) center right no-repeat; background-size: contain; }
 p.contact a:hover{ box-shadow:3px 5px 8px 0 rgb(0,0,0,0.3);}


/*main_contents*/
.main_contents{ width: 100%;}
.main_contents .ContentsBox{ width: 100%;}
.main_contents .bannerBox{ height: 582px; width: 100%; overflow: hidden; position: relative;}
.main_contents .bannerBox h3{ font-size: 4.5rem; line-height: 80px;  color: #d0933b; text-shadow:3px 5px 13px rgb(0,0,0,0.23);}
.main_contents .bannerBox h4{ font-size: 2.688rem; color: #fff; font-weight: bold; text-shadow:3px 5px 13px rgb(0,0,0,0.23);}
.main_contents .bannerBox p.subtitle{ font-size: 2rem; color: #fff; font-weight: bold; text-shadow:3px 5px 13px rgb(0,0,0,0.23);}
.main_contents .bannerBox .share_btnBox{position: absolute; top: 22px; left: 3%; z-index: 5;}
.main_contents .bannerBox .share_btnBox ul.icons{ text-align: left; }
.main_contents .bannerBox .share_btnBox ul.icons li{ display: inline-block; margin: 0 5px; }
.main_contents .bannerBox .share_btnBox ul.icons li a{ width: 37px; height: 37px; opacity: .7; display: block; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.main_contents .bannerBox .share_btnBox ul.icons li a:hover{ opacity: 1; }
.main_contents .bannerBox .share_btnBox ul.icons li a.line{ background-image: url(../images/share_icon_line.png); }
.main_contents .bannerBox .share_btnBox ul.icons li a.fb{ background-image: url(../images/share_icon_fb.png); }
.main_contents .bannerBox .share_btnBox ul.icons li a.twitter{ background-image: url(../images/share_icon_twitter.png); }
.main_contents .bannerBox .share_btnBox ul.icons li a.google{ background-image: url(../images/share_icon_google.png); }
.main_contents .bannerBox p.contact{ position: absolute; float: none; z-index: 5; top: 20px; right: 20px; margin: 0; display: none;}

.main_contents .slides li a{ width: 100%; height: 100%; display: block; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.main_contents .slides li{ height:582px;}
.main_contents .slides li .bn_info{ min-height: 170px; max-width: 1280px; width: 90%; }
.banner_food_01 { background: url(../images/banner/banner_01.jpg) center center no-repeat; background-size: cover;}
.banner_food_02 { background: url(../images/banner/banner_02.jpg) center center no-repeat; background-size: cover;}
.banner_food_03 { background: url(../images/banner/banner_03.jpg) center center no-repeat; background-size: cover;}
.banner_food_04 { background: url(../images/banner/banner_04.jpg) center center no-repeat; background-size: cover;}
.banner_food_05 { background: url(../images/banner/banner_05.jpg) center center no-repeat; background-size: cover;}
.banner_food_06 { background: url(../images/banner/banner_06.jpg) center center no-repeat; }


.main_contents .leftBox{ float: left; padding: 0 20px 20px 20px; width: 100%; max-width: 198px;}
.main_contents .leftBox p.top_location{ padding-bottom: 10px; color: #4d4d4d; font-size: 0.875rem; line-height: 20px;}
.main_contents .leftBox p.top_location span.here{ color: #00a0e9; }
.main_contents .leftBox p.top_location span.line{ padding: 0 10px; }
.main_contents .leftBox p.top_location a{ color: #4d4d4d; }
.main_contents .leftBox p.top_location a:hover{ border-bottom: solid 1px;}

.main_title{ width: 100%; background-color: #fff; padding: 60px 0 40px 0; }
.main_title h2{ border: 1px solid #868686; font-size: 1.313rem; font-weight: bold; line-height: 36px;width:100%; padding: 15px 30px; max-width: 1032px; text-align: center; margin: 0 auto; }

.the_subMenu{ width: 100%; position: relative; min-height: 78px;}
.the_subMenu ul{ text-align: center;/* position: absolute;*/ width: 100%; /*height: 70px;*/}
.the_subMenu ul li{ display: inline-block; }
.the_subMenu ul li h4{ text-align: center; font-size: 1.313rem; color: #808080;}
.the_subMenu ul li h4 a{ cursor: pointer; color: #808080; padding: 16px 20px; position: relative; z-index: 5; display: inline-block;}
.the_subMenu ul li h4 a::after{content: "";z-index: -1; position: absolute; display: inline-block; width: 100%; opacity: 0; height: 90px; top: 0; left: 0; background-color: #d0933b;display: inline-block; -webkit-transform: skew(-15deg); transform: skew(-15deg);}
.the_subMenu ul li h4 a:hover{ color: #fff;}
.the_subMenu ul li h4 a:hover::after{ background-color: #d0933b; opacity: 1;}

.connected-carousels .carousel-navigation li.active h4 a{ color: #fff;}
.connected-carousels .carousel-navigation li.active h4 a::after{ background-color: #d0933b; opacity: 1;}

.connected-carousels{ overflow: hidden; }

.our_services{ width: 100%; min-height: 415px; background-position:  center center; background-repeat:  no-repeat; background-size: cover; }
.our_services .bg li{ padding:50px 0 40px 0; width: 100vw; display: block; min-height: 325px; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.connected-carousels .carousel ul.theSerBox{ width:100%; position: initial; list-style: none; max-width: 1340px; margin: 0 auto; }
.our_services ul.theSerBox li{ width: 25%; float: left; }
.our_services ul.theSerBox li .top_ring{ width: 190px; height: 190px; display: block; border: 6px solid #fff; border-radius: 50%; margin: 0 auto; }
.our_services ul.theSerBox li .top_ring h3{ text-align: center; color: #fff; font-size: 1.313rem; padding-top: 130px; font-weight: bold; position: relative;}
.our_services ul.theSerBox li .top_ring h3::before{ content: ""; position: absolute; top: 10px; left: 50%; margin-left: -60px; width: 120px; height: 120px; display: block; background-size: cover; background-repeat: no-repeat; background-position:  center center; }
.our_services ul.theSerBox li .top_ring h3.icon_01::before{ background-image: url(../images/top_ring_icon_01.png); }
.our_services ul.theSerBox li .top_ring h3.icon_02::before{ background-image: url(../images/top_ring_icon_02.png); }
.our_services ul.theSerBox li .top_ring h3.icon_03::before{ background-image: url(../images/top_ring_icon_03.png); }
.our_services ul.theSerBox li .top_ring h3.icon_04::before{ background-image: url(../images/top_ring_icon_04.png); }
.our_services ul.theSerBox li a{ display: block; }
.our_services ul.theSerBox li a:hover{ opacity: .9;}
.our_services ul.theSerBox li a:hover .top_ring{ background-color: #c48f3c; border-color: #c48f3c; }
.our_services ul.theSerBox li p.info{ padding: 40px 0 20px 0; font-size: 1.125rem; line-height: 24px; max-width: 190px; font-weight: bold; color: #fff; min-height: 60px; margin: 0 auto; }

.our_services_br01{ background-image:url(../images/br_01-1.jpg); }
.our_services_br02{ background-image:url(../images/br_01-2.jpg); }
.our_services_br03{ background-image:url(../images/br_01-3.jpg); }
.our_services_br04{ background-image:url(../images/br_01-4.jpg); }
.our_services_br05{ background-image:url(../images/br_01-5.jpg); }
.our_services_br06{ background-image:url(../images/br_01-6.jpg); }
.our_services_br07{ background-image:url(../images/br_01-7.jpg); }
.our_services_br08{ background-image:url(../images/br_01-8.jpg); }

.other_services{ background-color: #f4f4f4; width: 100%; padding: 40px 0; position: relative; }
.other_services::after{ content: ""; position: absolute; width: 1px; height: 100%; background-color: #bababa; left: 50%; margin-left: -0.5px;  top: 0;	}
.other_services ul{ width: 100%; }
.other_services ul li{ float: left; width:50%; padding: 0 55px; }
.other_services ul li h4.title{ color: #c48f21; font-size: 2rem; padding-bottom: 15px; font-weight: bold; }
.other_services ul li p.p_info{ color: #545454; font-size: 1.063rem; line-height: 28px; text-align: justify; padding-bottom: 10px; min-height: 100px;}
.other_services ul li .imgBox{ width: 100%; height: 354px; position: relative; }
.other_services ul li .imgBox a{ position: absolute; bottom: 30px; z-index: 5; display: block; border-radius: 5px; width: 208px; text-align: center; line-height: 58px; height: 58px; color: #fff; font-size: 1rem; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c17825+0,c48e21+100 */
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);}
.other_services ul li.img-01 .imgBox{ background: url(../images/imgBox_img_01.png) center center no-repeat; background-size: contain;  }
.other_services ul li.img-02 .imgBox{ background: url(../images/imgBox_img_02.png) center center no-repeat; background-size: contain;  }
.other_services ul li.img-01 .imgBox a{ left: 0px; }
.other_services ul li.img-02 .imgBox a{ right: 0px; }
.other_services ul li .imgBox a:hover{ box-shadow:3px 5px 8px 0 rgb(0,0,0,0.3);}

.guide_Box{ width: 100%; padding: 70px 0; background: url(../images/br_02.jpg) center center no-repeat; background-size: cover;}
.guide_Box ul{ width: 100%; position: relative; }
.guide_Box ul::before{ content: ""; position: absolute; left: 50%; margin-left: -3px; width: 6px; top: 0; height: 100%; border-radius: 5px; display: block; background-color: #fff;  }
.guide_Box ul li{ float: left; width: 50%; }
.guide_Box ul li h4{ font-size: 60px; color: #fffefe; text-align: center; padding-bottom: 10px;}
.guide_Box ul li h5{ font-size: 28px; color: #fffefe; text-align: center;}
.guide_Box ul li ul.ser_link{ position: initial; max-width: 380px; margin: 0 auto; padding: 30px 0 10px 0; }
.guide_Box ul li ul.ser_link li{padding-bottom: 10px; min-height: 45px; margin: 0 10px; width: calc(50% - 20px);}
.guide_Box ul li ul.ser_link li p{ font-size: 1.250rem; }
.guide_Box ul li ul.ser_link li p a{ color: #fffefe; position: relative; padding: 8px 0 8px 68px;}
.guide_Box ul li ul.ser_link li p a:hover{ opacity: .8;}
.guide_Box ul li ul.ser_link li p a::before{content: ""; width: 60px; height: 50px; position: absolute; top: 0; left: 0; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.guide_Box ul li ul.ser_link li p.icon_01 a::before{ background-image: url(../images/ser_link_icon_01.png); }
.guide_Box ul li ul.ser_link li p.icon_02 a::before{ background-image: url(../images/ser_link_icon_02.png); }
.guide_Box ul li ul.ser_link li p.icon_03 a::before{ background-image: url(../images/ser_link_icon_03.png); }
.guide_Box ul li ul.ser_link li p.icon_04 a::before{ background-image: url(../images/ser_link_icon_04.png); }

/*mapBoxSearch*/
.mapBoxSearch{ width: 100%; position: relative; background-color: #e3e2e1; padding: 80px 0 50px;}
.mapBoxSearch .ContentsBox{ width: 1200px; }
.mapBoxSearch .ContentsBox .leftmap{ width: 60%; float: left; min-height: 400px; display: block; overflow: hidden; background-size: contain; position: relative;}
.mapBoxSearch .ContentsBox .leftmap a{ position: absolute; }

.mapBoxSearch .ContentsBox .leftmap a.m_01{width: 140px; height: 156px; display: block; bottom: -7px; left: 256px;}
.mapBoxSearch .ContentsBox .leftmap a.m_01:hover{ background: url(../images/map/01.png) center center no-repeat; background-size: contain;}
.mapBoxSearch .ContentsBox .leftmap a.m_02{width: 165px; height: 110px; display: block; top: 59px; left:456px;}
.mapBoxSearch .ContentsBox .leftmap a.m_02:hover{ background: url(../images/map/02.png) center center no-repeat; background-size: contain;}
.mapBoxSearch .ContentsBox .leftmap a.m_03{width: 190px; height: 178px; display: block; top: 139px; right:141px;}
.mapBoxSearch .ContentsBox .leftmap a.m_03:hover{ background: url(../images/map/03.png) center center no-repeat; background-size: contain;}
.mapBoxSearch .ContentsBox .leftmap a.m_04{width: 176px; height: 170px; display: block; top: 256px; right:207px;}
.mapBoxSearch .ContentsBox .leftmap a.m_04:hover{ background: url(../images/map/04.png) center center no-repeat; background-size: contain;}

.mapBoxSearch .ContentsBox .leftmap .mapName{ width: 100%; position: relative; display: none;}
.mapBoxSearch .ContentsBox .leftmap .mapName p{position: absolute; text-shadow: 0px 0px 5px #fff; top: -50px; width: 100%; font-size: 1.05em; color: #000; text-align: center; background: url(../images/map/icon.png) center top no-repeat; background-size: contain; padding-top: 120px;}
.mapBoxSearch .ContentsBox .leftmap a:hover .mapName{ display: block; }

.mapBoxSearch .ContentsBox .rightBox{ width: 35%; float: left;}
.mapBoxSearch .ContentsBox .rightBox .top{ border-left: 1px solid #78cde1; padding-left: 20px;  }
.mapBoxSearch .ContentsBox .rightBox h4.title{ color: #00aad0; font-size: 1.95em; font-weight: bold; }
.mapBoxSearch .ContentsBox .rightBox .area{ margin: 15px 0;}
.mapBoxSearch .ContentsBox .rightBox p.info{ font-size: 1.05em; line-height: 30px; text-align: justify;}
.mapBoxSearch .ContentsBox .rightBox p.ex{ font-size: 1em; color: #00aad0; line-height: 22px; text-align: justify; padding: 20px 0 20px 45px; margin-left: 20px; background: url(../images/arr_blue_go2.png) center left no-repeat;}

.styled-select { 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 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 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;}

@media (max-width:1215px){.mapBoxSearch .ContentsBox{ width: 100%; }}
@media (max-width:700px){.mapBoxSearch{ padding: 50px 0; }
  .mapBoxSearch .ContentsBox .rightBox, .mapBoxSearch .ContentsBox .leftmap{ width: 100%; }
  .mapBoxSearch .ContentsBox .rightBox .top{ width: 90%; margin:0 auto; padding-left: 0; border:none;}
  .mapBoxSearch .ContentsBox .rightBox p.ex{ width: 82%; margin:0 auto; }}

/*mapBoxSearch END*/

.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; }


.bottom_subMenu{ width: 100%; background-color: #565656; padding: 50px 0; }
.bottom_subMenu .gogolink{ float: left; width: 24%; padding-right:2.5%;}
.bottom_subMenu .gogolink a:hover{ text-decoration: underline; }
.bottom_subMenu .gogolink .top_title{padding-bottom: 10px;}
.bottom_subMenu .gogolink .top_title h3{ font-size: 1.125rem; font-weight: bold; color: #dcdddd; }
.bottom_subMenu .gogolink .the_main_title h4{ font-size: 0.875rem; font-weight: bold; padding-bottom: 10px; }
.bottom_subMenu .gogolink .the_main_title h4 a{ color: #d0933b; }
.bottom_subMenu .gogolink .sub_title{ text-align: left; padding-bottom: 25px; }
.bottom_subMenu .gogolink .sub_title p{ display: inline-block; padding: 0 10px 8px 0; font-size: 0.875rem; font-weight: bold; }
.bottom_subMenu .gogolink .sub_title p a{ color: #dcdddd;}
.bottom_subMenu .gogolink .pag_nore{ padding-bottom: 35px;}

.bottom_subMenu .colorBox{ float: left; width: 27%; padding-left: 1%; }
.bottom_subMenu .colorBox li{ float: left; width: 50%; padding-bottom: 18px; }
.bottom_subMenu .colorBox li a {width: 100%; max-width: 150px; position: relative;  display: block; height: 50vh; max-height: 150px; border-radius: 10px; }
.bottom_subMenu .colorBox li a.c_01{background-color: #c59004;}
.bottom_subMenu .colorBox li a.c_02{background-color: #b3b6bc;}
.bottom_subMenu .colorBox li a.c_03{background-color: #0094ff;}
.bottom_subMenu .colorBox li a.c_04{background-color: #00c6a5;}
.bottom_subMenu .colorBox li a.c_05{background-color: #ff4266;}
.bottom_subMenu .colorBox li a:hover{ opacity: .8; }
.bottom_subMenu .colorBox li p{ font-size: 1.313rem; font-weight: bold; padding: 20px; color: #fff; position: absolute; bottom: 10px; left: 0;}

/*FooterBox*/
.FooterBox{ width: 100%; background-color: #f3f3f3; padding: 40px 0;}
.FooterBox .FBbox{ float: left; margin: 0 10px 10px 10px;}
.FooterBox .FBbox a.fb_img{ width: 137px; height: 137px; display: block; background: url(../images/footer_icon_fb.png) center center no-repeat; background-size: contain;}
.FooterBox .FBbox a.fb_img:hover{ background-image:url(../images/footer_icon_fb_in.png)  }
.FooterBox .FBbox p {padding: 15px 0; font-weight: bold; text-align: center; color: #878787; }

.FooterBox .qrCodeBox{ float: left; width: 145px; height: 145px; margin: 0 20px 10px 20px; display: block; background: url(../images/footer_qrcode.png) center center no-repeat; background-size: contain; }

.FooterBox .info{ float: right; padding:35px 0 15px 55px;}
.FooterBox .info p{ font-size: 1rem; line-height: 1.75rem; color: #565656;}
.FooterBox .info p span.img{ position: relative; padding-left:35px;  }
.FooterBox .info p span.img::after{ position: absolute; width: 28px; top: -3px; left: 3px; height: 28px; content: ""; background: url(../images/logo-2.png) center center no-repeat ;display: inline-block; background-size: contain; }
.FooterBox .info p span.line{ margin:0 12px;  display: inline-block;}
.FooterBox .info p a{ color: #565656; }
.FooterBox .info p a:hover{ text-decoration: underline; }
.FooterBox .info .pos_left{ float: left; }

.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) ;}

/*==== 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{padding-top: 75px;}
	.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; }
}

/*--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--*/

/*--FAQ--*/
.insideBox ul.FaqBox{ width: 100%;margin: 0 auto; max-width: 1120px; padding-top: 40px;}
.insideBox ul.FaqBox li{float: left; width: 27.33%; margin: 0 3% 10px 3%; min-height: 470px;}
.insideBox ul.FaqBox li .photo{ width: 100%; display: block; }
.insideBox ul.FaqBox li .photo img{ border:1px solid #bfeaf3;  }
.insideBox ul.FaqBox li ul.subMenuList li{ width: 35%; margin: 0 22px 8px 0; min-height: 100%;}
.insideBox ul.FaqBox li h4.title{ font-size: 1.5em; font-weight: bold; min-height: 64px; padding-top: 18px; line-height: 26px; }
.insideBox ul.FaqBox li h4.title a{color: #4d4d4d;}
.insideBox ul.FaqBox li h4.title a:hover{ text-decoration: underline; }
.insideBox ul.FaqBox li p{  font-size: 1.05em;}
.insideBox ul.FaqBox li p a{color: #4d4d4d;}
.insideBox ul.FaqBox li p a:hover{ text-decoration: underline; }
@media (max-width:899px){.insideBox ul.FaqBox li{ width: 44%; }}
@media (max-width:599px){.insideBox ul.FaqBox li{ min-height: 360px; }
  .insideBox ul.FaqBox li p{ font-size: 1em; }}
@media (max-width:499px){.insideBox ul.FaqBox li h4.title{ font-size: 1.05em; }
  .insideBox ul.FaqBox li h4.title{ min-height: 55px; }}
@media (max-width:399px){.insideBox ul.FaqBox li{ width: 94%; }
  .insideBox ul.FaqBox li, .insideBox ul.FaqBox li h4.title{min-height: initial;}}
/*--FAQ END--*/
/*--success case--*/
.insideBox .dataBox ul.successBox_list{ width: 100%; }
/*.insideBox .dataBox ul.successBox_list li{ padding-bottom: 60px; }*/
.insideBox .dataBox ul.successBox_list li a{display: block;}
.insideBox .dataBox ul.successBox_list li a:hover{opacity: .8;}
/*.insideBox .dataBox ul.successBox_list li .photo{ width: 30%; float: left; max-width: 196px;}*/
.insideBox .dataBox ul.successBox_list li .photo img{ border: 1px solid #bfeaf3; }
.insideBox .dataBox ul.successBox_list li .infoBox{ float: right; width: 78%; }
.insideBox .dataBox ul.successBox_list li .infoBox p{ font-size: 1.05em; color: #515151;  line-height: 30px;}
.insideBox .dataBox ul.successBox_list li .infoBox p.type{ color: #4c4c4c;  font-size: 1em; padding: 6px 0;}
.insideBox .dataBox ul.successBox_list li .infoBox p.type span{ border: 1px solid #d2d2d2; padding: 3px 5px; }
.insideBox .dataBox ul.successBox_list li .infoBox p.companyName{ font-size: 1.5em; color: #009bd0; font-weight: bold; text-align: justify; padding-bottom: 12px;}
.insideBox .dataBox ul.successBox_list li .infoBox p.companyName a{ color: #009bd0; }
/*--success case END--*/

.insideBox .daySearchBox{ width: 100%; }
.insideBox .daySearchBox .itemBox{float: left; width: 50%;}
.insideBox .daySearchBox .itemBox p{ float: left; line-height: 36px; font-size: 1.05em;}
.insideBox .daySearchBox .itemBox input{ width: 40%; max-width: 178px; padding: 0 10px; text-align: center; float: left; height: 36px; border: 1px solid #a6e1ef; line-height: 36px; margin: 0 10px; }
.insideBox .daySearchBox .itemBox input.keyword{ width: 60%; max-width: 330px; margin-right: 0; border-width: 1px 0 1px 1px;}
.insideBox .daySearchBox .itemBox p.btn_search{ line-height: 38px; }
.insideBox .daySearchBox .itemBox p.btn_search a{ color: #00aad0; width: 45px; padding-left: 45px; height: 36px; display: block; border: 1px #a6e1ef solid;  background: url(../images/news_search_icon.png) center left no-repeat #fff; background-size: contain;}
.insideBox .daySearchBox .itemBox p.btn_search a:hover{ background-color:#eeeeee;}

@media (max-width:1182px){.insideBox .daySearchBox .itemBox input{ max-width: 120px; }
  .insideBox .daySearchBox .itemBox input.keyword{ width: 200px; }}
@media (max-width:1160px){/*.insideBox ul.topItem li{width: 23%;}*/}
@media (max-width:1010px){.insideBox .daySearchBox .itemBox input{ max-width: 90px; }
  .insideBox .daySearchBox .itemBox input.keyword{ width: 160px; }}
@media (max-width:1000px){/*.insideBox ul.topItem li{width: 31.3333%;}*/}
@media (max-width:900px){.insideBox .daySearchBox .itemBox, .insideBox .insideDataBox h4.mi-a{ float: none; width: 420px; margin: 5px auto;}
.insideBox .daySearchBox .itemBox input{ max-width: 100px; }}
@media (max-width:750px){.insideBox .dataBox{ width: 100%; padding-left: 0%; border-right: none; /*border-bottom: 1px solid #bfeaf3;*/}
  .insideBox .dataBox ul.news_listBox li p{ font-size: 1.05em; }}
@media (max-width:700px){.insideBox .pagesBox{ position: initial; width: 180px; margin: 0 auto; padding-bottom: 50px;}
  .insideBox ul.topItem li a{/* min-width: initial; */}}
@media (max-width:450px){.insideBox .daySearchBox .itemBox, .insideBox .insideDataBox h4.mi-a{ float: none; width: 390px;}
  .insideBox .daySearchBox .itemBox input{ max-width: 90px; }
  .insideBox .daySearchBox .itemBox input.keyword{ width: 140px; }
  .insideBox .daySearchBox .itemBox p{ font-size: 1em; }}
@media (max-width:400px){.insideBox .daySearchBox .itemBox, .insideBox .insideDataBox h4.mi-a{ float: none; width: 320px;}
  .insideBox .daySearchBox .itemBox input{ max-width: 63px; }
  .insideBox .daySearchBox .itemBox input.keyword{ width: 177px; }
  .insideBox .daySearchBox .itemBox p.btn_search{ float: right; margin: 10px 14px 0 0;}}
@media (max-width:340px){.insideBox .daySearchBox .itemBox p.title{ width: 80%; }
  .insideBox .daySearchBox .itemBox input{ max-width: 96px; }
  .insideBox .daySearchBox .itemBox input.keyword{ width: 150px; }
  .insideBox hr.line {  border:0; height:1px; background-color:#bfeaf3;  color:#bfeaf3 /* IE6 */; margin: 60px 0;}
  .insideBox .daySearchBox .itemBox p.btn_search{ float: left; margin: 0; }}

/**進階查詢 20170802**/
.SearchBox .btn_search_h { float: right; margin:-25px 10px 0px 10px; }
.SearchBox .btn_search_h a{ color: #00aad0; width: 30px; margin-left:95px; padding: 3px 5px;  border: 1px #a6e1ef solid;  background-size: contain;}
.SearchBox .btn_search_h a:hover{ background-color:#eeeeee;}

.checkbox_search{ float:right; width: 60%; max-width: 475px; line-height:30px; }
/**進階查詢 20170802 END**/


.insideBox .dataBox{ width: 100%;}
.insideBox ul.topItem{ width: 100%;}
.insideBox ul.topItem li{ float: left; /*width: 18%; margin: 0px 1% 25px 1%;*/ margin: 0 12px 20px 0;}
.insideBox ul.topItem li p{ font-size: 1.05em; }
.insideBox ul.topItem li a{ cursor: pointer; color: #00aad0; background:url(../images/br_item_arr.png) center right no-repeat #fff; background-size: contain; border:1px solid #d2d2d2; /*width: 90%; padding: 20px 2% 20px 8%;*/  padding: 20px 40px 20px 20px; min-width: 156px; display: block;}
.insideBox ul.topItem li a:hover{ border-color: #afafaf; }
.insideBox ul.topItem li a:hover p{ font-weight: bold; }
.insideBox ul.topItem li a:hover { color: #fff702; border-color: #5ad1e7; background:url(../images/br_item_arr_in.png) center right no-repeat #01aad1 ; background-size:contain; box-shadow: 0px 0px 5px #15bce2; }
.insideBox ul.topItem li a.w_l_01{ min-width: 306px;}

.insideBox .dataBox ul.news_listBox{ width: 100%; padding-bottom:40px;}
.insideBox .dataBox ul.news_listBox li{ border-bottom: 1px solid #dbdbdb; }
.insideBox .dataBox ul.news_listBox li p{ float: left; width: 80%; font-size: 1.05em; /*height: 26px;*/ overflow: hidden; color: #4d4d4d;}
.insideBox .dataBox ul.news_listBox li a{ display: block; padding: 25px 0 45px;}
.insideBox .dataBox ul.news_listBox li a:hover p{ color: #00abd1; }
.insideBox .dataBox ul.news_listBox li p.day{ width: 20%; max-width: 178px;}
.insideBox .dataBox ul.news_listBox li:hover{ border-bottom: 5px solid #ffff01; }

.insideBox p.btn_prev{ width: 100%; text-align: center; padding-bottom: 80px;}
.insideBox p.btn_prev a{ cursor: pointer; max-width:202px; color: #fff; font-size: 1.05em; margin: 0 auto; padding: 10px 0; display: block; background-color: #00aad0;}
.insideBox p.btn_prev a:hover{ opacity: .8; }


/* 20161228 新增*/
.FooterBox ul.other_link li p{ padding-top: 16px;  font-size: 1.05em; color: #fff; font-weight: bold; text-align: center;line-height: 38px;}
.FooterBox ul.other_link li p a.btn_blue{ cursor: pointer; background-color: #01aad1 ; height: 38px;  border-radius: 40px; color: #fff; display: block; max-width: 170px; margin: 0 auto;}
.FooterBox ul.other_link li p a.btn_blue:hover{ opacity: .9; }
.FooterBox ul.other_link li p span{ padding: 10px 10px; background: url(../images/serviceCenter/other_btn_blueicon.png) center center no-repeat; background-size: contain; margin-left: 10px;}
.FooterBox ul.other_link li p.btn_02 a{ background-color: #01aad1;    height: 38px;    border-radius: 40px;    color: #fff;    display: block;    max-width: 230px;    margin: 0 auto; }
.FooterBox ul.other_link li p.btn_02 span{padding: 10px 10px; background: url(../images/serviceCenter/other_btn_blueicon2.png) center center no-repeat; background-size: contain; margin-left: 10px;}
.FooterBox ul.other_link li p.btn_03 a{ background-color: #01aad1;    height: 38px;    border-radius: 40px;    color: #fff;    display: block;    /*max-width: 200px;*/max-width: 225px;    margin: 0 auto;}
.FooterBox ul.other_link li p.btn_03 span{ padding: 10px 10px; background: url(../images/serviceCenter/other_btn_blueicon2.png) center center no-repeat; background-size: contain; margin-left: 10px;}

.FooterBox ul.other_link li p.info{ color: #00aad0; font-size: 1em; line-height: 24px; font-weight: normal; }
.FooterBox ul.other_link li p.info a{color: #00aad0; }
.FooterBox ul.other_link li p.info a:hover{ text-decoration: underline; }

@media (max-width:800px){.FooterBox .ContentsBox{ width: 95%; }
  .FooterBox ul.other_link li{ width: 100%; margin: 10px 0; }
  .FooterBox ul.other_link li p.btn_01 a{ max-width: 90%; }
  .FooterBox ul.other_link li p.btn_02 a{ max-width: 90%; }}


.insideBox .investMenu ul{ width: 100%; padding-top: 30px;}
.insideBox .investMenu ul li{ float: left; width: 14.2%; }
.insideBox .investMenu ul li p{ font-size: 1.05em; text-align: center; font-weight: bold;}
.insideBox .investMenu ul li p a{ color: #fff; padding-top: 95px; display: block;cursor: pointer;}
.insideBox .investMenu ul li p a:hover{ opacity: .8; }
.insideBox .investMenu ul li p a.i01{ background: url(../images/serviceCenter/investMenu_icon_01.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i02{ background: url(../images/serviceCenter/investMenu_icon_02.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i03{ background: url(../images/serviceCenter/investMenu_icon_03.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i04{ background: url(../images/serviceCenter/investMenu_icon_04.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i05{ background: url(../images/serviceCenter/investMenu_icon_05.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i06{ background: url(../images/serviceCenter/investMenu_icon_06.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i07{ background: url(../images/serviceCenter/investMenu_icon_07.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i08{ background: url(../images/serviceCenter/investMenu_icon_08.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i09{ background: url(../images/serviceCenter/investMenu_icon_09.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i10{ background: url(../images/serviceCenter/investMenu_icon_10.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i11{ background: url(../images/serviceCenter/investMenu_icon_11.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p a.i12{ background: url(../images/serviceCenter/investMenu_icon_12.png) center top  no-repeat; background-size: contain;} /* 20161228 新增 */

.insideBox .investMenu ul li p.btn_in a{ color: #fff501;}
.insideBox .investMenu ul li p.btn_in a:hover{opacity: 1;}
.insideBox .investMenu ul li p.btn_in a.i01{ background: url(../images/serviceCenter/investMenu_icon_01_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i02{ background: url(../images/serviceCenter/investMenu_icon_02_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i03{ background: url(../images/serviceCenter/investMenu_icon_03_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i04{ background: url(../images/serviceCenter/investMenu_icon_04_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i05{ background: url(../images/serviceCenter/investMenu_icon_05_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i06{ background: url(../images/serviceCenter/investMenu_icon_06_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i07{ background: url(../images/serviceCenter/investMenu_icon_07_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i08{ background: url(../images/serviceCenter/investMenu_icon_08_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i09{ background: url(../images/serviceCenter/investMenu_icon_09_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i10{ background: url(../images/serviceCenter/investMenu_icon_10_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i11{ background: url(../images/serviceCenter/investMenu_icon_11_in.png) center top  no-repeat; background-size: contain;}
.insideBox .investMenu ul li p.btn_in a.i12{ background: url(../images/serviceCenter/investMenu_icon_12_in.png) center top  no-repeat; background-size: contain;}

.insideBox .insideDataBox .serviceCenterMenu{ /*width:1020px;*/ margin: 0 auto; } /* 20161228 修改 */
.insideBox .insideDataBox .serviceCenterMenu ul li{ width: 20%; }  /* 20161228 修改 */

.insideBox .insideDataBox .serviceCenterMenu h3.top_title{ top: -100px; }
.insideBox .insideDataBox .serviceCenterMenu h3.top_title span.info{ font-size: .45em; color: #4c4c4c; line-height: 32px; font-weight: normal;}
.insideBox .insideDataBox .serviceCenterMenu h3.top_title span.info a{ color: #007994;}

.insideBox .SerWindowBox{ width: 100%; padding-top: 20px;}
.insideBox .SerWindowBox ul.subBlueMenu{ width: 100%; padding: 20px 0 40px 0;}
.insideBox .SerWindowBox ul.subBlueMenu li{ float: left; width: 49%; padding-bottom: 20px; }

.insideBox .SerWindowBox ul.subBlueMenu li p{ font-size: 1.05em; text-align: center; }
.insideBox .SerWindowBox ul.subBlueMenu li p a{ cursor: pointer; color: #4e4e4e; width: 100%; display: block; padding: 20px 0; background-color: #e5f6fa;}
.insideBox .SerWindowBox ul.subBlueMenu li p a:hover{ background-color: #cee8ee; }

.insideBox .SerWindowBox ul.SerWinBoxTypeBox{ width: 100%; padding-top: 20px}
.insideBox .SerWindowBox ul.SerWinBoxTypeBox li{ float: left; width: 46%; padding-bottom: 60px; }
.insideBox .SerWindowBox ul li.f_r{ float: right; }
.insideBox .SerWindowBox ul li .p_infoBox{ min-height: 300px; padding-bottom: 20px;  }
.insideBox .SerWindowBox ul li .p_infoBox p{ font-size: 1.05em; color: #4c4c4c; line-height: 34px; }
.insideBox .SerWindowBox ul li .p_info_h{ min-height: 440px; }
.insideBox .SerWindowBox ul li .photoBox { max-width: 470px; margin: 0 auto; }
.insideBox .SerWindowBox p.btn_prev{ padding-bottom: 0; }


.insideBox .insideDataBox .contactBoxW{ max-width: 80%;}

.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;  }

@media (max-width:1060px){.insideBox .SerWindowBox ul li .p_info_h{ min-height: 500px; }}
@media (max-width:950px){.insideBox .SerWindowBox ul.SerWinBoxTypeBox li{ width: 100%; }
  .insideBox .SerWindowBox ul li .p_info_h{ min-height: inherit;}
  .insideBox .SerWindowBox ul li .photoBox { max-width: 70%; }}

@media (max-width:600px){.insideBox .SerWindowBox ul.subBlueMenu li p{ font-size: 1em; }
    .insideBox .insideDataBox .serviceCenterMenu h3.top_title span.info{ font-size: 1em; line-height: 22px; }}
@media (max-width:414px){.insideBox .SerWindowBox ul.subBlueMenu{ padding: 0; }}
@media (max-width:400px){.insideBox .SerWindowBox ul.subBlueMenu li{ width: 100%;}
  .insideBox .SerWindowBox ul.subBlueMenu li p{ font-size: 1.05em; }}

@media ( max-width:900px) {.insideBox .plzCall{ max-width: 90%; }}
@media ( max-width:599px) {.insideBox .formBox ul.advisory li{ width: 100%; }
  .insideBox .formBox ul.advisory li.pl5{ padding-left: 0; }
  .insideBox .formBox .sendBox .Codes{ float: none; }
  .insideBox .formBox .sendBox p.btn_send{ float: none; margin:30px auto 0 auto;   }
  .insideBox .formBox ul.advisory li{min-height: 100px;}
  .insideBox .plzCall{ padding: 80px 0 0 0; background-position: center top}
  .insideBox .plzCall p{ border-left: none; max-width: 407px; text-align: center; border-top: 1px solid #d2d2d2; margin: 0 auto; padding: 20px 0 0 0;}}

@media ( max-width:350px) {.insideBox .formBox .sendBox .Codes{ min-width: inherit;}
  .insideBox .formBox .sendBox .Codes .fillCodebox input.code{ max-width: 100px; }}

/* 20161228 新增 END */
.nbox .photo {
    width: 98%;
    padding: 10px 0;
    margin: 0 auto;
}

@media (max-width: 2320px){
.nbox .box5 .photo {
    float: left;
    width: 16%;
    margin: 0 1.16%;
    text-align: center;
}