@charset "utf-8";
.content{ max-width:1100px; margin:0 auto; padding:0 25px; }

/*banner*/
.banner{ max-width:1100px; position:relative; }
.banner img{ max-width:100%; width:auto; }
.banner .bottombox{ position:absolute; left:0px; bottom:0px; width:100%; }
.banner .rds { text-align: center; width: 100%; font-size: 0px; padding:0 0 10px 0; position:absolute; bottom:87px; }
.banner .rds .point { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: rgba(255,255,255,0.5); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; cursor: pointer; }
.banner .rds .point:hover{ background-color:#fff; }
.banner .bannertext{ padding:10px 30px; background-color:rgba(236,108,0,0.8); height:87px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.banner .bannertext .btitle{ color:#fff; font-size:18px; font-weight:bold; border-left:5px solid #fff; padding:0 0 0 5px; margin:0 0 5px 0; }
.banner .bannertext .btable{ display:table; width:100%; }
.banner .bannertext .btable .btd-a{ display:table-cell; vertical-align:top; color:#fff; font-size:14px; font-weight:bold; }
.banner .bannertext .btable .btd-a .txts{ height:40px; overflow:hidden; }
.banner .bannertext .btable .btd-b{ display:table-cell; vertical-align:top; width:265px; text-align:right; }
.banner .bannertext .btable .btns{ display:inline-block; width:100%; max-width:210px; text-align:center; line-height:34px; text-decoration:none; border:1px solid #fff; color:#fff; font-size:18px; font-weight:bold; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
background: #f8a25c;
background: -moz-linear-gradient(top,  #f99638 10%, #eb6e03 30%, #eb6e03 50%, #eb6e03 70%, #eb6e03 70%, #f99638 90%);
background: -webkit-linear-gradient(top,  #f99638 10%,#eb6e03 30%,#eb6e03 50%,#eb6e03 70%,#eb6e03 70%,#f99638 90%);
background: linear-gradient(to bottom,  #f99638 10%,#eb6e03 30%,#eb6e03 50%,#eb6e03 70%,#eb6e03 70%,#f99638 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a25c', endColorstr='#f8a25c',GradientType=0 ); }



/*訊息*/
.newslistbox{ position:relative; width:100%; border-bottom:1px solid #EC6C00; padding:10px 0; }
.newslistbox:after{ content:""; display:block; clear:both; }
.newslistbox .tds-a{ width:155px; float:left; }
.newslistbox .tds-a a{ color:#EC6C00; font-size:14px; text-decoration:none; display:inline-block; vertical-align:middle; }
.newslistbox .tds-a img{ display:inline-block; vertical-align:middle; width:131px; }
.newslistbox .tds-b{ margin:0 0 0 160px; font-size:14px; color:#333; }
.newslistbox .tds-b .words{ width:100%; position:relative !important; }
.newslistbox .tds-b .rows{ margin:0 60px 0 0; }
.newslistbox .tds-b .rows .break{ overflow:hidden; text-overflow:ellipsis; /*white-space:nowrap; */width:100%; }

.newslistbox .mores{ font-size:14px; font-weight:bold; text-decoration:none; color:#EC6C00; position:absolute; top:0px; right:0px; }

/*字體大小*/
.fontBox{ text-align:right; padding:10px 0 0 0; }
.fontBox .fontext { font-size: 14px; color: #808080; display: inline-block; vertical-align: middle; padding: 0 5px 0 0; }
.fontBox .f_grids { display: inline-block; vertical-align: middle; width: 22px; height: 22px; text-decoration: none; color:#333; border:1px solid #888; text-align:center; line-height:22px; background:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.fontBox .f_grids.bg01 { font-size:12px; }
.fontBox .f_grids.bg02 { font-size:15px; }
.fontBox .f_grids.bg03 { font-size:18px; }
.fontBox .f_grids:hover,.fontBox .f_grids.hold{ background:#EC6C00; border:1px solid #EC6C00; color:#fff; }

/**/
.blinds{ color: #EC6C00; font-size: 14px; text-decoration: none; }
.messagetable{ width:100%; margin:20px 0 0 0; position:relative; padding:0 370px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.messagetable .tds-left{ display:inline-block; vertical-align:top; width:100%; }
.messagetable .tds-right{ width:325px; max-width: 325px; padding:0 0 0 45px; position:absolute; top:0px; right:0px; }

/*左區*/
.leftdata{ height:245px; margin:0 0 35px 0; position:relative; }
.leftdata .titles{ color:#EC6C00; font-size:18px; font-weight:bold; border-left:5px solid #EC6C00; padding:0 0 0 5px; margin:0 0 15px 0; }
.leftdata .mores{ position:absolute; right:0px; top:5px; text-decoration:none; color:#EC6C00; font-weight:bold; font-size:14px; }
.leftdata:after{ content:""; display:block; clear:both; }
.leftdata .n-imgs{ display:none; position:absolute; top:0px; left:0px; border:3px solid #ddd; padding:6px; width:246px; height:190px; overflow:hidden;  }
.leftdata .n-listgroup .n-imgs.showNews{ display:block; }
.leftdata .n-imgs .n-imgpad{ position:relative; width:100%; height:100%; overflow:hidden; }
.leftdata .n-imgs .n-imgpad img{ max-width:100%; width:auto; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.leftdata .n-imgs .n-imgpad iframe{ position:absolute; top:0px; left:0px; width:100%; height:100%; }
.leftdata .n-listgroup{ position:relative; }
.leftdata .n-listgroup .boxlist{ padding:0 0 0 276px; }
.leftdata .n-listgroup .lists{ border-bottom:1px dashed #ccc; padding:0 0 14px 0; margin:0 0 13px 0; }
.leftdata .n-listgroup .lists .dtae_box{ float:left; width:105px; color:#EC6C00; font-size:16px; position:relative; }
.leftdata .n-listgroup .lists .title_m{ margin:0 0 5px 105px; font-size:16px; font-weight:bold; color:#333; display:block; text-decoration:none; }
.leftdata .n-listgroup .lists .title_m .words{ width:100%; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }
.leftdata .n-listgroup .lists .txts{ font-size:14px; font-weight:bold; color:#808080; width:100%; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }

.leftdata .n-listgroup .nleftbtn,.leftdata .n-listgroup .nrightbtn{ display:none; }
/*sticky*/
.sticky .dtae_box:after { display:inline-block; content:""; width:30px; height:25px; position:absolute; right:-17px; bottom:1px; background:url("../images/media/icon-sticky.png"); background-size: 30px 25px;
}

/*右區*/
.rightdata{ height:245px; margin:0 0 35px 0; position:relative; }
.rightdata .mores{ position: absolute; right: 0px; top: 5px; text-decoration: none; color: #EC6C00; font-weight: bold; font-size: 14px; }
.rightdata .titles{ color:#EC6C00; font-size:18px; font-weight:bold; border-left:5px solid #EC6C00; padding:0 0 0 5px; margin:0 0 15px 0; }
.rightdata .movbg{ background-image:url(../images/index/movbg.jpg); background-position:center center; background-repeat:repeat-y; background-size:100%; height:204px; padding:0 30px; }
.rightdata .movbg .tits{ font-size:16px; font-weight:bold; color:#EC6C00; padding:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rightdata .movbg .mov{ width:100%; height:0; padding-bottom:54%; position:relative; overflow:hidden; }
.rightdata .movbg .mov iframe{ width:100%; height:100%; position:absolute; top:0px; left:0px; }


.rightdata .monthbox{ border:2px solid #e0e0e0; position:relative; }
.rightdata .monthbg{ background-color: #f2f2f2; margin:auto;  }
.rightdata .monthly .tits{ font-size:16px; font-weight:bold; color:#EC6C00; padding:10px 20px; background-color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rightdata .monthly .rotation{ padding:10px 0; position:relative; }

.rightdata .monthly .rotation .imgbox{ width:auto; height:150px; margin:0 20px; text-align:center; position:relative; }
.rightdata .monthly .rotation .imgbox img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:auto; max-width:100%; max-height:100%; }

.monthly.slick-slide { height: 207px; }


.rightdata .leftbtn{ position:absolute; left:5px; width:10px; height:16px; top:50%; margin-top:10px; cursor:pointer; }
.rightdata .leftbtn:before{ content:"";transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); width:100%; height:2px; background-color:#B3B3B3; position:absolute; top:4px; left:0px; }
.rightdata .leftbtn:after{ content:"";transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); width:100%; height:2px; background-color:#B3B3B3;  position:absolute; bottom:4px; left:0px; }
.rightdata .rightbtn{ position:absolute; right:5px; width:10px; height:16px; top:50%; margin-top:10px; cursor:pointer; }
.rightdata .rightbtn:before{ content:"";transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); width:100%; height:2px; background-color:#B3B3B3; position:absolute; top:4px; left:0px; }
.rightdata .rightbtn:after{ content:"";transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); width:100%; height:2px; background-color:#B3B3B3;  position:absolute; bottom:4px; left:0px; }

.movbg .leftbtn, .movbg .rightbtn { background:#f7dea6; height:30px;
width:20px; top:38%; }
.movbg .leftbtn:before, .movbg .leftbtn:after, .movbg .rightbtn:before, .movbg .rightbtn:after { width:50%; background-color:#9c9c9c; }
.movbg .leftbtn:before, .movbg .rightbtn:before { top:11px; }
.movbg .leftbtn:after, .movbg .rightbtn:after { bottom:11px; }
.movbg .rightbtn:before, .movbg .rightbtn:after { right:0px; left:initial; }
.movbg .slick-slide { height:207px; }
.movbg .slick-slide img { max-width:260px; margin:auto; }
.rightdata .movbg .mov { padding-top:3%; }

/*關於*/
.inaboutbox{ padding:50px 0 40px 0; background-color:#f2f2f2; position:relative; }
.inaboutbox .atitle{ text-align:center; }
.inaboutbox .atext{ font-size:18px; font-weight:bold; color:#EC6C00; text-align:center; padding:15px 0; }
.inaboutbox .atxt{ font-size:14px; color:#333; font-weight:bold; text-align:center; line-height:22px; }
.inaboutbox .atxt .webr{ display:block; }
.inaboutbox .feature{ text-align:center; padding:25px 0 0 0; }
.inaboutbox .feature .grids{ border:2px solid #f2642f; width:136px; height:136px; display:inline-block; position:relative; margin:0 40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.inaboutbox .feature .grids a{ text-decoration:none; }
.inaboutbox .feature .grids .gbox{ width:105px; height:95px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.inaboutbox .feature .grids .gbox .radiusbox{  }
.inaboutbox .feature .grids .gbox .imgs{ width:84px; height:68px; background-size:100%; background-repeat: no-repeat; margin:0 auto; }
.inaboutbox .feature .grids .gbox .imgs.bg01{ background-image:url(../images/index/aboutimg01.png); }
.inaboutbox .feature .grids .gbox .imgs.bg02{ background-image:url(../images/index/aboutimg02.png); }
.inaboutbox .feature .grids .gbox .imgs.bg03{ background-image:url(../images/index/aboutimg03.png); }
.inaboutbox .feature .grids .gbox .imgs.bg04{ background-image:url(../images/index/aboutimg04.png); }
.inaboutbox .feature .grids .gbox .tts{ font-size:16px; font-weight:bold; color:#EC6C00; text-align:center; padding:3px 0 0 0; }

.inaboutbox .af-top{ width:100%; height:16px; background-image:url(../images/layout/afbg-top.png); background-repeat:no-repeat; background-position:center; position:absolute; top:0px; left:0px; }
.inaboutbox .af-bottom{ width:100%; height:16px; background-image:url(../images/layout/afbg-bottom.png); background-repeat:no-repeat; background-position:center; position:absolute; bottom:0px; left:0px; }

/*連結區*/
.linkrotbox{ max-width:1100px; margin:0 auto; padding:0 25px; }
.linkrotbox .titles{ display:none; }
.linkrotbox .gtable{ /*display:table; */width:100%; margin:30px 0; position:relative; }
.linkrotbox .grids{ /*display:table-cell;*/ display:inline-block; width:23.5%; vertical-align:middle; padding: 0 1%;}
.linkrotbox .space{ display:table-cell; width:2%; vertical-align:middle; }
.linkrotbox .grids img{ width:100%; }

.linkrotbox .nleftbtn{ position:absolute; width:20px; height:40px; left:-20px; top:50%; margin-top:-20px; cursor:pointer; display:block; }
.linkrotbox .nrightbtn{ position:absolute; width:20px; height:40px; right:-20px; top:50%; margin-top:-20px; cursor:pointer; display:block; }
.linkrotbox .nleftbtn:before{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; left:50%; top:3px; }
.linkrotbox .nleftbtn:after{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; left:50%; bottom:3px; }
.linkrotbox .nrightbtn:before{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; left:50%; top:3px; }
.linkrotbox .nrightbtn:after{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; left:50%; bottom:3px; }

/****************字體大小控制區******************/
.fonts_big .newslistbox .tds-b .rows .break{ font-size:16px; }
.fonts_medium .newslistbox .tds-b .rows .break{ font-size:14px; }
.fonts_small .newslistbox .tds-b .rows .break{ font-size:12px; }

.fonts_big .leftdata .titles{ font-size:20px; }
.fonts_medium .leftdata .titles{ font-size:18px; }
.fonts_small .leftdata .titles{ font-size:16px; }

.fonts_big .leftdata .n-listgroup .lists .title_m{ font-size:18px; }
.fonts_medium .leftdata .n-listgroup .lists .title_m{ font-size:16px; }
.fonts_small .leftdata .n-listgroup .lists .title_m{ font-size:14px; }

.fonts_big .leftdata .n-listgroup .lists .dtae_box{ font-size:18px; }
.fonts_medium .leftdata .n-listgroup .lists .dtae_box{ font-size:16px; }
.fonts_small .leftdata .n-listgroup .lists .dtae_box{ font-size:14px; }

.fonts_big .leftdata .n-listgroup .lists .txts{ font-size: 16px; }
.fonts_medium .leftdata .n-listgroup .lists .txts{ font-size: 14px; }
.fonts_small .leftdata .n-listgroup .lists .txts{ font-size: 12px; }

.fonts_big .rightdata .titles{ font-size:20px; }
.fonts_medium .rightdata .titles{ font-size:18px; }
.fonts_small .rightdata .titles{ font-size:16px; }

.fonts_big .rightdata .movbg .tits{ font-size:18px; }
.fonts_medium .rightdata .movbg .tits{ font-size:16px; }
.fonts_small .rightdata .movbg .tits{ font-size:14px; }

.fonts_big .rightdata .monthly .tits{ font-size:18px; }
.fonts_medium .rightdata .monthly .tits{ font-size:16px; }
.fonts_small .rightdata .monthly .tits{ font-size:14px; }

.fonts_big .atext{ font-size:20px; }
.fonts_medium .atext{ font-size:18px; }
.fonts_small .atext{ font-size:16px; }

.fonts_big .atxt{ font-size:16px; }
.fonts_medium .atxt{ font-size:14px; }
.fonts_small .atxt{ font-size:12px; }


/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px) {
/*sticky*/
.sticky .title_m {padding-left:1.3em !important;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.content{ padding:105px 25px 0 25px; }
/*左區*/
.leftdata{ height:auto; margin:0 0 20px 0; }
.leftdata .n-imgs{ width:310px; height:236px; }
.leftdata .n-listgroup .boxlist{ padding: 0 0 0 350px; }
.leftdata .n-listgroup .lists .dtae_box{ float:none; }
.leftdata .n-listgroup .lists .title_m{ margin:0px; }
/*右區*/
.messagetable{ display:block; padding:0px; }
.messagetable .tds-left{ display:block; }
.messagetable .tds-right{ display:block; padding:0; width:auto; max-width:none; font-size:0px; position:relative; }
.rightdata{ height:300px; width:48%; display:inline-block; vertical-align:top; margin:0 2% 35px 0; height:auto; }
.rightdata:last-child{ margin:0 0 35px 2%; }
.rightdata .movbg{ height:auto; padding-bottom:10px; }

/*關於*/
.inaboutbox .atxt .webr{ display:none; }
.inaboutbox .atxt .padr{ display:block; }
.inaboutbox .feature .grids{ margin:0 10px; }





}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.content{ padding:52px 0 0 0; }

/*banner*/
.banner .bannertext{ position:relative; padding:10px; }
.banner .bannertext .btable .btns span{ display:block; }
.banner .bannertext .btable .btd-b{ width:55px; text-align:right; }
.banner .bannertext .btable .btns{ width: auto; line-height: 14px; font-size: 12px; padding: 5px 8px; }
.banner .bannertext .btitle{ border-left:2px solid #fff; }
.banner .bottombox{ position:relative; }

/*浮動按鈕*/
.floatbtn{ display:none; }

/*訊息*/
.newslistbox{ padding:10px 0 4px 0; width:auto; margin:0 10px; }
.newslistbox .tds-a{ float:none; }
.newslistbox .tds-b{ margin:0px; padding:3px 0 0 0; }

/*字體大小*/
.fontBox{ padding:10px 10px 0 10px }

/**/
.blinds{ margin:0 0 0 10px; }
.messagetable{ display:block; padding:0 10px; width:auto; margin:10px 0 0 0; }
.messagetable .tds-left{ display:block; }
.messagetable .tds-right{ display:block; padding:0px; width:auto; max-width:none; position:relative; }

/*左區*/
.leftdata{ height:auto; margin:0 0 10px 0; border-bottom: 1px dashed #ccc; padding:0 0 10px 0; }
.leftdata .titles{ margin: 0 0 5px 0; border-left:2px solid #EC6C00; }
.leftdata .n-imgs{ width:90px; height:70px; padding:2px; border:1px solid #ddd; position:relative; float:left; display:block; }
.leftdata .n-listgroup .boxlist{ display:none; padding:0; margin:0 10px; }
/*.leftdata .n-listgroup .boxlist:first-child{ display:block; }*/
.leftdata .n-listgroup .boxlist:after{ content:""; clear:both; display:block; }
.leftdata .n-listgroup .lists{ margin:0 0 0 100px; border:none; }
.leftdata .n-listgroup .lists .dtae_box{ width:auto; float:none; font-size:14px; }
.leftdata .n-listgroup .lists .title_m{ margin: 0 0 2px 0; }

.leftdata .n-listgroup .nleftbtn{ z-index:9; position:absolute; width:10px; height:20px; left:-5px; top:50%; margin-top:-10px; cursor:pointer; display:block; }
.leftdata .n-listgroup .nrightbtn{ z-index:9; position:absolute; width:10px; height:20px; right:-5px; top:50%; margin-top:-10px; cursor:pointer; display:block; }
.leftdata .n-listgroup .nleftbtn:before{ content:""; width:2px; height:10px; background-color:#bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; left:50%; top:2px; }
.leftdata .n-listgroup .nleftbtn:after{ content:""; width:2px; height:10px; background-color:#bbb; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; left:50%; bottom:2px; }
.leftdata .n-listgroup .nrightbtn:before{ content:""; width:2px; height:10px; background-color:#bbb; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; left:50%; top:2px; }
.leftdata .n-listgroup .nrightbtn:after{ content:""; width:2px; height:10px; background-color:#bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; left:50%; bottom:2px; }

/*sticky*/
.sticky .dtae_box:after { position:relative; right:-5px; bottom: -2px; }
    
/*右區*/
.rightdata{ height:auto; margin:0 0 10px 0; position:relative; }
.rightdata .mores{ display:block; position: absolute; right: 0px; top: 0px; text-decoration: none; color: #EC6C00; font-weight: bold; font-size:14px; }
.rightdata .titles{ margin: 0 0 5px 0; border-left:2px solid #EC6C00; }
.rightdata .movbg{ height:auto; padding: 8px 25px; background-image:none; background-color:#f5dfa9; position:relative; }
.rightdata .movbg:before{ content:""; position:absolute; width:10px; height:100%; left:5px; top:0px; background-image:url(../images/index/mov_s_bg.png); }
.rightdata .movbg:after{ content:""; position:absolute; width:10px; height:100%; right:5px; top:0px; background-image:url(../images/index/mov_s_bg.png); }
.rightdata .movbg .tits{ padding:0 0 10px 0; text-align:center; }
.rightdata .monthly .tits{ text-align:center; padding:10px; }
.rightdata .monthly .rotation{ margin:auto; }
.rightdata .monthbg{ margin:0; }

/*關於*/
.inaboutbox .atxt .webr{ display:none; }
.inaboutbox .atxt .padr{ display:none; }
.inaboutbox .atxt .mobr{ display:block; }
.inaboutbox .atitle img{ width:190px; }
.inaboutbox .feature .grids{ width:75px; height:auto; border:none; margin:0; vertical-align:top; }
.inaboutbox .feature .grids .gbox{ position:relative; width:100%; }
.inaboutbox .feature .grids .gbox .imgs{ width:100%; height:100%; background-size: 60px; background-position: center center; }
.inaboutbox .feature .grids .gbox .tts{ font-size:12px; }
.inaboutbox .feature .grids .gbox .radiusbox{ width:75px; height:75px; position:relative; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #f2642f; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }


/*連結區*/
.linkrotbox{ padding:10px 10px 0 10px; }
.linkrotbox .titles{ display:block; color: #EC6C00; font-size: 18px; font-weight: bold; border-left:2px solid #EC6C00; padding: 0 0 0 5px; margin: 0 0 5px 0; }
.linkrotbox .gtable{ display:block; font-size:0px; margin:10px 0; position:relative; }
.linkrotbox .gtable .slick_bottom{ width: 242px; margin: auto;}
.linkrotbox .grids{ /*display:none;*/ width:228px; margin:0 auto; }
.linkrotbox .space{ display:none; }
.linkrotbox .nleftbtn{ position:absolute; width:20px; height:40px; left:0px; top:50%; margin-top:-20px; cursor:pointer; display:block; }
.linkrotbox .nrightbtn{ position:absolute; width:20px; height:40px; right:0px; top:50%; margin-top:-20px; cursor:pointer; display:block; }
.linkrotbox .nleftbtn:before{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; left:50%; top:3px; }
.linkrotbox .nleftbtn:after{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; left:50%; bottom:3px; }
.linkrotbox .nrightbtn:before{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; left:50%; top:3px; }
.linkrotbox .nrightbtn:after{ content:""; width:2px; height:20px; background-color:#bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); position:absolute; left:50%; bottom:3px; }

/****************字體大小控制區******************/
.fonts_big .feature .grids .gbox .tts{ font-size:14px; }
.fonts_medium .feature .grids .gbox .tts{ font-size:12px; }
.fonts_small .feature .grids .gbox .tts{ font-size:10px; }


}