@charset "utf-8";
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css");
@import url("reset.css");
@import url("loading.css");
@import url("/webfile/js/qtip2/jquery.qtip.min.css");
@import url("/webfile/js/fancybox/jquery.fancybox.css");
@import url("/webfile/js/ResponsiveSlides/responsiveslides.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100%; width: 100%; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; font-family:"微軟正黑體"; position: inherit !important; background-color:#FEFEFE !important }
body, td, th { font-size:12px; font-family:"微軟正黑體"; }
.show { display: block !important }
.hide { display: none !important }
.show_table { display:
}
.hide_table { display:none }
.iframe_ch { display:none }
.clear { clear: both; }
.menu-active { overflow: hidden; }
input[type="botton"] { margin-left:5px; margin-right:5px; padding-left:15px; padding-right:15px; height: 35px; line-height: 35px; background: #444444; color: white; font-size: 15px; text-align: center; border: 0; display: inline-block; font-family:"微軟正黑體"; cursor:pointer; cursor:hand; -webkit-appearance: none; }
input[type="submit"] { margin-left:5px; margin-right:5px; padding-left:15px; padding-right:15px; height: 35px; line-height: 35px; background: #444444; color: white; font-size: 15px; text-align: center; border: 0; display: inline-block; font-family:"微軟正黑體"; cursor:pointer; cursor:hand; -webkit-appearance: none; }
input[type="reset"] { margin-left:5px; margin-right:5px; padding-left:15px; padding-right:15px; height: 35px; line-height: 35px; background:#F63; color: white; font-size: 15px; text-align: center; border: 0; display: inline-block; font-family:"微軟正黑體"; cursor:pointer; cursor:hand; -webkit-appearance: none; }
input[type="button"] { margin-left:5px; margin-right:5px; padding-left:15px; padding-right:15px; height: 35px; line-height: 35px; background: #444444; color: white; font-size: 15px; text-align: center; border: 0; display: inline-block; font-family:"微軟正黑體"; cursor:pointer; cursor:hand; -webkit-appearance: none; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> page_about <<<------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#top_page_img { margin-top:95px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> page_all <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.text.block {
    margin-top: 25px;
}.blue-text {
    color: #003b83;
    font-size: 20px;
    font-weight: 700;
}.star-text .star {
    width: /*100%;
    position: relative;
    display: b*/lock;
}.star {
    color: #fff100;
    left: 0;
    top: 0;
}
.whitestar {
    color: #ffffff;
    left: 0;
    top: 0;
}
.text .paragraph {
    font-size: 16px;
line-height: 1.65em;
font-weight: 700;
}
.red-text {
    color: #e60012;
    font-size: 26px;
line-height: 1.65em;
font-weight: 700;
}.title.detail-title {
	padding-top: 40px;
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 1.3em;
}.tab-content{
	margin-left: 50px;
	margin-right: 50px;
}.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
#page_main { background: #FEFEFE; padding:50px 0; }
.page_main_box { max-width: 1150px; margin: 0 auto; overflow:hidden }
.page_main_box .box1 { float:left; width:75%; }
.page_main_box .box2 { float:right; width:25%; }
.page_main_box .box2_main { margin:10px; }
.page_main_box .location_bar { padding: 0 10px 5px 10px; font-size:25px; line-height:25px; border-bottom:double 4px #000; margin:0px 20px 0px 20px; overflow:hidden }
.page_main_box .location_bar .left_bar { float:left; overflow:hidden }
.page_main_box .location_bar .right_bar { float:right; overflow:hidden }
.page_main_box .location_bar .right_bar select { line-height:25px; height:30px; padding-left:10px; padding-right:10px; font-family:"微軟正黑體" }
.page_text_info_top {padding:10px 30px 0 30px; line-height:25px; letter-spacing:1px; font-size:16px; text-align: justify; }
.page_text_info { padding:0px 30px 0 30px; line-height:25px; letter-spacing:1px; font-size:16px; text-align: justify; }
.page_text { padding:10px 30px 0 30px; line-height:25px; letter-spacing:1px; font-size:16px; text-align: justify; }
.page_text img { width:100%; height:inherit !important }
.page_text_pa img { width:100% !important; height:inherit !important }
.page_text_share { padding:5px 30px 0 30px; text-align:left; overflow:hidden }
.page_text_share li { float:left; list-style:none; margin:5px; }
.page_text_botton { padding:10px 30px 0 30px; text-align:center }
.side_car_type_list ul { margin:0px; padding:0px; }
.side_car_type_list ul li { list-style:none; margin:0px; padding:0px; padding-left:15px; line-height:40px; font-size:16px; border-bottom:1px solid #666; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer }
.side_car_type_list ul li a { color:#000 }
.side_car_type_list ul li:hover { background-color:#000; color:#FFF }
.side_car_type_list ul li:hover a { color:#FFF }
.side_all_title { margin-bottom:10px; font-size:14px; }
.side_all_title span { color:#CF151B }
.side_all_title_spec { margin-top:30px; }
.side_car_list .car_list_box1 { float:inherit; width:100% }
.side_car_list .car_list_box1 .car_list_box2 { margin: 0px 0 10px 0; }
.side_car_list .car_list_box2 .info ul li { float:inherit; width:100% }
.side_ad_list .box { margin-bottom:20px; }
.side_ad_list .box_info { line-height:22px; font-size:14px; color:#333; text-decoration:underline; text-align: justify; }
.side_ad_list .box_info a { color:#333 }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> page_news <<<------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.list_main1 { background-color:#CCC; margin:10px; border:2px solid #CCC; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer }
.list_main1:hover { border:2px solid #fff; }
.list_main1 a { color:#CF151B; text-decoration:none }
.list_main2 { padding:20px; }
.list_main3 { font-size:22px; line-height:30px; text-align: justify; }
.list_main4 { font-size:15px; line-height:20px; letter-spacing:1px; margin-bottom:15px; margin-top:15px; overflow:hidden; text-align: justify; color:#666 }
.list_main5 { overflow:hidden; }
.list_main5 .box1 { float:left; line-height:27px; font-size:14px; }
.list_main5 .box1 i{ margin-right:5px;}
.list_main5 .box2 { float:right; text-align:right }
.list_main5 a { color:#CF151B; text-decoration:none }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> page_contact <<<----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.page_contact { padding:0px 30px 0 30px; line-height:25px; letter-spacing:1px; font-size:16px; text-align: justify; }
.page_contact_main1 { margin:10px; }
.page_contact_form { margin-top:25px; margin-bottom:25px; }
.page_contact table { width: 100%; }
.page_contact tr th { padding-right: 10px; line-height: 30px; vertical-align: top; white-space: nowrap; font-size:15px; width:80px; }
.page_contact tr td { padding-bottom: 5px; padding-top:5px; }
.page_contact tr td input[type="text"] { width: 97%; height: 20px; line-height: 20px; font-size: 14px; padding: 5px 1.5%; border: 0; background: #d2d2d2; font-family:"微軟正黑體" }
.page_contact tr td select { width: 100%; height: 32px; line-height: 32px; font-size: 14px; padding: 5px 1.5%; border: 0; background: #d2d2d2; font-family:"微軟正黑體" }
.page_contact tr td textarea { width: 97%; height: 150px; line-height: 22px; font-size: 14px; padding: 5px 1.5%; border: 0; background: #d2d2d2; resize: none; font-family:"微軟正黑體" }
.page_contact .page_contact_info ul li { line-height:35px; list-style:none; font-size:16px; font-weight:bold }
.page_contact .page_contact_info ul li i { margin-right:10px }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> page_car <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.page_car { padding:10px 30px 0 30px; line-height:25px; letter-spacing:1px; font-size:16px; text-align: justify; }
.page_car .car_list_box1 { float:left; width: 33.333333%; display:inline-block; cursor:pointer }
.page_car .car_list_box2 .info ul li { float:inherit; width:100% }
.page_car .car_list_box2 .info .title { font-size:15px; min-height: 75px; }
.page_car .car_list_box2 .lission { margin-top:-31px; position:absolute; }
.page_car .car_list_box2 .lission div { float:left; line-height:25px; font-size:12px; padding-left:5px; padding-right:10px; color:#FFF; z-index:15; margin-right:1px }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> page_car_detail <<<-------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.page_car_detail { overflow:hidden; }
.page_car_detail .img { float:left; width:55% }
.page_car_detail .info { float:left; width:45%; }
.page_car_detail .info_box { margin-left:15px }
.page_car_detail .info_box ul { margin:0px; padding:0px; }
.page_car_detail .info_box ul li { list-style:none; margin:0px; padding:0px; margin-bottom:15px; }
.page_car_detail .info_box ul li.title { font-size:20px; font-weight:bold; background-color:#333; color:#FFF; padding:10px; margin-bottom:5px; }
.page_car_detail .info_box ul li.code { font-size:13px; font-weight:bold; }
.page_car_detail .info_box ul li.main { padding-left:10px; }
.page_car_detail .info_box ul li.share { text-align:right }
.page_car_detail .info_box ul li.button { margin-top:50px; text-align:center }
.page_car_detail .info_box ul li.appraisal { padding-left:10px; line-height:50PX; cursor:pointer }
.page_car_detail .info_box ul li.appraisal a { text-decoration:underline; color:#F00; font-weight:bold }
.page_car_detail .info_box ul li.appraisal img { width:24%; height: 80px; vertical-align: middle; }
.page_car_detail_info { margin:15px 0; }
.page_car_detail_info .title { border-bottom:2px dashed #CCC; margin-top:30px; margin-bottom:10px; }
.page_car_detail_info .info_box { overflow:hidden }
.page_car_detail_info .info_box ul { margin:0px; padding:0px; }
.page_car_detail_info .info_box ul li { list-style:none; float:left; width:33.333333%; line-height:30px; height:30px; }
.page_car_detail_info .info_box ul li font { font-size:13px }
.page_car_detail_info .info_box ul li i { color:#0C3 }
.page_car_detail_info .info_box_content { padding-top:10px; }
.page_car_detail_info .info_box_content img { max-width:100% !important; height:inherit !important }
.page_car_detail .info_box .lission { overflow:hidden }
.page_car_detail .info_box .lission div { float:left; line-height:28px; font-size:14px; padding-left:5px; padding-right:10px; color:#FFF; z-index:15; margin-right:5px }
.page_car_detail .info_box .hots { background-color:#FF4000 !important; }
.page_car_detail .info_box .news { background-color:#FC0!important; color:#000 !important; }
.page_car_detail .info_box .spec { background-color:#CF151B!important; }
.page_car_detail .info_box ul li.description { border-top:1px dashed #FFF; border-bottom:1px dashed #FFF; font-size:15px; letter-spacing:1px; padding:15px 0px; }
.page_car_detail .info_box i { margin-right:5px; }
.page_text .page_car_detail #qtip img { width:30px; }
.list_carousel { background-color: #ccc; height:220px; overflow:hidden }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { color: #999; text-align: center; width:100px; padding: 0; margin: 4px; display: block; float: left; margin-top:8px; height:177px; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.clearfix { float: none; clear: both; }
.prev { float: left; margin-left: 10px; font-size:18px; color:#CF151B }
.next { float: right; margin-right: 10px; font-size:18px; color:#CF151B }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> head_box <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#header {  width: 100%; height: 10%; position: fixed; z-index: 900; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75); }
.header_main { max-width:1265px;height: 100%; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 auto; }
.header_logo { float:left; position: absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width:26% }
.head_menu { padding: 0px 0; text-align: right; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.head_menu .navigation { height: 100% }
.head_menu ul { margin:0px; }
.head_menu ul li { margin: 0px; padding:0px; padding:0 12px; font-size: 16px; display: inline-block; vertical-align: top; cursor:pointer }
.head_menu ul li:hover { background-color:#EEEDED }
.head_menu ul li a { color:#EEEDED; font-weight:bold; }
.head_menu ul li:hover a { color:#000000; }
.head_menu ul li a.action { color:#333; }
.head_menu ul li.share { font-size: 20px; margin:0px 0px; padding:0px; background-color:inherit }
.head_menu ul li.img { margin:0px 0px 0px 0px; padding:0px; background-color:inherit; vertical-align: middle; }
.head_menu ul li.detail_3 { display:none  }
.head_menu ul li.detail_4 {  display:none  }
.head_menu ul li.detail_5 {  display:none  }
.head_menu ul li.detail_8 {  display:none  }
.head_menu ul li.img img { margin-bottom: 0px; }
/*選單縮小*/
.header_scroll .header_logo { height:90% }
.header_scroll .head_menu ul li { line-height: 50px; }
/*更多選單*/
.head_menu_dropdown { margin: 0; position: absolute; z-index: 10; display: none; }
.head_menu_dropdown .head_menu_dropdown_box { background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2)}
.head_menu_dropdown .head_menu_dropdown_box ul { margin:0px; padding:0px; }
.head_menu_dropdown .head_menu_dropdown_box ul li { width:100%; margin:0px; padding:0px; list-style:none; display: block; line-height:35px;text-align: left; }
.head_menu_dropdown .head_menu_dropdown_box ul li a { color:#000 !important; text-align:center; margin-left:40px; margin-right:40px; }
.head_menu_dropdown .head_menu_dropdown_box ul li:hover { background-color:#000; color:#FFF }
.head_menu_dropdown .head_menu_dropdown_box ul li:hover a { color:#FFF !important }
/*選單動作*/
.head_menu_more { padding:0px; }
.head_menu_more:hover >.head_menu_dropdown { display: block; }
.head_menu_more:hover >.head_menu_dropdown { -webkit-animation: spMenuZoom 400ms; animation: spMenuZoom 400ms; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> superslider <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*slide-banner*/
#slides { margin-top:95px; }
.slidercenter { margin-right: auto; margin-left: auto; margin-left:13%; margin-right:13%; width:74%; overflow:hidden; margin-top:180px; position:absolute }
.sliderButton { padding-top: 50px; }
.sliderButton a { display: inline-block; font-size: 20px; background-image:url(../../images/action_bg.png); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px 45px; color: white !important; border: 2px solid white; margin-right: 30px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.sliderButton a:hover { background: white; color: #444444 !important; }
.sliderButton a:last-child { margin-right: 0; }
/*左右按紐*/
.slides-navigation { width: 100%; }
.slides-navigation a { display: block; position: absolute; font-size: 50px; color: white !important; z-index: 10; top: 50%; opacity: 0.7; }
.slides-navigation a:hover { opacity: 1; }
.slides-navigation .next { left: 10px; }
.slides-navigation .prev { right: 10px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> car_list <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#car_list { padding:50px 0; }
.car_list_main { margin: 0 auto; overflow:hidden; padding: 40px 5px; }
/*按紐*/
.car_list_main .list_botton { margin-left:10%; margin-bottom:40px; overflow:hidden; margin-right: 10%; }
.car_list_main .list_botton ul li { transition: all 0.4s ease; border-radius: 5px; color:#545454; font-weight: 500; font-weight: 600; font-size: 16px; padding: 15px 20px; list-style: none; cursor: pointer; float: left; margin: 0 10px; }
.car_list_main .list_botton ul li.action { color:#ffffff; background-color:#000000 }
.car_list_main .list_botton ul li:hover { color:#000000; background-color:#EEEEEE }
.car_list_main .box1, .box2 { overflow:hidden }
.car_list_box1 { float:left; width: 25%; display:inline-block; cursor:pointer }
.car_list_box2 { margin:5px; }
.car_list_box2 .img { background-color:#9D9D9E;  }

.car_list_box2 .info { padding:10px; background-color:#9D9D9E; color:#FFF; line-height:25px; overflow:hidden }
.car_list_box2 .info .title { font-size:15px; min-height: 55px; }
.car_list_box2 .info ul { padding:0px; margin:0px; }
.car_list_box2 .info ul li { padding:0px; margin:0px; list-style:none; font-size:14px; float:left; width:50%; font-weight:bold }
.car_list_box2 .info ul li i { padding-right:5px; }
.car_list_box2 .lission { margin-top:-30px; position:absolute; }
.car_list_box2 .lission div { float:left; line-height:28px; font-size:14px; padding-left:5px; padding-right:10px; color:#FFF; z-index:15; margin-right:5px }
.car_list_box2 .hots { background-color:#FF4000 !important; }
.car_list_box2 .news { background-color:#FC0!important; color:#000 !important; }
.car_list_box2 .spec { background-color:#CF151B!important; }
.car_list_box2 .more { line-height:25px; font-size:16px; text-align:right; padding:5px 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-size: 100% 200%; background-image: linear-gradient(to bottom, #ffffff, #646464); }
.car_list_box1:hover >.car_list_box2 .more { background-position: 0 -100%; color:#FFF }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> bg_img1 <<<---------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.bidslink{width: 30%}
.bg_img1 { background: black url(../../images/index1.jpg) no-repeat center center fixed; background-size: cover; text-align: center; color: white; padding:100px; }
.bg_img1 h1 { font-size:40px }
.bg_img1_main { max-width: 1150px; margin: 0 auto; overflow:hidden }
.bg_img1_main input { background-color:#2BB673; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:18px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> ensure <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.ensure { background: #FEFEFE; padding:80px 0; }
.ensure_main { max-width: 1150px; margin: 0 auto; overflow:hidden }
.ensure_main .list { float:left; width:25%; display:inline-block; text-align:center }
.ensure_main .list i { font-size:42px; width:42px; height:42px; line-height:42px; ; }
.ensure_main .list { line-height:25px; font-size:16px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> bg_img2 <<<---------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.bg_img2 { background: black url(../../images/index2.jpg) no-repeat center center fixed; background-size: cover; text-align: center; color: white; padding:100px; }
.bg_img2 h1 { font-size:40px }
.bg_img2_main { max-width: 1150px; margin: 0 auto; overflow:hidden }
.bg_img2_main input { background-color:#2BB673; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:18px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> company <<<---------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#company { background: #FEFEFE; padding:50px 0; }
.company_main { max-width: 1150px; margin: 0 auto; overflow:hidden }
.company_main .box1 { width:42%; float:left; font-size:16px; line-height:25px; text-align: justify; letter-spacing:1px; }
.company_main .box2 { width:55%; float:right }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> banner_four <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#banner_four { background: #FEFEFE; padding:50px 0; }
.banner_four_main { max-width: 1150px; margin: 0 auto; overflow:hidden }
.banner_four_main .list { float:left; width:25%; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> footer <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#footer { background: #545454; padding: 10px 0 50px 0px; }
.footer_main { max-width: 1200px; margin: 0 auto; overflow:hidden }
.footer_main .main_box { float:left; width:33.333333% }
.footer_main .main_box ul li { line-height:35px; list-style:none; font-size:16px; color:#FFF; font-weight:bold }
.footer_main .main_box ul li i { margin-right:10px }
.footer_main .main_box ul li.copy { font-size:13px; color:#FFF; padding-left:30px; padding-top:30px; }
.footer_main .main_box ul li.copy a { color:#FFF; }
.footer_main .qr {float: right; width:25%}
#gotop { display: none; position:fixed; right:20px; bottom:20px; padding:10px; font-size:18px; background-color:#999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer; cursor:hand; -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75); }
#gotop a { color:#333 }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 各類動化效果 <<<------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#banner_index div{margin-top:30px;}
#banner_index div img{ mix-width:2048px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 各類動化效果 <<<------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.show-on-hover1_button { outline: none !important; }
.show-on-hover2_button { outline: none !important; }
#social-fb { color: #3B5998; }
#social-tw { color: #4099FF; }
#social-gp { color: #d34836; }

.fab { position: fixed; z-index: 1000 }
#inbox .button_right1 { margin-top: 50px; }
#inbox .show-on-hover1:hover>ul.dropdown-menu, #inbox .show-on-hover1:focus>ul.dropdown-menu { display: block; }
#inbox .show-on-hover1 { bottom: 95px; right: 40px; }
#inbox .show-on-hover2 { bottom: 70px; right: 40px; }
@media(max-width:767px) {
    #inbox .show-on-hover1 { bottom: 40px; right: 15px; }
    #inbox .show-on-hover2 { bottom: 20px; right: 15px; }
    #inbox .btn-io { border-radius: 50%; height: 50px; width: 50px; padding: 0 !important; }
}
#inbox .btn-io { border-radius: 50%; height: 55px; width: 55px; padding: 0 !important; border: 0px }
#inbox .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; margin-bottom: -5px; padding-bottom: 15px; }
#inbox .dropdown-menu-right { right: 0 !important; left: auto !important; }
#inbox .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 50px; padding: 5px 0; margin: 2px 0 0; text-align: center; list-style: none; background-color: rgba(255, 255, 255, 0) !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !important; }
#inbox .dropdown-menu>li>a { display: block; padding: 0; margin-top: 10px; clear: both; white-space: nowrap; width: 45px; height: 45px; border-radius: 50%; line-height: 45px; }
#inbox .dropdown-menu .email_ch { background: #00d500; }
#inbox .dropdown-menu .fbmessage_ch { background: #0084ff; }
#inbox .dropdown-menu .line_ch { background: #00c300; }
#inbox .dropdown-menu svg { fill: white; width: 37px; height: 45px; }
#inbox .shopping_num { position: absolute; border-radius: 50%; margin-top: -15px; right: 0px; background-color: #eb4549; height: 20px; width: 20px; text-align: center; color: #ffffff }
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}


/*閃爍效果*/
.special { -webkit-animation: twinkling 1s infinite ease-in-out; }
@-webkit-keyframes twinkling { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes spMenuZoom { 0% {
 opacity: 0;
 -webkit-transform: scale(.8);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
}
}
@keyframes spMenuZoom { 0% {
 opacity: 0;
 transform: scale(.8);
 -webkit-transform: scale(.8);
}
 100% {
 opacity: 1;
 transform: scale(1);
 -webkit-transform: scale(1);
}
}

.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{max-width:1280px; margin:4em auto 5em auto;}

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:1280px; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;font-size:26px;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 20px 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 20px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; font-size:18px;}
  .tradet p{margin:0 0 20px 0; padding:0;text-align:justify;text-justify:inter-ideograph; line-height:32px}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:2em auto 2em auto; }
	
/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:30%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:34px; color:#fff;font-weight:100;}

 
/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0; padding:0;font-size:26px;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;}
  .automenu li{margin:0; padding:5px 10px 5px 14px;display: inline; border-left:1px solid #CCC;    overflow: hidden; white-space: nowrap; line-height:40px}
  .automenu a { font-size:18px;color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{font-size:18px;color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:2em 0 0 0; padding:0px;}
  .tradet img{margin:10px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}


}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:2em auto 3em auto; }
	
/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:38%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;font-size:26px;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 10px 5px 14px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:20px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}


}


/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:4em auto 5em auto; }

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:38%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;font-size:26px;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 20px 5px 24px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}


}  

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:90%; margin:4em auto 5em auto; }

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;font-size:26px;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}

}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{max-width:1280px; margin:4em auto 5em auto;}

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:1280px; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;font-size:26px;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 20px 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 20px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; font-size:18px;}
  .tradet p{margin:0 0 20px 0; padding:0;text-align:justify;text-justify:inter-ideograph; line-height:32px}



}
@media only screen and (max-width: 480px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:2em auto 3em auto; }
	
/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:30%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:34px; color:#fff;font-weight:100;}

 
/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;}
  .automenu li{margin:0; padding:5px 10px 5px 14px;display: inline; border-left:1px solid #CCC;    overflow: hidden; white-space: nowrap; line-height:40px}
  .automenu a { font-size:18px;color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{font-size:18px;color: #222222; font-weight:none; border-bottom:1px solid #333;}

/*flow*/
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.repairTop{float:left;width:100%;padding:0; margin:1.5em 0 1.5em 0; line-height:26px;  font-size:20px}
.repair{float:left; width:100%; margin:0; padding:2%; background-color:#000000; color:#fff; font-size:22px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px;text-align:left; font-weight: normal;}  
.repair i {float:left; width:45%; margin:0 2% 0 0; padding:0; font-weight:bold;text-align:left;font-size:24px;}

.repairarrow{float:left; width:100%; margin:10px 0 10px 0; padding:0; font-size:36px; color:#888;}
.repaircen{float:left; width:100%; margin:0; padding:2%; background-color:#EEEEEE;font-size: 20px;font-weight: 700; color:#33425F; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; } 
.repaircen span{line-height:26px;  font-size: 20px;font-weight: 700;}
.repairdn{float:left; width:100%; margin:0; padding:2%; background-color:#f69c01; color:#fff; font-size:20px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px;}  
.repairdn span{line-height:26px;  font-size: 20px;font-weight: 700;}

.BT{ font-size:22px !important; color:#002363}
.blueT{font-size:20px !important;color: #0056cb;}
.RedT{color: #e30429; font-weight:normal; font-size:20px !important}
.Goo{width:100%;display: block;margin-left: auto;margin-right: auto;}
}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:2em auto 4em auto; }
	
/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:38%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 10px 5px 14px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/*flow*/
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.repairTop{float:left;width:100%;padding:0; margin:1.5em 0 1.5em 0; line-height:26px;  font-size:20px}
.repair{float:left; width:100%; margin:0; padding:1%; background-color:#000000; color:#fff; font-size:24px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; text-align:left; font-weight: normal;}  
.repair i {float:left; width:45%; margin:0 2% 0 0; padding:0; font-weight:bold;text-align:left;font-size:24px;}

.repairarrow{float:left; width:100%; margin:10px 0 10px 0; padding:0; font-size:36px; color:#888;}
.repaircen{float:left; width:100%; margin:0; padding:1%; background-color:#EEEEEE;font-size: 20px;font-weight: 700; color:#33425F; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; } 
.repaircen span{line-height:26px;  font-size: 20px;font-weight: 700;}
.repairdn{float:left; width:100%; margin:0; padding:1%; background-color:#f69c01; color:#fff; font-size:20px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px;}  
.repairdn span{line-height:26px;  font-size: 20px;font-weight: 700;}

.BT{ font-size:22px !important; color:#002363}
.blueT{font-size:20px !important;color: #0056cb;}
.RedT{color: #e30429; font-weight: normal; font-size:20px !important}
.Goo{width:100%;display: block;margin-left: auto;margin-right: auto;}
}


/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:4em auto 5em auto; }

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:38%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 20px 5px 24px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/*flow*/
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.repairTop{float:left;width:100%;padding:0; margin:3em 0 1.5em 0; line-height:26px;  font-size:20px}
.repair{float:left; width:100%; margin:0; padding:1%; background-color:#000000; color:#fff; font-size:24px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; text-align:left; font-weight: normal;}  
.repair i {float:left; width:45%; margin:0 2% 0 0; padding:0; font-weight:bold;text-align:left;font-size:24px;}

.repairarrow{float:left; width:100%; margin:10px 0 10px 0; padding:0; font-size:36px; color:#888;}
.repaircen{float:left; width:100%; margin:0; padding:1%; background-color:#EEEEEE; color:#33425F; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; } 
.repaircen span{line-height:26px;  font-size:15px}
.repairdn{float:left; width:100%; margin:0; padding:1%; background-color:#f69c01; color:#fff; font-size:20px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px;}  
.repairdn span{line-height:26px;  font-size: 20px;font-weight: 700;}

.BT{ font-size:22px !important; color:#002363}
.blueT{font-size:20px !important;color: #0056cb;}
.RedT{color: #e30429; font-weight: normal; font-size:20px !important}
.Goo{width:90%;display: block;margin-left: auto;margin-right: auto;}
}  

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:90%; margin:4em auto 5em auto; }

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/*flow*/
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.repairTop{float:left;width:100%;padding:0; margin:3em 0 1.5em 0; line-height:26px;  font-size:20px}
.repair{float:left; width:100%; margin:0; padding:1%; background-color:#000000; color:#fff; font-size:24px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; text-align:left}  
.repair i {float:left; width:45%; margin:0 2% 0 0; padding:0; font-weight:bold;text-align:left;font-size:24px;}


.repairarrow{float:left; width:100%; margin:10px 0 10px 0; padding:0; font-size:36px; color:#888;}
.repaircen{float:left; width:100%; margin:0; padding:1%; background-color:#EEEEEE;font-size: 20px;font-weight: 700; color:#33425F; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; } 
.repaircen span{line-height:26px;  font-size: 20px;font-weight: 700;}
.repairdn{float:left; width:100%; margin:0; padding:1%; background-color:#f69c01; color:#fff; font-size:22px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px;}  
.repairdn span{line-height:26px;  font-size: 20px;font-weight: 700;}

.BT{ font-size:22px !important; color:#002363}
.blueT{font-size:22px !important;color: #0056cb;}
.RedT{color: #e30429; font-weight: normal; font-size:22px !important}
.Goo{width:80%;display: block;margin-left: auto;margin-right: auto;}
}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{max-width:1280px; margin:4em auto 5em auto;}

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:1280px; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/*flow*/
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.repairTop{float:left;width:100%;padding:0; margin:3em 0 1.5em 0; line-height:26px;  font-size:20px}
.repair{float:left; width:100%; margin:0; padding:1%; background-color:#000000; color:#fff; font-size:24px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; text-align:left; font-weight:bold}  
.repair i {float:left; width:45%; margin:0 2% 0 0; padding:0; font-size:24px;text-align:left;font-weight:bold;}

.repairarrow{float:left; width:100%; margin:10px 0 10px 0; padding:0; font-size:36px; color:#888;}
.repaircen{float:left; width:100%; margin:0; padding:1%; background-color:#EEEEEE; font-size: 20px;font-weight: 700;color:#33425F; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px; } 
.repaircen span{line-height:26px;  font-size: 20px;font-weight: 700;}
.repairdn{float:left; width:100%; margin:0; padding:1%; background-color:#f69c01; color:#fff; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;
border-bottom-right-radius:8px; line-height:36px;}  
.repairdn span{line-height:26px;  font-size: 20px;font-weight: 700;}

.BT{ font-size:22px !important; color:#002363}
.blueT{font-size:22px !important;color: #0056cb; font-weight:bold}
.RedT{color: #e30429; font-weight:bold; font-size:22px !important}
.Goo{width:80%;display: block;margin-left: auto;margin-right: auto;}

}