/* 縮小失敗。正在傳回未縮小的內容。
(44,1): run-time error CSS1019: Unexpected token, found '@charset'
(44,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(44,17): run-time error CSS1019: Unexpected token, found ';'
(47,1): run-time error CSS1019: Unexpected token, found '@import'
(47,9): run-time error CSS1019: Unexpected token, found 'url("reset.css")'
(47,25): run-time error CSS1019: Unexpected token, found ';'
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body {
    background:url(../Images/body_bg.png) repeat-x center 0;
    font-family:arial,helvetica,clean,sans-serif,"微軟正黑體";
    color:#333333;
    font-size:16px;
}
.float_left {
    float:left;
}
#BOX {
    width:960px;
    margin:0 auto;
}
#HEADER {
    overflow:hidden;
    font-size:14px;
    height:75px;
}
.logo {
    float:left;
    padding:11px 0 0 1px;
}
.top_right {
    float:right;
}
.view {
    overflow:hidden;
    color:#4aa2cd;
    padding:11px 0 0 0;
    float:right;
}
.view li{
    float:left;
    padding:0 0 0 15px;
}
.smenu {
    clear:both;
    overflow:hidden;
    float:right;
    padding:26px 0 0 0;
    font-weight:bolder;
    font-size:13px;
    height:15px;
}
.smenu li{
    float:left;
    padding:0 12px;
    border-right:1px solid #868686;
}
.smenu li a{
    text-decoration:none;
    color:#868686;
}
.smenu li a:hover{
    text-decoration:none;
    color:#0162a6;
}
#MENU {
    clear:both;
    width:960px;
    height:61px;
    padding:5px 0 0 0;
    background:url(../Images/menu_bg.png);
    overflow:hidden;
    font-size:15px;
    text-shadow: 0px 1px 1px #c4c4c4;
}
#MENU li{
    float:left;
    width:159px;
}
#MENU li a{
    color:#636363;
    text-decoration:none;
}
#MENU li a:hover{
    color:#201e8b;
}
#MENU li p{
    text-align:center;
}
#MENU li p.st{
    padding:0 0 2px 0;
    font-size:10px;
    -webkit-transform : scale(0.83);
}
.side_menu {
    clear:both;
    font-size:13px;
    text-shadow:none;
    padding:10px 0 0 47px;
    color:#ffffff;
    display:none;
    font-weight:bolder;
}
.side_menu2 {
    clear:both;
    font-size:13px;
    text-shadow:none;
    padding:10px 0 0 260px;
    color:#ffffff;
    display:none;
    font-weight:bolder;
}
.side_menu3 {
    clear:both;
    font-size:13px;
    text-shadow:none;
    padding:14px 0 0 20px;
    color:#ffffff;
    display:none;
    font-weight:bolder;
}
.side_menu4 {
    clear:both;
    font-size:13px;
    text-shadow:none;
    padding:14px 0 0 180px;
    color:#ffffff;
    display:none;
    font-weight:bolder;
}
.side_menu a,.side_menu2 a,.side_menu3 a,.side_menu4 a{
    text-decoration:none;
    color:#ffffff;
    padding:0 0 15px 0;
}
.side_menu a:hover,.side_menu2 a:hover,.side_menu3 a:hover,.side_menu4 a:hover{
    color:#fcff00;
}
#FOOTER {
    margin:30px 0 0 0;
    font-size:14px;
}
.footer_box {
    background:#66add0;
    width:100%;
    padding:10px 0 9px 0;
}
.footer {
    width:1026px;
    margin:0 auto;
    overflow:hidden;
    color:#ffffff;
    font-size:13px;
}
.footer li{
    float:left;
    padding:4px 40px 0 0;
    height:18px;
}
.footer li.mail{
    background:url(../Images/mail.png) no-repeat 81px 1px;
}
.footer li.mail a {
    display:block;
    width:110px;
    text-decoration:none;
    color:#fcff00;
}
.footer li.mail a:hover{
    text-decoration:underline;
}
.copy {
    width:960px;
    margin:10px auto;
    text-align:center;
    color:#9e9e9e;
}
#MAIN {
    min-height:600px;
    overflow:hidden;
}
.pager {
    width:100%;
    margin:20px 3px 0 3px;
    padding:3px;
    text-align:center;
    color:#999;
    padding:3px 3px 0 3px;
    text-align:center;
    font-size:14px;
}
.pager .disabled{
    font-size:14px;
    border:1px solid #e3e3e3;
    padding:1px 2px;
}
.pager .disabled:hover{
    border:1px solid #b4b4b4;
	color: #666666;
	background-color: #EAEAEA;
    cursor:pointer;
}
.pager span{
    margin:4px 1px;
}
.pager .current {
    background:#b4b4b4;
    font-size: 14px;    
    border: 1px solid #b4b4b4;   
    color: #fff;
    font-weight: bold;margin-top: 4px;
    padding: 1px 3px;
    text-align: center;
}
.pager .current2 {
    padding: 1px 3px;
    margin-right: 2px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #b4b4b4;
    
}
.pager .current2:hover{
    border:1px solid #b4b4b4;
	color: #666666;
	background-color: #EAEAEA;
    cursor:pointer;
}

    .pager .ll {
    color: #b4b4b4;
    text-decoration: none;
    }


/*-----Index-----*/
.banner {
    width: 952px;
    height: 266px;
    padding: 5px 4px;
    background: url(../Images/main_bg.png);
}
.banner li{
    float:left;
    width:208px;
    height:228px;
    padding:31px 0 0 30px;
    background:url(../Images/main_sbg.png) no-repeat;
    color:#666666; 
}
.banner li:hover{
    color:#ffffff;
    background:url(../Images/main_sbg_o.png) no-repeat;
}
.banner li:hover a{
    color:#ffffff;
}
.banner li a{
    text-decoration:none;
    color:#666666;    
    text-shadow: 0px 1px 1px #c4c4c4;
}
.banner li a:hover{
    color:#ffffff;
}
.title_en {
    font-size:14px;
    padding:0 0 8px 0;
}
.title_ch {
    font-size:25px;
    padding:0 0 22px 0;
    font-weight:bolder;    
}
.banner .result {
    font-size:15px;
}
.banner .result img{
    margin:0 5px 0 0;
}
.index_down {
    padding:15px 0 0 0;
}
.index_down .box1 {
    overflow:hidden;
}
.index_down .box1 .dw {
    float:left;
    width:266px;
}
.title2{
    font-weight:bolder;
}
.title2 span {
    font-size:10px;
    -webkit-transform : scale(0.83);
    color:#888888;
    padding:0 0 0 5px;
}
.dw_box {
    overflow:hidden;
    font-size:14px;
    padding:20px 0 0 0;
}
.dw_box li{
    overflow:hidden;
    border-bottom:1px dashed #CCC;
    margin:0 15px 3px 0;
    padding:0 0 4px 0;
}
.dw_box li a{
    text-decoration:none;
    color:#333333;
}
.dw_box li a:hover{
    color:#0162a6;
}
.dw_box li a img{
    float:left;
    margin:0 0 0 10px;
}
.dw_box li a p{
    float:left;
    line-height:63px;
    padding:0 0 0 10px;
    font-size:19px;
    font-weight:bolder;
}
.news {
    width:694px;
    float:left;
    position:relative;
}
.news .more{
    position:absolute;
    right:0;
    top:0;
    color:#ec4f50;
    text-decoration:none;
    font-size:14px;
    font-style:italic;
    font-weight:bolder;
}
.news .more:hover{
    text-decoration:underline;
}
.news_box {
    padding:20px 0 0 0;
    font-size:14px;
    letter-spacing:1px;
}
.news_box li{
    border-bottom:1px dashed #dcdcdc;
    padding:0 0 6px 0;
    margin:0 0 6px 0;
}
.news_box li span.date{
    color:#888888;
    padding:0 20px 0 0;
}
.news_box li a{
    color:#0162a6;
    text-decoration:none;
}
.news_box li a:hover{
    color:#ec4f50;
}
.news_box li a.buy {
    color:#ffffff;
    display:block;
    padding:2px;
    background:#ec4f50;
    float:right;
    font-size:13px;
}
.news_box li a.buy:hover{
    color:#fcff00;
}
.index_down .box2 {
    clear:both;
    overflow:hidden;
    padding:10px 0 0 0;
}
.index_down .box2 .movie {
    overflow:hidden;
    float:left;
}
.movie li {
    float:left;
}
.movie a {
    display:block;
    width:69px;
    height:46px;
    background:url(../Images/video_bg.png) no-repeat;
    padding:10px 5px 0 55px;
    text-decoration:none;
    font-size:12px;
    color:#333333;
	line-height:1.5;
}
.movie .title3 {
    width:51px;
    text-align:center;
    line-height:1.3;
    padding:19px 0 0 0;
    font-weight:bolder;
}
.movie .line {
    padding: 11px 14px 0 0;
}
.movie .movie_area {
    padding:10px 10px 0 0;
}
.index_down .box2 .link {
    overflow:hidden;
    float:right;
    position:relative;
    height:90px;
}
.link .more{
    position:absolute;
    right:0;
    bottom:0;
    color:#ec4f50;
    text-decoration:none;
    font-size:14px;
    font-style:italic;
    font-weight:bolder;
}
.link .more:hover{
    text-decoration:underline;
}
.link li {
    float:left;
}
.link .title3 {
    width:50px;
    text-align:center;
    line-height:1.3;
    padding:20px 0 0 4px;
    font-weight:bolder;
}
.link .line {
    padding: 11px 15px 0 2px;
}
.link li a img {
    border:1px solid #c4c4c4;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.link li.link_img {
    padding:10px 10px 0 0;
}
/*-----Index END-----*/
.bread {
    font-size:14px;
    margin:0 10px 0 10px;
    padding:5px 0 8px 0;
    border-bottom:1px dashed #CCC;
}
.bread a{
    color:#333333;
    text-decoration:none;
    padding:0 3px;
}
.bread a.active{
    color:#a8a8a8;
}
.bread a:hover{
    text-decoration:underline;
}
.Big_title {
    float:left;
    font-size:23px;
    margin:11px 10px 5px 0;
    padding:0 0 0 35px;
    font-weight:bolder;
    color:#cf007d;
    background:url(../Images/titile_icon.png) no-repeat 10px 4px;
    -webkit-background-size:18px;
    background-size:18px;
	overflow:hidden;
}
.foem{
	background:url(../Images/form.png) no-repeat 8px 6px;
	background-size:20px;
	float:right;
	padding:9px 5px 7px 35px;
	text-decoration:none;
	border:1px solid #cbcbcb;
	color:#666666;
	border-radius:8px;
	margin:7px 7px 0 0;
	font-size:15px;
	box-shadow:2px 2px 5px #CCC;
	transition:all 0.2s ease-out;
}
.foem:hover{
	color:#ef2e35;
	box-shadow:0px 0px 6px #cbcbcb;
	background:url(../Images/form.png) no-repeat 8px 6px,#f8f8f8;
	background-size:20px;
}
.type {
    overflow:hidden;
    margin:10px 10px 0 0;
    float:left;
}
.type span{
    float:right;
    display:block;
}
.type .type_text {
    padding:6px 5px 0 10px;
}
.type form select{
    min-width:100px;
}
.list_ul {
    padding:0 10px;
    font-size:14px;
    overflow:hidden;
    clear:both;
}
.list_ul li {
    float:left;
    -webkit-box-shadow: 0px 2px 2px #e5e5e5;
    -moz-box-shadow: 0px 2px 2px #e5e5e5;
    box-shadow: 0px 2px 2px #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    background:url(../Images/dot.png) no-repeat 7px 16px;
    line-height:3.3;
    width:100%;
}
.list_ul li img{
    margin:0 0 0 5px;
}
.list_ul li a{
    text-decoration:none;
    color:#0162a6;
}
.list_ul li a:hover{
    text-decoration:underline;
    color:#ec4f50;
}
    .list_ul span {
        display: block;
        float: left;
        height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.list_ul li.list_title {    
    background:#efefef;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    margin:10px 0 0 0;
    box-shadow:none;
    border-bottom:none;
}
.list_ul li.list_title span{
    color:#333333;
}
.list_title span{
    text-align:center;
    font-weight:bolder;
}
.list_ul li:nth-child(odd) {
    background-color:#f7f7f7;
}
.detail {
    padding:15px;
    margin:15px 10px 10px 10px;
    border:1px solid #e5e5e5;
    -webkit-box-shadow: 0px 3px 3px #e5e5e5;
    -moz-box-shadow: 0px 3px 3px #e5e5e5;
    box-shadow: 0px 3px 3px #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    clear:both;
}
.detail .title{
    font-size:25px;
    color:#ec4f50;
    font-weight:bolder;
}
.detail .date{
    color:#0162a6;
    padding:10px 0;
}
.detail .text{
    line-height:1.6;
    padding:10px;
    font-size:15px;
    border-top:1px dashed #CCC;
}
.detail .text img {
    max-width:700px;
}
.detail .other{
    padding:0 0 10px 0;
    font-size:14px;
}
.detail .other a{
    color:#0162a6;
}
.detail .other a:hover{
    color:#ec4f50;
}
.goback {
    border-top:1px dashed #CCC;
    padding:15px 0 0 0;
    font-size:14px;
    margin:5px 0 0 0; 
}
.goback a {
    display:block;
    padding:5px;
    border:1px solid #e5e5e5;
    margin:0 auto;
    width:56px;
    text-decoration:none;
    color:#0162a6;
}
.goback a:hover{
    text-decoration:underline;
    color:#ec4f50;

}
/*-----News_list-----*/
.list_title span.news_1{
    text-align:left;
}
.news_1 {
    width:100px;    
    padding:0 0 0 25px;
}
.news_2 {
    width:676px;                
}
.news_3 {
    width:139px;
    text-align:center;
    color:#a8a8a8;
}
/*-----News_list END-----*/
/*-----Research_list-----*/
.list_title span.Research_1{
    text-align:left;
}
.Research_1 {
    width:100px;    
    padding:0 0 0 25px;
}
.Research_2 {
    width:139px;
    text-align:center;                
}
.Research_3 {
    /*width:537px;*/ 
    width:85%;
}
.Research_4 {
    width:139px;
    text-align:center;
    color:#a8a8a8;
}
/*-----Research_list END-----*/
/*-----Download-----*/
.list_title span.Download_1{
    text-align:left;
}
.list_title span.Download_3{
    background:none;
}
.Download_1 {
    width:100px;    
    padding:0 0 0 25px;
}
.Download_2 {
    width:537px;               
}
.Download_3 {
    width:139px;
    background:url(../Images/download.png) no-repeat 60px 10px;
    background-size:20px;
}
.Download_3:hover{
    background:url(../Images/download_o.png) no-repeat 60px 10px;
    background-size:20px;
}
.Download_3 a {
    display:block;
    width:25px;
    height:42px;
    margin:0 auto;
}
.Download_4 {
    width:139px;
    text-align:center;
    color:#a8a8a8;
}
.Download_5 {
    width:139px;
    text-align:center;    
}
/*-----Download END-----*/
/*-----Sitemap-----*/
.sitemap_text{
    line-height:1.8;
    font-size:14px;
    padding:18px 18px;
    background:#FFC;
    border:1px dotted #868686;
}
.sitemap{
    overflow:hidden;
    padding:10px;
}
.sitemap li{
    float:left;
    width:132px;
    padding:0 8px;
}
.sitemap li p{
    line-height:2.5;
    font-size:13px;
    padding:0 7px;
}
.sitemap li p.title{
    border-bottom:1px dashed #868686;
    font-weight:bolder;
    font-size:15px;
    margin:0 0 5px 0;
    padding:0;
}
.sitemap li p a{
    text-decoration:none;
    color:#666;
}
.sitemap li p.title a{
    color:#0162a6;
}
.sitemap li p a:hover{
    text-decoration:underline;
}
.sitemap li p.title a:hover{
    color:#ec4f50;
}
.sitemap2{
    overflow:hidden;
    padding:10px;
}
.sitemap2 li{
    float:left;
    width:280px;
    padding:0 8px;
}
.sitemap2 li p{
    line-height:2.5;
    font-size:13px;
    padding:0 7px;
}
.sitemap2 li p.title{
    border-bottom:1px dashed #868686;
    font-weight:bolder;
    font-size:15px;
    margin:0 0 5px 0;
    padding:0;
}
.sitemap2 li p a{
    text-decoration:none;
    color:#666;
}
.sitemap2 li p.title a{
    color:#0162a6;
}
.sitemap2 li p a:hover{
    text-decoration:underline;
}
.sitemap2 li p.title a:hover{
    color:#ec4f50;
}
/*-----Sitemap END-----*/
.Result_box{
    overflow:hidden;
    width:952px;
    margin:0 auto;
}
.Result_box li {
    width:238px;
    height:550px;
    float:left;
}
.Result_box li.r1{
    background:url(../Images/result00.png);
}
.Result_box li.r2{
    background:url(../Images/result01.png);
}
.Result_box li.r3{
    background:url(../Images/result02.png);
    text-align:center;
    position:relative;
}
.Result_box li.r4{
    background:url(../Images/result03.png);
}
.Result_box li.r1.en{
    background:url(../Images/result00_en.png);
}
.Result_box li.r2.en{
    background:url(../Images/result01_en.png);
}
.Result_box li.r3.en{
    background:url(../Images/result02_en.png);
    text-align:center;
    position:relative;
}
.Result_box li.r4.en{
    background:url(../Images/result03_en.png);
}
.Result_box li a{
    display:block;
    width:238px;
    height:550px;
    background:rgba(0,0,0,0.3);
    transition:all 0.2s ease-out;
}
.Result_box li a:hover{
    background:none;
}
.Result_box li.r3:hover a{
    background:none;
}
.sp_box {
    position:absolute;
    top:50%;
    left:3px;
    margin:-50px 0 0 0;
    display:none;
}
.Result_box li .sp_box a:before{
    content:"◤";
}
.Result_box li.r3:hover .sp_box a{
    background:rgba(0,0,0,0.6);
}
.Result_box li .sp_box a{
    height:auto;
    color:#FFF;
    text-decoration:none;
    line-height:50px;
    width:233px;
}
.Result_box li.r3:hover .sp_box a:hover{
    background:rgba(0,0,0,0.5);
}



/*英文版*/
#MENU_en {
    clear:both;
    width:960px;
    height:54px;
    padding:12px 0 0 0;
    background:url(../Images/menu_bg_en.png);
    overflow:hidden;
    font-size:19px;
    text-shadow: 0px 1px 1px #c4c4c4;
}
#MENU_en li{
    float:left;
    width:320px;
}
#MENU_en li a{
    color:#636363;
    text-decoration:none;
}
#MENU_en li a:hover{
    color:#201e8b;
}
#MENU_en li p{
    text-align:center;
}
.side_menu_en {
    clear:both;
    font-size:13px;
    text-shadow:none;
    padding:13px 0 0 47px;
    color:#ffffff;
    display:none;
    font-weight:bolder;
}
.side_menu_en span{
    padding:0 10px;
}
.side_menu_en a{
    text-decoration:none;
    color:#ffffff;
}
.side_menu_en a:hover{
    color:#fcff00;
}
.footer_en {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    color:#ffffff;
    font-size:13px;
}
.footer_en li{
    float:left;
    padding:4px 30px 0 0;
    height:18px;
}
.footer_en li.mail{
    padding:4px 30px 0 0;
    background:url(../Images/mail.png) no-repeat 40px 1px;
}
.footer_en li.mail a {
    display:block;
    width:110px;
    text-decoration:none;
    color:#fcff00;
}
.footer_en li.mail a:hover{
    text-decoration:underline;
}
.banner_turn {
    float:left;
    width:476px;
    height:502px;
    padding:4px 0;
}
.banner_turn img{
    width:460px;
}
.banner_en {
    width: 484px;
    padding: 5px 0;
    background: url(../Images/main_bg_en.png) 484px 253px;
    float:right;
}
.banner_en li{
    float:left;
    width:208px;
    height:210px;
    padding:31px 0 0 30px;
    margin:0 0 10px 0;
    background:url(../Images/main_sbg_en.png) no-repeat;
    color:#666666; 
}
.banner_en li:hover{
    color:#ffffff;
    background:url(../Images/main_sbg_en_o.png) no-repeat;
}
.banner_en li:hover a{
    color:#ffffff;
}
.banner_en li a{
    text-decoration:none;
    color:#666666;    
    text-shadow: 0px 1px 1px #c4c4c4;
}
.banner_en li a:hover{
    color:#ffffff;
}
.banner_en li p.title_ch  {
    font-size:19px;
    padding:0 0 10px 0;
    font-weight:bolder;   
    min-height:40px; 
}

