.sub-ads a.sub-ad-item img { margin-bottom: 8px; }

/* ----------------------------------------------------
 * Html
 * ---------------------------------------------------- */
body {overflow-x:hidden; background-size:100%; background-color:#ecf1f5}
a:hover {text-decoration:none}


/* ----------------------------------------------------
 * Layout
 * ---------------------------------------------------- */
.top-head a.logo {margin-bottom:50px; width:133px !important; height:38px !important; background-size:100% !important}
div.contents {margin:0 auto; padding:0 3%; width:94%; min-width:300px; max-width:320px}
.main, .footer, .sidebar {width:100%; min-width:300px}
.inpage-sidebar {display:none}
/* header */
.top-nav {display:none}
.top-head {padding:22px 0 11px}
.top-head h1.logo {width:111px; height:32px; background-size:100%}
.search-bar {top:6px}
.search-input {width:40px;}
.search-bar {display:none}
/* footer */
.footer .foot-links, footer .foot-menu {float:none; padding:0;}
.footer .foot-links {margin:0 auto; width:100%}
.footer .foot-links li {margin:0; width:23%; text-align:center}
.footer .foot-links li a {margin:0}
.footer .foot-links img {width:75%}
.footer .browser, footer .foot-icons {display:none}
.footer .browser {top:auto; left:20px; bottom:0}
.footer .browser-info {left:0; width:405px}
.footer .browser-info ul li {width:130px}
.footer .foot-icons {display:none}
/* table */
div.in-table01, table.in-table01,
div.in-table02, table.in-table02 {width:745px}
.top-cap-up-title,
.top-cap .social {display:block; float:none; width:100%}
.top-cap .social {padding-left:26px}

/* ----------------------------------------------------
 * Index
 * ---------------------------------------------------- */
.pc-show, .tablet-show,
.slidenav1, .slidenav2 {display:none !important}
.slidenav3,
.mobile-show {display:block !important}
.mobile-noshow {display:none !important}

.news {clear:both; float:none; margin:0 auto}
.news ul.tabs li {font-size:13px}
.news ul.tabs a.tab {padding:0 5px}
.news .tab-contents {padding:10px 0}
.news .tab-contents li {padding:2px 20px; font-size:15px; line-height:1.6}
.news #tab01 ol li, .news #tab04 ol li {background-position:left 5px}
.news #tab02 ol li {background-position:left -95px}
.news #tab03 ol li {background-position:left -195px}
.news .date {display:none}
.news .tab02-more {float:left}

.services {clear:both; margin:0 4%; padding:0; width:92%; max-width:480px}
.services .service-items {padding-top: 4px; width: 225px; height: 160px; margin: auto; overflow: hidden; position: relative; z-index: 50;}
.services .services-prev, .services .services-next {display:block}
.award {display:none}
.sub-ads {padding:10px 0}
.sub-ads a.sub-ad-item img {margin:5px}
.sidebar .side {width: 47%; margin:0 1% 15px}

.ads {width:320px; height:140px}


/* ----------------------------------------------------
 * Inpage
 * ---------------------------------------------------- */
/* ---------- common ---------- */
div.inpage-contents {float:none; width:100%}
/*
.section-contents {overflow:hidden}
*/
.links, .download {margin-bottom:15px; width:100%}
.inpage-title {display:none}
.in-job-time {display:none}
.addthis_button_print {display:none}
.top-cap-l, .top-cap-m, .top-cap-s {display:none}


/* ----------------------------------------------------
 * 個人家庭 : personal
 * ---------------------------------------------------- */
/* 公話卡 : phone-card */
.card-search {margin-left:-10px; padding:0 0 20px; width:310px; font-size:11.5px}
.card-search select, .card-search input {font-size:11px}
.card-search .txt2,
.card-search a.btn-s1 {margin-left:60px}
.card-list ul {margin-right:7px; margin-bottom:7px; width:48%;}
.card-list ul.col2, .card-list ul.col4 {margin:0}
.popup-s3 .spec, .popup-s3 .pic li {float:none; margin:0 1% 10px; width:98%}
.popup-s3 .spec li.last-child {margin-bottom:0}

/* 常見問題 : FAQ */
div.qa-search {margin:0 5px; padding:10px 0; background:none}
div.qa-search .qa-search-left, div.qa-search .qa-search-right {float:none; display:block; width:100%}
div.qa-search .qa-search-left {border-right:none; border-bottom:2px solid #bdcdd3}
div.qa-search a.qa-btn {float:right}
div.qa-search table td .txt {display:block; margin-bottom:5px}
.qa {border-top:7px solid #c7deea}
/* 訊息訂閱 : mail data */
.email-login, .email-logout {float:none; padding:0; width:100%}
.email-login {padding-bottom:10px; border:none; border-bottom:1px solid #b5bfc3}
.email-logout .info {padding:10px 0; background:none}


/* ----------------------------------------------------
 * 股東專欄 : investors
 * ---------------------------------------------------- */
.report th, .report td {white-space:normal; font-size:11px}
/* mae */
.mae li a {padding:5px}
.mae li .date, .mae li .link {float:none; display:block}
.mae li .date {margin-right:15px}
/* 表格 : table */
.calendar .col1 {width:28%}
.calendar .col2 {width:65%}
.calendar .col3 {display:none; width:0}
.calendar .col4 {width:17%; text-align:center}


/* ----------------------------------------------------
 * 客戶服務 : service
 * ---------------------------------------------------- */
.services-search {padding:0; background:none}
.services-search article {border:none}
.services-search .fl {float:none}
/* 服務專線 : tel */
.tels {padding:10px 0 0 35px}
.tels li {margin:10px 10px}
/* 費率及服務 : rate */
.rate section {margin-bottom:30px}
.rate section.country strong {color:#0065ad; font-weight:normal}
.country-info {margin-bottom:10px; padding:10px; text-align:left;
		background:#bcdeea;
		background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#bcdeea));
		background:-webkit-linear-gradient(#fff, #bcdeea);
		background:-moz-linear-gradient(#fff, #bcdeea);
		background:-ms-linear-gradient(#fff, #bcdeea);
		background:-o-linear-gradient(#fff, #bcdeea);
		background:linear-gradient(#fff, #bcdeea);
		-pie-background:linear-gradient(#fff, #bcdeea);
		-webkit-box-shadow:#999 0 0 2px; -moz-box-shadow:#999 0 0 2px; box-shadow:#999 0 0 2px;
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; 
}
.country-info div {margin-bottom:5px}
.country-info span {margin-right:10px}
.country-list {float:none; margin-top:15px; width:100%}
.country-list li .no {width:8%}
.country-list li .en {padding-left:1%; width:45%}
.country-list li .tw {width:44%}

.rate-list {margin-left:0; width:670px}
.rate-finder {margin-bottom:10px; padding:0; background:none}
.rate-finder ul {padding:20px}
.rate-finder ul li {display:block; width:100%}

.rate-finder .txt-long {width:70%}

/* ----------------------------------------------------
 * 關於我們 : about
 * ---------------------------------------------------- */
/* 訊息專區 : message */
ol.innews li a .date {float:none; display:block; width:100%}
/* 獲獎事蹟 : award */
.winners li {margin:0 0 20px; width:49%}
/* 廣告集錦 : ad */
.mov-main iframe {height:175px}
.mov-main .info {float:none; margin-bottom:20px; width:100%}
.mov-main .rate {float:none; position:absolute; right:0; bottom:0}
.mov-list {position:relative}
.mov-list-items {margin:30px 0; width:100%; overflow:visible; text-align:center}
.mov-s {float:left; display:block; margin:10px 5px}

/* ----------------------------------------------------
 * Navigator
 * ---------------------------------------------------- */
.top-nav {display:none}

.menu {top:23px !important}
.menu .mobile-menu .mobile-menu-open {width:120px; height:20px; line-height:20px}

.lightbox-menu-sub {margin:0 auto; width:100%}


dt, dl, dd {margin:0; padding:0}
.inpage-tabs a.inpage-tab {padding-left:5px}
.inpage-tabs a.inpage-tab span {padding-right:5px}
.inpage-tabs ul {}
.inpage-tabs {margin-left:25px}
.inpage-tabs select,
.mobile-show select {display:block; padding:3px 5px; background:#fff; border:1px solid #226dbc; text-decoration:none; color:#226dbc; font-size:12px}
.mobile-show select {margin-left:25px}

.breadcrumb {display:none}

/* pagenav */
.pager-no {clear:both; display:block; width:100%}


/* ----------------------------------------------------
 * Colorbox
 * ---------------------------------------------------- */
.lightbox-style3 {max-width:100%}
.lightbox-style3 .lightbox-header {display:table; padding:0 3% !important; width:100%; height:48px; *position:relative}
.lightbox-style3 .lightbox-header h2 {float:none !important; display:table-cell; vertical-align:middle; padding:0 !important}
.lightbox-style3 .lightbox-header, .lightbox-style3 .lightbox-footer {position:relative !important}
.lightbox-style3  .lightbox-footer {padding-bottom:5px; height:auto}
.lightbox-contents {padding:25px 38px !important}
.lightbox-contents .photo-box {height:200px}
.lightbox-contents .photo-box img {width:300px}
.in-info {width:60%}