@charset "utf-8"; /* CSS Document */
/*--------------------------------------reset 此區塊請勿更動*/
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, em, img, ins, kbd, q, s, samp, small, strike, strong, 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;
}

/*---------------------------------------------------------------------*/
/* ---- Back to top button---- */
#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: 920px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    z-index: 9;
}

#back-top a {
    width: 25px;
    display: block;
    font-size: 12px;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #0e76c1;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
}

/* ---- Back to top button---- */
.store-map iframe {
    pointer-events: none;
}

.store-map img {
    max-width: 100% !important;
    height: auto !important;
}

.store-map a {
    display: block;
}

#intro_rapper h1,#intro_rapper h2,#intro_rapper h3 {
    display: none;
}

#intro_rapper {
    width: 960px;
    margin: 0 auto;
    margin-bottom: 40px;
    font-family: verdana,微軟正黑體;
    position: relative;
    overflow: hidden;
}

#intro_rapper a {
    text-decoration: none;
}

/*---左欄----*/
#intro_rapper .leftcolumn {
    width: 170px;
    float: left;
    /* position: absolute;
    left: 0;
    top: 0; */
    z-index: 2;
    display: inline-table;
}

/*---右欄----*/
#intro_rapper .rightcolumn {
    border: solid 1px #d5d5d5;
    width: 788px;
    float: right;
    font: 14px/1.8 verdana,微軟正黑體;
}

.bread_link {
    font-size: 12px;
    color: #747474;
    text-align: right;
    padding: 10px 20px 0 10px;
}

.bread_link a {
    color: #747474;
}

.bread_link a:hover {
    color: #00A3E0;
}

/*---文字顏色----*/
.colorBlue{
    color: #00A3E0;
}

/*---按鈕----*/
ul.intro_navigation {
    background-color: #f2f2f2;
}

ul.intro_navigation li {
    display: block;
    min-height: 45px;
    text-indent: 35px;
    position: relative;
    background: url(../images/line_bg.png) 0 bottom repeat-x;
}

ul.intro_navigation li span.btn_on {
    display: none;
    width: 8px;
    height: 45px;
    position: absolute;
    right: -9px;
    top: 0;
    background: url(../images/btn_mean.png) left center no-repeat;
    border-left: solid 1px #84329b;
}

.intro_navigation li a {
    line-height: 45px;
    display: block;
    font-size: 16px;
    color: #333;
}

.intro_navigation li a:hover {
    color: #00a3e0;
}

/*當前-按鈕樣式*/
.intro_security .intro01 span, .intro_notice .intro02 span, .intro_servicepolicy .intro03 span, .intro_order .intro04 span, .intro_store .intro07 span, .intro_faq .intro06 span, .intro_about .intro08 span, .intro_sitemap .intro09 span, .intro_cancel .intro05 span, .intro_procode .intro10 span, .intro_companion .intro11 span, .intro_receipt .intro12 span {
    display: block !important;
}

.intro_security .intro01 a, .intro_notice .intro02 a, .intro_servicepolicy .intro03 a, .intro_order .intro04 a, .intro_store .intro07 a, .intro_faq .intro06 a, .intro_about .intro08 a, .intro_sitemap .intro09 a, .intro_cancel .intro05 a, .intro_procode .intro10 a, .intro_companion .intro11 a, .intro_receipt .intro12 a {
    background-color: #84329b;
    display: block;
    color: #FFFFFF;
}

.intro_security .intro01 a:hover, .intro_notice .intro02 a:hover, .intro_servicepolicy .intro03 a:hover, .intro_order .intro04 a:hover, .intro_store .intro07 a:hover, .intro_faq .intro06 a:hover, .intro_about .intro08 a:hover, .intro_sitemap .intro09 a:hover, .intro_cancel .intro05 a:hover, .intro_procode .intro10 a:hover, .intro_companion .intro11 a:hover, .intro_receipt .intro12 a:hover {
    color: #fff;
}

/*-下拉選單-*/
#in_btn_about,#in_btn_cancel,#in_btn_order,#in_btn_promocode {
    display: none;
}

.intro_about #in_btn_about, .intro_cancel #in_btn_cancel, .intro_order #in_btn_order, .intro_procode #in_btn_promocode {
    display: block !important;
}

.in_btn li {
    border-bottom: solid 1px #FFFFFF;
}

.in_btn a {
    color: #666666 !important;
    font-size: 15px !important;
    text-indent: 45px;
    background-color: #e0f4fc !important;
}

.in_btn a:hover {
    color: #00a3e0 !important;
}

/*------下拉-當前樣式-----*/
/*--關於我們-按鈕--*/
#ab01 .intro08-1 a, #ab02 .intro08-2 a, #ab03 .intro08-3 a, #ab04 .intro08-4 a, #ab05 .intro08-5 a, #ab06 .intro08-6 a, #ab07 .intro08-7 a {
    display: block;
    background-color: #00a3e0 !important;
    color: #FFFFFF !important;
}

/*--取消退訂-按鈕--*/
#ca01 .intro05-1 a, #ca02 .intro05-2 a, #ca03 .intro05-3 a, #ca04 .intro05-4 a, #ca05 .intro05-5 a, #ca06 .intro05-6 a, #ca07 .intro05-7 a, #ca08 .intro05-8 a, #ca09 .intro05-9 a {
    display: block;
    background-color: #00a3e0 !important;
    color: #FFFFFF !important;
}

/*--訂購說明-按鈕--*/
#or01 .intro04-1 a, #or02 .intro04-2 a, #or03 .intro04-3 a, #or04 .intro04-4 a, #or05 .intro04-5 a, #or06 .intro04-6 a, #or07 .intro04-7 a, #or08 .intro04-8 a, #or09 .intro04-9 a {
    display: block;
    background-color: #00a3e0 !important;
    color: #FFFFFF !important;
}

