/***TAB焦點***/

/*:focus { outline: #bc7111 dashed 3px;}*/
a:focus { outline: #bc7111 dashed 3px;}
a { color: #006cb8;}
a:hover { font-weight: bold;}

/***內容圖檔***/
h1 {
    padding: 15px 0;
    font-size: 1.95em;
    font-weight: bold;
    color: #4d4d4d;
}
.h1_txt {
    font-size: 1.08em;
    line-height: 30px;
    color: #4d4d4d;
    padding-bottom: 15px;
}
.h1_txt.paragraph1 {
    text-indent: -2em;
    margin-left: 35px;
    padding-bottom: 15px;
}
.h1_txt.paragraph2 {
    text-indent: -3em;
    margin-left: 35px;
    padding-left: 35px;
    padding-bottom: 15px;
}
.h1_txt li {
    list-style: disc;
    padding-bottom: 10px;
    line-height: 30px;
    color: #4d4d4d;
    margin-left: 30px;
}
.h1_pur_txt {
    float: left;
}
.h1_pur_txt li {
    margin-left: 50px;
    padding-top: 20px;
    font-size: 1.3em;
    width: 50%;
    float: left;
    color: #B2511B;
    padding-left: 30px;
    font-weight: bold;
}
h2 {
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: rgb(224, 224, 224) 1px 1px 0px;
}
.h2_txt {
    line-height: 30px;
    color: #4d4d4d;
    padding-bottom: 15px;
}
.h2_txt img {
    margin: 10px 15px;
}
.h2_txt_c {
    font-size: 1.08em;
    color: #4d4d4d;
    line-height: 30px;
    padding: 10px 30px 45px;
}
.h2_txt li {
    list-style: disc;
    padding-bottom: 10px;
    line-height: 30px;
    color: #4d4d4d;
    margin-left: 30px;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
    color:#252424;
}
.h3_txt {
    line-height: 30px;
    color: #4d4d4d;
}
.h3_txt li {
    list-style: disc;
    padding-bottom: 10px;
    line-height: 30px;
    color: #4d4d4d;
}
h4 {
    font-size: 1.12em;    
    text-decoration: underline;
    padding-bottom: 15px;
    color: #4d4d4d;
}
.h4_txt {
    font-size: 1.08em;
    line-height: 30px;
    color: #4d4d4d;
}
.h4_txt li {
    list-style: circle;
    padding-bottom: 10px;
    line-height: 30px;
    color: #4d4d4d;
    margin-left: 30px;
}
h5 {
    font-size: 1.12em;
    font-weight: bold;
    padding-bottom: 15px;
   /* padding-left: 20px;*/
}
.h5_txt {
    font-size: 1.08em;
    line-height: 30x;
    padding-bottom: 25px;
    color: #4d4d4d;
    padding-left: 20px;
}
caption{
	font-size: 1.6em;
    font-weight: bold;
    padding: 0 0 10px 0;
}
table {
    width: 100%;
    /*border: solid 1px #e3e3e3;*/
    border-collapse: collapse;
}
.table_unit {
    float: right;    
    font-size: 0.6em;
    margin: 0;
}
.table_title {
    color: #999;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
}
table tbody tr th {
    color: #000;
    text-align: center;
    background-color: #e6e7ef;
    text-align: left;
    padding: 5px 15px;
    vertical-align: middle;
    border: solid 1px #c6c6c6;
    border-collapse: collapse;
}
table tbody tr tr:hover {
    border: solid 1px #e3e3e3;
}
table tbody tr td:hover {
    border: solid 1px #e3e3e3;
}
table tbody tr th p {
    font-size: 1.08em;
}
table tbody tr td p {
    font-size: 1.08em;
}
.table_source {
    color: #4d4d4d;
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}
#center {
    text-align: center;
}
#right {
    text-align: right;
}
.noneline {
    border-left: none;
}
.ContentsBox.no_pad_c .topItem.clearfix li {
    margin: 15px;
}
.ContentsBox.no_pad_c .topItem.clearfix li p a {
    display: inline;
    background-image: none;
    padding: 5px 20px;
    border: 1px solid #d2d2d2;
}
.ContentsBox.no_pad_c .topItem.clearfix li p a:hover {
    cursor: pointer;
    color: #00aad0;
    background-color: #FFF;
    border: 1px solid #d2d2d2;
}
.text_content{
	width: 77.5%;
    margin: 0 auto;
}
#issue .tableInfo ul li {
    color: #666;
    margin-left: 50px;
    list-style-position: outside;
    list-style-type: disc;
}
#issue .tableInfo ul li a {
    padding: 10px 25px;
    margin-left: -20px;
}
#issue .link h3 {
    margin-bottom: -200px;
}
#imgL {
    float: left;
    margin: 30px 20px;
    width: 30%;
    -moz-box-shadow: 4px 5px 3px #ababab;
    -webkit-box-shadow: 4px 5px 3px #ababab;
    box-shadow: 4px 5px 3px #ababab;
}

.IndSpotlight p{
	font-size: 1.08em;
    line-height: 34px;
    text-align: justify;
    color: #4d4d4d;
    white-space: pre-line;
    display: inline-block;
}


/***首頁初次造訪***/

.guide_Box ul li h4 a {
    color: #fffefe;
}
.guide_Box ul li h4 a:hover {
    color: #fefb02;
}
.guide_Box ul li h5 a {
    color: #fffefe;
}
.guide_Box ul li h5 a:hover {
    color: #fefb02;
}
.guide_Box ul li ul.ser_link li p {
    color: #fffefe;
    position: relative;
    padding: 8px 0 8px 68px;
}
.guide_Box ul li ul.ser_link li p::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::before {
    background-image: url(../images/ser_link_icon_01.png);
}
.guide_Box ul li ul.ser_link li p.icon_02::before {
    background-image: url(../images/ser_link_icon_02.png);
}
.guide_Box ul li ul.ser_link li p.icon_03::before {
    background-image: url(../images/ser_link_icon_03.png);
}
.guide_Box ul li ul.ser_link li p.icon_04::before {
    background-image: url(../images/ser_link_icon_04.png);
}

.insideBox p.btn_prev a {   max-width: 250px; }
.hot_sitesBox { padding: 0 ;}
/***各縣市投資**********/

.tab-content h1 {
    padding: 15px 0;
    font-weight: bold;
    color: #4d4d4d;
}
.tab-content .h1_txt {
    padding-bottom: 0px;
}
.tab-content h4 {
    color: #009688;
    padding-left: 0px;
	padding-bottom: 0px;
}
.tab-content h5 {
    font-weight: bold;
    padding-left: 0px;
}
#article1 table {
    margin: 0 auto 30px;
    background-color: #FFF;
    border: 1px solid #f0f0f0;
}
#article1 table tbody tr th {
    color: #fff;
    font-size:1em;
    text-align: center;
    background-color: #90a4ae;
    padding: 5px 15px;
    vertical-align: middle;
    border: 1px solid #f0f0f0;
}
#article1 table tbody tr td {
    font-size:1em;
    color: #595959;
    border-collapse: collapse;
    background-color: #FFFFFF;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #f0f0f0;
}
#article1 table tbody tr th p {
    font-size: 1.08em;
}
#article1 table tbody tr td ul li {
    line-height: 30px;
}
#article1 table tbody tr td div {
    line-height: 30px;
}
.tab-content div table {
    margin: 0 auto 30px;
    width: 90%;
    background-color: #FFF;
    border: 1px solid #f0f0f0;
}
.tab-content div ul li {
    list-style: disc;
    color: #4d4d4d;
    margin-left: 30px;
}
.news_listBox.investExpandList .clearfix {
    list-style: none;
    margin-left: 0px;
    margin-bottom: -1.5em;
}
/*#notable ul li p {
        margin-bottom:-30px;
}
.tab-content ul li p {
        margin-bottom:-30px;
}
#notable ol li p {
        margin-bottom:-30px;
}
.tab-content ol li p {
        margin-bottom:-30px;
}*/

.insideBox table.investData p {
    padding: 0px 20px 30px;
}
.tab-content ul li p {
    margin-bottom: 0
}
/**常見問答**/

.insideDataBox .ContentsBox .FaqBox.clearfix li .subMenuList li p a {
    /*margin-left:1.1em;*/
}
.insideDataBox .ContentsBox.FAQ {
    margin-bottom: 100px;
}
.insideDataBox .ContentsBox.FAQ ol li {
    list-style: decimal;
    margin-left: 30px;
    padding-bottom: 15px;
}
.insideDataBox .ContentsBox.FAQ ul {
    list-style: square;
    margin-left: 30px;
    padding-bottom: 15px;
}
.insideDataBox .ContentsBox.FAQ ul ul li {
    list-style: disc;
}
.insideDataBox .ContentsBox.FAQ ul ul ul li {
    list-style: circle;
}
.insideDataBox .ContentsBox.FAQ .sub_title_blue {
    margin: 30px 0 30px -20px
}
.insideDataBox .ContentsBox.FAQ, .insideDataBox .ContentsBox.FAQ p {
    font-size: 1.08em;
    line-height: 32px;
    color: #4d4d4d;
    padding-bottom: 30px;
    text-align: justify;
}
/**style**/

p.info {	
    font-size: 1.08em;
    line-height: 34px;
    color: #4d4d4d;
}

@media screen and (max-width: 768px){
	p.info img{width: 100%;}
}

.hot_sitesBox .dataBox p {
    font-size: 1.08rem;
}
.banner_food_05 {
    background: url(../images/banner/banner_05.jpg) center bottom no-repeat;
    /*background-size: cover;*/
}
.main_contents .bannerBox .share_btnBox ul.icons li {
    margin-top: 15px;
}
.insideBox {
    padding-top: 0px;
}

