@CHARSET "UTF-8";

/**plan content**/
.top-plan, .other-plan-wrapper{background:#fff;}
.planTnc{ margin-top:15px; border-left:5px solid  #005288; padding: 15px 30px 15px 15px; background-color: #efefef; color: #010407;}
.captionTitle{margin:0; padding:20px 15px; border-bottom:5px solid #00508c; color:#00508c; background: url("../images/common/submenuBg2.png") 0 0 repeat-x;}
.plan-wrapper, .other-plan-wrapper{background:#fff;padding:0 0 5px 0; margin-bottom:10px;}
.top-plan{margin:0 0 15px 0;}
.premiumPlan{border:2px solid #e5e9ee; margin:15px 30px;}
.premiumPlan.border-orange{border:2px solid #f68a33;}
.premiumPlan .topList {border-bottom:1px solid #e5e9ee; padding:10px 0;margin:0 15px;}
.premiumPlan .topList .button-wrapper .button{margin: 5px 0 0 0; display:inline-block;}
.premiumPlan .icon-wrapper, .premiumPlan .button-wrapper{padding:0;}
.premiumPlan .planTitle {padding: 10px 15px; border-bottom:3px solid #e5e9ee;}
.premiumPlan .planTitle .colorBlue{font-size:1.286em; margin-right:10px;}
.premiumPlan .planContent h5{font-size:1.143em; margin: 0 0 10px 0; color: #005288; }
.premiumPlan .price-wrapper, .premiumPlan .description-wrapper{margin:20px 0;}
.premiumPlan .price-wrapper{width:20%; padding: 0 20px;}
.premiumPlan .img-wrapper{padding:10px 10px;}
.premiumPlan .description-wrapper{width:46%;}
.premiumPlan .price-wrapper .priceTag{margin:10px 0 0 0; }
.premiumPlan .price-wrapper .priceTag .cssPrice{font-size:3.571em;}
.premiumPlan .description-wrapper ul{padding:0 0 0 20px;}
.otherplanContent{padding:15px 15px;}
.planItem .plan-wrapper{border:2px solid #e7e8ec;}
.planItem .plan-wrapper a:hover, .planItem .plan-wrapper a:active{text-decoration:none;}
.planItem .planIcon img{margin:0 auto;padding:8px 0;}
.planItem .planDesc {padding:20px 0;}
.planItem .planDesc .priceTag {color: #005288;}
.planItem .planDesc .priceTag .cssPrice{font-size:4.857em; line-height: 1;}
.planItem .planDesc .contract{margin-top: 5px;}
.planItem .planDetail{text-align:center;padding:0 10px 20px 10px;}

.premiumPlan.theme2 .planName{font-size:1.429em; line-height: 2;}

.premiumPlan .text-title{float:left;}
.premiumPlan .flag{float:left; margin-left: -25px; margin-top: -10px; margin-bottom: -30px;}
.premiumPlan .flag-inner:before{content:""; background:url("../images/plan/flagL.png") left top no-repeat; width:12px; height:53px; display:inline-block; float:left;}
.premiumPlan .flag-inner span{ line-height: 2.2; font-size:1.429em; color:#fff; float:left; background:url("../images/plan/flagM.png") left top repeat-x; height:53px;}
.premiumPlan .flag-inner:after{content:""; background:url("../images/plan/flagR.png") left top no-repeat; width:27px; height:53px; display:inline-block; float:left;}

/**update 30/07/2016**/
select.form-control{padding: 0 5px; height:31px;}
.sorting .form-inline{background:#fff; text-align:center; padding:0 15px 20px 15px; border-bottom: 1px solid #e5e9ee;}
.sorting label{margin-right:10px;}
.sorting select{min-width:175px; margin-right:10px;height:31px;}
.selectboxit-container {margin-bottom: 10px; display:block;}
.selectboxit-container *{font-family: Helvetica, Arial, sans-serif, 'Microsoft JhengHei', "Microsoft Yahei", Heiti TC, STXihei;}
.selectboxit-container .selectboxit{border-radius:0;}
.selectboxit-container .selectboxit, .selectboxit-container .selectboxit-options {width:100%; max-width:500px;border-radius:0;}
.selectboxit-options .selectboxit-option .selectboxit-option-anchor { white-space: normal; min-height: 30px; height: auto;}
.selectboxit-btn:hover, .selectboxit-btn:focus, .selectboxit-btn:active{ background-color: #fff;}
.selectboxit-list > .selectboxit-focus > a, .selectboxit-list > .selectboxit-focus > a:hover, .selectboxit-list > .selectboxit-focus > a:focus{background:#0462aa;}
.selectboxit-text {max-width: 90%;}
/**end**/

/**set2**/

.premiumPlan.theme4 .planTitle .font-blue{font-size:1.429em;}
.premiumPlan.theme4 .price-wrapper{width:25%;}
.premiumPlan.theme4 .price-wrapper .priceTag { text-align: center;}
.premiumPlan.theme4 .description-wrapper:before{ margin-left: -30px; float: left;display: inline-block; content: ""; border-left: 1px solid #e5e9ee; height: 120px; width: 1px;}
.premiumPlan.theme4 .description-wrapper{width:54%;}
.premiumPlan.theme4 .description-wrapper ul{padding:0;}
.premiumPlan.theme4 .description-wrapper li{float:left;margin:0 2% 0 3%; width:45%;}
.premiumPlan.theme4 .gift-wrapper{border-top:1px solid #e5e9ee; padding-top:15px; padding-bottom:10px; margin-left:25%; width:75%;}
.premiumPlan.theme4 .premiumPlan .gift-wrapper h5{padding:0 0 5px 0; border-bottom:3px solid #e5e9ee;}
.premiumPlan.theme4 .premiumPlan .gift-wrapper select{height: auto; max-width:200px; font-size:1.143em;}

.premiumPlan.theme5 .description-wrapper {width:80%;}
.premiumPlan.theme5 .description-wrapper ul{padding:0;}
.premiumPlan.theme5 .description-wrapper li{float:left;margin:0 2% 0 3%; width:45%;}

.counter-wrapper{width:20%; padding: 25px 15px; border-left:1px solid #e5e9ee;}
.counter-wrapper .quoteAmt{text-align:center; color:#f68a33; font-size:3.429em; line-height:1; font-weight:bold;}
.counter-wrapper h5{font-size:1em; margin:0 0 3px 0;}
.counter-wrapper .cssBottom{margin-top:20px;}
.counter-wrapper .countdown_section{text-align:center;  padding: 0;}
.counter-wrapper .countdown_amount{font-weight:bold; font-size:1.58em;}

/**plan detail**/
.detailPanel .modal-header{color:#fff;}
.detailPanel .header-title{padding:0 15px 0 0;}
.detailPanel .header-title h1{font-size:1.286em; margin:0 0 5px 0;}
.detailPanel .header-title h5{margin:0;}
.detailPanel .header-close, .detailPanel .header-button{padding:0;}
.detailPanel .content-topper h5, .content-tnc .header-title{ padding:10px 0 10px 0; font-size:1.286em; margin: 0 0 10px 0; color: #005288; border-bottom: 2px solid #eee;}
.content-tnc .header-title i{margin-left:5px; color: #f68a33;}
.detailPanel .img-wrapper{margin-top:20px;margin-bottom:20px;}
.detailPanel .planInfo{padding-right:30px;}
.detailPanel .planInfo .cssPrice{font-size:2.143em;}
.detailPanel .planInfo .gift-wrapper{margin-top:30px}
.detailPanel .planDetail .planlist{padding:0 0 0 15px;}
.detailPanel .planDetail .planTnc{font-size:0.929em;}
.content-tnc {margin:15px 0 20px 0;}
.content-tnc .plan-terms{font-size:0.857em; padding:0 0 0 15px;}

/***update 30/07**/
.detailPanel.theme2 .header-title h1{margin: 6px 0;font-size: 1.33em;}
.detailPanel .content-title {padding:10px 5px; border-bottom:3px solid #eee;}
.detailPanel .content-title h2{font-size:1.143em;color:#040404;margin: 10px 0 0;}
.detailPanel .content-title h5{font-size:0.929em;margin: 2px 0;}
.detailPanel .content-topper h5{border:none; font-size:1.143em;}
.detailPanel .counter-wrapper{padding: 5px 15px;}
.detailPanel .content-topper .counter-wrapper h5{padding:10px 0 0px 0;}
.detailPanel .content-topper .counter-wrapper .cssLabel{width:50%;}
.detailPanel .content-topper .counter-wrapper .quoteAmt{width:50%;}
.detailPanel.theme2 .planInfo .cssPrice{font-size:3.571em;}
.detailPanel.theme2  h5{padding: 5px 0;}
/**end**/




@media only screen and (max-width: 767px) {

  .premiumPlan{margin:15px;}
  .premiumPlan .price-wrapper, .premiumPlan .description-wrapper{width:100%; margin:10px 0;}
  .premiumPlan .price-wrapper{text-align:center;}
  .premiumPlan .button.theme1{font-size:1.071em; display:block; margin: 0; padding: 7px 10px;}
  .premiumPlan.theme2 .planName{padding: 10px 0 5px 0; font-size:1.143em; line-height: 1;}
  .premiumPlan.theme2 .button-wrapper{margin-top:6px;}
  .premiumPlan.theme2 .planTitle {padding: 10px 10px;}
  .premiumPlan .topList{margin:0 10px;}
  .premiumPlan .topList .button-wrapper .button{display:block;}
  .premiumPlan .planContent .price-wrapper h5{float:left; width:35%; text-align:left;}
  .premiumPlan .price-wrapper .priceTag{float:left; width:65%; margin:0;}
  .premiumPlan .price-wrapper .priceTag .cssPrice{line-height:0.7;}

  .otherplanContent{padding: 15px 0;}  

  .detailPanel .img-wrapper{margin-top:0px;margin-bottom:0px;}
  .detailPanel .header-title h1{font-size:1.143em;}
  .detailPanel .header-title{margin:5px 0 0 0;}
  .detailPanel .header-button a.button{display:block; margin: 5px 0 0 0;}
  .detailPanel .planInfo .gift-wrapper{margin:5px 0;}
  .detailPanel .content-topper h5, .content-tnc .header-title {font-size: 1.143em;font-weight: normal;}
  .content-tnc .plan-terms{margin-top:10px;}
  .content-topper {margin:0 -15px}

  .detailPanel.theme2 .content-title{padding:10px 10px;}
  .detailPanel .content-topper .counter-wrapper .cssLabel, .detailPanel .content-topper .counter-wrapper .quoteAmt{width:100%;}

  .captionTitle{font-size:1.214em;}

  .sorting .form-control{margin:0 0 10px 0;}
  .sorting .button.theme3{display:block; margin:0;}
  .sorting .form-group{margin:0;}

  .premiumPlan .text-title{width:65%;}
  .premiumPlan .text-title span{display:block;}
  .premiumPlan .text-title .font-blue,.premiumPlan.theme4 .planTitle .font-blue {font-size:1em;}

  .retention .theme3 .premiumPlan .price-wrapper, .retention .theme3 .premiumPlan .description-wrapper, .counter-wrapper{width:100%;}
  .retention .theme3 .premiumPlan .description-wrapper li {float: none;width: 100%;}
  .counter-wrapper .cssTop{float:left; width:35%; }
  .counter-wrapper .quoteAmt{text-align:left;}
  .counter-wrapper .cssBottom{float:left; width:65%;margin: 0;}
  .retention .theme3 .premiumPlan .gift-wrapper{width:100%; margin-left:0;}
  .premiumPlan .img-wrapper {text-align: center;}
  .premiumPlan .img-wrapper img{margin:0 auto;}
  .retention .theme3 .premiumPlan .select-opt{margin:20px 0;}
  .retention .theme3 .premiumPlan .gift-wrapper select {max-width: 100%;}
	.premiumPlan .flag{width:43%;}
  .premiumPlan .flag-inner:before{width:8px;}
  .premiumPlan .flag-inner:after{background: url("../images/plan/flagR.png") right top no-repeat; width: 25px;}
	.premiumPlan .flag-inner span {line-height: 2.7;font-size: 1.1em; letter-spacing: -1px;}

}

@media only screen and (max-width: 800px) {
	.planItem .planDesc .priceTag .cssPrice {font-size: 3.000em;}
}