/*--優惠代碼-按鈕--*/
#promo01 .intro10-1 a, #promo02 .intro10-2 a {
    display: block;
    background-color: #00a3e0 !important;
    color: #FFFFFF !important;
}

/*右欄-標題*/
#intro_rapper .rightcolumn .title {
    margin: 5px 20px 20px 20px;
    padding-bottom: 20px;
}

#intro_rapper .rightcolumn .article {
    margin: 20px 40px 30px 40px;
}

#intro_rapper .rightcolumn .article p {
    letter-spacing: 1px;
}

#intro_rapper .rightcolumn .article p a, #intro_rapper .rightcolumn .article p.info-title {
    color: #00a3e0;
}

#intro_rapper .rightcolumn .title p {
    color: #84329b;
    font: 25px verdana,微軟正黑體;
    text-align: center;
}

.b-line {
    border-bottom: solid 1px #d5d5d5;
}

#intro_rapper .rightcolumn .article ul li {
    margin-bottom: 15px;
}

#intro_rapper .rightcolumn .article ul.info-list {
    margin: 5px 0 10px 0;
}

#intro_rapper .rightcolumn .article ul.info-list >li {
    margin-bottom: 0;
    line-height: 1.8;
    list-style-type: decimal;
    margin-left: 35px;
}

#intro_rapper .rightcolumn .article ul.info-list span {
    color: #005eb8;
}

/*----------------連續假期-說明--------------*/
.avoid_box_store {
    background-color: #ffdd66;
    text-align: center;
    padding: 10px;
    color: #e00016;
}

.avoid_box_store p {
    color: #e00016 !important;
}

/*----------------交易安全--------------------*/
.pop-txt {
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 10px;
}

.pop-txt p {
    color: #00a3e0;
    font-size: 17px;
    float: left;
    text-align: center;
    line-height: 1.5;
    font-family: 微軟正黑體;
    margin: 35px 10px 30px 165px;
}

.pop-txt img {
    display: block;
    float: left;
    vertical-align: middle;
    margin-top: 20px;
}

/*---------------------隱私權---------------------------*/
.article ul li p.title-txt {
    color: #0051b8;
    display: block;
    padding: 10px 0 5px 0;
}

.article ul li ul.inbox-list p {
    margin-bottom: 8px;
}

.article ul li ul.inbox-list li {
    line-height: 21px;
    text-indent: -25px;
    padding-left: 22px;
    margin-left: 20px;
    margin-bottom: 5px !important;
}

.article ul li p.txt-in {
    margin-bottom: 10px;
}

/*--------------------服務據點------------------------*/
#intro_rapper .rightcolumn .store {
    margin: 20px 40px 30px 40px;
    line-height: 1;
}

#allstore {
    width: 80px;
    cursor: pointer;
}

/*-- 分店各按鈕-star--*/
ul.store-tab-link .store_tr {
    border-bottom: solid 1px #FFFFFF;
}

.store_tr_bg {
    background-color: #f2f2f2;
}

.store_tr_bg2 {
    background-color: #f6ebf9;
}

ul.store-tab-link .store_tr {
    *overflow: hidden;
}

ul.store-tab-link .store_tr p {
    display: inline-block;
    width: 110px;
    background-color: #ac74bc;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-family: 微軟正黑體;
    margin-right: 15px;
    *float: left;
    *display: block;
}

ul.store-tab-link .store_tr li {
    display: inline-block;
    *display: inline;
    *float: left;
    *display: block;
}

ul.store-tab-link .store_tr li a {
    text-decoration: none;
    padding: 0 14px;
    display: block;
    font: 14px/1.8 verdana,微軟正黑體;
    color: #333;
}

ul.store-tab-link .store_tr li a:hover {
    color: #00a3e0;
}

ul.store-tab-link .store_tr li.active a {
    background-color: #00a3e0;
    color: #fff;
}

ul.store-tab-link .store_tr li.active a:hover {
    color: #fff;
}

/*--分店各按鈕-end--*/
p.store_title {
    font-size: 16px;
    font-weight: bold;
    color: #84329b;
    margin-bottom: 10px;
    font-family: 微軟正黑體;
    padding-left: 20px;
}

.store-box {
    overflow: hidden;
    margin-top: 20px;
    padding: 10px;
    font-family: 'Verdana';
    background-color: #f5f5f5;
    -webkit-text-size-adjust: none;
    /*防止allpe的safari瀏覽器字體變大*/
}

.store-name {
    overflow: hidden;
    border-left: solid 4px #84329b;
    line-height: 28px;
    padding-left: 10px;
    font: 16px/1.8 verdana,微軟正黑體;
    color: #84329b;
    margin-bottom: 10px;
}

.store-name p {
    float: left;
}

.store-name span {
    font-size: 14px;
}

.store-description ul {
    width: 50%;
    min-height: 135px;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 7px;
    float: left;
    font: 14px/1.8 verdana,微軟正黑體;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.store-description ul li {
    line-height: 23px;
}

.store-description ul li .tour-group {
    background-color: #00a3e0;
    color: #fff;
    padding: 2px 7px;
    *padding: 3px 7px 0 7px;
    border-radius: 2px;
    margin-right: 10px;
}

.store-description ul li a {
    color: #00a3e0;
}

.store-map {
    clear: both;
}

.store-description ul.store-description-oneblock {
    width: 600px;
    min-height: auto;
}

.store-description ul.store-description-oneblock li {
    margin-bottom: 10px;
}

/*--------------------服務據點-end------------------------*/
/*--------------------網站地圖----------------------------*/
#intro_rapper .rightcolumn .sitemap {
    margin: 20px 40px 30px 40px;
    line-height: 1;
    overflow: hidden;
    min-height: 1000px;
}