.Static_box {
    clear:both;
    padding:10px 20px 50px 20px;
    line-height:1.5;
    font-size:15px;
}
.Static_box .stitle{
    background:url(../Images/dot.jpg) no-repeat 0 9px;
    padding:0 0 0 12px;
    color:#1692d6;
    border-bottom:2px solid #1692d6;
    font-weight:bolder;
    font-size:19px;
}
.Static_box_in {
    padding:0 12px;
}
.Static_box_in .title{
    margin:10px 0;
    background:url(../Images/dot.png) no-repeat 0 6px;
    padding:0 0 5px 15px;
    border-bottom:1px dashed #CCC;    
    font-weight:bolder;
    font-size:17px;
}
.Static_box_in span{
    padding:0 15px 0 0;
}
.Static_box_in img{
    border:5px solid #FFF;
    box-shadow:0 0 8px #b2b2b2;
}
.Static_box_in b{
    color:#1692d6;
    margin:0 0 5px 0;
    display:block;
}
.Static_box_in.two{
    overflow:hidden;
}
.Static_box_in.two .title{
    margin:10px 0;
    background:url(../Images/dot.png) no-repeat 0 6px;
    padding:0 0 5px 15px;
    border-bottom:1px dashed #CCC;    
    font-weight:bolder;
    font-size:17px;
    float:left;
    width:433px;
}
.Static_box_in p{
    width:100%;
}
.Static_box_in.three .title{
    margin:10px 0;
    background:url(../Images/dot.png) no-repeat 0 6px;
    padding:0 0 5px 15px;
    border-bottom:1px dashed #CCC;    
    font-weight:bolder;
    font-size:17px;
}


