/* IE*/
.item{
    display:none\9;
}
div.active{
    display:block\9;
}

/* 字型使用順序-第一使用 Roboto */

*{font-family: "Roboto", "Segoe UI", "Segoe UI Light", "Myriad Set Pro", "NotoSansHant", Microsoft JhengHei, "微軟正黑體", Heiti TC, Microsoft YaHei, "微軟雅黑體", simhei, PMingLiU, 新細明體, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, ＭＳ Ｐゴシック, Malgun Gothic, Dotum, Gulim, Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;
}


/* 字型在 font_rbt.css 或 font_ssp.css 裡面定義,看要使用何種字型,只要修改 index.php 載入 font_rbt.css 或 font_ssp.css  */
/* 此文件只定義文字:大小, 粗細, 樣式(如:斜體)..等 */



body {
    font-size:11pt;
    padding: 0px;
}


/* Font Color Define_文字顏色定義  */

.color_white{
    color:#fff;
}


.color_black{color:#000;}
.color_black a:link {color:#000; text-decoration: none}
.color_black a:active {color:#000; text-decoration: none} 
.color_black a:visited {color:#000; text-decoration: none} 
.color_black a:hover {color: #363b3f; text-decoration: none}


.color_grayl{ color:#6d767b }
.color_grayl a:link {color:#6d767b; text-decoration: none}
.color_grayl a:active {color:#6d767b; text-decoration: none} 
.color_grayl a:visited {color:#6d767b; text-decoration: none} 
.color_grayl a:hover {color: #33c4ee; text-decoration: none}


/* more lighter */
.color_grayl_2{ color:#c6c6c6 }
.color_grayl_2 a:link {color:#c6c6c6; text-decoration: none}
.color_grayl_2 a:active {color:#c6c6c6; text-decoration: none} 
.color_grayl_2 a:visited {color:#c6c6c6; text-decoration: none} 
.color_grayl_2 a:hover {color: #d3d4d5; text-decoration: none}


/* more dark */
.color_grayl_3{ color:#46494b }
.color_grayl_3 a:link {color:#46494b; text-decoration: none}
.color_grayl_3 a:active {color:#46494b; text-decoration: none} 
.color_grayl_3 a:visited {color:#46494b; text-decoration: none} 
.color_grayl_3 a:hover {color: #d3d4d5; text-decoration: none}


.color_orange{ color:#ffb400 }
.color_orange a:link {color:#ffb400; text-decoration: none}
.color_orange a:active {color:#ffb400; text-decoration: none} 
.color_orange a:visited {color:#ffb400; text-decoration: none} 
.color_orange a:hover {color: #ff9600; text-decoration: none}



.color_orange_2{ color:#ff7800 }
.color_orange_2 a:link {color:#ff7800; text-decoration: none}
.color_orange_2 a:active {color:#ff7800; text-decoration: none} 
.color_orange_2 a:visited {color:#ff7800; text-decoration: none} 
.color_orange_2 a:hover {color: #ff9600; text-decoration: none}


.color_blue{ color:#33c4ee }
.color_blue a:link {color:#33c4ee; text-decoration: none}
.color_blue a:active {color:#33c4ee; text-decoration: none} 
.color_blue a:visited {color:#33c4ee; text-decoration: none} 
.color_blue a:hover {color: #10fcf9; text-decoration: none}


.color_bluedark{ color:#0082a7 }
.color_bluedark a:link {color:#0082a7; text-decoration: none}
.color_bluedark a:active {color:#0082a7; text-decoration: none} 
.color_bluedark a:visited {color:#0082a7; text-decoration: none} 
.color_bluedark a:hover {color: #10fcf9; text-decoration: none}


.color_greenv{ color:#baff00 }
.color_greenv a:link {color:#baff00; text-decoration: none}
.color_greenv a:active {color:#baff00; text-decoration: none} 
.color_greenv a:visited {color:#baff00; text-decoration: none} 
.color_greenv a:hover {color: #eaff00; text-decoration: none}


.color_greeng{ color:#00c0c6 }
.color_greeng a:link {color:#00c0c6; text-decoration: none}
.color_greeng a:active {color:#00c0c6; text-decoration: none} 
.color_greeng a:visited {color:#00c0c6; text-decoration: none} 
.color_greeng a:hover {color: #00f7ff; text-decoration: none}


.color_greeng2{ color:#007e99 }
.color_greeng2 a:link {color:#007e99; text-decoration: none}
.color_greeng2 a:active {color:#007e99; text-decoration: none} 
.color_greeng2 a:visited {color:#007e99; text-decoration: none} 
.color_greeng2 a:hover {color: #00f7ff; text-decoration: none}

/* Font Color Define_end  */





/* button color */

.Button_white, a.Button_white:link, a.Button_white:active, a.Button_white:visited {
    color:#fff;	
    background-color:rgba(255, 255, 255, 0.07);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff,endColorstr=#11ffffff,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
}

a.Button_white:hover {
    color:#fff;
    border: 1px solid rgba(255, 255, 255, 1);
    background-color:rgba(255, 255, 255, 0.3) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff,enabled=true,gradientType='1')\9;
    text-decoration:none;
}




.Button_black, a.Button_black:link, a.Button_black:active, a.Button_black:visited{
    color:#fff;	
    background-color:rgba(0, 0, 0, 0.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#ff000000,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(0, 0, 0, 0.85);
    text-decoration: none;
}


a.Button_black:hover {
    color:#fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color:rgba(0, 0, 0, 0.6) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000,enabled=true,gradientType='1')\9;
    text-decoration:none;
}





/* button style */
.Button_line {
    /*漸層
    -moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
    box-shadow:inset 0px 0px 0px 1px #ffffff;
    
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    background-color:#ffffff;
    */

    /*
    background-color:rgba(255, 255, 255, 0.07) ;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border: 1px solid #fff\9;
    */

    font-size:13pt;
    font-weight: 300;

    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    display:inline-block;

    padding:7px 30px 10px 30px;
    *padding:12px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
	margin-bottom: 20px;
    /*
    text-shadow:-1px -1px 0px  #fff;
    */
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .Button_line {padding:7px 30px 10px 30px;}/*chrome微調位置*/
}



a.Button_line:hover {
    /*漸層
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    background-color:#f4f5f5;
    */

    /*
    color:#fff;
    border: 1px solid rgba(255, 255, 255, 1);
    border: 1px solid #fff\9;
    /*
    
    /*
    background-color:rgba(255, 255, 255, 0.3) ;
    background-color:#fff\9;
    */
}

.Button_line:active {
    position:relative;
    top:1px;
    /* ie 漸層
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
    */
}





/* 箭頭  */
a.carousel-control {
    background: transparent;
    border: 0px solid #ffffff;
    border-radius: 0px;
    top: 50%;
    width:65px;
}

a.carousel-control.right {
    right: 2%;
}

a.carousel-control.left {
    left: 2%;
}

a.carousel-control:focus{
    opacity: 0.5;
}





div#header {
    border-bottom: 1px solid #c6c7c8;
    color: #fff;
    height: 81px;
    width: 100%;
}

div#header_blue {
    background: url("../images/topline_bg1.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 6px;
    width: 100%;
}

div#header_blue.FixedTop {
    position: fixed;
    top: 0;
    z-index: 999;
}

div#header_allblue {
    height: 6px;
    margin: 0 auto;
}

div#header_dblue {
    background: url("../images/topline_left.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 6px;
    width: 70%;
}

div#header_lblue {
    background: url("../images/topline_right.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 6px;
    width: 25%;
}

div#header_content {
    margin: 0 auto;
    padding: 9px 0 0;
}

#content .carousel-indicators .active{
    width:30px;
}

.sectionNav{
    z-index:9999;
    position: fixed;
    right:0;
    margin-right: 20px;
    top:50%;
}

.sectionNav li{
    float: none;
    margin-top: 10px;
    cursor: pointer;
}

.sectionNav li.active{
    height: 20px;
}

/*end head*/

/**nav*/

div#tmenu {
    font-size:11pt; /* 14px; */
    font-weight:300;
    background-color: #fff;
    z-index: 9999;
    float: right;
    margin-top: 4px;
}

div#tmenu li a {
    color: #000;
    text-decoration: none;
    margin-top: 4px;
}

div#tmenu li a:hover {
    color: #2292d3;
}

div#pmenu_box {
    background: -moz-linear-gradient(center top , #f2f3f3 0%, #ffffff 30%, #ffffff 100%) repeat scroll 0 0 #fff;
    box-shadow: 0 1px 0 0 #ffffff inset;
    margin: 0 auto;
    text-indent: 0;
    width: 100%;
}

div#pmenu {
    color: #656a6d;
    float: right;
    font-size: 13px;
    font-weight:300;
    margin: 10px 0 0;
    overflow: hidden;
    text-shadow: 1px 1px 0 #ffffff;
    margin: 0px\9;
    padding: 10px 0 0\9;
}

@media (max-width: 979px) {
    div#pmenu {
        float: none;
    }
    div#tmenu {
        float: none;
    }
}

div#pmenu ul {
    list-style-type: none;
}

div#pmenu li {
    color: #fff;
    text-align: left;
}

div#pmenu li.highline{
    background-color: #00b5dd;
    height: 4px;
    position: absolute;
}

div#pmenu li a {
    color: #656a6d;
    text-decoration: none;
    font-size: 10.2pt; /* 13px; */
    font-size: 13px \9; /*     "*" 是針對 IE 8 的位置調整     */
    font-weight:300;
    text-shadow:1px 1px 0px #ffffff;

}

div#pmenu li.actived a {
    color: #000;
}

div#pmenu li a:hover {
    color: #000;
}

div#pmenu_content {
    margin: 0 auto;
}

div#pmenu_block {
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(20%, 30%, 40%, 0.2);
    margin: 0 auto;
    opacity: 0.99;
    width: 100%;

    border-bottom:1px solid #c3c5c6
}

div#pmenu_block.fixedTop{
    position: fixed;
    top:0px;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.95);
}

div#pmenu_block.fixedTop div{
    background: transparent;
}

.navbar .brand{
    padding-left: 20px;
    *line-height: 25px;
}

.navbar span.brandname{
    padding-left: 27px;
    font-size: 19.5pt;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    color: #000;
    *line-height: 25px;
}
/* chrome 微調 
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.navbar ,.brand ,.navbar span.brandname{font-family: "Source Sans Pro", "Segoe UI Light",Arial; font-weight: 300;}
}
*/
.navbar a.brand, .navbar span.brandname a:link {color:#000; text-decoration: none}
.navbar a.brand, .navbar span.brandname a:active {color:#000; text-decoration: none} 
.navbar a.brand, .navbar span.brandname a:visited {color:#000; text-decoration: none} 
.navbar a.brand, .navbar span.brandname a:hover {color: #2292d3; text-decoration: none}

.navbar button.btn-navbar{
    margin-right: 15px;
}
/*end head*/

/*content*/
div.swipe-wrap{
    position: relative;
    z-index: 98;
}

div.swipe-wrap .bg{
    position: absolute;
    width:100%;
}

div.swipe-wrap .bg img{
    min-width:1920px;
    background-size: cover;
    width:100%;
    height: 700px;
}

#content div.container{
    position: relative;
    z-index: 99;
}

#content{
    overflow: hidden;
    width:100%;
}


div.section_block{
    margin:120px 0 50px 0
}






.page_title span {
    font-family: "Source Sans Pro", "Roboto", Segoe UI ;
    font-size:60px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title, .page_title span {font-family: "Source Sans Pro", "Roboto",  "Segoe UI Light", Arial; font-weight:200; }
}



.page_titles span, .page_titles span {
    font-family: "Source Sans Pro", "Roboto", Segoe UI ;
    font-size:46px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}


.page_titles1 span, .page_titles1 span {
    font-family: "Source Sans Pro", "Roboto", Segoe UI ;
    font-size:43px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}


.page_titles2 span, .page_titles2 span {
    font-family: "Source Sans Pro", "Roboto", Segoe UI ;
    font-size:53px;
    font-weight:200;
    line-height:68px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}



.page_stitle {
    font-size:24px;
    font-weight:300;
    line-height:35px;
    word-spacing:0.01em;
}



.page_txt {
    font-size:19px;
    font-weight:300;
    line-height:29px;
}


.page_txt2 {
    font-size:16px;
    font-weight:300;
    line-height:27px;
}


.page_txt_s {
    font-size:14px;
    font-weight:300;
    line-height:22px;
}


.page_txt_s2 {
    font-size:12px;
    font-weight:300;
    line-height:22px;
}


.color_block{
    padding:30px 45px 35px 45px;
    background-color:rgba(0, 0, 0, 0.65) ;
}


.wordLeft{
    margin-bottom:40px;
}


/*end content*/









/* Table Content */


/* <Spec 內容含table所有 td> */
.white_theme td ,.white_theme th{
    font-size:15px;
    color:#333;
    /* color:#3a3a3a; */
    font-weight:300;
	line-height:24px;
	vertical-align:middle;
    text-align:center;
    padding:20px 15px 20px 15px;
}


/* <Spec 上方大分類標題> */
.white_theme thead tr th{
    font-size:21px;
    font-weight:lighter;
    text-align:center;
    color:#000;
    text-shadow:0px 1px 0px #fff;
    /*
    border-bottom: thin solid #9c9c9c;
    */
}

/* <Spec 左方小標題--靠左> */
.white_theme th.spec_titlef{
    text-align:left;
    padding-left: 30px;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .white_theme thead tr th {font-family: "Segoe UI Light",Arial; font-weight: 100;}/*chrome微調位置*/
}


/* <Spec 左方小標題> */
.white_theme td.spec_titleb{
    font-weight:500;
    color:#000;
    text-align:left;
    padding-left:30px;

}


/* <全部 border 定義> */
.none_border, .none_border thead tr th ,.none_border td {
    border:none;
    border-bottom: thin solid #e4e6e7;
    border-collapse: collapse;
}

.none_border{
    border-top: thin solid #e4e6e7;
    border-left: thin solid #e4e6e7;
    border-right: thin solid #e4e6e7;
}

/* <Spec 上方大分類標題> */
.none_border thead tr th{
    /*
    background-color:#fff; 
    background: -moz-linear-gradient(center top , #fff 0%, #fff 30%, #fff 100%) repeat scroll 0 0 #fff; 
    border-bottom: thin solid #a0a3a4;
    */
    background-color:#f7f9f9; 
    background: -moz-linear-gradient(center top , #f7f9f9 0%, #f7f9f9 30%, #f2f4f4 100%) repeat scroll 0 0 #f7f9f9; 
    border-bottom: thin solid #a0a3a4;

    /* box-shadow: 0 2px 3px 0 rgba(20%, 30%, 40%, 0.2); */
    box-shadow: 1px 0px 1px 0px rgba(100%, 100%, 100%, 1); 
}

/* <Spec 左方小標題> */
.none_border td.spec_titleb{
    border-right:thin solid #e4e6e7;
    /* border-right:thin solid #a0a3a4; */
}

/* <Spec 內容_分隔> */
.none_border td.spec_line ,.none_border th.spec_line{
    border-right:thin solid #e4e6e7;
}

/* <Spec 上方大分類_分隔-深色> */
.none_border th.spec_linetitle{
    /* border-right:thin solid #e4e6e7; */
    border-right:thin solid #d0d2d3;
}

/* <Spec 上方大分類_分隔-淺色> */
.none_border th.spec_linetitle2{
    /* border-right:thin solid #e4e6e7; */
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .white_theme td .white_theme tr th {font-family: "Segoe UI Light",Arial; }/*chrome微調位置*/
}

/* end Table Content */


/*Animation
.Animation{
    display:none;
}
*/



/*end Animation*/





/*最底 ICON 區域設定*/

.icon_block {
    padding:80px 0 10px 0 ;
}


.icon_block .icon_content {
    margin-bottom:15px;
	text-shadow: 0 1px 0 #ffffff;
}


.icon_block .icon_content .icontitle {
    margin-bottom:15px;
}

.icon_block .icon_content a {
	color: black; /*#363b3f;*/
    font-size: 11.5pt;
    font-weight: normal;
	text-decoration: none;
	display: block;
	opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
}

.icon_block .icon_content a:link,
.icon_block .icon_content a:active,
.icon_block .icon_content a:visited {
   display:black; /*#363b3f;*/
   text-decoration: none;
   opacity:0.75;
   filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
}


.icon_block .icon_content a:hover {
    color:black;
	text-decoration: none;
	opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本 */
}


.icon_social a {
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
}

.icon_social a:link,
.icon_social a:active,
.icon_social a:visited {
   display:black; /*#363b3f;*/
   opacity:0.75;
   filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
}


.icon_social a:hover {
    color:black;
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本 */
}


/* 如果要 icon 滑過後變成半透明 
div.icon_block div.icon_content a img.iconimg_hover {
	opacity:0.5;
    filter:alpha(opacity=50); /* 針對 IE8 以及更早的版本
}
*/	

.icon_block .icon_content .page_txt_s{
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本 */
}


.icon_block .icon_txt {
    padding-left: 10px;
}

/*foot*/






@media (max-width: 767px) {
    .bottom_links_txt ul{
        float: none;
    }
}


.bottom_bgline {
    border-bottom: 1px solid #bdc4c6;
    margin: 0 auto;
    width: 100%;
    margin-top:60px;
    margin-bottom: 10px;

}


div#bottom_bg {
    background-color: #e5e8ea;
    /* background-image: url("../images/bottom_links_bg_top.png"); */
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}


/* 數值不能調整,不然會撐開 */
div#bottom_block {
    background-position: center bottom;
    background-repeat: repeat-x;
    padding:57px 15px;
}




.bottom_links_title {
    color: #363b3f;
    font-size: 11.5pt;
    font-weight: normal;
    margin:0 0 15px;
}



.icon_block .bottom_links_title a:link {
    color: #3f3f3f;
    text-decoration:none;
}

.icon_block .bottom_links_title a:visited {
    color: #3f3f3f;
    text-decoration:none;
}

.icon_block .bottom_links_title a:active {
    color: #3f3f3f;
    text-decoration:none;
}

.icon_block .bottom_links_title a:hover {
    color: #6d767b;
    text-decoration:none;
}



.navbar a.bottom_links_title {
    color: #363b3f;
    font-size: 11.5pt;
    font-weight: normal;
    margin:0 0 20px;
    display: block;
}

.navbar a.bottom_links_title:hover {
    color: #363b3f;
}

.bottom_links_txt ul {
    font-size:10pt;
    list-style-type: none;
    margin: 0;
    padding: 0 30px 30px 0;
    float:left;
}

.bottom_links_txt li {
    margin: 0;
    padding:0 0 5px 0;
    text-align: left;
}

.icon_arrow{
    padding-left:10px; 
    position:relative;
}

.bottom_links_txt {
    clear: left;
    color: #b6c0c4;
    font-size: 8pt;
    font-weight: 300;
    line-height: 18px;
    text-shadow: 0 1px 0 #ffffff;
}

.bottom_links_txt a {
    color: #797f85;
    text-decoration: none;
}


.bottom_links_txt a:hover {
    color: #000;
    text-decoration: none;
}

div#copyright {
    background-color: #fff;
    color: #647077;
    font-size: 8.5pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
    padding: 20px 0px 20px 0px;
    text-align: center;
}

div#copyright a {
    color: #647077;
    text-decoration: underline;
}

#bottom_block .navbar{
    margin  : 0px;
}

.nav-Community li{
    float: left;
    margin-left: 10px;
}

/*end foot*/

/* css expend*/
div.fixedTop{
    position: fixed;
    top:0px;
    z-index: 500;
    background: transparent;
    background-color: #fff 0.9;
}
/*end css expend*/
















/* 大螢幕 */
@Media (min-width: 1200px) { 
    #content article{
        padding-top:4%;
        padding-bottom:3%
    }
}









/* 一般pc小螢幕 */
@Media (min-width: 980px) and (max-width: 1199px) { 


    /* 箭頭  */
    a.carousel-control {
        width:40px;
    }

    a.carousel-control.right {
        right: 3%;
    }

    a.carousel-control.left {
        left: 3%;
    }


    #section_3 .section_block .color_block{
        padding:10px 15px 10px 15px;
    }


    .wordLeft{
        margin-bottom:65px;
    }


    div.section_block {
        margin-top:90px;
        margin-bottom:45px;
    }
	
	
	
	
	.icon_block .icon_txt {
		text-align:center;
        width: 100%;
		padding-left:25px;
		padding-Right:25px;
    }


    .icon_block .icon_img {
        text-align:center;
        width: 100%;
		margin-bottom:20px;

    }



}










/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) { 



    /* 箭頭  */
    a.carousel-control {
        width:40px;
    }

    a.carousel-control.right {
        right: 2.5%;
    }

    a.carousel-control.left {
        left: 2.5%;
    }



    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 12px 10px 12px 25px;
    }

    div#tmenu li a {
        font-size: 16px;
        font-weight:300;
    }

    div#pmenu li a {
        font-size: 16px;
        font-weight: 300;
        padding-left:40px;
    }

    #content div.container{
        margin-left:5%;
        width:90%;
    }

    #content article{
        padding-top:7%;
        padding-bottom:3%
    }


    div.section_block {
        margin-top:80px;
        margin-bottom:50px;
    }

    .section_block div.wordscale{
        width: 90%;
    }

    .wordLeft{
        margin-bottom:65px;
    }
	
	
	div#bottom_bg .bottom_all {
    padding: 57px 100px 50px 100px;
}


.bottom_links_txt ul {
    padding: 0 20px 0 0;
}

	
	
	 .icon_block .icon_txt {
		text-align:center;
        width: 100%;
		padding-left:25px;
		padding-Right:25px;
    }


    .icon_block .icon_img {
        text-align:center;
        width: 100%;
		margin-bottom:20px;

    }


}


/* 橫向智慧手機到竪立平板電腦解析度 */
@Media (max-width: 767px) {



    /* 箭頭  */
    a.carousel-control {
        width:35px;
    }

    a.carousel-control.right {
        right: 2%;
    }

    a.carousel-control.left {
        left: 2%;
    }


    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 12px 10px 12px 25px;
    }


    #content div.container{
        margin-left:5%;
        width:90%;
    }

    #content article{
        padding-top:7%;
        padding-bottom:3%
    }



    div#tmenu li a {
        font-size: 16px;
        font-weight:300;
    }

    div#pmenu li a {
        font-size: 16px;
        font-weight: 300;
    }

    .page_title span, .page_title {
        font-size:52px;
        line-height:58px;
    }

    div.section_block {
        margin-top:80px;
        margin-bottom:40px;
    }


    .wordLeft{
        margin-bottom:65px;
    }


    div#bottom_block {
        padding: 45px 50px 60px 50px;
    }


    .navbar a.bottom_links_title {
        margin-top: 17px;
    }



    .icon_block .icon_subblock {
        /*padding-left:48px;*/
    }


    .icon_block .icon_content {
        padding-bottom: 36px;
    }

    .icon_block .bottom_links_title {
        margin:0 0 7px;
    }
	
	
	
	.icon_block .icon_content .icontitle {
    margin-bottom: 5px;
}


    .icon_block .icon_txt {
        float: left;
		padding-top: 12px;
        padding-left: 10px;
        width: 65%
    }


    .icon_block .icon_img {
        float: left;
        width: 30%;
		padding-left:50px;
    }


    .icon_block .bottom_bgline {
        margin-top: 20px;
    }
}







/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) {
    .carousel-control img{
        width:90%;
    }


    a.carousel-control.right {
        right: 1.4%;
    }

    a.carousel-control.left {
        left: 1.4%;
    }

    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 12px 10px 12px 25px;
    }



    div#tmenu li a {
        font-size: 16px;
        font-weight:300;
    }

    div#pmenu li a {
        font-size: 16px;
        font-weight: 300;
    }


    #content div.container{
        margin-left:5%;
        width:90%;
    }



    div#bottom_block {
        padding: 40px 40px 80px 40px;
    }


    .navbar a.bottom_links_title {
        margin-top: 20px;
        margin-bottom: 0px;
    }


    .navbar .bottom_links_txt ul {
        font-size: 10.5pt;
        padding-bottom: 0px;
        margin-top: 10px;
    }


    div#bottom_bg .bottom_links_txt a {
        line-height: 30px;
    }


    #content article{
        padding-top:7%;
        padding-bottom:3%
    }


    div.section_block {
        margin-top:25px;
        margin-bottom:55px;
    }


    .color_block{
        padding:10px 15px 10px 15px;
        border:none;
    }


    .wordLeft{
        margin-bottom:8px;
    }


    .page_title span, .page_title {
        font-size:48px;
        line-height:55px;
    }


    .wordscale{
        -webkit-transform:scale(0.88);	
        -moz-transform:scale(0.88);
        transform:scale(0.88);
    }


    .icon_block {
        padding-bottom: 0px ;
    }



    .icon_block .icon_subblock {
        width: auto;
        text-align: center;
        padding-left:35px;
    }


    .icon_block .icon_content {
        width:85%;
        padding-bottom: 36px;
    }



    .icon_block .icon_txt {
		text-align:center;
        float: none;
        padding-left: 5px;
        width: 100%
    }


    .icon_block .icon_img {
		text-align:center;
        float: none;
        width: 100%;
        padding-bottom: 20px;
		padding-left: 0px;
    }


    .icon_block .bottom_bgline {
        margin-top: 20px;
    }

    .tablePhone_col_3{
        transform: scale(0.65);
        -webkit-transform:scale(0.65);	
        -moz-transform:scale(0.65);
        left: -55px;
        position: relative;
        top: -103px;
        height: 740px;
    }

    .tablePhone_col_2{
        left: -27px;
        position: relative;
        transform: scale(0.86);
        -webkit-transform:scale(0.86);	
        -moz-transform:scale(0.86);
        height: 930px;
    }

}