.site-box {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

.site-name {
    height: 35px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    border-radius: 2px;
    border-left: 6px solid #84329b;
}

.site-name p {
    color: #000;
    font-family: '微軟正黑體';
    font-weight: bold;
    font-size: 16px;
    line-height: 35px !important;
    padding-left: 10px;
}

.site-link {
    padding: 0 5px;
}

.site-link p {
    clear: both;
    /*background-color:#00a3e0;*/
    color: #00a3e0;
    font-weight: bold;
    padding: 5px 7px;
    font-family: 微軟正黑體;
    display: inline-block;
    *float: left;
    font-size: 16px;
    border-radius: 2px;
    *display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.site-link ul {
    display: block;
    overflow: hidden;
    clear: both;
    padding-left: 10px;
    border-bottom: dashed 1px #D8D8D8;
}

.site-link ul:last-child {
    border-bottom: none;
}

.site-link ul li {
    float: left;
    width: 110px;
    margin: 0 10px 5px 10px;
}

.site-link ul li a {
    font: 14px/1.8 verdana,微軟正黑體;
    background: url(../images/colaweb-icon-list.png) 0 5px no-repeat ;
    padding-left: 10px;
    color: #333;
}

.site-link ul li a:hover {
    color: #00a3e0;
}

/*--------------------網站地圖--end------------------------*/
/*--------------------常見問題-----------------------------*/
#intro_rapper .rightcolumn .faq {
    margin: 20px 40px 30px 40px;
    line-height: 1;
    overflow: hidden;
}

p.faq_title {
    font-size: 16px;
    color: #84329b;
    margin-bottom: 10px;
    font-family: 微軟正黑體;
    cursor: pointer;
}

/*-- faq按鈕-star--*/
ul.faq-tab-link .faq_tr {
    border-bottom: solid 1px #FFFFFF;
}

ul.faq-tab-link .faq_tr {
    *overflow: hidden;
}

ul.faq-tab-link .faq_tr p {
    display: inline-block;
    width: 110px;
    background-color: #ac74bc;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-family: 微軟正黑體;
    *float: left;
    *display: block;
}

ul.faq-tab-link .faq_tr li {
    display: inline-block;
    *display: inline;
    *float: left;
    *display: block;
}

ul.faq-tab-link .faq_tr li a {
    font-size: 15px;
    padding: 0 15px;
    display: block;
    line-height: 30px;
    color: #333;
}

ul.faq-tab-link .faq_tr li a:hover {
    color: #00a3e0;
}

ul.faq-tab-link .faq_tr li.active a {
    background-color: #00a3e0;
    color: #fff;
}

ul.faq-tab-link .faq_tr li.active a:hover {
    color: #fff;
}

/*---faq按鈕-end--*/
/*----------------------問答------------------------*/
#q1,#q2,#q3 {
    margin-bottom: 15px;
}

.qa_box {
    margin: 10px 0 0 0;
    font-size: 13px;
}

.qa_on p:hover {
}

.qa_a {
    display: none;
    padding: 9px;
}

.qa_a a {
    color: #00a3e0;
}

span.mark {
    color: #d40f7d;
}

.qa_a ul {
    display: block;
}

.faq-type {
    text-indent: inherit !important;
    *text-indent: 0 !important;
    padding-left: 0px !important;
}

.qa_a ul li {
    display: block;
    text-indent: -18px;
    padding-left: 25px;
    margin: 10px 0;
    font: 14px/1.8 verdana,微軟正黑體;
}

.qa_a ul li ul {
    padding: 0 10px;
    margin: 6px !important;
}

.qa_a ul li ul li {
    line-height: 20px;
    margin-bottom: 5px;
    text-indent: inherit !important;
    padding-left: 0px !important;
}

.qa_title p {
    display: block;
    font: 14px/1.8 verdana,微軟正黑體;
}

.qa_title p:hover {
    color: #00a3e0;
}

