@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

* {margin:0px; border:0px; padding:0px; font-size:14px; line-height:14px; color:#2C2C2C;}
body{margin:0px; font-family:'Noto Sans TC', sans-serif; -webkit-text-size-adjust:none; color:#545454;}
body, html, div {/*-ms-overflow-style: none !important;*/ /*touch-action: none; Samsung and iPhone5 can't scroll in overlay*/}
#wrapper, #wrapperQuote, #container{/*-ms-touch-action: none;*/ /* window mobile can't scroll smootly. Can't set to all div, otherwise overlay can't scroll. Handle menu, quote landing and general page*/}
img{border: none}
a{text-decoration:none; color:#192E40;}
p{margin:0px 0px 10px 0px; line-height:100%;}
p:last-child {margin:0px;}
ul {list-style-type: none;}

select::-ms-expand{display:none;}
select{padding:3px 25px 3px 10px; color:#545454; border:1px solid #DADADA; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; text-indent:0.01px; text-overflow:''; appearance:none; cursor:pointer; height:35px; width:100%; border-radius:0px; background:#FFF url(../images/select.png) no-repeat right center; font-size:14px;}

/* Input with number type */
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}

/* Common */
.clear{clear:both;}
.selected{font-weight:bold;}
#disclaimer{text-align:right;}
.left{float:left;}
.right{float:right;}
.inlineBlock{display:inline-block;}
.text {
  word-wrap:break-word; -ms-word-break:break-all; 
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.pointer {cursor:pointer;}
.noData {padding:10px; text-align:center}
td.noData {height:200px; vertical-align:middle}
div.noData {height:200px; line-height:200px}
.borderBox {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.floatContainer {overflow:hidden}
.hash {color:#F00}
.table {display:table; width:100%}
.tableCell {display:table-cell; text-align:center; vertical-align:middle}

/* Padding */
.padding {padding:5px}
.paddingTop {padding-top:5px}
.paddingBottom {padding-bottom:5px}
.paddingLeft {padding-left:5px}
.paddingRight {padding-right:5px}
.paddingV {padding:5px 0}
.paddingH {padding:0 5px}
.paddingTop2x {padding-top:10px}

/* Margin */
.marginTop {margin-top:5px}
.marginBottom {margin-bottom:5px}

/* White Box Style */
.BoxStyleA{position:relative; padding:10px; width:100%; float:left; clear:both; background:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; clear:both; background:#FFF;}
.BoxStyleB{position:relative; padding:10px 0px; width:100%; float:left; clear:both; background:#FFF;}
.BoxStyleD{position:relative; padding:3px 0px; width:100%; float:left; clear:both; background:#FFF;}
.BoxStyleC{position:relative; padding:10px 10px 0px 10px; width:100%; float:left; clear:both; background:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; clear:both; background:#FFF;}
.BoxRow{width:100%; float:left; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; clear:both;}

/* overlay effects */
.overlayContent {display: none; position: fixed; background:#FFF; border: 1px solid #555; box-shadow: 2px 2px 40px #222; z-index: 999999;}
.overlayContent iframe { border: none; }
.overlayContent .OverlayTabStyleA{width:100%; height:40px; padding:0px; background-color:#ddb86a;}
.overlayContent .OverlayTabStyleA ul{width:100%; display:table; table-layout:fixed; margin:0px; padding:0px; list-style:none;}
.overlayContent .OverlayTabStyleA ul li{display:table-cell; height:31px; line-height:31px; text-align:center; padding:4px 0px; font-size:14px; font-weight:bold; color:#A9A9A9; cursor:pointer;}
.overlayContent .OverlayTitle {color:#5d472e; font-size:20px; font-family: 'Noto Sans TC', sans-serif;}
#overlayMask {background: #000; opacity:0.6;  position: fixed; width: 100%; height: 100%; top:0; left:0; display:none; z-index:999998;}
.overlayCloseBtn {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
   	font: bold 131% sans-serif;
    padding: 5px 10px;
    position: absolute;
    right: 0px;
	z-index: 2;
}
.overlayNextBtn {
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: 5px;
    bottom: 5px;
	z-index: 2;
}
.overlayPreviousBtn {
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    left: 5px;
    bottom: 5px;
	z-index: 2;
}
#previousPage{font-size:14px;}
#nextPage{font-size:14px;}

/* messagebox */
#overlayBody {position: absolute; background:#FFF; /*border: 1px solid #666;border: 1px solid #555;box-shadow: 2px 2px 40px #222;*/ z-index: 999999;padding:5% 3% 3% 3%;width:70%;left:11%;top:20%;}
#overlayBody iframe { /*position: absolute;*/ border: none; }
#overlayMask {background: #000; opacity:0.6;  position: fixed; width: 100%; height: 100%; top:0; left:0; display:block; z-index:999998;}
#buttonField {overflow:hidden}
#buttonField .NormalBtn {float:right; width:100%}
#buttonField:after{content:''; clear:both}

/* News List */
.newsList .news {cursor:pointer}

/* Display Control */
.visible-mb {display:none;}

/* Desktop Size */
@media only screen and (min-width: 1024px) {
	/*<DT>*/
	/*</DT>*/
}

/* Tablet Size */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/*<TB>*/
	/*</TB>*/
}

/* Mobile Size */
@media only screen and (max-width: 1100px) {
	/*<MB>*/
	.paddingMobile {padding:5px !important}
	.paddingVMobile {padding-top:5px !important; padding-bottom:5px !important}
	.paddingHMobile {padding-left:5px !important; padding-right:5px !important}
	.visible-mb {display:block !important}			/* Only visible in mobile */
	th.visible-mb {display:table-cell !important}	/* Only visible in mobile */
	td.visible-mb {display:table-cell !important}	/* Only visible in mobile */
	.inlineBlock.visible-mb {display:inline-block !important}	/* Only visible in mobile */
	.visible-dt {display:none !important}			/* Only visible in desktop */
	td.noData {height:100px}
	div.noData {height:100px; line-height:100px}
	/*</MB>*/
}