/**/
.float_box {
    overflow:hidden;
}
.map_box{
    overflow:hidden;
    padding:15px 0 0 0;
}
.Static_box_in p.map_text{
    float:left;
    width:33%;
    padding:0 0 0 2%;
}
.Static_box_in p.map_text span{
    display:block;
    background:url(../Images/dot.png) no-repeat 7px 5px;
    padding:0 0 7px 25px;
    border-bottom:1px dashed #CCC;
    margin:0 0 10px 0;
}
.Static_box_in p.map_text span b{
    display:initial;
}

.QA_box {
    cursor: pointer;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd0bd;
}
.Question_list {
    background: url(../Images/Q.png) no-repeat 10px 5px;
    background-size: 25px;
    padding: 7px 0 10px 40px;
}
.Question_list:hover {
    color: #d91b1b;
}
.Question_list b{
    color:#1692d6;
}
.answer_list {
    display: none;
    padding: 10px;
    margin: 5px 10px 0 20px;
    line-height: 1.5;
    background: #FFF;
    border-radius:5px;
}
.BBB {
    background:#e5e5e5;
}
.CCC {
    background:#f4f4f4;
}


.result2{
    font-size:13px;
    position:absolute;
    left:127px;
    bottom:-58px;
    line-height:1.7;
    background:url(../Images/say_bg.png) no-repeat;
    width:78px;
    height:56px;
    text-align:left;
    padding:23px 0 0 15px;
    display:none;
    z-index:9999;
}
.result2 a:before{    
    content:"▪";
    padding:0 5px 0 0;
}
.banner li:hover p.result2 a{
    color:#666666;
}
.banner li:hover p.result2 a:hover{
    color:#ec4f50;
}