.qa_title {
    padding: 10px;
    cursor: pointer;
    background: -moz-linear-gradient( bottom, rgb(238, 238, 238) 5%, rgba(238, 238, 238, 0) 100% );
    background: -webkit-gradient( linear, bottom, top, color-stop(5%, rgb(238, 238, 238)), color-stop(100%, rgba(238, 238, 238, 0)) );
    background: -webkit-linear-gradient( bottom, rgb(238, 238, 238) 5%, rgba(238, 238, 238, 0) 100% );
    background: -o-linear-gradient( bottom, rgb(238, 238, 238) 5%, rgba(238, 238, 238, 0) 100% );
    background: -ms-linear-gradient( bottom, rgb(238, 238, 238) 5%, rgba(238, 238, 238, 0) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ebebeb', endColorstr='#ebebeb', GradientType=0 );
    background: linear-gradient( bottom, rgb(238, 238, 238) 5%, rgba(238, 238, 238, 0) 100% );
}

.qa_content {
    background-color: #fff;
    border-top: solid 1px #dbd9d9;
    border-left: solid 1px #dbd9d9;
    border-right: solid 1px #dbd9d9;
}

.fixer {
    position: fixed;
    top: 30px;
    _position: absolute;
    _top: expression(documentElement.scrollTop+10 + "px")
}

/*----下拉選單當前樣式---*/
.faq-title,.about-title {
    border-left: solid 4px #00a3e0;
    line-height: 28px;
    padding-left: 10px;
    font-family: 微軟正黑體;
    font-size: 16px;
    color: #00a3e0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.arrowlistmenu {
    /*width of accordion menu*/
}

.categoryitems {
    border-bottom: solid 1px #dbd9d9;
}

.arrowlistmenu .menuheader {
    border-bottom: solid 1px #dbd9d9;
    /*CSS class for menu headers in general (expanding or not!)*/
}

.arrowlistmenu .menuheader p {
    background: url(../images/qa_btn.png) right 8px no-repeat ;
    /*CSS class for menu headers in general (expanding or not!)*/
}

.arrowlistmenu .openheader {
    /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu .openheader p {
    color: #84329b !important;
    background: url(../images/qa_btn.png) right -31px no-repeat !important;
    /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu .openheader p:hover {
    color: #84329b !important;
}

/*-----問答end----*/
/*--------關於我們-------*/
.title-in {
    text-align: center;
    color: #00a3e0;
    font-family: '微軟正黑體';
    font-size: 18px;
}

.about01 {
    width: 440px;
    margin: 0 auto;
    font-size: 21px;
    font-family: '微軟正黑體';
}

.about01 p {
    display: block;
    margin-bottom: 10px;
}

.ab_type_r {
    color: #d40f7d;
}

.ab_type_b {
    color: #0051b8;
}

.ab_type_p {
    color: #84329b;
}

.ab_type_s {
    font-size: 15px;
    margin-left: 5px;
}

.ab_type_m {
    display: block;
    margin-bottom: 35px !important;
}

.ab_type_l {
    line-height: 28px !important;
    text-align: center;
}

.colabrand {
    width: 275px;
    margin: 0 auto;
}

.colabrand img {
    width: 100%;
}

.ab_b_txt {
    border-top: dotted 1px #CBCBCB;
    display: block;
    padding-top: 20px;
    margin-top: 60px;
    text-align: center;
    color: #666;
}

.ab_txt_p_l p {
    padding: 0 14px;
}

/*--------社會責任-------*/
.about01.autoWidth{
    width: 600px;
}
.about01.autoWidth img {
    display: block;
    margin: 0 auto;
    width: 440px;
}
.about01.autoWidth > img:last-child{
	margin-bottom: 0;
}

.about01.autoWidth .wrap{
	margin-bottom: 0px;
}
.about01.autoWidth .wrap:first-child{
    border-bottom: 1px dashed #d5d5d5;
}
.about01.autoWidth .wrap .ab_type_m{
	margin-bottom: 10px !important;
}

/*----------取消退訂------------*/
#cancel-box .article {
    min-height: 650px;
    overflow: hidden;
}

.order_example {
    padding: 15px;
    background-color: #f5f5f5;
}

.order_example li {
    margin: 0 !important;
    padding: 0;
}

p.txt-list-in {
    text-indent: -13px;
    padding-left: 13px;
    margin: 0;
}

p.txt-list-in2 {
    text-indent: -20px;
    padding-left: 25px;
    margin: 0;
}

p.txt-list-in3 {
    text-indent: -13px;
    padding-left: 13px;
    margin: 0 0 0 27px;
}

/*----------訂購說明------------*/
.order_box li {
    clear: both;
    display: block;
    overflow: hidden;
    margin-bottom: 40px !important;
}

.order_box a {
    color: #00a3e0;
}

.order_title {
    background-color: #f2f2f2;
    border-radius: 2px;
    float: left;
    font-size: 16px;
    padding: 3px 7px;
    margin-bottom: 10px;
}

.order_txt {
    clear: both;
}

.order_txt.order_special_text {
    margin: 0 0 60px 0;
    display: table;
}

.order_left {
    float: left;
    width: 340px;
    margin-right: 10px;
}

.order_left ul li, .order_single ul li {
    text-indent: -18px;
    padding-left: 18px;
    margin-bottom: 13px !important;
}

.order_right {
    float: left;
    width: 340px;
    margin-left: 15px;
    margin-top: -18px;
}

.order_right img {
    width: 100%;
}

.order_right ul li {
    margin-bottom: 13px !important;
}

.order_tb {
    margin: 0 auto 0 10px;
}

.order_tb td {
    line-height: 1.5;
    font-size: 12px;
    padding: 2px 4px;
    border: solid 1px #FFFFFF;
    background-color: #fffde6;
}

.td_title {
    background-color: #fffacd !important;
    text-align: center;
}

.td_titletop {
    background-color: #fff59a !important;
    text-align: center;
}

.bold {
    font-weight: bold;
}

/*----------工作機會------------*/
.rwd-rapper {
    max-width: 960px !important;
    width: 100% !important;
}


#intro_rapper .job-big-title {
    margin: 5px 0px 40px 0px;
    padding-bottom: 20px;
}

#intro_rapper .job-big-title p {
    color: #84329b;
    font: 25px verdana,微軟正黑體;
    text-align: center;
}

#intro_rapper .job-intro-all {
    display: table;
    width: 100%;
    max-width: 820px;
    margin: auto;
}

#intro_rapper .job-intro-pic {
    display: table-cell;
    width: 464px;
    text-align: center;
    vertical-align: middle;
    line-height: 0;
}

#intro_rapper .job-intro-pic img {
    width: 100%;
    max-width: 464px;
}

#intro_rapper .job-intro-text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
}

#intro_rapper .job-intro-text strong {
    color: #333333;
    line-height: 28px;
    letter-spacing: 1px;
    font-size: 21px;
}

#intro_rapper .job-intro-line {
    display: block;
    min-height: 60px;
    background: url(../images/recruit_separate_line1.png) no-repeat center;
    clear: both;
    width: 100%;
}

#intro_rapper ul.job-menu {
    width: 100%;
    max-width: 820px;
    margin: auto;
    text-align: center;
    display: table;
}

#intro_rapper .job-menu li {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

#intro_rapper .job-menu span {
    font-size: 15px;
    color:#999999;
}

#intro_rapper .job-menu-but-guide {
    text-align: left;
}

#intro_rapper .job-menu-but-other {
    text-align: right;
}

#intro_rapper .job-menu-but-guide a,#intro_rapper .job-menu-but-other a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 0 25px 95px;
    border:1px solid #00a2dc;
    border-radius: 3px;
    text-align: left;
    width: 100%;
    max-width: 400px;
    color:#333333;
    font-size: 21px;
    line-height: 24px;
    box-shadow:0px 2px 0px #00a2dc;
}

