body.locale_tw-zh #content *, body.locale_cn-zh #content *, body.locale_jp-ja #content *, body.locale_kr-ko #content *{
	font-family: "Roboto", "Segoe UI", "Segoe UI Light", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Myriad Set Pro", 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;
	}



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

.container div.ie8_hide,.ie8_hide{
    display:none\9;
}

    .row-fluid div.imgLeft{
        *float: left;
        *width: 50%;
    }
	
	
	.row-fluid div.imgRight{
        *float: right;
        *width: 50%;
    }
	
	
    .row-fluid div.wordRight{
        *float: right;
        *width: 40%;
    }
	
	
    .row-fluid div.wordLeft{
        *float: left;
        *width: 40%;
    }

/* IEend */


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

*{font-family: "Roboto", "Segoe UI", "Segoe UI Light", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Myriad Set Pro", 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  */
/* 此文件只定義文字:大小, 粗細, 樣式(如:斜體)..等 */




/* 背景顏色漸變效果有以下可套用
ease / linear / ease-in / ease-out / ease-in-out / cubic-bezier(n,n,n,n) / initial
*/



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


.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
    filter: blur(10px);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}



/* 背景顏色漸變效果有以下可套用*/
.bgcover{
    background-size: cover;
}


/* 

>> 讓 Microsite 的上方 Logo+Menu 一開始是看不到的,要先跑 CSS Animation

>> 但此數據會跟 CMS 衝到,所以隱藏.

#header{
   opacity: 0;
}
 */