.result3{
    font-size:13px;
    position:absolute;
    left:80px;
    bottom:-67px;
    line-height:1.7;
    background:url(../Images/say_bg2.png) no-repeat;
    width:182px;
    height:56px;
    text-align:left;
    padding:23px 0 0 15px;
    display:none;
    z-index:9999;
}
.result3 a:before{    
    content:"▪";
    padding:0 5px 0 0;
}
.banner_en li:hover p.result3 a{
    color:#666666;
}
.banner_en li:hover p.result3 a:hover{
    color:#ec4f50;
}


.peo {
    overflow:hidden;
    margin:0 auto;
    padding:1% 0;
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:20px;
}
.peo.two li {
	width:46%;
}
.peo li {

    overflow:hidden;
    padding:1%;
    border-radius:5px;
    box-shadow:0 0 5px #666666;

    margin:0 0 15px 0;
    margin:1%;
    transition:all 0.2s ease-out;
}
.peo li:hover{
    background:#fff8ed;
}
.peo li img{
    width:150px;
    float:left;
    margin:0 15px 0 0;
}
.peo li div{
    padding:15px 0 0 0;
}
.peo li div p{
    border-bottom:1px dashed #CCC;
    padding:5px 0 3px 0;
    background:#FFF;
}
.peo li div p.main{
    color:#b76c00;
}