#intro_rapper .job-menu-but-guide a {
    background: url(../images/recruit_icon1.png) no-repeat 10px 15px #ffffff;
}

#intro_rapper .job-menu-but-guide a:hover,#intro_rapper  .job-menu-but-guide.active a {
    background: url(../images/recruit_icon1_hover.png) no-repeat 10px 15px #e4f5fc;
}

#intro_rapper .job-menu-but-other a {
    background: url(../images/recruit_icon2.png) no-repeat 10px 15px #ffffff;
}

#intro_rapper .job-menu-but-other a:hover {
    background: url(../images/recruit_icon2_hover.png) no-repeat 10px 15px #e4f5fc;
}

#intro_rapper .job-menu-line {
    display: block;
    min-height: 60px;
    background: url(../images/recruit_separate_line3.png) no-repeat center;
    clear: both;
    width: 100%;
}

#intro_rapper ul#guide-menu {
    width:100%;
    clear: both;
    max-width: 820px;
    margin: auto;
    display: table;
}

#intro_rapper #guide-menu li {
    float: left;
    max-width:260px;
    width:100%;
    margin-right: 20px;
}

#intro_rapper #guide-menu li:last-child {
    margin-right: 0;
}

#intro_rapper #guide-menu a {
    display: block;
    width: 100%;
    border: 1px solid #99daf3;
    border-radius: 3px;
    color: #005eb8;
    text-align: center;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    padding: 20px 10px;
    min-height: 112px;
}

#intro_rapper #guide-menu a.nohover {
    background:#ffffff !important;
    border: 1px solid #eeeeee;
}

#intro_rapper #guide-menu a:hover,#intro_rapper #guide-menu a.active {
    background:#e5f6fc;
}

#intro_rapper #guide-menu span {
    font-size: 15px;
    color: #333333;
    line-height: 18px;
    display: block;
    margin-top: 10px;
}

#intro_rapper .close {
    display: none;
}

#intro_rapper ul#guide-menu.close {
    display: none;
}

.open {
    display: block;
}

#intro_rapper .guide-content {
    width: 100%;
    clear:both;
    max-width: 820px;
    margin: auto;
}

#intro_rapper .guide-head-title {
    color:#005eb8;
    width:100%;
    clear: both;
    text-align: center;
    font-size: 26px;
    margin: 30px 0 10px 0;
    line-height: 30px;
}

#intro_rapper .guide-head-text {
    font-size: 15px;
    color:#333333;
    line-height: 22px;
}

#intro_rapper .guide-job-box {
    margin-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px;
    background:#f8f7f6;
}

#intro_rapper .guide-job:first-child {
    margin-top:0;
}

#intro_rapper .guide-job {
    border:1px solid #e2dedb;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#ffffff;
    margin-top: 10px;
    position: relative;
}

#intro_rapper .guide-job > a {
    font-size: 15px;
    background: #ffffff;
    color: #00a3e0;
    text-align: center;
    position: absolute;
    right: 35px;
    top: 35px;
    border: 1px solid #00a3e0;
    box-shadow: 0px 2px 0px #00a3e0;
    display: table;
    border-radius: 3px;
    padding: 4px 8px;
}

#intro_rapper .guide-job > a:hover {
    background:#e4f5fc;
}

#intro_rapper .guide-job-title {
    color: #333333;
    font-size: 21px;
    text-align: right;
    line-height: 0;
}

#intro_rapper .guide-job-title a {
    color: #fff;
    text-shadow: 0em 0em 0em #fff;
    font: 15px/1.8 verdana, 微軟正黑體;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 2px;
    min-width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fc4c02;
    box-shadow: 0 2px 0 #c83d0d;
    margin: 0px 35px 15px 0;
}

#intro_rapper .guide-job-title a:hover {
    background: #db1a00;
    box-shadow: 0 2px 0 #ab3d2a;
}

#intro_rapper .guide-job-title span {
    float: left;
    line-height: 26px;
    text-align: left;
    margin-left: 35px;
}

#intro_rapper .guide-job p {
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 22px;
    padding: 20px 10px 0 0;
}

#intro_rapper .guide-job p a {
    color:#00a3e0;
    border-bottom: 1px solid #00a3e0;
}

#intro_rapper .guide-job p a:hover {
    color:#005eb8;
    border-bottom: 1px solid #005eb8;
}

#intro_rapper .guide-job li {
    color:#333333;
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0;
}

#intro_rapper .guide-job ul {
    padding-left: 20px;
}

#intro_rapper .guide-job-type {
    border-left: 5px solid #005eb8;
    color:#005eb8;
    text-align: left;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 20px;
    margin: 20px 0 15px 0;
}

#intro_rapper .guide-job-number li {
    list-style: decimal;
}

#intro_rapper .guide-job-dots li {
    list-style:disc;
}

#intro_rapper .guide-job-dots li a {
    color:#00a3e0;
    word-wrap: break-word;
}

#intro_rapper .guide-job-dots li a:hover {
    color:#005eb8;
}

#intro_rapper .guide-job-text {
    line-height: 20px;
    color:#333333;
    font-size: 15px;
    text-indent: -18px;
    padding-left: 20px;
}

#intro_rapper #guide-contact {
    margin:auto;
}

#intro_rapper #guide-contact.up {
    margin: -35px auto 0 auto;
}

#intro_rapper .guide-job-box p.guide-notice {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 5px 10px;
    text-align: center;
    background: #E5F6FC;
}


.job-right-links {
    display: block;
    position: fixed;
    width: 45px;
    z-index: 1;
    top: 200px;
    right: 0;
    bottom: 0;
    background: #e6e6e6;
    border-radius: 15px 0 0 15px;
    height: 400px;
}