app_icon, .app_icon a:link, .app_icon a:active, .app_icon a:visited {
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.app_icon a:hover, .app_icon:hover {
    opacity:0.55;
    filter:alpha(opacity=55); /* 針對 IE8 以及更早的版本*/
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/ 
}



app_icon2, .app_icon2 a:link, .app_icon2 a:active, .app_icon2 a:visited {
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本*/
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/

}


.app_icon2 a:hover, .app_icon2:hover {
    opacity:0.65;
    filter:alpha(opacity=65); /* 針對 IE8 以及更早的版本*/
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/

}





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

.color_white {color:#fff;}
.color_white a:link {color:#fff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white a:active {color:#fff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white a:visited {color:#fff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white a:hover {color: #00fcff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* 若連結底線要變為虛線,可換 dotted; or dashed; */
.color_white1 {color:#fff;}
.color_white1 a:link {color:#fff; text-decoration: none; border-bottom: 0px solid #9c9c9c; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white1 a:active {color:#fff; text-decoration: none; border-bottom: 0px solid #9c9c9c; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white1 a:visited {color:#fff; text-decoration: none; border-bottom: 0px solid #9c9c9c; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white1 a:hover {color: #00fcff; text-decoration: none; border-bottom: 0px solid #00fcff; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_white_LightBoxPage {color:#fff;}
.color_white_LightBoxPage a:link {color:#fff; opacity:0.6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_white_LightBoxPage a:active {color:#fff; opacity:0.6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_LightBoxPage a:visited {color:#fff; opacity:0.6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_white_LightBoxPage a:hover {color: #fff; opacity:1.0; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_black{color:#000;}
.color_black a:link {color:#000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_black a:active {color:#000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_black a:visited {color:#000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_black a:hover {color: #363b3f; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_grayl{ color:#6d767b }
.color_grayl a:link {color:#6d767b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl a:active {color:#6d767b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl a:visited {color:#6d767b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl a:hover {color: #33c4ee; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* more lighter */
.color_grayl_2{ color:#c6c6c6 }
.color_grayl_2 a:link {color:#c6c6c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl_2 a:active {color:#c6c6c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_2 a:visited {color:#c6c6c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_2 a:hover {color: #d3d4d5; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* more dark */
.color_grayl_3{ color:#46494b }
.color_grayl_3 a:link {color:#46494b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl_3 a:active {color:#46494b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:visited {color:#46494b; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:hover {color: #d3d4d5; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


/* more blue & lighter */
.color_grayl_3{ color:#7d898c }
.color_grayl_3 a:link {color:#7d898c; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_grayl_3 a:active {color:#7d898c; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:visited {color:#7d898c; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_grayl_3 a:hover {color: #d3d4d5; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_orange{ color:#ffb400 }
.color_orange a:link {color:#ffb400; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange a:active {color:#ffb400; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange a:visited {color:#ffb400; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_orange_1{ color:#ff9000 }
.color_orange_1 a:link {color:#ff9000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange_1 a:active {color:#ff9000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_1 a:visited {color:#ff9000; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_1 a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_orange_2{ color:#ff7800 }
.color_orange_2 a:link {color:#ff7800; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange_2 a:active {color:#ff7800; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_2 a:visited {color:#ff7800; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_2 a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_orange_dark{ color:#b32a01 }
.color_orange_dark a:link {color:#b32a01; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_orange_dark a:active {color:#b32a01; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_dark a:visited {color:#b32a01; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_orange_dark a:hover {color: #ff9600; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_blue{ color:#33c4ee }
.color_blue a:link {color:#33c4ee; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_blue a:active {color:#33c4ee; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_blue a:visited {color:#33c4ee; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_blue a:hover {color: #10fcf9; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_bluedark{ color:#0082a7 }
.color_bluedark a:link {color:#0082a7; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_bluedark a:active {color:#0082a7; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_bluedark a:visited {color:#0082a7; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_bluedark a:hover {color: #10fcf9; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greenv{ color:#baff00 }
.color_greenv a:link {color:#baff00; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greenv a:active {color:#baff00; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greenv a:visited {color:#baff00; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greenv a:hover {color: #eaff00; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greeng{ color:#00c0c6 }
.color_greeng a:link {color:#00c0c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng a:active {color:#00c0c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng a:visited {color:#00c0c6; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_greeng1{ color:#00a7ac }
.color_greeng1 a:link {color:#00a7ac; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng1 a:active {color:#00a7ac; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng1 a:visited {color:#00a7ac; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng1 a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greeng2{ color:#007e99 }
.color_greeng2 a:link {color:#007e99; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng2 a:active {color:#007e99; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng2 a:visited {color:#007e99; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng2 a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}


.color_greeng3{ color:#00f0ff }
.color_greeng3 a:link {color:#00f0ff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_greeng3 a:active {color:#00f0ff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng3 a:visited {color:#00f0ff; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_greeng3 a:hover {color: #00f7ff; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}



.color_redChalk{ color:#ff668e }
.color_redChalk a:link {color:#ff668e; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/}
.color_redChalk a:active {color:#ff668e; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_redChalk a:visited {color:#ff668e; text-decoration: none; transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/} 
.color_redChalk a:hover {color: #ff8dab; text-decoration: none; transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/}




/* 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;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.Button_white:hover, 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;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}




.Button_black, .Button_black:link, .Button_black:active, .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;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.Button_black:hover, 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;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}




.Button_black2, .Button_black2:link, .Button_black2:active, .Button_black2:visited{
    color:#fff;	
	
	border: 1px solid rgba(255, 255, 255, 0.1);
	
    background-color:rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#45000000,endColorstr=#45000000,enabled=true,gradientType='1')\9;
	/*
    border: 1px solid rgba(0, 0, 0, 0.2);
	*/
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.Button_black2:hover, a.Button_black2:hover {
    color:#fff;
	
    border: 1px solid rgba(255, 255, 255, 0.9);
	
	
    background-color:rgba(0, 0, 0, 0.9) ;
	
	/*
	background-color:rgba(255, 255, 255, 0.3) ;
	*/
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}






.Button_blueGreen, a.Button_blueGreen:link, a.Button_blueGreen:active, a.Button_blueGreen:visited{


    color:#fff;
    font-weight:300;
    border: 1px solid rgba(0, 188, 200, 0.90);
    background-color:rgba(0, 188, 200, 0.90) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8800bcc8,endColorstr=#8800bcc8,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/


}


.Button_blueGreen:hover, a.Button_blueGreen:hover {

    color:#fff;
    font-weight:300;	
    border: 1px solid rgba(0, 240, 255, 0.90);
    background-color:rgba(0, 240, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff00f0ff,endColorstr=#ff00f0ff,enabled=true,gradientType='1')\9;
    text-decoration: none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/

}





.Button_blueGreen2, a.Button_blueGreen2:link, a.Button_blueGreen2:active, a.Button_blueGreen2:visited{


    color:#fff;
    font-weight:300;
    border: 1px solid rgba(0, 240, 255, 0.90);
    background-color:rgba(0, 240, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff00f0ff,endColorstr=#ff00f0ff,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/

}


.Button_blueGreen2:hover, a.Button_blueGreen2:hover {

    color:#fff;
    font-weight:300;	
    border: 1px solid rgba(0, 188, 200, 0.90);
    background-color:rgba(0, 188, 200, 0.90) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8800bcc8,endColorstr=#8800bcc8,enabled=true,gradientType='1')\9;
    text-decoration: none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/

}



.Button_orange, .Button_orange:link, .Button_orange:active, .Button_orange:visited{
    color:#fff;	
    background-color:rgba(255, 90, 0, 1.0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff5a00,endColorstr=#99ff5a00,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(255, 90, 0, 0.8);
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.Button_orange:hover, a.Button_orange:hover {
    color:#fff;
	/*
    border: 1px solid rgba(0, 0, 0, 0.3);
	*/
    background-color:rgba(255, 132, 0, 1.0) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff8400,endColorstr=#99ff8400,enabled=true,gradientType='1')\9;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}





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


/* button style */
.Button_lineC {

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

    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    display:block;
	
	text-align:center;

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


.Button_lineW {
	
	
	font-size:14pt;
	font-weight:300;
	
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.35);
    -webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.35);
    box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.35);

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

    padding:15px 37px 17px 37px;
    *padding:15px 32px 17px 32px; /* "*" 是針對 IE 7 的位置調整 */
    text-decoration:none;
    margin-bottom: 20px;
	transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
    /*
text-shadow:-1px -1px 0px  #fff;
    */
}




/* button style */
.Button_lineR {

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

    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    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,.Button_lineR {padding:10px 30px 10px 30px;}/*chrome微調位置*/
}




.Button_lineR2 {

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

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

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



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



a.Button_line:hover, a.Button_lineR:hover, a.Button_lineR2:hover, a.Button_lineW:hover, a.Button_lineC: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,.Button_lineR:active,.Button_lineR2:active, .Button_lineC: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;
    height:200px;
}

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

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

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


/*content*/


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

div.swipe-wrapFull{
    position: absolute;
    height: 100%;
    width:100%;
    z-index: 9950;
    top:0px;
}

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

div.swipe-wrapFull .bg img{
    background-size: cover;
    width:100%;
    height: 100%;
}

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

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


/*-- 為扣掉每一頁第一個 Section 上方,被 Menu 吃掉的背景內容高度,共用不可刪除*/    
.menu_extrab{
	height:60px;
}


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

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





div.section_block{
    margin:140px 0 160px 0
}



    .row-fluid div.imgLeft{
        float: left;
        width: 50%;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 50%;
    }
	
	
    .row-fluid div.wordRight{
        float: right;
        width: 40%;
    }
	
	
    .row-fluid div.wordLeft{
        float: left;
        width: 40%;
    }




.page_title_big span, .page_title_big {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:140px;
    font-weight:100;
    line-height:160px;
    letter-spacing:-0.05em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_big span, .page_title_big {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}




.page_title_big2 span, .page_title_big2 {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:110px;
    font-weight:100;
    line-height:160px;
    letter-spacing:-0.05em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_big2 span, .page_title_big2 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}




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



.page_title_bigs2 span, .page_title_bigs2 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:67px;
    font-weight:100;
    line-height:78px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs2 span, .page_title_bigs2 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}



.page_title_bigs3 span, .page_title_bigs3 {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:85px;
    font-weight:100;
    line-height:95px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs3 span, .page_title_bigs3 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}



.page_title_bigs4 span, .page_title_bigs4 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:90px;
    font-weight:100;
    line-height:100px;
    letter-spacing:-0.01em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page_title_bigs3 span, .page_title_bigs3 {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}




.number_big span, .number_big {
    font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
    font-size:90px;
    font-weight:100;
    line-height:120px;
    letter-spacing:-0.05em;
    /* word-spacing:0.01em; */
}
/* chrome 微調 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .number_big span, .number_big {font-family: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:100; }
}






.page_title span, .page_title {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", 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: "Roboto", "Source Sans Pro", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; font-weight:200; }
}





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


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


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


.page_titles3 span, .page_titles3 {
    font-family: "Source Sans Pro", "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI ;
    font-size:35px;
    font-weight:200;
    line-height:47px;
    letter-spacing:-0.01em;
    word-spacing:0.01em;
}







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



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



.page_stitle2 {
    font-size:30px;
    font-weight:300;
    line-height:45px;
    word-spacing:0.01em;
    letter-spacing:0em;
}



.page_stitle3 {
    font-size:28px;
    font-weight:300;
    line-height:37px;
    word-spacing:0.01em;
    letter-spacing:0em;
}


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


.page_txtbold1 {
    font-size:17px;
    font-weight:400;
    line-height:25px;
}

.page_txtbold2 {
    font-size:16px;
    font-weight:400;
    line-height:25px;
}

.page_txt1 {
    font-size:17px;
    font-weight:300;
    line-height:25px;
}


.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:35px 45px 36px 45px;
    background-color:rgba(0, 0, 0, 0.65) ;
}


.color_blockRound{
	border-radius:20px;
    padding:20px 20px 21px 20px;
    background-color:rgba(0, 0, 0, 0.65) ;
	width:65%;
	display:inline-block;

}


.arrow-up {
    width: 10%;
    height: 0;    
    padding-left:10%;
    padding-bottom: 10%;
    overflow: hidden;

}

.arrow-up:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-bottom: 500px solid #4679BD;
}


.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #000;
}



.wordline {
    /*
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    */

    background-color:rgba(255, 255, 255, 0.55);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff,endColorstr=#55ffffff,enabled=true,gradientType='1')\9;

    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px; 
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:2px solid rgba(94, 104, 109, 0.17);
    border:2px solid #c5d3d9\9;
    display:inline-block;
    height:180px;
    width:180px;

    color:#666666;
    font-style:normal;
    line-height:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;

}


/*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: "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "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: "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", "Segoe UI Light", Arial; }/*chrome微調位置*/
}

/* end Table Content */


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



/*end Animation*/





/*最底 ICON 區域設定*/

/* 原來有 About Us 使用
.icon_block {
    padding:80px 0 10px 0 ;
}
*/


/* 移掉下方 About Us 之後使用 */
.icon_block {
    padding:100px 0 85px 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 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.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 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.icon_block .icon_content a:hover {
    color:black;
    text-decoration: none;
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本 */
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}


.icon_social a {
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_social a:link,
.icon_social a:active,
.icon_social a:visited {
    display:black; /*#363b3f;*/
    opacity:0.75;
    filter:alpha(opacity=75); /* 針對 IE8 以及更早的版本*/ 
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.icon_social a:hover {
    color:black;
    opacity:1;
    filter:alpha(opacity=100); /* 針對 IE8 以及更早的版本 */
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}


/* 如果要 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*/



.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;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .bottom_links_title a:visited {
    color: #3f3f3f;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .bottom_links_title a:active {
    color: #3f3f3f;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.icon_block .bottom_links_title a:hover {
    color: #6d767b;
    text-decoration:none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}



.navbar a.bottom_links_title {
    color: #363b3f;
    font-size: 11.5pt;
    font-weight: normal;
    margin:0 0 20px;
    display: block;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}

.navbar a.bottom_links_title:hover {
    color: #363b3f;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}

.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;
    transition: all 0.3s ease-in-out 0s;/*底圖顏色漸變消失*/
}


.bottom_links_txt a:hover {
    color: #000;
    text-decoration: none;
    transition: all 0.5s linear 0s; /*底圖顏色漸變出現*/
}

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: 5px;
}


#social .social_icon_all{
    position:relative;
    padding-right:0px;
    margin-left:-5px;
}

/*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: 1921px) and (max-width: 2560px) { 


    /* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -10px;
    }
	

div.section_block{
    margin:180px 0 200px 0
}


    .row-fluid div.imgLeft{
        float: left;
        width: 50%;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 50%;
    }
	
	
    .row-fluid div.wordRight{
        float: right;
        width: 40%;
    }
	
	
    .row-fluid div.wordLeft{
        float: left;
        width: 40%;
    }


}




/* 大螢幕 */
@Media (min-width: 1200px) and (max-width: 1920px) { 

    .contentmiddle { display:table-cell; vertical-align:middle; }
    .contentmiddle [class*="span"]  { display: inline-table; width:100%;}

    .verticalMiddle{
        bottom: 0;
        margin: auto;
        position: absolute;
        top: 0;
    }

    #content article{
        padding-top:4%;
        padding-bottom:3%
    }
	
	
	
	/* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -110px;
    }
	
	
	div.section_block{
    margin:130px 0 150px 0
}


    .row-fluid div.imgLeft{
        float: left;
        width: 50%;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 50%;
    }
	
	
    .row-fluid div.wordRight{
        float: right;
        width: 40%;
    }

	
	
    .row-fluid div.wordLeft{
        float: left;
        width: 40%;
    }



    .page_title_bigs span, .page_title_bigs {
        margin-bottom:10px;
    }


}





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

    .verticalMiddle{
        bottom: 0;
        margin: auto;
        position: absolute;
        top: 0;
    }
	
	
	/* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -160px;
    }	
	
	
	.row-fluid div.imgLeft{
        float: left;
        width: 50%;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 50%;
    }
	
	
    .row-fluid div.wordRight{
        float: right;
        width: 40%;
    }
	
	
	.row-fluid div.wordLeft{
        float: left;
        width: 40%;
    }
	
	
	
    /* 箭頭  */
    a.carousel-control {
        width:40px;
    }

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

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


    .section_block .color_block{
        padding:25px 35px 25px 35px;
    }



    div.section_block {
        margin-top:120px;
        margin-bottom:130px;
    }




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

    }



    .page_title_bigs span, .page_title_bigs {
        font-size:60px;
        margin-bottom:10px;
    }
	
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
	  font-size:56px;
	  line-height:70px;
			
	}



}




/* 平板電腦、橫向手機和一般桌機解析度 */
@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%
    }
	
	
		
/* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -160px;
    }	


    div.section_block {
        margin-top:95px;
        margin-bottom:120px;
    }

    .wordscale{
        width: 90%;
    }
	
	
	.row-fluid div.imgLeft{
        float: left;
        width:100%;
		text-align:center;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 100%;
		text-align:center;
    }
	

    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:80px;
    }
	
	
	.row-fluid div.wordLeft{
        float: left;
        width:100%;
        margin-bottom:80px;
    }
	


    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;

    }
	
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:60px;
    line-height:68px;
}



    .page_title_bigs span, .page_title_bigs {
        font-size:60px;
        margin-bottom:15px;
    }



}


/* 橫向智慧手機到竪立平板電腦解析度 */
@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;
    }
	
	
	
/* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -160px;
    }	


    div.section_block {
        margin-top:80px;
        margin-bottom:100px;
    }
	
	
	.row-fluid div.imgLeft{
        float: left;
        width:100%;
		text-align:center;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 100%;
		text-align:center;
    }
	
    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:70px;
    }
	
	.row-fluid div.wordLeft{
        float: left;
        width:100%;
        margin-bottom:70px;
    }
	
	
	.color_block{
    padding:25px 35px 25px 35px;
}


    .page_title span, .page_title {
        /*
		font-size:52px;
        line-height:58px;
		*/
		font-size: 43px;
        line-height: 58px;
    }
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:52px;
    line-height:62px;
}



    .page_title_bigs span, .page_title_bigs {
        font-size:42px;
        line-height:58px;
        margin-bottom:15px;
    }


    .page_titles3 span, .page_titles3 {
        font-size:25px;
        line-height:45px;
    }
	
	
		.page_titles span, .page_titles {
		font-size:40px;
        line-height:50px;
}



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


    .navbar a.bottom_links_title {
        margin-top: 17px;
    }
	
	
	.bottom_links_txt ul{
        float: none;
    }



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






/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) { 



/* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -160px;
    }


    div.section_block {
        margin-top:60px;
        margin-bottom:70px;
    }
	
	
	.row-fluid div.imgLeft{
        float: left;
        width:100%;
		text-align:center;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 100%;
		text-align:center;
    }
	
    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:20px;
    }
	
	 .row-fluid div.wordLeft{
        float: left;
        width:100%;
        margin-bottom:20px;
    }
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:48px;
    line-height:58px;
}


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


    .page_title_bigs span, .page_title_bigs {
        font-size:42px;
        line-height:62px;
        margin-bottom:30px;
    }


    .page_titles3 span, .page_titles3 {
        font-size:25px;
        line-height:42px;
    }
	
	
		.page_titles span, .page_titles {
		font-size:37px;
        line-height:50px;
}


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



}









/* 橫向智慧手機及其他更小解析度 */
@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%
    }
	
	
	/* 要扣掉上方 ATEN 選單高度-- 不可刪除 */	
	#section_1 .bg{
	background-position: 50% -160px;
    }


    div.section_block {
        margin-top:60px;
        margin-bottom:70px;
    }
	
	
	.row-fluid div.imgLeft{
        float: left;
        width:100%;
		text-align:center;
    }
	
	
	.row-fluid div.imgRight{
        float: right;
        width: 100%;
		text-align:center;
    }
	

    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:20px;
    }
	
	
    .row-fluid div.wordLeft{
        float: left;
        width:100%;
        margin-bottom:20px;
    }


    .color_block{
        padding:25px 35px 25px 35px;
        border:none;
    }
	
	
	.page_title_bigs2 span, .page_title_bigs2 {
    font-size:48px;
    line-height:58px;
}


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


    .page_title_bigs span, .page_title_bigs {
        font-size:42px;
        line-height:62px;
        margin-bottom:30px;
    }
	
	
	.page_titles span, .page_titles {
		font-size:37px;
        line-height:50px;
}

.page_titles2 span, .page_titles2 {
    line-height:57px;
}


    .page_titles3 span, .page_titles3 {
        font-size:25px;
        line-height:42px;
    }


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


    .icon_block {
        padding-bottom: 50px ;
    }



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


    .navbar span.brandname {
        font-size: 17.5pt;
    }

}


/*loading*/
.loader {
  font-size: 0.2em;
  margin: 50px auto;
  top:47%;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  
  text-shadow:0px 0px 20px rgba(0,0,0, 0.4);
  
  /*
  -webkit-animation: load3 0.7s infinite ease;
  animation: load3 0.7s infinite ease;
  */

  -webkit-animation: load3 0.7s infinite linear;
  animation: load3 0.7s infinite linear;

  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  
  opacity: 0.85;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .loader { width: 3em; height: 3em;}/*chrome微調位置*/
}



/* Loader 消失 */
div.loaderHide{
	opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
	transition: all 1s ease-in-out 0s;
	}


.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}


.loader:after {
  background: #000;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Loader 黑塊 (含 Loader) */
.loaderBlock{
    height:100%;
    background: #000 none repeat scroll 0 0;
    position: fixed;
    z-index: 9999;
    width:100%;
    opacity: 0.9;
}


/* Loader 黑塊--消失 (含 Loader) */
div.loaderBlockHide{
	opacity: 0;
	transition: all 1.2s ease-in-out 0s;
	}