.insideBox .articleBox .infoBox {
    background: url(../images/br/br_pyramid.png) right 200px no-repeat;
    background-size: 50%;
}
.insideBox .articleBox .topLineBox .ContentsBox {
    z-index: 9999;
    width: 78%;
}
.HeaderBox .rightBox {
    margin-right: 2%;
    margin-top: 1%;
}
.HeaderBox .rightBox .MenuBox nav {
    text-align: right;
    padding-top: 8px;
}
.HeaderBox .rightBox .MenuBox nav a {
    padding: 2px 4px;
}
.HeaderBox h1.logo {
    margin-left: 0px;
}
.HeaderBox p.contact_new {
    top: -14px;
    -webkit-animation: fadein 5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s;
    /* Firefox < 16 */
    -ms-animation: fadein 5s;
    /* Internet Explorer */
    -o-animation: fadein 5s;
    /* Opera < 12.1 */
    animation: fadein 5s;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.insideBox ul.formBox_title { max-width: 100%;}
.insideBox ul.formBox_title li { width:33.3%; padding: 0 1%;}
.insideBox ul.formBox_title li p a {   border-radius: 10px;}


/***選單*******/
.topHeader .leftNav nav.menu {width: 100%; padding-top: 20px;}
.topHeader .leftNav nav.menu p {margin: 2px;}
.topHeader .leftNav nav.menu p a{color:#333;margin:12px 10px;}
.topHeader .leftNav nav.menu p a:hover{color:#bb6f10;text-decoration:none; font-weight:400;}
.topHeader .leftNav nav.menu .topMenuBox{text-align:left; top: 25px; left: -200px; width: 1020px;}
.topHeader .leftNav nav.menu .topMenuBox ul li p a{color:#25649E;padding:5px;}
.topHeader .leftNav .menu .theTopMenu.clearfix .the_search .icon_search .search{margin-top:20px;}
.topHeader .leftNav .menu .theTopMenu.clearfix .the_search .icon_search input{transition:all 450ms cubic-bezier(0.23,1,0.32,1) 0;border-radius:5px;font-size:18px;color:#333;width:100%;max-width:55px;height:30px;line-height:30px;display:inline-block;}
.topHeader .leftNav .menu .theTopMenu.clearfix .the_search .icon_search input:focus{max-width:100px;background-color:#ededed;}
.topHeader .leftNav .menu .theTopMenu.clearfix .the_search .icon_search::before{content:"";position:absolute;left:0;width:30px;height:30px;display:block;background:url(../images/icon_search.png) center left no-repeat;background-size:contain;}
.topHeader .leftNav nav.menu .topMenuBox h4{color:#000;line-height:10px;padding:10px 0;text-decoration: none;}
.topHeader .leftNav nav.menu .topMenuBox ul {padding-bottom:0px; width: 95.5%;}
.topHeader .leftNav nav.menu .topMenuBox ul li.title{line-height:2em;}
.topHeader .leftNav nav.menu .topMenuBox ul li { margin-bottom: 2px; width:100%;}
.topHeader .leftNav nav.menu p{font-weight:400;line-height:20px; text-indent: -0.9em; margin-left: 1.0em;}
.topHeader .leftNav nav.menu ul.theTopMenu{float:right;right: 15%;}
.topHeader .leftNav .menu .theTopMenu.clearfix .the_search .icon_search,.topHeader .leftNav .menu .theTopMenu.clearfix .the_search .icon_search .icon_search{position:relative;padding-left:32px;}


@media max-width 1180px {
.topHeader .leftNav nav.menu ul.theTopMenu{display:none;}
}
/***選單END****/
.guide_Box ul li ul.ser_link {
    position: static;
}
.newsBox ul {
    padding: 10px 0 0 0;
}
.newsBox ul li p.title {
    height: 23px;	
}
.newsBox ul li p.day {
    margin-top: 10px;
    padding-bottom: 0;
}
.newsBox ul li p.name {
    font-size: 1.08rem;
    height: 24px;
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.newsBox ul li p.article {
    min-height: 0;
    font-size: 1.08rem;
    line-height: 30px;
    height: 90px;
}
.descriptionBox { padding: 0;}
.descriptionBox .our_advantageBox ul li p {
    margin: 0 auto;
    font-weight: normal;
    font-size: 1.12rem;
    min-height: 100px;
    line-height: 25px;    
    max-width: initial;
}
.descriptionBox .leftMenu ul li h3 {
    font-size: 1.27rem;
}
.descriptionBox .leftMenu ul li h3 a {
    max-width: 300px;
}
.descriptionBox .leftMenu ul li::before {
    margin-top: -16px;
}
.policyBox .pBox h5 {
    font-size: 1.25rem;
}
.policyBox .pBox a {
    font-size: 1.1rem;
    line-height: 30px;
}
.policyBox .pBox ul li p {
    font-size: 1.1rem;
    padding-left: 5px;
    height: 100%;
    line-height: 30px;
    margin-bottom: 15px;
}
.policyBox .pBox ul li p a {
    line-height: 30px;
}
.policyBox .pBox ul li li {
    list-style-type: circle;
    margin-left: 35px;
}
.policyBox .rBox ul li {
    width: 100%;
    padding-bottom: px;
    font-size: 1.1rem;
    line-height: 30px;
    list-style: disc;
}
.policyBox .lBox ul li {
    list-style: disc;
}
.policyBox ul li ul{
    margin-left: -30px;
}
.policyBox .pBox h4 {
	padding: 0;
}
.success_caseBox li{
    font-size: 1.1rem;
    color:#FFF;
    list-style: disc;
}
.tagsBox .tabs li {
    width: 90%;
}
.tagsBox .tabs li a{
	line-height: 30px;
    padding: 20px;
}
.tagsBox .tabs li p{
	margin:0;
}
.tagsBox .tabs_item p {
    font-size: 1.2rem;
    line-height: 40px;
}
.tagsBox .tabs_item ul li p {
    line-height: 30px;
}
/*.success_caseBox {
    background-position: unset;
}*/
.success_caseBox .infoBox {
    padding: 0;
}
.success_caseBox h4::before {
	top: 62%;
}
.success_caseBox .infoBox h5 {
	padding:0;
	margin: 0;
}

.success_caseBox .infoBox p {
    font-size: 1.1rem;
    margin-left: 20px;
	padding:0;
	margin: 0;
}
.hot_sitesBox h4 {
    padding: 50px 0 20px 0;
}
.success_caseBox .infoBox h6 {
    color: #fff;
    font-size: 18px;
	padding:0;
	margin: 30px 0 10px 0;
}
.success_caseBox .infoBox .lBox {
	width: 100%;
}
.success_caseBox .infoBox .lBox .bg {
    height: 80px;
    width: 300px;
    background-color: #FFF;
    border: solid 1px #e6e6e6;
    margin: 0 0 20px 20px;
}
.contact_who .dataBox1 ul li {
    width: 100%;
    float: left;
    border: none;
    /*padding-bottom: 20px;*/
}
.contact_who .dataBox1 ul li h5 {
    width: calc(100% - 20px);
    font-size: 1.550rem;
    font-weight: bold;
    /*padding-bottom: 10px;*/
}
.contact_who .dataBox1 ul li .bottom_info {
    width: calc(100% - 20px);
    margin: 0 auto 60px;
    text-align: center;
}
.contact_who .dataBox1 ul li p {
    text-align: center;
    line-height: 30px;
}
.contact_who .dataBox2 ul li {
    width: 33.3%;
    float: left;
    border: none;
    padding-bottom: 20px;
}
.contact_who .dataBox2 ul li h5 {
    width: calc(100% - 20px);
    font-size: 1.250rem;
    font-weight: bold;
    padding-bottom: 10px;
}
.contact_who .dataBox2 ul li .bottom_info {
    width: calc(100% - 20px);
    margin: 0 auto;
    text-align: center;
}
.contact_who .dataBox2 ul li .icon {
    max-width: 168px;
    padding-bottom: 35px;
    margin: 0 auto;
}
.contact_who .the_downloadBox .imgBook p a {
    margin:0 auto;
}
.contact_who .the_downloadBox .imgBook::before {
    top: 0;
}
.contact_who .the_downloadBox .imgBook.bk_02::before {
    background: url(../images/bk_02.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_03::before {
    background: url(../images/bk_03.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_04::before {
    background: url(../images/bk_04.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_05::before {
    background: url(../images/bk_05.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_06::before {
    background: url(../images/bk_06.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_07::before {
    background: url(../images/bk_07.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_08::before {
    background: url(../images/bk_08.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_09::before {
    background: url(../images/bk_09.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_10::before {
    background: url(../images/bk_10.png) center center no-repeat;
}
.contact_who .the_downloadBox .imgBook.bk_11::before {
    background: url(../images/bk_11.png) center center no-repeat;
}
.c01_1, .c04, .c05 {
    background: none;
    z-index: -99999;
}
.insideBox .br_color_blue {
    margin: -50px 0 50px 0;
    padding: 20px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,fcf9e5+100 */
    background: #fefcea;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fefcea 0%, #fcf9e5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefcea 0%, #fcf9e5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefcea 0%, #fcf9e5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fcf9e5', GradientType=0);
    /* IE6-9 */
}
.insideBox .br_color_blue2 {
    background-color: #b19575;
}
.insideBox .br_color_blue .ContentsBox {
    padding: 0;
}
.insideBox .investMenu ul {
    margin-top: -100px;
    padding: 20px 0;
}
.insideBox h3.top_title {
    color: #333;
    text-align: left;
    font-size: 1.35rem;
}
.insideBox .articleBox .topLineBox {
    margin-bottom: 50px;
}

.insideBox .insideDataBox .serviceCenterMenu h3.top_title span.info {
    font-size: 0.77em;
    line-height: 28px;
}
.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 ul.topItem li a {
    color: #bb6f10;
}
.insideBox ul.topItem li a:hover {
    color: #FFF;
    background-color: #bb6f10;
    border-color: #b9680d;
    box-shadow: 0px 0px 5px #d0933b;
}
.insideBox .daySearchBox {
    font-size: 1.08em;
    width: 980px;
    margin: 0 auto;
}
.insideBox .daySearchBox .itemBox input.keyword {
    max-width: 250px;
    text-align: left;
}
.insideBox .daySearchBox .itemBox p.btn_search a {
    width: 120px;
    color: #4e4401;
    border: 1px solid #c7ad05;
}
.insideBox .daySearchBox .itemBox input {
    border: 1px solid #c7ad05;
}
.insideBox .daySearchBox .itemBox select {
    border: 1px solid #c7ad05;
    width: 120px;
}
.insideBox .dataBox {
    font-size: 1.08em;
    line-height: 32px;
    padding-bottom: 30px;
}
.insideBox .inside_br.br_color_blue .insideDataBox .ContentsBox .daySearchBox.clearfix .checkbox {
    margin-left: 10px;
}
.ContentsBox, .dataBox {
    font-size: 1.08em;
    line-height: 32px;
}
.ContentsBox p.SuccessinfoBox {
    font-size: 1.2em;
    text-align: justify;
    float: right;
    padding-top: 80px;
}
.subMenuBox h5.title {
    color: #333;
}
.insideBox .bannerBox h2.banner_title {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: -webkit-xxx-large;
}
.insideBox .bannerBox .subsummary {
    width: 80%;
    text-align: center;
    margin: 40px auto;
    line-height: 50px;
    font-size: 1.65rem;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.colorBox {
    height: auto;
}
.bottom_subMenu .colorBox li {
    padding: 5px;
}
.bottom_subMenu .gogolink .top_title h3 {
    font-size: 1.2rem;
}
.bottom_subMenu .gogolink .the_main_title h4 {
    font-size: 1.0rem;
}
.bottom_subMenu .gogolink .sub_title {
    font-size: 0.9rem;
}
.mobile-nav{
    z-index:999999;
}
.connected-carousels .carousel ul.theSerBox { 
    min-height: 510px;
}


.insideBox .insideDataBox .serviceCenterMenu {
    width: 90%;
}

@media (min-width: 375px) {
    .ContentsBox .sitemap p {
        width: 95%;
        margin: 20px 20px 20px 0px;
        min-height: 70px;
    }
    .subMenuBox ul.gogolink {
        display: table;
    }
    .subMenuBox p a {
        font-size: 0.9em;
        line-height: 35px;
    }
    .our_services ul.theSerBox li p.info {
        max-width: 250px;
        text-align: center;
    }
    .insideBox .bannerBox h2.banner_title {
        width: 100%;
    }
    .insideBox .bannerBox .subsummary {
        display: none;	
    }

    /*
.our_services ul.theSerBox li p.info {
    max-width: 280px;
    text-align: center;
}
.connected-carousels .carousel-navigation li {
    width: calc(100%/2 - 10px);
    }
    .insideBox .bannerBox {
    height: auto;
    min-height: 430px;
    }
    .insideBox .bannerBox h2.banner_title {
    width: 90%;
    font-size: 1.75rem;
    margin: 60px auto -20px;
}
    .insideBox .bannerBox .subsummary {
            line-height: 30px; 
        font-size: 1.25rem;
}
.insideBox .ContentsBox {
    padding-top: 0px;
    }
.newsBox {
    padding: 0;
}
    */
}
@media (max-width:650px) {
    .connected-carousels .carousel ul.theSerBox { 
        min-height: 1600px;
    }
}
@media (min-width: 665px) {
    /*.mapBoxSearch {
        display: none;
    }*/
    .ContentsBox .sitemap p {
        width: 27.5%;
        margin: 10px 10px 10px 0px;
        min-height: 100px;
    }
}
@media (max-width: 700px){
    .mapBoxSearch {
        display: none;
    }
}
@media (min-width: 768px) {
    .hamburger {
        z-index: 999999;
    }
    .ContentsBox .sitemap p {
        width: 28%;
        margin: 10px 10px 10px 0px;
        min-height: 100px;
    }
    .banner_food_05 {
        background: url(../images/banner/banner_05s.jpg) top 40px no-repeat;
        background-size: cover;
    }
}
@media (min-width: 992px) {
    .ContentsBox .sitemap p {
        width: 29.3%;
    }
    .bottom_subMenu .colorBox li p {
        font-size: 1.0rem;
    }
}
@media (min-width: 1200px) {	
    .ContentsBox .sitemap p {
        width: 31.8%;
    }
    .our_services ul.theSerBox li p.info {
        max-width: 280px;
    }
    .connected-carousels .carousel-navigation li {
        width: auto;
    }
    .insideBox .bannerBox h2.banner_title {
        font-size: 2.75rem;
    }
    .insideBox .bannerBox .subsummary {
        line-height: 50px;
    }
}
@media (max-width: 1200px) {
    /*.hamburger {
        display: block;
        z-index: 9999999;
    }
    .HeaderBox .rightBox {
        display: none;
    }*/
}
@media (max-width:1285px) {
    .the_subMenu ul li h4 {
        font-size: 1.250rem;
    }
    .HeaderBox h1.logo {
        margin-left: 20px;
    }
}
@media (max-width: 2000px) {
    .HeaderBox .ContentsBox {
        max-width: 100%;
        position: fixed;
        top: 0;
        z-index: 99999;
        background-color: #FFF;
    }
    .insideBox .articleBox .topLineBox .ContentsBox {
        margin-top: -15px;
    }
}

@media (max-width: 950px){
.guide_Box ul::before {
    top: 55%;
}
.guide_Box ul li {
    padding: 40px 0;
}
}


@media (max-width: 750px) {
    .HeaderBox {
        box-shadow: none;
        padding: 0; 
    }
    .insideBox .articleBox .topLineBox .ContentsBox {
        margin-top: 35px;
    }
    .main_contents {
        padding-top: 0px;
    }
    .main_contents .bannerBox p.contact {
        top: 40px;
    }
    .our_services ul.theSerBox li {
        width: 100%;
    }
    .guide_Box ul li {
        padding: 40px 0 80px 0;
    }
    .guide_Box ul li ul.ser_link li {
        width: calc(100% - 20px);
        margin: 10px;
        padding: 0 0 0 50px;
    }
    .guide_Box ul::before {
        top: 44%;
    }
    .insideBox .insideDataBox .serviceCenterMenu h3.top_title {
        right: 0;
        top: -120px;	
    }
}
@media (max-width:699px) {
    .banner_food_01 {
        background: url(../images/banner/banner_01s.jpg) 24.5% top no-repeat;
        background-size: cover;
    }
    .banner_food_05 {
        background: url(../images/banner/banner_05s.jpg) center top no-repeat;
        background-size: cover;
    }
    .banner_food_06 {
        background: url(../images/banner/banner_06s.jpg) center top no-repeat;
        background-size: cover;
    }
}

@media (max-width:1200px) {
.mobile-nav h3 {
        font-size: 1.55rem;
    }
    .mobile-nav ul.Oneself li h3 a {
        text-align: left;
    }
    .mobile-nav ul.Oneself li ul.submenu li h4 {
        text-indent: -1.0em;
    }
    .mobile-nav ul.Oneself li ul.submenu li {
        width: 100%;
    }
    .mobile-nav ul.Oneself li p {
        line-height: 25px;
    }
    .mobile-nav ul.Oneself li ul.submenu li p a {
        padding: 10px 0;
        border-bottom: 1px solid #ffffff21;
    }
    .mobile-nav ul.Oneself li {
        padding: 0px 20px;
        border-bottom: 0;
    }

}

/***輪播圖***/
.container_1{width:350px;height:200px;overflow:hidden;position:relative;float:left;margin-top:10px;}
.list_1{width:1750px;height:200px;position:absolute;z-index:1;}
.list_1 img,.list_1 > a > div{float:left;}
.con-body{width:350px;height:200px;}
.pointsDiv{position:absolute;height:10px;width:100px;z-index:2;bottom:0;left:calc(100%/2 - 35px);}
.pointsDiv span{cursor:pointer;float:left;border:1px solid #d2d2d2;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.pointsDiv .on{background:#d2d2d2;}
.arrow{cursor:pointer;display:none;line-height:39px;text-align:center;font-size:36px;font-weight:700;width:40px;height:40px;position:absolute;z-index:2;top:50px;background-color:RGBA(0,0,0,0.3);color:#fff;border-radius:20px;}
.arrow:hover{background-color:RGBA(0,0,0,0.7);text-decoration:none;}
.container_1:hover .arrow{display:block;}
.prev{left:20px;}
.next{right:20px;}
.descriptionBox .newsBox ul li { width: 100%;}
@media max-width767px {
.newsBox ul li a.info{padding-bottom:0;}
.insideBox .bannerBox h2.banner_title{width:100%;font-size:1.8rem;margin-top:20%;}
.insideBox .bannerBox .subsummary{display:none;}
.container_1{width:300px;}
.list_1{width:2100px;}
.con-body{width:350px;}
.descriptionBox .newsBox{margin-top:-50px;}
}
@media min-width667px {
.list_1{width:3480px;}
.container_1,.con-body{width:580px;}
}
@media min-width768px {
.insideBox .bannerBox h2.banner_title{width:100%;font-size:1.8rem;}
.insideBox .bannerBox .subsummary{display:none;}
.list_1{width:3900px;}
.container_1,.con-body{width:650px;}
}
@media min-width951px {
.list_1{width:1800px;}
.container_1,.con-body{width:300px;}
}
@media min-width1025px {
.insideBox .bannerBox h2.banner_title{width:90%;font-size:1.8rem;}
.insideBox .bannerBox .subsummary{display:inherit;font-size:1.45rem;}
.list_1{width:1750px;}
.container_1,.con-body{width:350px;}
}
@media min-width 1200px {
.insideBox .bannerBox h2.banner_title{width:90%;font-size:2.2rem;}
.insideBox .bannerBox .subsummary{display:inherit;font-size:1.55rem;line-height:30px;}
.list_1{width:1750px;}
.container_1,.con-body{width:350px;}
}


/***輪播圖 END***/

.LandInformationBoxNew .BigDataBox .detailedBox .dBox .dataInfo .leftBox {
	max-width: 65%;
}

/***bootstrap***/

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
/***bootstrap END***/

.Tbusiness{
	width: 90%;
	margin: 0 auto;
	line-height: 45px;
	padding: 0;	
}
.banner_food_07 { background: url(../images/banner/banner_11.jpg) 60% center no-repeat; background-size: cover;}
.Tmark{
	color:#fefb02;
	font-size:1.15em;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	
}










/**************/
#j_header_link, #header_inshell, #j_index_industryshell, #j_guide_inshell, #j_news_shell, #j_index_linkshell, #j_index_alllink_inshell, #j_footer_inshell, #j_location, .j_content_title, #j_inbody_shell {width:1200px;}
@media (max-width:1200px){
    #j_header_link, #header_inshell, #j_index_industryshell, #j_guide_inshell, #j_news_shell, #j_index_linkshell, #j_index_alllink_inshell, #j_footer_inshell, #j_location, .j_content_title, #j_inbody_shell, #j_body  {width:auto; padding: 0.5em;}
}

@media screen and (max-width: 1200px){
	.j_content_title dd { float: left;}
}


#j_map_content01, #j_map_content02 .item {font-size: 1.08em;}
#j_map_content03 .item h2 { padding:0; text-shadow: none;}
#j_map_content03 .item a { font-size: 1.15rem;}
#j_map_content03 .item h2 a:hover{ font-weight: bold;}
#j_map_content03 .item a:hover { font-weight: normal; text-decoration: underline;}
#j_searchshell, .j_search_list, .j_search_list:hover {font-size: 1.08em;}
#j_guide_l { width: 47%;}
#j_guide_r { width: 49%;}
#j_footer_left{ width: 40%;}
#j_footer_right{ width: 60%;}

#j_index_link03, #j_index_link04, #j_index_link05 {width: 15.7%; }
#j_index_industryshell a{ display: flex; line-height: 20px;}

.j_maptitle { font-size: 1.2rem;}
#j_header_menushell {width: auto;}
.j_header_select01 {line-height: normal; padding-right: 1.6rem;}
.j_left_menu_title a { line-height: 20px;}
.j_left_menu_link a { padding: 5px 1%; line-height: 20px;}
#j_header_menushell { width: auto;}
.img100 { width: 50%; float: left; margin: 10px 10px 10px 0;}
#cityInfo { margin: 10px 0;}
.j_guide_content a:hover{    opacity: 0.8;}

.j_content_title dd{margin-right:0; width: 28%;}
.j_content_title dt{width: 70%; }
.j_investment02{width:auto;margin-top:50px;overflow: auto;}
.j_investment02 dt{width:100%;float:left;margin:0;color: #FFF; font-size: 1.4em;}
.j_investment02 dd{width:50%;float:left;margin:20px 0;}
.j_investment02 a{width:auto;font-size:1.2rem;font-weight:700;color:#000;text-decoration:none;background-image:url(../images/index/investment_iconB.png);background-repeat:no-repeat;background-position:left center;padding-left:30px;line-height:2rem;}
.j_news_content {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.j_news_01 { width: 100%;}
.j_alllink_l { width: 100%;}
.j_alllink_l dt, dd { width:18%; width: 33%; margin-right: auto;}
.j_alllink_r { margin-top: -10%; width: 33%;}

.j_alllink_r_link01, .j_alllink_r_link02, .j_alllink_r_link03 { float: left; width: 60%; margin:10px 0; height:50px; }



.j_guide_content, #cityInfo { line-height: 27px;}


.j_relatedlinks_list li ul li { margin-left: 20px;}
.j_search_select { line-height: normal;}
.j_search_dateinput01 { width: 49.5%;}
.j_search_textinput01 { width: 60%;}
.j_search_textinput02 { width: 35%;}

/*.j_program_effectshell .item {width: calc(100% - 20px);margin:10px 0;}*/
.j_program_effecttitle01 {background-color: #0b9d9f;}
.j_program_effecttitle03{width:100%;margin-right:auto;margin-left:auto;font-weight:700;color:#FFF;text-align:center;background-color:#2b76ba;font-size:1.3rem;line-height:3rem;margin-bottom:10px;}
.j_program_effect_inshell, .j_program_effect_inshel2 {width: 100%; float: none; margin-right: 1%; margin-left: 1%;}
#j_index_link01:hover {background-color:#b9680d;}
#j_index_link02:hover {background-color:#6f572f;}
.j_contact_name { width: 60%;}
.j_contact_tel { width: 40%;}
.j_process_shell .item {margin-right: inherit;}

.j_introduction_contenttext2 { font-size: 1.08em;}
.j_introduction_contenttext2 ul li { list-style-type: disc; line-height: 25px; padding-bottom: 10px;}

#j_index_link05 { font-size: 1.3rem;	color: #FFFFFF;	text-decoration: none;	float: left;	text-align: center;	font-weight: bold;	line-height: 55px;	background-image: url(../images/index/link_bg.png);	background-repeat: repeat-x;	background-position: top;	background-color: #f44336;	border-radius: 6px;	margin-right: 1.2%;}

#j_index_link03, #j_index_link04, #j_index_link05 {width: 32.5%; }
#j_index_link01:hover {background-color:#095e9e;}
#j_index_link02:hover {background-color:#0587a5;}
#j_index_link03:hover {background-color:#8c7349;}
#j_index_link04:hover {background-color:#c57002;}
#j_index_link05:hover {background-color:#d32f2f;}


@media screen and (max-width: 480px){
#j_header_link, #header_inshell, #j_index_industryshell, #j_guide_inshell, #j_news_shell, #j_index_linkshell, #j_index_alllink_inshell, #j_footer_inshell {width: 97%;}
#j_guide_l, #j_guide_r, #j_footer_left, #j_footer_right { width:100%;}
.hamburger .bar {z-index:999999;}
	#j_index_link01 { width: 100%; margin:10px 0; background-color: #1c83e1;}
	#j_index_link02 { width: 100%; margin:10px 0; background-color: #1ca9d6;}
	#j_index_link03 { width: 100%; margin:10px 0;}
	#j_index_link04 { width: 100%; margin:10px 0;}	
	#j_index_link05 { width: 100%; margin:10px 0;}
	#j_index_industryshell a {display: initial; line-height: 35px;}
	.j_news_01 {width: 100%;}
	.j_video { height: 225px; width: 330px;}
	.j_alllink_l dt, dd { width:100%; margin: 15px 0;}
	.j_alllink_r { width: 100%;}
	.j_investment02 dt { font-size:1.08rem;}
	.j_left_menu_link {float: none;}
	.j_left_menu_title, .j_left_menu_link, .j_left_menu_link a { width: 100%;}
	.j_left_menu_title a {line-height: 30px; }

}

/*Label the data*/
@media screen and (max-width: 900px){
caption { display: block; font-size: 1.3em;    padding: 0;}
th {width: auto;}
td {padding: 0 10px;}
td:before {color: #999999;}

td:before { 
	position: absolute;/* Now like a table header */
	top: 6px; left: 6px; width: auto; padding-right: 10px; white-space: nowrap;/* Top/left values mimic padding */	}
		
	.program td { padding: 6px 0 0 120px; font-size: 1.08rem;}
	/*ID1135*/
	td:nth-of-type(1):before {	content: " ";	color: #999999;}
	td:nth-of-type(2):before {	content: " ";	color: #999999;}
	td:nth-of-type(3):before {	content: " ";	color: #999999;}	
	/*ID10310016*/
	.IndirectTax th { display: none;}
	.IndirectTax td:before{ top: 0;}
	.IndirectTax th { display: none;}
	.IndirectTax td:nth-of-type(1):before {	content: "Items Eligible for Indirect Tax ";	color: #999999;}
	.IndirectTax td:nth-of-type(2):before {	content: "Economic Processing Zone ";	color: #999999;}
	.IndirectTax td:nth-of-type(3):before {	content: "Science Park ";	color: #999999;}
	.IndirectTax td:nth-of-type(4):before {	content: "Agricultural Biotechnology Park";	color: #999999;}
	.IndirectTax td:nth-of-type(5):before {	content: "Bonded Factory";	color: #999999;}
	.IndirectTax td:nth-of-type(6):before {	content: "Bonded warehouse";	color: #999999;}
	.IndirectTax td:nth-of-type(7):before {	content: "Logistics Center";	color: #999999;}
	.IndirectTax td:nth-of-type(8):before {	content: "Free Trade Zone";	color: #999999;}
	/*ID13*/
	.RaS th { display: none;}
	.RaS td { padding: 6px 0 6px 120px; font-size: 1.08rem;}
	.RaS td:nth-of-type(1):before {	content: "";	}
	.RaS td:nth-of-type(2):before {	content: "2008";}
	.RaS td:nth-of-type(3):before {	content: "2009";}
	.RaS td:nth-of-type(4):before {	content: "2010";}
	.RaS td:nth-of-type(5):before {	content: "2011";}
	.RaS td:nth-of-type(6):before {	content: "2012";}
	.RaS td:nth-of-type(7):before {	content: "2013";}
	.RaS td:nth-of-type(8):before {	content: "2014";}
	.RaS td:nth-of-type(9):before {	content: "2015";}
	.RaS td:nth-of-type(10):before {content: "2016";}
	.RaS td:nth-of-type(11):before {content: "2017";}
	.RaS td:nth-of-type(12):before {content: "2018";}
	.RaS td:nth-of-type(13):before {content: "2019";}
	.RaS td:nth-of-type(14):before {content: "2020";}

	
}

/*Label the data END*/



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

/***多媒體影音***/
.insideBox .dataBox ul.successBox_list li {float: left; width: calc(100%/2 - 50px);; min-height: 500px; padding: 20px; margin: 15px; border: 1px solid #dcdcdc; }
.insideBox .dataBox ul.successBox_list li.type_success {float: left; width: calc(100% - 50px);; min-height: 480px; padding: 20px; margin: 15px; border: 1px solid #dcdcdc; }
.insideBox .dataBox ul.successBox_list li .photo {max-width:100%;float:none;margin: 0 auto;}
.insideBox .dataBox ul.successBox_list li .photo img{border:0;box-shadow:none;}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo{float:left; width: 100%; margin: 0 auto;}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p{ font-size:1.05em;line-height:30px; width: 65%;margin:10px auto;}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p.type{width: 100%;color:#4c4c4c;font-size:1em;padding:0;line-height: 25px;}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p.type span{border:1px solid #d2d2d2;padding:3px 5px;}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p.companyName{width: 100%;font-size:1.08em;color:#333;font-weight:700;text-align:inherit;padding-bottom:0px;}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p.companyName a{color:#333;min-height: 60px;}


/***多媒體影音--新***/
.insideBox .dataBox ul.successBox_list .videoList .j_program_effecttitle03{ margin: 0 auto; color:#333; width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.videoList_bg01 {overflow: auto;padding:0 30px;}

.videoList_bg02 {background-color: #F9F9F9;overflow: auto; padding: 30px;}
.videoList_bg02 .successBox_list .videoList{background-color: #FFF;}

.videoList_bg01 span ,.videoList_bg02 span { font-size: 0.6em; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #2B76BA; padding-top: 6px; padding-right: 15px; padding-bottom: 6px; padding-left: 15px; margin: 0 10px; text-shadow: none;}

.insideBox .dataBox ul.successBox_list li .infoBoxVideo.center{text-align: center;}
.insideBox .dataBox ul.successBox_list .videoDetail .infoBoxVideo p.summary{float:right; width:68%}

.insideBox .dataBox ul.successBox_list .videoDetail{float: left; width:100%; min-height: auto; padding: 20px; margin: 15px; border: 1px solid #dcdcdc; }
.insideBox .dataBox ul.successBox_list .videoDetail .summary{width:75%; margin:0 auto;}

.insideBox .dataBox ul.successBox_list li .videoDetailPhoto {width:100%;float:left; margin: 0 auto;}
.insideBox .dataBox ul.successBox_list li .videoDetailPhoto img{border:0;box-shadow:none;}

.insideBox .dataBox ul.successBox_list .videoDetail {float: left; min-height: auto; width: calc(100%/2 - 50px); border: 1px solid #dcdcdc; padding:20px 20px 0;}
.insideBox .dataBox ul.successBox_list .videoDetail .photo {max-width:100%;float:left;}
.insideBox .dataBox ul.successBox_list .videoDetail .photo img{border:0;box-shadow:none;}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt p.type{float:left; color:#4c4c4c;padding: 0.5rem 2rem 0.5rem 0; min-height: 110px;}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt p.type span{/*padding:3px 5px;*/}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt p.type_success{float:left; color:#4c4c4c;padding:0;padding:15px 25px 0 0;}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt p.type_success span{border:1px solid #d2d2d2;padding:3px 5px; margin-right: 10px;}

.insideBox .dataBox ul.successBox_list .videoDetail .videotxt.Name{float:left; }
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt.Pub{/*font-size:0.90em;*/}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt.Pub a {display: inline;}

.insideBox .dataBox ul.successBox_list .videoDetail .videotxt p.companyName{font-size:1.15em;color:#333;font-weight:700;text-align:inherit;padding-bottom:0px;height: 50px;line-height: 25px;}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt p.companyName a{color:#333;}

/***多媒體影音--新***/

@media (max-width: 480px){
.insideBox .dataBox ul.successBox_list li { width:100%; margin: 0 0 20px -20px;}
.insideBox .dataBox ul.successBox_list .videoList .j_program_effecttitle03{width:100%}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p.companyName{float:none;width:100%}
.insideBox .dataBox ul.successBox_list li .infoBoxVideo p.type{float:none;;width:100% }

.insideBox .dataBox ul.successBox_list .videoDetail { width: 100%; margin: 0 0 20px -30px;}
.insideBox .dataBox ul.successBox_list .videoDetail .infoBoxVideo p.summary{width:100%}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt.Name{width:100%}
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt.Pub{float:none;;width:100% }
.insideBox .dataBox ul.successBox_list .videoDetail .videotxt.Pub a {display: inline; line-height: 20px;}

}


/***多媒體影音***/


/***成功案例***/
.dataBox ul.successBox_list{width:100%;}
.dataBox ul.successBox_list li{margin: 20px 20px 20px 0;}
.dataBox ul.successBox_list li a{display:block;}
.dataBox ul.successBox_list li a:hover{opacity:.8;}
.dataBox ul.successBox_list li .photo{float:left;max-width:200px;}
.dataBox ul.successBox_list li .photo img{border:0;box-shadow:none;margin-top:10px;}
.dataBox ul.successBox_list li .SuccessinfoBox p{font-size:1.08em;line-height:32px;color:#4d4d4d;}
.dataBox ul.successBox_list li .infoBox,.dataBox ul.successBox_list li .infoBoxVideo,.dataBox ul.successBox_list li .SuccessinfoBox{float:right;width:68%;}
.dataBox ul.successBox_list li .infoBox p,.dataBox ul.successBox_list li .infoBoxVideo p{font-size:1.05em;color:#515151;line-height:30px;}
.dataBox ul.successBox_list li .infoBox p.type,.dataBox ul.successBox_list li .infoBoxVideo p.type{color:#4c4c4c;font-size:1em;padding:6px 0;}
.dataBox ul.successBox_list li .infoBox p.type span,.dataBox ul.successBox_list li .infoBoxVideo p.type span,.dataBox ul.successBox_list li .SuccessinfoBox p.type span{border:1px solid #d2d2d2;padding:3px 5px;}
.dataBox ul.successBox_list li .infoBox p.companyName,.dataBox ul.successBox_list li .infoBoxVideo p.companyName,.dataBox ul.successBox_list li .SuccessinfoBox p.companyName{font-size:1.5em;color:#009bd0;font-weight:700;text-align:justify;padding-bottom:12px;}
.dataBox ul.successBox_list li .infoBox p.companyName a,.dataBox ul.successBox_list li .infoBoxVideo p.companyName a{color:#009bd0;}

.dataBox ul.successBox_list li {float: left;    margin: 20px 10px;    width: calc(100%/3 - 20px);  min-height: 130px;}

@media (max-width: 599px) {
.dataBox ul.successBox_list li{ width:80%; margin: 0;}
}

.j_left_menu_title a { line-height: 2em;}
.j_left_menu_link a { padding: 15px 1%; line-height: 20px;}

@media screen and (min-width: 480px){
	.j_left_menu_title{ padding-bottom: 1em;}
	.j_left_menu_title a { line-height: 1.25em;}
}

/***成功案例 END***/


/***投資申辦輔助系統***/
.br_color_gray { margin-bottom: 0; background: #e6e6e6; min-height: 600px;}
.InvestmentApplicationBoxx ul.IAListBox{ width: 100%; padding: 20px 0 50px 0;}
.InvestmentApplicationBoxx ul.IAListBox li{ float: left; width: 33.3%; padding: 0 6.53%; position: relative; min-height: 860px; }
.InvestmentApplicationBoxx p{ font-size: 1em; }

.InvestmentApplicationBoxx p.font_blue{ color: #00aad0; width: 90%; margin: 35px auto 10px auto;}
.InvestmentApplicationBoxx .top_c_title{ width: 100%;  height: 66px;background-color: #fff; overflow: hidden; margin-bottom: 15px;}
.InvestmentApplicationBoxx .top_c_title p{ float: left; width: 66%; color: #00aad0; font-weight: bold; line-height: 70px; font-size: 1.05em; margin-top: -2%;}
.InvestmentApplicationBoxx .top_c_title p.br_c{ width: 30%; float: left; font-size: 3em; font-style: italic; text-align: center; color: #fff; margin-top: -2%; margin-right:4%; }
.InvestmentApplicationBoxx .top_c_title p.c_01{background-color: #2070a1;} 
.InvestmentApplicationBoxx .top_c_title p.c_02{background-color: #38c8a4;} 
.InvestmentApplicationBoxx .top_c_title p.c_03{background-color: #e34856;} 
.InvestmentApplicationBoxx .top_c_title p.c_04{background-color: #a6335e;} 
.InvestmentApplicationBoxx .top_c_title p.c_05{background-color: #68cbf2;} 
.InvestmentApplicationBoxx .top_c_title p.c_06{background-color: #fa7901;} 

.InvestmentApplicationBoxx p.link{ width: 100%; font-size: 1.05em; }
.InvestmentApplicationBoxx p.link a{ color: #2070a1; display: block; padding:8px 20% 8px 15px; background: url(../images/br_link_right_arr.jpg) center right no-repeat #fff; overflow: hidden; background-size: contain;}

.InvestmentApplicationBoxx .fillBox{ width: 95%; margin: 12px auto;}
.InvestmentApplicationBoxx .fillBox p{margin-left:2em; line-height: 20px;}
.InvestmentApplicationBoxx .btn_prev a{ max-width: 80%; }

.InvestmentApplicationBoxx .s_radio{ width: 30px; float: left; margin-top: 3px;}
.InvestmentApplicationBoxx  input[type="radio"] { display:none; }
.InvestmentApplicationBoxx  input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/check_radio_sheet.png) left top no-repeat; cursor:pointer;  -webkit-transition:all .0s ease-in-out; -moz-transition:all .0s ease-in-out; -o-transition:all .0s ease-in-out; -ms-transition:all .0s ease-in-out;}
.InvestmentApplicationBoxx  input[type="radio"]:checked + label span { background:url(../images/check_radio_sheet.png) -19px top no-repeat;  -webkit-transition:all .0s ease-in-out; -moz-transition:all .0s ease-in-out; -o-transition:all .0s ease-in-out; -ms-transition:all .0s ease-in-out;}

.InvestmentApplicationBoxx .styled-select{/*text-align-last:center;*/ border: none; background-image: url(../images/arr_blue_nobk.png); border-radius: 0; }
.InvestmentApplicationBoxx .sub_list{ width: 85%; margin-top: 10px; background-color: #f4f4f4;}
.InvestmentApplicationBoxx .img_arr{ position: absolute; right: -5px; top: 10px; width: 12px; height: 40px; display: block; background: url(../images/arr_list_blue.png) center center no-repeat; background-size: contain;}
.InvestmentApplicationBoxx .ov_arr{ display: none;  }

.InvestmentApplicationBoxx .IAinfoBox{ width: 100%; }
.InvestmentApplicationBoxx .IAinfoBox .iBox{ float: left; width: 45%; padding: 20px 2.5%;}
.InvestmentApplicationBoxx .IAinfoBox h4.title{ width: 90%; background-color: #fff; border: 0; color: #00aad0; font-size: 1.5em; font-weight: bold;text-decoration: none; margin:70px 0 0 0 ;}
.InvestmentApplicationBoxx .IAinfoBox table.data{ width: 120%;}
.InvestmentApplicationBoxx .IAinfoBox table.data p{ color: #fff;}
.InvestmentApplicationBoxx .IAinfoBox table.data tr td{ border-bottom: 1px #fff solid; word-wrap: break-word;word-break: break-all; padding: 0 5px;}
.InvestmentApplicationBoxx .IAinfoBox table.data tr.none_line td{ border-bottom: none; }
.InvestmentApplicationBoxx .IAinfoBox p.download{ margin:140px auto 0 auto;  font-size: 1.5em; font-weight: bold; cursor: pointer; line-height: 27px; text-align: center; max-width: 314px; }
.InvestmentApplicationBoxx .IAinfoBox p.download a{ color: #fff; border: 2px solid #fff; width: 65%;  display: block; border-radius: 8px; padding: 20px 5% 20px 30%; background: url(../images/icon_download.png) center left no-repeat; background-size: contain;}
.InvestmentApplicationBoxx .IAinfoBox p.download a:hover{ color: #ffe900; border-color: #ffe900; background-image: url(../images/icon_download_in.png);}

.InvestmentApplicationBoxx ul.typeListBox{ width: 100%; }
.InvestmentApplicationBoxx ul.typeListBox li{ float: left; width: 45%;margin: 10px 1.5% 20px 1.5%; min-height: 150px;}
.InvestmentApplicationBoxx ul.typeListBox li .leftBox{ float: left; width: 25.5%; margin-right: 5%; border:1px solid #02a9d3; background-color: #fff; padding:0;  height: 100px;  margin-top: 30px;}
.InvestmentApplicationBoxx ul.typeListBox li .leftBox p{  text-align: center;  color: #02a9d3; line-height: 0;}
.InvestmentApplicationBoxx ul.typeListBox li .leftBox p.nb{ font-size: 3em; padding:0; }
.InvestmentApplicationBoxx ul.typeListBox li .rightBox{ float: left; width: 65%; }
.InvestmentApplicationBoxx ul.typeListBox li .rightBox p.name{ font-size: 1.05em; font-weight: bold; padding: 10px 0; }
.InvestmentApplicationBoxx ul.typeListBox li .rightBox p.name a{ color: #00aad0;}
.InvestmentApplicationBoxx ul.typeListBox li .rightBox p.name a:hover{ text-decoration: underline; }

.InvestmentApplicationBoxx p.list_ex{ color: #e24956; text-align: center; padding: 20px 0; }
.InvestmentApplicationBoxx p.list_done{ color: #e24956; font-size: 1.6em; font-weight: bold; text-align: center; margin-top: 60px }
.InvestmentApplicationBoxx p.list_done span{ background: url(../images/icon_gear.png) center left no-repeat; background-size: contain; padding: 20px 0 20px 80px;}

@media (max-width:1180px){.InvestmentApplicationBoxx ul.IAListBox li{ width: 24%; padding: 0 4.53% }}
@media (max-width:1160px){.InvestmentApplicationBoxx ul.typeListBox li .rightBox{ width: 60%; }}
@media (max-width:1100px){.dataBox ul.successBox_list li .infoBox{ width: 72%; }
  .dataBox ul.successBox_list li .infoBox p.type{ padding-top: 0; }}
@media (max-width:1020px){.InvestmentApplicationBoxx ul.IAListBox li{ width: 28%; padding: 0 2.53% }
  .InvestmentApplicationBoxx p.link{ font-size: 1.05em; }
  .InvestmentApplicationBoxx .top_c_title p{line-height: 50px;}
  .InvestmentApplicationBoxx .top_c_title p.br_c{ font-size: 1.95em; }
  .InvestmentApplicationBoxx .img_arr{top: 5px;}}
@media (max-width:1000px){.InvestmentApplicationBoxx ul.typeListBox li .rightBox{ width: 50%; }}
@media (max-width:910px){.dataBox ul.successBox_list li .infoBox{ width: 68%; }}

@media (max-width:899px){.InvestmentApplicationBoxx ul.typeListBox li .leftBox{ margin: 0 auto 20px auto; float: none; }
  .InvestmentApplicationBoxx ul.typeListBox li .rightBox{ width: 100%; float: none; }
  .InvestmentApplicationBoxx ul.typeListBox li .rightBox p{ text-align: center; }
  .InvestmentApplicationBoxx ul.typeListBox li .rightBox p.name{ padding-bottom: 0px; }
  .InvestmentApplicationBoxx ul.typeListBox li{ min-height: 200px; }
  .InvestmentApplicationBoxx .IAinfoBox .iBox{ width: 95%; } 
  .InvestmentApplicationBoxx .IAinfoBox p.download{ margin-top: 0; }
  .InvestmentApplicationBoxx .IAinfoBox p.download a{ padding: 15px 5% 15px 30%;}}

@media (max-width:799px){.dataBox ul.successBox_list li .photo{ width: 25%;}}
@media (max-width:760px){.InvestmentApplicationBoxx ul.IAListBox li{ width: 44%; }
  .InvestmentApplicationBoxx ul.IAListBox li.h_s{ min-height: 350px; }
  .InvestmentApplicationBoxx .ov_arr{display: block;}
  .InvestmentApplicationBoxx .ov_arr2{display: none;}
  .investMenu ul{padding-bottom: 20px; padding-top: 0;}
  .investMenu ul li{ width: 25%; margin-bottom: 15px; }
  .insideDataBox .serviceCenterMenu{ width: 100%; }}
@media (max-width:699px){.InvestmentApplicationBoxx ul.typeListBox li{ width: 47%; }}
@media (max-width:610px){.InvestmentApplicationBoxx ul.IAListBox li{ width: 97%;}
  .InvestmentApplicationBoxx ul.IAListBox li{ min-height: initial; padding-bottom: 40px;}
  .InvestmentApplicationBoxx ul.IAListBox li.h_s{ min-height: initial; }
  .InvestmentApplicationBoxx .img_arr{display: none;}
  .insideDataBox .serviceCenterMenu ul li{ width: 50%; }}
@media (max-width:599px){.dataBox ul.successBox_list li .photo{ float: none; width: 100%; max-width:initial; margin: 0 auto;}
  .dataBox ul.successBox_list li .infoBox{ float:none; width: 100%; }
  .investMenu ul li{ width: 33%;}}
@media (max-width:499px){.InvestmentApplicationBoxx ul.typeListBox li{ min-height: 230px;}
  .InvestmentApplicationBoxx .IAinfoBox p.download{ font-size: 1.05em; max-width: 274px; }
  .InvestmentApplicationBoxx .top_c_title { height: 44px;}
  .InvestmentApplicationBoxx .top_c_title p.br_c {margin-top: -1%;}
  .InvestmentApplicationBoxx .top_c_title p {margin-top: -1%;}}
@media (max-width:420px){.investMenu ul li{ width: 50%;}}  
@media (max-width:399px){.InvestmentApplicationBoxx ul.typeListBox li{ width: 97%; min-height: initial;}}
.insideBox {    width: 100%;}
.insideDataBox h4.sub_title {  color: #2171a1;    margin-top: 50px;  font-size: 1.5em;    text-align: center; text-decoration: none;   width: 1000px;    position: absolute;  background: url(../images/arr_sub_title.png) center bottom no-repeat;    padding-bottom: 23px;}
p.btn_prev {    width: 100%;    text-align: center;}
p.btn_prev a {    cursor: pointer;    max-width: 202px;    color: #fff;    font-size: 1.05em;    margin: 0 auto;    padding: 5px;    display: block;    background-color: #00aad0;}


/***投資申辦輔助系統 END***/

/***招商中心土地協尋服務流程及Q&A***/
.theQABox h4.title{ color: #00aad0; font-size: 1.5em; padding: 20px; background-color: #f2f2f2;}
.theQABox ul.serQAListBox{ width: 100%; padding-bottom: 30px; background-color: #f2f2f2; }
.theQABox ul.serQAListBox li{ float: left; width: 50%; }
.theQABox ul.serQAListBox li p{ font-size: 1.05em; cursor: pointer;  width: 90%; margin: 0 auto; padding: 18px 0; border-bottom: 1px dashed #e2e2e3; }
.theQABox ul.serQAListBox li.noline p{ border-bottom: none;}
.theQABox ul.serQAListBox li.btn_in p{ color: #00aad0; font-weight: bold;}

ul.serQA_ans li .info{ padding:30px 20px 50px 20px; border-top: 1px solid #eee;}
ul.serQA_ans li .info p{ font-size: 1.05em; }
ul.serQA_ans li p.p_red{ color: #fb3d3d; font-weight: bold; padding: 20px 0 10px 0; }
ul.serQA_ans li ul.list{ list-style-type:disc; padding-left: 20px; }
ul.serQA_ans li ul.list li{ padding-bottom: 10px; }
ul.serQA_ans li .max_photo{ width: 95%; max-width: 850px; margin: 0 auto; padding-top: 20px;}

ul.serQA_ans li.br_blue p.title{ background-color: #e5f7f9; }
ul.serQA_ans li p a{ color: #0eb1d2;}
ul.serQA_ans li p a:hover{ color: #0083b9; text-decoration: underline; }

ul.serQA_ans li p a.link{ display: block; }
ul.serQA_ans li p a.text{ color: #666; }
ul.serQA_ans li p a.text:hover{ text-decoration: underline; }

/***招商中心土地協尋服務流程及Q&A END***/


/*--FAQ--*/
ul.FaqBox{ width: 100%;margin: 0 auto; max-width: 1120px; padding-top: 40px;}
ul.FaqBox li{float: left; width: 27.33%; margin: 0 3% 10px 3%; min-height: 470px;}
ul.FaqBox li .photo{ width: 100%; display: block; }
ul.FaqBox li .photo img{ border:1px solid #bfeaf3;  }
ul.FaqBox li ul.subMenuList li{ width: 50%; margin: 0 22px 8px 0; min-height: 100%;}
ul.FaqBox li h4.title{ font-size: 1.5em; font-weight: bold; min-height: 64px; padding-top: 18px; line-height: 26px;text-decoration: none; }
ul.FaqBox li h4.title a{color: #4d4d4d;}
ul.FaqBox li h4.title a:hover{ text-decoration: underline; }
ul.FaqBox li p{  font-size: 1.05em;}
ul.FaqBox li p a{color: #4d4d4d;}
ul.FaqBox li p a:hover{ text-decoration: underline; }
@media (max-width:899px){ul.FaqBox li{ width: 44%; }}
@media (max-width:599px){ul.FaqBox li{ min-height: 360px; }
   ul.FaqBox li p{ font-size: 1em; }}
@media (max-width:499px){ul.FaqBox li h4.title{ font-size: 1.05em; }
   ul.FaqBox li h4.title{ min-height: 55px; }}
@media (max-width:399px){ul.FaqBox li{ width: 94%; }
   ul.FaqBox li,  ul.FaqBox li h4.title{min-height: initial;}}
/*--FAQ END--*/

/***網站地圖***/
.subMenuBox{ width: 100%; background-color: #4d4d4d; padding: 60px 0;}
.subMenuBox .ContentsBox{ width: 1300px; }
.subMenuBox ul.gogolink{ float: left;  margin: 0 4%}
.subMenuBox ul.w40{ width: 28%;}
.subMenuBox ul.w30{ width: 24%; }

.subMenuBox h5.title{ color: #000; font-size: 1.5em; padding: 10px 0;}
.subMenuBox h6.subtitle{ color: #fff; font-size: 1em; padding: 5px 0;}
.subMenuBox h6.subtitle a{ color: #fff; }
.subMenuBox p{ font-size: 1em; color: #fff; }
.subMenuBox p a{ color: #fff; }
.subMenuBox a:hover{ text-decoration: underline; }
.subMenuBox ul.subMenu{ float: none; width: 100%; padding-bottom: 15px;}
.subMenuBox ul.subMenu li{ float: left; margin-right: 10px;}
.subMenuBox p.qrcode{ background: url(../images/img_qrcode.jpg) 0 0 no-repeat;background-size: 99px; padding-top: 120px; margin-top: 20px;}
.subMenuBox p.mob{ display: none; text-align: center; background-position:  center top; }

@media (max-width:1320px){.subMenuBox .ContentsBox{ width: 95%; }}
@media (max-width:850px){.subMenuBox{ padding: 0 0 40px 0; }}
@media (max-width:699px){ .subMenuBox ul.gogolink{ display: none; }
  .subMenuBox p.mob{ display: block; }}
  
/***網站地圖END***/

/***各縣市***/
.br_color_blue2{ background-color: #4785c3;}
.noBottom_pad{padding-bottom: 0;}

.insideDataBox .investMenu{ width: 100%; padding-bottom: 0;}
.investMenu{ margin-top: -15px;}
.investMenu ul{ width: 100%; padding-top: 10px;}
.investMenu ul li{ float: left; width: calc(30%); }
.investMenu ul li p{ font-size: 1.05em; text-align: center; font-weight: bold;}
.investMenu ul li p a{ color: #fff; padding-top: 95px; display: block;cursor: pointer;}
.investMenu ul li p a:hover{ opacity: .8; }
.investMenu ul li p a.i01{ background: url(../images/investMenu_icon_01.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i02{ background: url(../images/investMenu_icon_02.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i03{ background: url(../images/investMenu_icon_03.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i04{ background: url(../images/investMenu_icon_04.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i05{ background: url(../images/investMenu_icon_05.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i06{ background: url(../images/investMenu_icon_06.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i07{ background: url(../images/investMenu_icon_07.png) center top  no-repeat; background-size: contain;}

.investMenu ul li p a.i08{ background: url(../images/investMenu_icon_08.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i09{ background: url(../images/investMenu_icon_09.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i10{ background: url(../images/investMenu_icon_10.png) center top  no-repeat; background-size: contain;}
.investMenu ul li p a.i11{ background: url(../images/investMenu_icon_11.png) center top  no-repeat; background-size: contain;}

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

.topMapIcon{ width: 240px; height: 260px; display:  block; position: relative; margin: 0 auto;}
.topMapIcon p.name{ position: absolute; right: 10px; top: 50px; font-size: 1.05em; font-weight: bold;}
.map_a{ background: url(../images/topMapIcon/a.png) center center no-repeat; background-size: contain;}
.map_b{ background: url(../images/topMapIcon/b.png) center center no-repeat; background-size: contain;}
.map_c{ background: url(../images/topMapIcon/c.png) center center no-repeat; background-size: contain;}
.map_d{ background: url(../images/topMapIcon/d.png) center center no-repeat; background-size: contain;}
.map_e{ background: url(../images/topMapIcon/e.png) center center no-repeat; background-size: contain;}
.map_f{ background: url(../images/topMapIcon/f.png) center center no-repeat; background-size: contain;}
.map_g{ background: url(../images/topMapIcon/g.png) center center no-repeat; background-size: contain;}
.map_h{ background: url(../images/topMapIcon/h.png) center center no-repeat; background-size: contain;}
.map_i{ background: url(../images/topMapIcon/i.png) center center no-repeat; background-size: contain;}
.map_j{ background: url(../images/topMapIcon/j.png) center center no-repeat; background-size: contain;}
.map_k{ background: url(../images/topMapIcon/k.png) center center no-repeat; background-size: contain;}
.map_m{ background: url(../images/topMapIcon/m.png) center center no-repeat; background-size: contain;}
.map_n{ background: url(../images/topMapIcon/n.png) center center no-repeat; background-size: contain;}
.map_o{ background: url(../images/topMapIcon/o.png) center center no-repeat; background-size: contain;}
.map_p{ background: url(../images/topMapIcon/p.png) center center no-repeat; background-size: contain;}
.map_q{ background: url(../images/topMapIcon/q.png) center center no-repeat; background-size: contain;}
.map_r{ background: url(../images/topMapIcon/r.png) center center no-repeat; background-size: contain;}
.map_t{ background: url(../images/topMapIcon/t.png) center center no-repeat; background-size: contain;}
.map_u{ background: url(../images/topMapIcon/u.png) center center no-repeat; background-size: contain;}
.map_v{ background: url(../images/topMapIcon/v.png) center center no-repeat; background-size: contain;}
.map_w{ background: url(../images/topMapIcon/w.png) center center no-repeat; background-size: contain;}
.map_x{ background: url(../images/topMapIcon/x.png) center center no-repeat; background-size: contain;}
.map_z{ background: url(../images/topMapIcon/z.png) center center no-repeat; background-size: contain;}

.map_22{ background: url(../images/topMapIcon/a.png) center center no-repeat; background-size: contain;}
.map_19{ background: url(../images/topMapIcon/b.png) center center no-repeat; background-size: contain;}
.map_17{ background: url(../images/topMapIcon/c.png) center center no-repeat; background-size: contain;}
.map_21{ background: url(../images/topMapIcon/d.png) center center no-repeat; background-size: contain;}
.map_23{ background: url(../images/topMapIcon/e.png) center center no-repeat; background-size: contain;}
.map_1{  background: url(../images/topMapIcon/f.png) center center no-repeat; background-size: contain;}
.map_2 { background: url(../images/topMapIcon/g.png) center center no-repeat; background-size: contain;}
.map_3 { background: url(../images/topMapIcon/h.png) center center no-repeat; background-size: contain;}
.map_20{ background: url(../images/topMapIcon/i.png) center center no-repeat; background-size: contain;}
.map_4 { background: url(../images/topMapIcon/j.png) center center no-repeat; background-size: contain;}
.map_5 { background: url(../images/topMapIcon/k.png) center center no-repeat; background-size: contain;}
.map_8 { background: url(../images/topMapIcon/m.png) center center no-repeat; background-size: contain;}
.map_7 { background: url(../images/topMapIcon/n.png) center center no-repeat; background-size: contain;}
.map_18{ background: url(../images/topMapIcon/o.png) center center no-repeat; background-size: contain;}
.map_9 { background: url(../images/topMapIcon/p.png) center center no-repeat; background-size: contain;}
.map_10{ background: url(../images/topMapIcon/q.png) center center no-repeat; background-size: contain;}
.map_13{ background: url(../images/topMapIcon/t.png) center center no-repeat; background-size: contain;}
.map_15{ background: url(../images/topMapIcon/u.png) center center no-repeat; background-size: contain;}
.map_14{ background: url(../images/topMapIcon/v.png) center center no-repeat; background-size: contain;}
.map_24{ background: url(../images/topMapIcon/w.png) center center no-repeat; background-size: contain;}
.map_16{ background: url(../images/topMapIcon/x.png) center center no-repeat; background-size: contain;}
.map_25{ background: url(../images/topMapIcon/z.png) center center no-repeat; background-size: contain;}

table.investData{ width: 100%; border:1px solid #cfcecd; border-width: 1px 1px 0 0; margin:25px 0; }
table.investData p{ font-size: 1.08em; padding: 0px 20px; }
table.investData p.blueP{ color: #00aad0; }
table.investData p.p_center{ text-align: center; }
table.investData tr td{padding: 10px 0px; border:1px solid #cfcecd; border-width:0 0 1px 1px; word-wrap: break-word;word-break: break-all;}
table.investData tr.top_br_blue{ background-color: #00aad0;}
table.investData tr.top_br_blue p{ color: #fff; font-weight: bold; text-align: center;}
table.investData tr td.left_br_blue{ background-color: #eee; }
table.investData tr td.left_br_blue p{ color: #333; font-weight: bold;}
table.investData p {
    padding: 0px 20px 30px;
}
.tab-content div{font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "新細明體", "蘋果儷黑體", Verdana, sans-serif;	}
.tab-content div p{text-align:justify;line-height:30px;color:#4d4d4d;}
.tab-content ul li p{margin-bottom:0;}
.tab-content .h2_txt li, .tab-content p{padding-bottom:0;line-height:30px;}
.tab-content div table{width:100%;background-color:#FFF;border:1px solid #f0f0f0;margin:0 auto 30px;}
.tab-content div table tr td{font-size: 1.0em;color:#595959;border-collapse:collapse;background-color:#FFF;vertical-align:top;border:1px solid #f0f0f0;padding:0px;}
.tab-content div ol li{list-style:disc;padding-bottom:10px;line-height:30px;color:#4d4d4d;}
.tab-content div ul li{list-style:disc;color:#4d4d4d;margin-left:0px;}

@media (max-width: 640px){
#cityInfo a.btn_detail { display: block;}
}
/***各縣市 END***/

/***輪播圖***/
.container_1{width:790px;height:200px;overflow:hidden;position:relative;float:left;margin-top:10px;}
.list_1{width:3950px;height:200px;position:absolute;z-index:1;}
.list_1 img,.list_1>a>div{float:left;}
.con-body{width:790px;height:200px;}
.pointsDiv{position:absolute;height:10px;width:100px;z-index:2;bottom:0;left:calc(100%/2-35px);}
.pointsDiv span{cursor:pointer;float:left;border:1px solid #d2d2d2;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.pointsDiv .on{background:#d2d2d2;}
.arrow{cursor:pointer;display:none;line-height:39px;text-align:center;font-size:36px;font-weight:700;width:40px;height:40px;position:absolute;z-index:2;top:50px;background-color:RGBA(0,0,0,0.3);color:#fff;border-radius:20px;}
.arrow:hover{background-color:RGBA(0,0,0,0.7);text-decoration:none;}
.container_1:hover .arrow{display:block;}
.prev{left:20px;}
.next{right:20px;}
@media max-width767px {
.newsBox ul li a.info{padding-bottom:0;}
.insideBox .bannerBox h2.banner_title{width:100%;font-size:1.8rem;margin-top:20%;}
.insideBox .bannerBox .subsummary{display:none;}
.container_1{width:300px;}
.list_1{width:2100px;}
.con-body{width:350px;}
.descriptionBox .newsBox{margin-top:-50px;}
}
@media min-width667px {
.list_1{width:3480px;}
.container_1,.con-body{width:580px;}
}
@media min-width768px {
.insideBox .bannerBox h2.banner_title{width:100%;font-size:1.8rem;}
.insideBox .bannerBox .subsummary{display:none;}
.list_1{width:3900px;}
.container_1,.con-body{width:650px;}
}
@media min-width1025px {
.insideBox .bannerBox h2.banner_title{width:90%;font-size:1.8rem;}
.insideBox .bannerBox .subsummary{display:inherit;font-size:1.45rem;}
.list_1{width:3840px;}
.container_1,.con-body{width:640px;}
}
@media min-width 1200px {
.insideBox .bannerBox h2.banner_title{width:90%;font-size:2.2rem;}
.insideBox .bannerBox .subsummary{display:inherit;font-size:1.55rem;}
.list_1{width:4740px;}
.container_1,.con-body{width:790px;}
}
@media max-width 1100px {
.newsBox ul li a.info{padding-bottom:0;}
}

/***輪播圖 END***/

/***-司長簡介*****/
.profileBox{ /*width: 70%;*/ padding-left: 30%; margin-bottom: 60px; background:url(../images/br_profile_leader.jpg) left top no-repeat;}
.profileBox .pBox{ /*width: 70%;*/ border-bottom: 1px dotted #bfbfbf; padding: 40px 0; padding-left: 30%;}
.profileBox .pBox h5.name{ background:url(../images/profile_line.gif) center top no-repeat; padding-top: 70px;  color: #595757; font-size: 28px; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; float: left; }
.profileBox .pBox p{ float: left; padding: 20px 0 20px 30px; color: #595757;}
.profileBox .pBox p a{ color: #595757; }
.profileBox .pBox p a:hover{ text-decoration: underline;}
.profileBox .p_01{ width: 100%; padding-left: 0; }
.profileBox .p_02{ background:url(../images/br_profile_leader_02.jpg) left center no-repeat;}
.profileBox .p_03{ background:url(../images/br_profile_leader_03.jpg) left center no-repeat;}

.profileBox .none_line{ border-bottom: none; }

@media (max-width:1550px){.profileBox{ /*width: 60%;*/ padding-left: 40%;}
  .profileBox .p_02, .profileBox .p_03{ /*width: 60%;*/ padding-left: 40%; }}
@media (max-width:1280px){.profileBox{ /*width: 65%;*/ padding-left: 35%;}}
@media (max-width:1240px){/*.profileBox .pBox{ padding-left: 0; width: 100%; }*/
  .profileBox {background-size: initial; background-image:url(../images/br_profile_leader_m.jpg); }
  .profileBox .pBox p{ max-width: 70%; }
  .profileBox .p_02, .profileBox .p_03{ width: 50%; padding-left: 50%; }}
@media (max-width:1020px){  .profileBox .p_02, .profileBox .p_03 { background-position: 0 0: }}
@media (max-width:790px){.profileBox .p_01{ min-height: 330px; }
  .profileBox .pBox{width: 50%; padding-left: 50%;} .profileBox{ width: 100%; padding-left: 0%;}}
@media (max-width:599px){.profileBox{ width: 100%; padding-left: 0;background:url(../images/br_profile_leader_s.jpg) left top no-repeat; }}
@media (max-width:499px){.profileBox .pBox{ width: 100%; padding-left: 0;} 
  .profileBox .pBox{ padding-top: 360px; background-image: center top;}
  .profileBox .pBox p{ max-width: 100%; }}
/***-司長簡介 END*****/


/***-組織與分工*****/
.the_mapBox{ width: 100%; padding-top: 40px; }
.the_mapBox ul.bus_list{ width: 100%; }
.the_mapBox ul.bus_list li{ padding: 8px 0; min-height: 24px; background-color: #e0e2ee;}
.the_mapBox ul.bus_list li p{ float: left; font-size: 17px; line-height: 28px; color: #595757;}
.the_mapBox ul.bus_list li p.nb{ width:calc(20% - 30px); padding: 0 15px; }
.the_mapBox ul.bus_list li p.bus_name{ width: 30%; color: #182173; }
.the_mapBox ul.bus_list li p.bus_route{ width: 50%; }
.the_mapBox ul.bus_list li:nth-child(2n){ background-color: transparent; }
.the_mapBox ul.bus_list li.topTitle { background-color: #192172;}
.the_mapBox ul.bus_list li.topTitle p, .insideBox .rightBox .the_mapBox ul.bus_list li.topTitle p.nb, .insideBox .rightBox .the_mapBox ul.bus_list li.topTitle p.bus_name{ color: #fff; }

@media (max-width:750px){
  .the_mapBox ul.bus_list li p{font-size: 15px;}
}
.top_title{background-color:#e6e7ef;padding:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/***-組織與分工 END*****/



/***國際經貿組織*****/
.organizationBox{ width: 100%; padding-bottom: 60px;}
.organizationBox .oBothBox{ width: 50%; float: left; margin: 10px 0; }
.organizationBox .oBothBox .the_oBox{ width: 100%; padding-bottom: 10px;}
.organizationBox .oBothBox .the_oBox .photo{ width: 50%; display: block; float: left; min-height: 320px; background-color: #000;}
.organizationBox .oBothBox .the_oBox .infoBox{ width: 50%; float: left; min-height: 320px;}
.organizationBox .oBothBox .the_oBox .infoBox .content_p{ width: 80%; margin: 0 auto; padding-top: 40px; }
.organizationBox .oBothBox .the_oBox .infoBox .content_p h5{ color: #595757; font-size: 21px; padding-bottom: 20px; }
.organizationBox .oBothBox .the_oBox .infoBox .content_p p{ color: #595757; padding-bottom: 6px; }
.organizationBox .oBothBox .the_oBox .infoBox .content_p p a{ color: #595757; }
.organizationBox .oBothBox .the_oBox .infoBox .content_p p a:hover{ text-decoration: u}
.organizationBox .oBothBox .the_oBox .infoBox .p_ss p{ font-size: 13px; }

.organizationBox .oBothBox .the_oBox .infoBox .content_p .more{ width: 75px; margin: 0 auto; padding: 10px 0 5px; }
.organizationBox .oBothBox .the_oBox .infoBox .content_p .more a{ color: #fff;  font-size: 11px; width: 75px; height: 22px; display: block; text-align: center; line-height: 20px; background: url(../images/br_more.png) center center no-repeat; background-size: contain; }
.organizationBox .oBothBox .the_oBox .infoBox .content_p .more a:hover{ opacity: .8; }


.organizationBox .oBothBox .color_01 .photo{ background:url(/twbusiness/images/br_organizationBox_01.jpg) center center no-repeat; background-size: cover; }
.organizationBox .oBothBox .color_02 .photo{ background:url(/twbusiness/images/br_organizationBox_02.jpg) center center no-repeat; background-size: cover; }
.organizationBox .oBothBox .color_03 .photo{ background:url(/twbusiness/images/br_organizationBox_03.jpg) center center no-repeat; background-size: cover; }
.organizationBox .oBothBox .color_04 .photo{ background:url(/twbusiness/images/br_organizationBox_04.jpg) center center no-repeat; background-size: cover; }
.organizationBox .oBothBox .color_01 .infoBox{ background-color: #e2edeb; }
.organizationBox .oBothBox .color_02 .infoBox{ background-color: #eaeef3; }
.organizationBox .oBothBox .color_03 .infoBox{ background-color: #feede6; }
.organizationBox .oBothBox .color_04 .infoBox{ background-color: #e9ead9; }
.organizationBox .oBothBox .color_02 .photo, .organizationBox .oBothBox .color_04 .photo{ float: right; }

@media (max-width:1850px){.organizationBox .oBothBox .color_04 .infoBox .content_p{ padding-top: 30px; }}
@media (max-width:1700px){ .organizationBox .oBothBox .the_oBox .infoBox .content_p h5{ padding-bottom: 10px; }
  .organizationBox .oBothBox .the_oBox .infoBox .content_p p{ padding-bottom: 3px; }
  .organizationBox .oBothBox .the_oBox .infoBox .h_ov{ display: block; height: 200px; overflow-y: scroll; }}
@media (max-width:1700px){ .organizationBox .oBothBox .the_oBox .infoBox .h_ov{ height: 150px;}}
@media (max-width:1290px){ .organizationBox .oBothBox .the_oBox .photo, .organizationBox .oBothBox .the_oBox .infoBox{ min-height: 280px; }
  .organizationBox .oBothBox .the_oBox .infoBox .content_p{ padding-top: 20px; }
  .organizationBox .oBothBox .color_04 .infoBox .content_p{ padding-top: 13px; }
  .organizationBox .oBothBox .the_oBox .infoBox .content_p h5{ font-size: 17px; }}
@media (max-width:1200px){.organizationBox .oBothBox .the_oBox .photo, .organizationBox .oBothBox .the_oBox .infoBox{ min-height: 260px; }
  .organizationBox .oBothBox .the_oBox .infoBox .content_p h5{ font-size: 16px; }
  .organizationBox .oBothBox .the_oBox .infoBox .content_p p{ font-size: 13px; }}
  
@media (max-width:1024px){.organizationBox .oBothBox { width: 100%; margin: 0;}}
@media (max-width:399px){..organizationBox .oBothBox .the_oBox .photo, .organizationBox .oBothBox .the_oBox .infoBox{ width: 100%; }
  .organizationBox .oBothBox .the_oBox .infoBox .h_ov{ overflow-y:initial; height:initial;}
  .organizationBox .oBothBox .the_oBox .infoBox{ min-height: initial; padding-bottom: 20px; }}  
/***國際經貿組織 END*****/

/***國外投資相關單位*****/
.localBox{ width: 100%; padding-bottom:40px;}
.localBox ul{ width: 30%; float: left; margin-right: 3%;}
.localBox ul li{ padding: 6px 0; }
.localBox ul li p.title{color: #fff; width: 92%; display: block; padding: 8px 4%; font-size: 17px; font-weight: bold;
background: rgb(24,33,115);
background: -moz-linear-gradient(left,  rgba(24,33,115,1) 0%, rgba(24,127,177,1) 100%, rgba(41,137,216,1) 100%);
background: -webkit-linear-gradient(left,  rgba(24,33,115,1) 0%,rgba(24,127,177,1) 100%,rgba(41,137,216,1) 100%);
background: linear-gradient(to right,  rgba(24,33,115,1) 0%,rgba(24,127,177,1) 100%,rgba(41,137,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182173', endColorstr='#2989d8',GradientType=1 );
}

.localBox ul li p a{ color: #444; border: 1px solid #d5d5d5; cursor: pointer; width: 94%; display: block; padding: 8px 3%;}
.localBox ul li p a:hover{ background-color: #e7f2f7; border-color: #e7f2f7; }
@media (max-width:1000px){.localBox ul{ width: 47%; }
  .inside .blue_item .iBox ul li p{ width: 70%;}}
 @media (max-width:799px){.localBox ul{ width: 100%; margin-right: 0; margin-bottom: 30px;}}

/***國外投資相關單位 END*****/

/***招商服務項目*****/
.serviceTypeBox{ width: 100%; padding-top: 40px;}
.serviceTypeBox .bothBox{ width: 100%; }
.serviceTypeBox .bothBox .sTBox{ float: left; width: 50%; }
.serviceTypeBox .bothBox .sTBox .IntroductionBox{ width: 100%; }
.serviceTypeBox .bothBox .sTBox .IntroductionBox .photo{ float: left; width: 50%;}
.serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info{ float: left;  width: 50%;}
.serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info p{ width: 80%; margin: 0 auto; padding-top: 50px;  line-height: 31px; color: #4e4e4e; font-size: 1.05em;}

@media (max-width:1100px){.serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info p{ line-height: 28px; font-size: 1.05em; }
  .ProcessBox .stepBox .step{ height: 200px; }}
@media (max-width:1000px){.serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info p{ padding-top: 20px;}}
@media (max-width:740px){.serviceTypeBox .bothBox .sTBox{ width: 100%; }
  .serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info p{ padding-top: 40px;}
  .serviceTypeBox .bothBox .sTBox .IntroductionBox .photo_right{ float: right; }}
@media (max-width:499px){ .serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info p{ padding-top: 15px;}}
@media (max-width:399px){.serviceTypeBox .bothBox .sTBox .IntroductionBox .p_info p{ line-height: 22px; font-size: 1em; }}
/***招商服務項目 END*****/

/***單一全程服務窗口*****/
.SerWindowBox{ width: 100%; padding-top: 20px;}
.SerWindowBox ul.subBlueMenu{ width: 100%; padding: 20px 0 40px 0;}
.SerWindowBox ul.subBlueMenu li{ float: left; width: 49%;  }

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

.SerWindowBox ul.SerWinBoxTypeBox{ width: 100%; padding-top: 20px}
.SerWindowBox ul.SerWinBoxTypeBox li{ float: left; width: 46%; padding-bottom: 60px; }
.SerWindowBox ul li.f_r{ float: right; }
.SerWindowBox ul li .p_infoBox{ min-height: 300px; padding-bottom: 20px;  }
.SerWindowBox ul li .p_infoBox p{ font-size: 1.05em; color: #4c4c4c; line-height: 25px; min-height: 500px;}
.SerWindowBox ul li .p_info_h{ min-height: 600px; }
.SerWindowBox ul li .photoBox { max-width: 470px; margin: 0 auto; }
.SerWindowBox p.btn_prev{ padding-bottom: 0; }
@media (max-width:1060px){.SerWindowBox ul li .p_info_h{ min-height: 500px; }}
@media (max-width:950px){.SerWindowBox ul.SerWinBoxTypeBox li{ width: 100%; }
  .SerWindowBox ul li .p_info_h{ min-height: inherit;}
  .SerWindowBox ul li .photoBox { max-width: 70%; }}

@media (max-width:600px){.SerWindowBox ul.subBlueMenu li p{ font-size: 1em; }
    .insideDataBox .serviceCenterMenu h3.top_title span.info{ font-size: 1em; line-height: 22px; }}
@media (max-width:414px){.SerWindowBox ul.subBlueMenu{ padding: 0; }}
@media (max-width:400px){.SerWindowBox ul.subBlueMenu li{ width: 100%;}
  .SerWindowBox ul.subBlueMenu li p{ font-size: 1.05em; }}
  
/***單一全程服務窗口 END*****/

/**全球布局研究成果**/
.j_industrymap_title{background-image:url(/twbusiness/images/map_title.png);background-repeat:no-repeat;background-position:center;height:40px;width:auto;margin:auto;}
.j_industrymap01{text-decoration:none;background-image:url(/twbusiness/images/b_country_icon01.png);background-repeat:no-repeat;background-position:left top;float:left;width:100%;border:thin solid #29b671;height:50px;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin:10px .5%;}
.j_industrymap02{text-decoration:none;background-image:url(/twbusiness/images/b_country_icon02.png);background-repeat:no-repeat;background-position:left top;float:left;width:100%;border:thin solid #F08118;height:50px;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin:10px .5%;}
.j_industrymap03{text-decoration:none;background-image:url(/twbusiness/images/b_country_icon03.png);background-repeat:no-repeat;background-position:left top;float:left;width:100%;border:thin solid #959595;height:50px;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin:10px .5%;}
.j_industrymap04{text-decoration:none;background-image:url(/twbusiness/images/b_country_icon04.png);background-repeat:no-repeat;background-position:left top;float:left;width:100%;border:thin solid #FFBA00;height:50px;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin:10px .5%;}
.j_industrymap05{text-decoration:none;background-image:url(/twbusiness/images/b_country_icon05.png);background-repeat:no-repeat;background-position:left top;float:left;width:100%;border:thin solid #395EB6;height:50px;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin:10px .5%;}
.j_industrymap06{text-decoration:none;background-image:url(/twbusiness/images/b_country_icon06.png);background-repeat:no-repeat;background-position:left top;float:left;width:100%;border:thin solid #0F9FFB;height:50px;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin:10px .5%;}
.j_industrymap_text{text-decoration:none;width:80%;height:50px;line-height:50px;color:#333;text-align:center;float:right;}


.j_industrymap01{ margin: 10px 0.5%;}
.j_industrymap02{ margin: 10px 0.5%;}
.j_industrymap03{ margin: 10px 0.5%;}
.j_industrymap04{ margin: 10px 0.5%;}
.j_industrymap05{ margin: 10px 0.5%;}
.j_industrymap06{ margin: 10px 0.5%;}
.j_news01_div.IndustryMap .j_industrymap_text { width: 100%; line-height: 50px;}
.j_news01_div.IndustryMap .InnerText{ width: 30%; height: 45px}

@media screen and max-width 640px {
.j_news01_div.IndustryMap .InnerText{width:100%;height:45px;}
.j_industrymap_text{width:100%;}
}
@media only screen and max-width 1200px and min-width 641px {
.j_news01_div.IndustryMap .InnerText{width:35%;float:left;margin:5px;}
.j_industrymap02{float:left;}
}
@media screen and max-width 990px {
.j_news01_div.IndustryMap .InnerText{width:100%;}
}
/**全球布局研究成果 END**/

/**全球布局臺灣研究成果**/
.css-table{display:table;}
.css-table .thead{display:table-header-group;}
.css-table .tbody{display:table-row-group;}
.css-table .tr{display:table-row;}
.css-table .th,.css-table .td{display:table-cell;padding:10px 0;}
.contactW{line-height:30px;font-size:1.08em;}
.contactW img{margin:0 10px;}
.w_20{width:20%;}
/**全球布局臺灣研究成果END**/

/**首頁影片**/

.video-container {	position: relative;	padding-bottom: 56.25%;	padding-top: 30px;	height: 0;	overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.video_slides .slides li{ height: auto;}

@media (max-width: 1200px){
.video_slides {
    width: 100%;
    height: auto;
}
.j_investment02 { border-style: none; margin-top: 0px;}
.j_investment02 dt{font-size: 1.8em; line-height: 50px; text-align: center;}
}

.video_slides { width: 100%;}
.j_video { margin:0 50px 0 0;}
.j_video_title{ font-size: 1.25em;    font-weight: bold;}
.j_video_txt{font-size: 1.2em;line-height: 30px;}

.voice{margin: 0 20px 0 0; width: 250px; height: 200px;}
.voice_txt{padding:0 10px;}
.voice img{width:92%;max-width:95%; margin: 10px;}

@media (max-width: 480px){
.video-container { margin-left: -5px;}
.j_video { margin: 10px 0px; height: auto; width: 100%;}
.voice{margin: 30px auto; width: 90%; height: 250px;}
.voice img{width:100%;}

}



/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover, #myImg2:hover {opacity: 0.7;}

/* The Modal (background) */
/*多媒體成功外商內頁*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 15%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  text-align: center;
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/**多媒體成功外商內頁 END**/