ul.job-right-box {
    padding-top: 120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.job-right-box a {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-shadow: none;
    text-decoration: none;
    font-size: 30px;
    color: #b0b6b9;
    width: 45px;
    display: block;
}

.job-find a {
    background: url(../images/recruit_right_icon.png) no-repeat 0px -16px;
}

.job-find a:hover {
    background: url(../images/recruit_right_icon.png) no-repeat -54px -16px #66c8ec;
}

.job-contact a {
    background: url(../images/recruit_right_icon.png) no-repeat 0px -70px;
}

.job-contact a:hover {
    background: url(../images/recruit_right_icon.png) no-repeat -54px -70px #66c8ec;
}

.job-top a {
    background: url(../images/recruit_right_icon.png) no-repeat 0px -124px;
}

.job-top a:hover {
    background: url(../images/recruit_right_icon.png) no-repeat -54px -124px #66c8ec;
}

.job-right-box span {
    display: none;
}

.job-right-box a:hover span {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color: #fff;
    text-shadow: 0em 0em 0em #fff;
    background: #00a3e0;
    display: block;
    width: 90px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    font-family: verdana,微軟正黑體;
    font-size: 15px;
    left: -90px;
}

.job-right-box a:hover span:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 9px;
    border-color: transparent transparent transparent #00a3e0;
    content: "";
    position: absolute;
    right: -9px;
    top: 15px;
}

.job-find a:hover span {
    top:120px;
}

.job-contact a:hover span {
    top:165px;
}

.job-right-links.close {
    display: none;
}



/*-- 組織現況-start--*/
#intro_rapper .rightcolumn .organ {
    margin: 20px 40px 30px 40px;
    min-height: 520px;
    line-height: 1;
    overflow: hidden;
}

ul.organ-tab-link .organ_tr {
    border-bottom: solid 1px #FFFFFF;
}

ul.organ-tab-link .organ_tr {
    *overflow: hidden;
}

ul.organ-tab-link .organ_tr p {
    display: inline-block;
    width: 110px;
    background-color: #ac74bc;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-family: 微軟正黑體;
    *float: left;
    *display: block;
}

ul.organ-tab-link .organ_tr li {
    display: inline-block;
    *display: inline;
    *float: left;
    *display: block;
}

ul.organ-tab-link .organ_tr li a {
    font-size: 15px;
    font-weight: bold;
    font-family: 微軟正黑體;
    padding: 0 15px;
    display: block;
    line-height: 30px;
}

ul.organ-tab-link .organ_tr li a:hover {
    color: #00a3e0;
}

ul.organ-tab-link .organ_tr li.active a {
    background-color: #00a3e0;
    color: #fff;
}

ul.organ-tab-link .organ_tr li.active a:hover {
    color: #fff;
}

.organ .article {
    margin: 20px 10px 30px 10px !important;
    font-size: 13px;
    line-height: 1;
}

/*---組織現況-end--*/
/*------得獎榮耀---------*/
.award_box .article {
    list-style: none;
}

.award_box .article li ul {
    padding: 5px 17px;
}

.award_box .article li ul li a {
    color: #333;
}

.award_box .article li ul li a:hover {
    color: #00a3e0;
}

.award_box .article li ul li span {
    margin-right: 10px;
    font-family: Verdana;
}

.award_box .article li {
    margin-bottom: 15px;
}

.y_txt {
    font-size: 15px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: dotted 1px #D9D9D9;
}

/*--訂購說明&取消退訂-btn-start--*/
ul.page-tab-link {
    margin: 0 40px;
}

ul.page-tab-link .page_tr {
    border-bottom: solid 1px #FFFFFF;
}

.page-p-l {
    padding-left: 30%;
}

.page-p-l-2 {
    padding-left: 18%;
}

.page-p-l li,.page-p-l-2 li {
    margin: 0 5%;
}

.page-p-l-3 {
    padding-left: 10%;
}

.page-p-l-3 li {
    margin: 0 2.5%;
}

ul.page-tab-link .page_tr {
    *overflow: hidden;
}

ul.page-tab-link .page_tr p {
    display: inline-block;
    width: 110px;
    background-color: #ac74bc;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-family: 微軟正黑體;
    *float: left;
    *display: block;
}

ul.page-tab-link .page_tr li {
    display: inline-block;
    *display: inline;
    *float: left;
    *display: block;
}

ul.page-tab-link .page_tr li a {
    font-size: 15px;
    color: #333;
    padding: 0 15px;
    display: block;
    line-height: 30px;
}

ul.page-tab-link .page_tr li a:hover {
    color: #00a3e0;
}

ul.page-tab-link .page_tr li.active a {
    background-color: #00a3e0;
    color: #fff;
}

ul.page-tab-link .page_tr li.active a:hover {
    color: #fff;
}

.tktnews_tb {
    width: 95%;
    margin: 10px auto;
}

.tktnews_tb td {
    border: solid 1px #FFFFFF;
    background-color: #eeeeee;
    padding: 10px 5px;
    line-height: 1.8;
    vertical-align: middle;
}

.tktnews_tb td img {
    display: block;
    margin-left: 10px;
}

.tktnews_tb td p {
    padding-left: 10px;
}

.tb_de1 {
    background-color: #00a3e0 !important;
    color: #FFFFFF;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tktnw_type01 {
    text-indent: -29px;
    margin-left: 30px;
    padding-left: 28px;
}

.faq-group {
    margin-top: 5px !important;
}

/*===readmore======*/
.readmore {
    position: relative;
}

.more_read,.more_close {
    border: none;
    z-index: 10;
    position: absolute;
    font-size: 12px;
    vertical-align: middle;
    font-family: Verdana;
    display: block;
    cursor: pointer;
    color: #FFFFFF;
    right: 10px;
    bottom: 7px;
    border-radius: 2px;
    padding: 2px 7px;
    background-color: #a6a6a6;
}