.peo2 {
    overflow:hidden;
    margin:0 auto;
    padding:1% 0;
}
.peo2 li {
    float:left;
    overflow:hidden;
    padding:1%;
    border-radius:5px;
    box-shadow:0 0 5px #666666;
    width:46%;
    margin:0 0 15px 0;
    margin:1%;
    transition:all 0.2s ease-out;
}
.peo2 li:hover{
    background:#fff8ed;
}
.peo2 li img{
    width:150px;
    float:left;
    margin:0 15px 0 0;
}
.peo2 li div{
    padding:15px 0 0 0;
}
.peo2 li div p{
    border-bottom:1px dashed #CCC;
    padding:5px 0 3px 0;
    background:#FFF;
}
.peo li div p.main{
    color:#b76c00;
}

.President_left {
    float:left;
    width:36%;
    background:#428baf;
    color:#FFF;
    padding:2%;
    font-weight:bolder;
    border-radius:10px;
    line-height:1.6;
}
.President_left span{
    display:block;
    border-bottom:1px dashed #FFF;
    margin:0 0 5px 0;
    padding:0 0 3px 0;
}
.President_right {
    float:left;
    width:58%;
    padding:2% 0 0 2%;
}

.CEO_left {
    width:96%;
    background:#66ADCF;
    padding:2%;
    font-weight:bolder;
    border-radius:10px;
    line-height:1.6;
    overflow:hidden;
    border:3px solid #FFF;
    box-shadow:0 0 8px #666;
    font-size:19px;
    color:#666666;
}
.CEO_left p{
    background:#FFF;
    padding:10px;
    height:510px;
}
.CEO_left p i{
    color:#cf007d;
}
.CEO_left p b{
    font-size:15px;
}
.CEO_left p b:before{
    content:"◤";
    color:#cf007d;
    font-size:13px;
    padding:0 0 0 5px;
}
.CEO_left span{
    display:block;
    border-bottom:1px dashed #66ADCF;
    margin:0 0 5px 0;
    padding:0 0 3px 0;
}
.CEO_left img{
    float:left;
    width:40%;
    margin:0 2% 0 0;
}

.contact_box {
    width:890px;
    border-radius:10px;
    box-shadow:0 0 8px #CCC;
    padding:15px;
    text-align:center;
}
.contact_box p{
    text-align:left;
}
.contact_box .sd{
    margin:10px auto 0 auto;
    padding:5px 8px;    
}

/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
    padding:0 0 0 5px;
}
.blueberry .slides li img {
	display: block;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: left;
    margin:0;
    padding:0;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 6px;
	width: 6px;
}
.blueberry .pager li a {
	padding:0 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #66add0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #ffb423; }