.more_close2 {
    border: none;
    z-index: 10;
    position: absolute;
    font-size: 12px;
    vertical-align: middle;
    font-family: Verdana;
    display: block;
    cursor: pointer;
    color: #FFFFFF;
    right: 10px;
    top: 2px;
    border-radius: 2px;
    padding: 2px 7px;
    background-color: #a6a6a6;
}

.more_read:hover,.more_close:hover {
    background-color: #797979;
}

.more_bg {
    z-index: 2;
    position: absolute;
    height: 130px;
    bottom: 0px;
    width: 100%;
    background: -moz-linear-gradient( bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100% );
    background: -webkit-gradient( linear, bottom, top, color-stop(30%, rgb(255, 255, 255)), color-stop(100%, rgba(255, 255, 255, 0)) );
    background: -webkit-linear-gradient( bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100% );
    background: -o-linear-gradient( bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100% );
    background: -ms-linear-gradient( bottom, rgb(255, 255, 255) 30%,s rgba(255, 255, 255, 0) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ffffff', endColorstr='#ffffff', GradientType=0 );
    background: linear-gradient( bottom, rgb(240, 248, 255) 30%, rgba(240, 248, 255, 0) 100% );
    display: block;
}

/* line */
.line_step {
    overflow: hidden;
    clear: both;
    display: none;
    font-size: 14px;
    font-family: 微軟正黑體;
}

.line_step div.store_line {
    width: auto;
    overflow: hidden;
    margin: 0 20px 15px 20px;
    line-height: 1.5;
}

.line_step div.store_line ul,.line_step div.store_line li {
    display: block;
}

.line_step_l {
    background-color: #FFFFFF;
    border-radius: 2px;
    float: left;
    width: 26%;
    padding: 1.5%;
}

.line_step_l p.line_txt {
    font-size: 10px;
    text-align: center;
}

.line_step_l span.line_title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #00c300;
}

.line_step_l img {
    width: 100%;
    height: auto;
}

.line_step_r {
    float: left;
    width: 68%;
    margin-left: 2%;
}

.line_step_r p {
    font-family: Verdana, "微軟正黑體";
    *font-family: "微軟正黑體";
    margin-bottom: 10px;
    color: #404040;
}

.line_desktop,.line_phone {
    display: inline-block;
    width: 97px;
    height: 25px;
    float: left;
    color: #FFFFFF !important;
    cursor: pointer;
    text-indent: 34px;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 24px;
    background: url(../images/line_join2.png)!important;
}

.line_phone a {
    color: #FFF;
    text-decoration: none;
}

.fb_join {
    display: inline-block;
    width: 103px;
    height: 25px;
    float: left;
    color: #FFFFFF !important;
    cursor: pointer;
    text-indent: 24px;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 24px;
    background: url(../images/fb_join3.png)!important;
}

.fb_join a {
    color: #FFF;
    text-decoration: none;
}

/*側邊浮水印廣告*/
.slideshow {
    width: 80px\9;
    position: fixed;
    top: 150px;
    right: 0;
    *position: absolute;
    /*position fixed for IE7 */
    top: expression(documentElement.scrollTop+100)\9;
    z-index: 999;
    margin: 0;
    padding: 0;
}

.slideshow li {
    /*cursor: pointer;*/
    list-style-type: none;
    margin-bottom: 12px;
}

.slideshow li img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.slideshow li a {
    width: 100%;
    height: 100%;
    display: block;
}

/* 181129_文字加陰影 */
#intro_rapper {
	color: #333;
    text-shadow: 0em 0em 0em #333;
    line-height: 1.8;
}
.companion{
    font: 14px/1.8 verdana,微軟正黑體 ! important;
}


/* 202203 關於我們新增 相關企業：優力美 */
.intro_group_needme .article {
    text-align: center;
}
.needme-title {
    *zoom: 1;
    margin-left: -50px;
    padding-bottom: 15px;
    display: inline-block;
}
.needme-title:before, .needme-title:after{ content: ""; display: table; }
.needme-title:after{ clear: both; }

.needme-logo {
    float: left;
}
.needme-logo img {
    width: 70px;
}
.needme-titleContent {
    float: left;
    text-align: left;
    margin-left: 5px;
}
.needme-titleContent p {
    font-size: 18px;
    line-height: 1.5;
}
.needme-titleName a {
    font-size: 28px;
    color: #84329b !important;
    /* border: 1px solid #ceadd7; */
    /* padding: 3px 10px; */
    font-weight: bold;
}
.needme-titleName a:hover {
    /* border-color: #84329b; */
    border-bottom: 1px solid #ceadd7;
}
.needme-titleDescribe {
    font-size: 15px;
    color: #666;
}

.needme-content p {
    font-size: 15px;
    text-align: left;
    /* margin-bottom: 12px; */
    margin: 0 70px 15px;
}
.needme-content p strong {
    font-size: 21px;
    color: #d40f7d;
    text-align: center;
    display: block;
}    
.needme-content img {
    margin-top: 20px;
}    

.csr-con {
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
}

.csr-con img {
    max-width: 100%;
}

.csr-con .floatLeft {
    width: 45%;
}

.csr-con .floatRight {
    width:55%;
}
.csr-con .ab_type_s {
    margin-left: 0px;
}

.csr-special {
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
    margin: 0 0 35px 0;
}

.csr-special:last-child {
    margin: 0;
}

.csr-special-title {
    width: 75px;
    padding: 0 5px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 20px;
    margin: 0 11px 0 0;
    border-right: 2px solid #d5d5d5;
    color: #84329b;
}

.csr-special-title span {
    font-size: 15px;
    width: 100%;
    clear: both;
    display: inline-block;
}

.csr-special-text {
    width: calc(100% - 75px);
    font-size: 15px;
    line-height: 22px;
}

.csr-button {
    text-align: center;
    margin: 20px 0 0 0;
}

.csr-button a {
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 15px/1.8 verdana, 新微軟正黑體, 微軟正黑體;
    background: #fff;
    display: inline-block;
    outline: none;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
    color: #d40f7d;
    text-shadow: 0 0 0 #d40f7d;
    border: 1px solid #d40f7d;
    padding: 4px 10px;
}

.csr-button a:hover {
    color: #ffffff;
    text-shadow: 0 0 0 #ffffff;
    border: 1px solid #ffffff;
    background: #d40f7d;
    border-radius: 2px;
}


/*中間調度區
-----------------------------------------------------------------*/

@media screen and (max-width: 840px) {
    /*----------工作機會------------*/
    #intro_rapper .job-menu-but-guide a,#intro_rapper .job-menu-but-other a {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 35px 10px 25px 10px;
        border:1px solid #00a2dc;
        border-radius: 3px;
        text-align: left;
        width: 100%;
        max-width: 400px;
        color:#333333;
        font-size: 21px;
        line-height: 24px;
        box-shadow:0px 2px 0px #00a2dc;
    }
    
    #intro_rapper .job-menu-but-guide a,#intro_rapper .job-menu-but-other a {
        background: #ffffff;
    }
    
    #intro_rapper .job-menu-but-guide a:hover,#intro_rapper .job-menu-but-other a:hover,#intro_rapper  .job-menu-but-guide.active a {
        background:#e4f5fc;
    }

    

    #intro_rapper #guide-menu li {
        width: 27.5%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .job-right-links {
        display: none !important;
    }
        
}

/*平板
-----------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    /*----------工作機會------------*/
    #intro_rapper .job-big-title {
        margin-top: 85px;
    }

    #intro_rapper .job-intro-pic {
        display: table;
        width: 100%;
        clear: both;
    }

    #intro_rapper .job-intro-text {
        display: table;
        width: 100%;
        clear: both;
        padding: 20px 20px 0 20px;
        text-align: center;
    }

    #intro_rapper .job-intro-line {
        display: none !important;
    }

    #intro_rapper .job-menu-line {
        display: none !important;
    }

    #intro_rapper ul.job-menu {
        margin-top: 20px;
    }

    #intro_rapper .job-menu li {
        vertical-align: top;
        text-align: center;
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #intro_rapper .job-menu-but-guide a, #intro_rapper .job-menu-but-other a {
        text-align: center;
        max-width: 480px;
    }

    #intro_rapper ul#guide-menu {
        margin-top:10px;
    }

    #intro_rapper #guide-menu span {
        font-size: 13px;
    }

    #intro_rapper .guide-content {
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }

    #intro_rapper .guide-job > a {
        position: relative;
        right: inherit;
        top: inherit;
        margin-top: 20px;
        margin: 20px auto 0 auto;
    }

    #intro_rapper .job-menu-but-guide {
        padding: 0 10px 10px 20px;
    }

    #intro_rapper .job-menu-but-other {
        padding: 0 20px 10px 10px;
    }

    #intro_rapper ul#guide-menu {
        padding: 0 20px;
    }
}

/*手機
-----------------------------------------------------------------*/

@media (max-width: 480px) {
    /*----------工作機會------------*/
    #intro_rapper .job-intro-pic,#intro_rapper ul#guide-menu,#intro_rapper .guide-head-title,#intro_rapper .guide-head-text {
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }


    #intro_rapper #guide-menu li {
        width:100%;
        margin:0 auto 20px auto;
        max-width: none;
    }

    #intro_rapper #guide-menu li:last-child {
        margin:0 auto 20px auto;
    }

    #intro_rapper .guide-job-title {
        text-align: center;
    }

    #intro_rapper .guide-job-title span {
        float: none;
        text-align: center;
        margin: auto;
        width: 100%;
        display: block;
    }

    #intro_rapper .guide-job-title a {
        margin: 10px auto 20px auto;
        clear: both;
    }

    #intro_rapper .guide-head-title {
        font-size: 22px;
    }

    #intro_rapper .guide-content {
        padding: 0;
    }

    #intro_rapper .job-intro-text,#intro_rapper .job-menu span,#intro_rapper .guide-job p,#intro_rapper .guide-job li,#intro_rapper .guide-head-text {
        font-size: 14px;
    }

    #intro_rapper .guide-job {
        padding: 20px;
    }

    #intro_rapper .job-menu-but-guide {
        padding: 0 5px 10px 20px;
    }

    #intro_rapper .job-menu-but-other {
        padding: 0 20px 10px 5px;
    }

    .job-menu b {
        width: 100%;
        /* display: block; */
        margin-bottom: 2px;
        font-size: 18px;
    }

    #intro_rapper ul#guide-menu {
        text-align: center;
    }

    #intro_rapper .job-menu-but-guide a, #intro_rapper .job-menu-but-other a {
        padding: 15px 2px 15px 2px;
    }
}

/*得獎榮耀、新聞中心 行距縮窄*/
#intro_rapper.colaabour-award .rightcolumn .article ul li,
#intro_rapper.colaabour-news .rightcolumn .article ul li {
    margin-bottom: 3px;
}


/*代轉條列*/
.receiptArea li {
    text-indent: -19px;
    padding-left: 19px;
    margin: 0 !important;
    font: 14px/1.8 verdana,微軟正黑體;
}

/*刪除 new header 關鍵字搜尋*/
.keyword-search {
    display: none;
}

/*修改新聞中心跳窗*/
.colorbox-introNews #cboxContent {
    margin-top: 0;
}
.colorbox-introNews #cboxClose {
    top: -12px;
    right: -20px;
}
.colorbox-introNews#colorbox,
.colorbox-introNews#cboxOverlay,
.colorbox-introNews #cboxWrapper {
    overflow: visible !important;
}
